PageSourceSearch

https://www.wunderkarten.de/

html wunderkarten.de collected 2026-09-28 11:54:27 UTC 259,769 bytes, 984 lines download raw bytes

1<!DOCTYPE html>  <html lang="de-DE" class="kc-classic"> <head>
1<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","errorBeacon":"bam.nr-data.net","licenseKey":"6d416604e4","applicationID":"604861797","transactionName":"YAZVMhFRWkoEW0IMX1lMcRMNU0BQClYZBl9ZF0UJD1xRSxYWRApfQ1l8BSJARGsKV0JLWVkHUh4=","queueTime":0,"applicationTime":83,"agent":""};
2(window.NREUM||(NREUM={})).init={privacy:{cookies_enabled:true},ajax:{deny_list:["bam-cell.nr-data.net"]},session_trace:{sampling_rate:0.0,mode:"FIXED_RATE",enabled:true,error_sampling_rate:0.0},distributed_tracing:{enabled:true}};(window.NREUM||(NREUM={})).loader_config={agentID:"1834701004",accountID:"1916883",trustKey:"1916883",xpid:"VQ8GV15bCxAGVFVaAQAAX1M=",licenseKey:"6d416604e4",applicationID:"604861797",browserID:"1834701004"};;/*! For license information please see nr-loader-spa-1.322.0.min.js.LICENSE.txt */
3(()=>{var e={8122(e,t,r){"use strict";r.d(t,{a:()=>i});var n=r(944);function i(e,t){try{if(!e||"object"!=typeof e)return(0,n.R)(3);if(!t||"object"!=typeof t)return(0,n.R)(4);const r=Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t)),s=0===Object.keys(r).length?e:r;for(let a in s)if(void 0!==e[a])try{if(null===e[a]){r[a]=null;continue}Array.isArray(e[a])&&Array.isArray(t[a])?r[a]=Array.from(new Set([...e[a],...t[a]])):e[a]instanceof Map||e[a]instanceof Set||e[a]instanceof Date||e[a]instanceof RegExp?r[a]=e[a]:"object"==typeof e[a]&&null!==t[a]&&"object"==typeof t[a]?r[a]=i(e[a],t[a]):r[a]=e[a]}catch(e){r[a]||(0,n.R)(1,e)}return r}catch(e){(0,n.R)(2,e)}}},2555(e,t,r){"use strict";r.d(t,{f:()=>a});var n=r(384),i=r(8122);const s={beacon:n.NT.beacon,errorBeacon:n.NT.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0};function a(e){try{return!!e.licenseKey&&!!e.errorBeacon&&!!e.applicationID}catch(e){return!1}}r.d(t,["D",0,e=>(0,i.a)(e,s)])},7699(e,t,r){"use strict";var n=r(860);const i={[n.K7.logging]:!0,[n.K7.genericEvents]:!0,[n.K7.jserrors]:!0,[n.K7.ajax]:!0};r.d(t,["It",0,1e6,"KC",0,i,"qh",0,"SESSION_ERROR"])},9324(e,t,r){"use strict";r.d(t,["A",0,"@newrelic/rrweb","x",0,"1.322.0"])},981(e,t,r){"use strict";r.d(t,["R",0,{AJAX:"AjaxRequest",PA:"PageAction",UA:"UserAction",BP:"BrowserPerformance",WS:"WebSocket",SPV:"SecurityPolicyViolation",JSE:"JavaScriptError",LOG:"Log",PVE:"PageView",PVT:"PageViewTiming",SR:"SessionReplay",ST:"SessionTrace",BI:"BrowserInteraction"}])},9752(e,t,r){"use strict";const n="newrelic-iframe-",i=n+"timing-update",s=n+"api",a=n+"api-response",o=n+"vitals-update",c=n+"ajax";r.d(t,["$8",0,o,"Gi",0,a,"KU",0,c,"Pl",0,n,"cS",0,s,"cr",0,i])},6154(e,t,r){"use strict";var n=r(1863);const i="undefined"!=typeof window&&!!window.document,s="undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),a=i?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),o=Boolean("hidden"===a?.document?.visibilityState),c=""+a?.location,d=/iPad|iPhone|iPod/.test(a.navigator?.userAgent),u=d&&"undefined"==typeof SharedWorker,l=(()=>{const e=a.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);return Array.isArray(e)&&e.length>=2?+e[1]:0})(),f=Date.now()-(0,n.t)();r.d(t,["OF",0,d,"RI",0,i,"WN",0,f,"bv",0,s,"gm",0,a,"lR",0,l,"m",0,c,"mw",0,o,"sb",0,u,"zk",0,()=>{const e=a?.performance?.getEntriesByType?.("navigation")?.[0];if(e&&e.responseStart>0&&e.responseStart<a.performance.now())return e}])},7295(e,t,r){"use strict";r.d(t,{Xv:()=>a,gX:()=>i,iW:()=>s});var n=[];function i(e){if(!e||s(e))return!1;if(0===n.length)return!0;if("*"===n[0].hostname)return!1;for(var t=0;t<n.length;t++){var r=n[t];if(r.hostname.test(e.hostname)&&r.pathname.test(e.pathname))return!1}return!0}function s(e){return void 0===e.hostname}function a(e){if(n=[],e&&e.length)for(var t=0;t<e.length;t++){let r=e[t];if(!r)continue;if("*"===r)return void(n=[{hostname:"*"}]);0===r.indexOf("http://")?r=r.substring(7):0===r.indexOf("https://")&&(r=r.substring(8));const i=r.indexOf("/");let s,a;i>0?(s=r.substring(0,i),a=r.substring(i)):(s=r,a="*");let[c]=s.split(":");n.push({hostname:o(c),pathname:o(a,!0)})}}function o(e,t=!1){const r=e.replace(/[.+?^${}()|[\]\\]/g,e=>"\\"+e).replace(/\*/g,".*?");return new RegExp((t?"^":"")+r+"$")}},3241(e,t,r){"use strict";r.d(t,{W:()=>i});var n=r(6154);function i(e={}){try{n.gm.dispatchEvent(new CustomEvent("newrelic",{detail:e}))}catch(e){}}},1687(e,t,r){"use strict";r.d(t,{Ak:()=>o,Ze:()=>d,x3:()=>c});var n=r(3241),i=r(3606),s=r(860),a=r(2646);function o(e,t){if(!e)return;const r={staged:!1,priority:s.P3[t]||0};
3e.runtime.drainRegistry.get(t)||e.runtime.drainRegistry.set(t,r)}function c(e,t){if(!e)return;const r=e.runtime.drainRegistry;r&&(r.get(t)&&r.delete(t),l(e,t,!1),r.size&&u(e))}function d(e,t="feature",r=!1){if(e){if(!e.runtime.drainRegistry.get(t)||r)return l(e,t);e.runtime.drainRegistry.get(t).staged=!0,u(e)}}function u(e){if(!e)return;const t=Array.from(e.runtime.drainRegistry);t.every(([e,t])=>t.staged)&&(t.sort((e,t)=>e[1].priority-t[1].priority),t.forEach(([t])=>{e.runtime.drainRegistry.delete(t),l(e,t)}))}function l(e,t,r=!0){if(!e)return;const s=e.ee,o=i.i.handlers;if(s&&!s.aborted&&s.backlog&&o){if((0,n.W)({type:"lifecycle",name:"drain",feature:t}),r){const e=s.backlog[t],r=o[t];if(r){for(let t=0;e&&t<e.length;++t)f(e[t],r);Object.entries(r).forEach(([e,t])=>{Object.values(t||{}).forEach(t=>{t[0]?.on&&t[0].context()instanceof a.y&&!t[0].listeners(e).includes(t[1])&&t[0].on(e,t[1])})})}}s.isolatedBacklog||delete o[t],s.backlog[t]=null,s.emit("drain-"+t,[])}}function f(e,t){var r=e[1];Object.values(t[r]||{}).forEach(t=>{var r=e[0];if(t[0]===r){var n=t[1],i=e[3],s=e[2];n.apply(i,s)}})}},7836(e,t,r){"use strict";var n=r(384),i=r(8990),s=r(2646),a=r(5607);const o="nr@context:".concat(a.W),c=function e(t,r){var n={},a={},u={},l=!1;try{l=16===r.length&&d.initializedAgents?.[r]?.runtime.isolatedBacklog}catch(e){}var f={on:p,addEventListener:p,removeEventListener:function(e,t){var r=n[e];if(!r)return;for(var i=0;i<r.length;i++)r[i]===t&&r.splice(i,1)},emit:function(e,r,n,i,s){!1!==s&&(s=!0);if(c.aborted&&!i)return;t&&s&&t.emit(e,r,n);var o=h(n);g(e).forEach(e=>{e.apply(o,r)});var d=v()[a[e]];d&&d.push([f,e,r,o]);return o},get:m,listeners:g,context:h,buffer:function(e,t){const r=v();if(t=t||"feature",f.aborted)return;Object.entries(e||{}).forEach(([e,n])=>{a[n]=t,t in r||(r[t]=[])})},abort:function(){f._aborted=!0,Object.keys(f.backlog).forEach(e=>{delete f.backlog[e]})},isBuffering:function(e){return!!v()[a[e]]},debugId:r,backlog:l?{}:t&&"object"==typeof t.backlog?t.backlog:{},isolatedBacklog:l};return Object.defineProperty(f,"aborted",{get:()=>{let e=f._aborted||!1;return e||(t&&(e=t.aborted),e)}}),f;function h(e){return e&&e instanceof s.y?e:e?(0,i.I)(e,o,()=>new s.y(o)):new s.y(o)}function p(e,t){n[e]=g(e).concat(t)}function g(e){return n[e]||[]}function m(t){return u[t]=u[t]||e(f,t)}function v(){return f.backlog}}(void 0,"globalEE"),d=(0,n.Zm)();d.ee||(d.ee=c),r.d(t,["P",0,o,"ee",0,c])},2646(e,t,r){"use strict";r.d(t,{y:()=>n});class n{constructor(e){this.contextId=e}}},9908(e,t,r){"use strict";r.d(t,{d:()=>n,p:()=>i});var n=r(7836).ee.get("handle");function i(e,t,r,i,s){s?(s.buffer([e],i),s.emit(e,t,r)):(n.buffer([e],i),n.emit(e,t,r))}},3606(e,t,r){"use strict";r.d(t,{i:()=>s});var n=r(9908);s.on=a;var i=s.handlers={};function s(e,t,r,s){a(s||n.d,i,e,t,r)}function a(e,t,r,i,s){s||(s="feature"),e||(e=n.d);var a=t[s]=t[s]||{};(a[r]=a[r]||[]).push([e,i])}},3878(e,t,r){"use strict";function n(e,t){return{capture:e,passive:!1,signal:t}}function i(e,t,r=!1,i){window.addEventListener(e,t,n(r,i))}function s(e,t,r=!1,i){document.addEventListener(e,t,n(r,i))}r.d(t,{DD:()=>s,jT:()=>n,sp:()=>i})},5607(e,t,r){"use strict";const n=(0,r(9566).bz)();r.d(t,["W",0,n])},9566(e,t,r){"use strict";r.d(t,{LA:()=>a,ZF:()=>o,bz:()=>s,el:()=>c});var n=r(6154);function i(e,t){return e?15&e[t]:16*Math.random()|0}function s(){const e=n.gm?.crypto||n.gm?.msCrypto;let t,r=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(30))),"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".split("").map(e=>"x"===e?i(t,r++).toString(16):"y"===e?(3&i()|8).toString(16):e).join("")}function a(e){const t=n.gm?.crypto||n.gm?.msCrypto;let r,s=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const a=[];for(var o=0;o<e;o++)a.push(i(r,s++).toString(16));return a.join("")}function o(){return a(16)}function c(){return a(32)}},2614(e,t,r){"use strict";r.d(t,["BB",0,18e5,"Wt",0,"NRBA_SESSION::","g",0,{OFF:0,FULL:1,ERROR:2},"iL",0,{SAME_TAB:"same-tab",CROSS_TAB:"cross-tab"},"tS",0,{STARTED:"session-started",PAUSE:"session-pause",RESET:"session-reset",RESUME:"session-resume",UPDATE:"session-update"},"wk",0,144e5])},733(e,t,r){"use strict";function n(e,t){return function(e){let t=2166136261;for(let r=0;r<e.length;r++)t^=e.charCodeAt(r),t=Math.imul(t,16777619);return(t>>>0).toString(16).padStart(8,"0")}("".concat(String(e),":").concat(String(t)))}r.d(t,{Y:()=>n})},1863(e,t,r){"use strict";function n(){return Math.floor(performance.now())}r.d(t,{t:()=>n})},9119(e,t,r){"use strict";r.d(t,{L:()=>s});var n=/([^?#]*)[^#]*(#[^?]*|$).*/,i=/([^?#]*)().*/;function s(e,t){return e?e.replace(t?n:i,"$1$2"):e}},7485(e,t,r){"use strict";r.d(t,{D:()=>i});var n=r(6154);function i(e){if(0===(e||"").indexOf("data:"))return{protocol:"data"};try{const t=new URL(e,location.href),r={port:t.port,hostname:t.hostname,pathname:t.pathname,search:t.search,protocol:t.protocol.slice(0,t.protocol.indexOf(":")),sameOrigin:t.protocol===n.gm?.location?.protocol&&t.host===n.gm?.location?.host};return r.port&&""!==r.port||("http:"===t.protocol&&(r.port="80"),"https:"===t.protocol&&(r.port="443")),r.pathname&&""!==r.pathname?r.pathname.startsWith("/")||(r.pathname="/".concat(r.pathname)):r.pathname="/",r}catch(e){return{}}}},7866(e,t,r){"use strict";r.d(t,["Nc",0,/^\s*at Function code \(Function code:\d+:\d+\)\s*/i,"cn",0,/^\s*(?:([^@]*)(?:\(.*?\))?@)?((?:file|http|https|chrome|safari-extension).*?):(\d+)(?::(\d+))?\s*$/i,"fL",0,/^\s*at .+ \(eval at \S+ \((?:(?:file|http|https):[^)]+)?\)(?:, [^:]*:\d+:\d+)?\)$/i,"h3",0,/function (.+?)\s*\(/,"hB",0,/^\s*at (?:((?:\[object object\])?(?:[^(]*\([^)]*\))*[^()]*(?: \[as \S+\])?) )?\(?((?:file|http|https|chrome-extension):.*?)?:(\d+)(?::(\d+))?\)?\s*$/i])},944(e,t,r){"use strict";r.d(t,{R:()=>i});var n=r(3241);function i(e,t){"function"==typeof console.debug&&(console.debug("New Relic Warning: https://github.com/newrelic/newrelic-browser-agent/blob/main/docs/warning-codes.md#".concat(e),t),(0,n.W)({drained:null,type:"data",name:"warn",feature:"warn",data:{code:e,secondary:t}}))}},8990(e,t,r){"use strict";r.d(t,{I:()=>i});var n=Object.prototype.hasOwnProperty;function i(e,t,r){if(n.call(e,t))return e[t];var i=r();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:i,writable:!0,enumerable:!1}),i}catch(e){}return e[t]=i,i}},6389(e,t,r){"use strict";function n(e,t=500,r={}){const n=r?.leading||!1;let i;return(...r)=>{n&&void 0===i&&(e.apply(this,r),i=setTimeout(()=>{i=clearTimeout(i)},t)),n||(clearTimeout(i),i=setTimeout(()=>{e.apply(this,r)},t))}}function i(e){let t=!1;return(...r)=>{t||(t=!0,e.apply(this,r))}}r.d(t,{J:()=>i,s:()=>n})},1910(e,t,r){"use strict";r.d(t,{i:()=>s});var n=r(944);const i=new Map;function s(...e){return e.every(e=>{if(i.has(e))return i.get(e);const t="function"==typeof e?e.toString():"",r=t.includes("[native code]"),s=t.includes("nrWrapper");return r||s||(0,n.R)(64,e?.name||t),i.set(e,r),r})}},3304(e,t,r){"use strict";r.d(t,{A:()=>i});var n=r(7836);function i(e){try{return JSON.stringify(e,(()=>{const e=new WeakSet;return(t,r)=>{if("object"==typeof r&&null!==r){if(e.has(r))return;e.add(r)}return r}})())??""}catch(e){try{n.ee.emit("internal-error",[e])}catch(e){}return""}}},9232(e,t,r){"use strict";r.d(t,["f",0,{MFE:"MFE",BA:"BA"}])},7560(e,t,r){"use strict";r.d(t,{N:()=>a,j:()=>c});var n=r(9119),i=r(944);const s=(0,r(6389).J)(e=>(0,i.R)(80,e));function a(e){if(!Array.isArray(e?.assets)||!e.assets.length)return;
3const t=e.assets.map(o).filter(Boolean);return t.length?{assets:t,scripts:t.filter(e=>e.isScript)}:void 0}function o(e){if(!e||"object"!=typeof e)return;const{matcher:t,type:r}=e;let i="string"==typeof t&&t.endsWith(".js");return void 0!==r&&(!function(e){return"script"===e||"asset"===e}(r)?s(r):i=function(e){return"script"===e}(r)),a=t,"[object RegExp]"===Object.prototype.toString.call(a)?{pattern:t,test:e=>(t.lastIndex=0,t.test((0,n.L)(e))),isScript:i}:"string"==typeof t&&t.length>0?{pattern:t,test:e=>(0,n.L)(e).includes(t),isScript:i}:void s(t);var a}function c(e,t,{scriptsOnly:r=!1}={}){if(!e||!t)return!1;return(r?e.scripts:e.assets).some(e=>e.test(t))}},5718(e,t,r){"use strict";r.d(t,{xo:()=>T,AZ:()=>v,cI:()=>g,Qr:()=>A,QL:()=>y});var n=r(6154),i=r(1863),s=r(9119),a=r(7866);class o{dom=new c;performance=new c;constructor(e){this.url=e,this.claimedBy=new Set}get script(){const e=Math.max(this.dom.start,this.performance.end);return{start:e,end:Math.max(this.dom.end,this.performance.end,e)}}}class c{start=0;end=0;value=void 0}function d(e=()=>{},t){return{get:()=>void 0!==t?t:e(),set:e=>{t=e}}}let u;try{u=v(y())[0]}catch(e){u=v(e)[0]}const l=new Map;let f=[];const h=new WeakMap;function p(e){let t=h.get(e);return t||(t={weighedAssetUrls:new Set,recordManifestScriptWindow:(t,r)=>{t&&(e.scriptStart=e.scriptStart>0?Math.min(e.scriptStart,t):t),r&&(e.scriptEnd=e.scriptEnd>0?Math.max(e.scriptEnd,r):r)}},h.set(e,t)),t}function g(e){return l.get(e)}function m(e){const t=g(e);
3if(t)return t;const r=new o(e);if(l.set(e,r),l.size>1e3){const e=l.keys().next().value;l.delete(e)}return r}if(n.gm.MutationObserver&&n.gm.document){new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{if("SCRIPT"===e.nodeName&&e.src){const t=m((0,s.L)(e.src));t.dom.start=(0,i.t)(),t.dom.value=e;const r=()=>{t.dom.end=(0,i.t)()};["load","error"].forEach(t=>e.addEventListener(t,r,{once:!0}))}})})}).observe(n.gm.document,{childList:!0,subtree:!0})}if(n.gm.PerformanceObserver?.supportedEntryTypes.includes("resource")){new PerformanceObserver(e=>{e.getEntries().forEach(e=>{if((e=>"script"===e.initiatorType||["link","fetch"].includes(e.initiatorType)&&(0,s.L)(e.name).endsWith(".js"))(e)){const t=m((0,s.L)(e.name));t.performance.start=Math.floor(e.startTime),t.performance.end=Math.floor(e.responseEnd),t.performance.value=e}if(!f.length)return;const t=[];f.forEach(({test:r,addedAt:n},s)=>{(r(e)||(0,i.t)()-n>1e4)&&t.push(s)}),f=f.filter((e,r)=>!t.includes(r))})}).observe({type:"resource",buffered:!0})}function v(e){if(!e||"string"!=typeof e)return[];const t=new Set,r=e.split("\n");for(const e of r){const r=e.match(a.cn)||e.match(a.hB)||e.match(a.fL);if(r&&r[2])t.add((0,s.L)(r[2]));else{const r=e.match(/\(([^)]+\.js):\d+:\d+\)/)||e.match(/^\s+at\s+([^\s(]+\.js):\d+:\d+/);r&&r[1]&&t.add((0,s.L)(r[1]))}}return[...t]}function y(){let e;try{const t=Error.stackTraceLimit;Error.stackTraceLimit=50,e=(new Error).stack,Error.stackTraceLimit=t}catch(t){e=(new Error).stack}return e}function b(e,t){return(0,s.L)(e.name)===t}function E(e,t){e.fetchStart=Math.floor(t.startTime),e.fetchEnd=Math.floor(t.responseEnd),e.asset=t.name,e.type=t.initiatorType,w(e,t)}function w(e,t){const r=(0,s.L)(t.name),{weighedAssetUrls:n}=p(e);n.has(r)||(n.add(r),e.totalWeight=(e.totalWeight||0)+(t.transferSize||0),"blocking"===t.renderBlockingStatus?e.renderBlocking=!0:"non-blocking"===t.renderBlockingStatus&&!0!==e.renderBlocking&&(e.renderBlocking=!1))}function R(e,t,r,n,i){if(w(e,t),"scripts"!==i&&"all"!==i)return;if("all"===i||r.isScript){const r=Math.floor(t.startTime),n=Math.floor(t.responseEnd);e.fetchStart=e.fetchStart>0?Math.min(e.fetchStart,r):r,e.fetchEnd=e.fetchEnd>0?Math.max(e.fetchEnd,n):n}if(r.isScript){const r=g((0,s.L)(t.name));if(r){const t=()=>{const{start:t,end:n}=r.script;p(e).recordManifestScriptWindow(t,n)};t(),!r.dom.end&&r.dom.value&&["load","error"].forEach(e=>r.dom.value.addEventListener(e,t,{once:!0}))}n.resolved||(e.asset=t.name,e.type=t.initiatorType,n.resolved=!0)}}function T(e,t){const r=t?.manifest;if(!r||!r.assets.length)return;const s={resolved:!1},a=new Set(r.assets);(n.gm.performance?.getEntriesByType("resource")||[]).forEach(r=>{const n=[...a].find(e=>e.test(r.name));n&&(R(e,r,n,s,t.timingMethod),a.delete(n))}),a.size&&function(e,t,r,s){n.gm.PerformanceObserver?.supportedEntryTypes?.includes("resource")&&f.push({addedAt:(0,i.t)(),test:n=>{const i=[...t].find(e=>e.test(n.name));return i&&(R(e,n,i,r,s),t.delete(i)),0===t.size}})}(e,a,s,t.timingMethod)}function A(e){const t=e?.id,r={registeredAt:(0,i.t)(),reportedAt:void 0,fetchStart:0,fetchEnd:0,scriptStart:0,scriptEnd:0,asset:void 0,type:"unknown",totalWeight:0,renderBlocking:void 0},a=y();if(!a)return r;const o=n.gm.performance?.getEntriesByType("navigation")?.[0]?.name||"";try{const e=v(a),c=(e.length>1?e.filter(e=>u!==e):e)[0];if(!c)return r;if(o.includes(c))return r.asset=(0,s.L)(o),r.type="inline",r;r.correlation=g(c);const l=r.correlation?.performance.value||n.gm.performance?.getEntriesByType("resource")?.find(e=>b(e,c));if(l)E(r,l);else{(function(e){if(!e||!n.gm.document)return!1;try{const t=n.gm.document.querySelectorAll('link[rel="preload"][as="script"]');for(const r of t)if((0,s.L)(r.href)===e)return!0}catch(e){}return!1})(c)&&(r.asset=c,r.type="preload"),function(e,t){n.gm.PerformanceObserver?.supportedEntryTypes?.includes("resource")&&f.push({addedAt:(0,i.t)(),test:r=>!!b(r,t)&&(E(e,r),!0)})}(r,c)}const h=r.correlation,m=!!t&&!!h?.claimedBy.has(t);h&&t&&h.claimedBy.add(t);const y=()=>{const e=h?.script.start;if(!m||!e)return!1;return r.registeredAt-e>1e4};let w=0,R=0;p(r).recordManifestScriptWindow=(e,t)=>{e&&(w=w>0?Math.min(w,e):e),t&&(R=R>0?Math.max(R,t):t)},Object.defineProperty(r,"scriptStart",d(()=>{const e=y()?r.registeredAt:h?.script.start??r.fetchEnd;return w>0?Math.min(e,w):e})),Object.defineProperty(r,"scriptEnd",d(()=>{const e=y()?r.registeredAt:h?.script.end??r.registeredAt;return R>0?Math.max(e,R):e}))}catch(e){}return r}},5732(e,t,r){"use strict";r.d(t,{$5:()=>m,B5:()=>g,K6:()=>u,M$:()=>
3o,Ms:()=>d,NG:()=>c,Ux:()=>h,YA:()=>p,yx:()=>l});var n=r(5718),i=r(7560),s=r(9119),a=r(9232);function o(e){return e?.type===a.f.MFE}function c(e,t){if(!y(e,t))return;const r=t.runtime.registeredEntities;return r?.find(t=>t.metadata.target.iframeInterfaceId===e)}function d(e,t){if(!y(e,t))return[];const r=t.runtime.registeredEntities;return r?.filter(t=>String(t.metadata.target.id)===String(e)).map(e=>e.metadata.target)||[]}function u(e,t){if(!y(e,t))return[];const r=t.runtime.registeredEntities,n=(0,s.L)(e),a=r?.filter(t=>{const r=t.metadata.target?.manifest;return r?(0,i.j)(r,e,{scriptsOnly:!1}):!!t.metadata.timings?.asset&&(0,s.L)(t.metadata.timings.asset)===n});return f(a).map(e=>e.metadata.target)}function l(e,t){if(!y(e,t))return[];const r=t.runtime.registeredEntities,n=r?.filter(t=>{const r=t.metadata.target?.manifest;return r?(0,i.j)(r,e,{scriptsOnly:!0}):!!t.metadata.timings?.asset?.endsWith(e)});return f(n).map(e=>e.metadata.target)}function f(e){if(!e?.length)return e||[];const t=new Map,r=[];for(const n of e){const e=n.metadata?.timings?.asset;if(!e){r.push(n);continue}const i="".concat(e,"::").concat(n.metadata?.target?.id),s=t.get(i);if(s){if(s.metadata.target?.blocked&&!n.metadata.target?.blocked){const e=r.indexOf(s);-1!==e&&(r[e]=n),t.set(i,n)}}else t.set(i,n),r.push(n)}return r}function h(e,t){return v(t)?o(e)?e.attributes:t.agentRef.runtime.v2Target.attributes:{}}function p(e,t){return g(e,t)?{"child.id":e.id,"child.type":e.type,...h(void 0,t)}:{}}function g(e,t){return o(e)&&!!v(t)&&t.agentRef.init.api.register.duplicate_data_to_container}function m(e){if(!e?.runtime)return[];if(!y(!0,e)||!e.runtime.registeredEntities?.length)return[e.runtime.v2Target];const t=[];try{var r=(0,n.AZ)((0,n.QL)());let i=r.length-1;for(;r[i];)t.push(...l(r[i--],e))}catch(e){}const i=function(e){const t=new Set,r=[];for(const n of e){const e=n?.instance;t.has(e)||(t.add(e),r.push(n))}return r}(t);return i.length||i.push(e.runtime.v2Target),i}function v(e){return 2===e?.harvestEndpointVersion}function y(e,t){return!!e&&!!t?.init.api.register.enabled}},5289(e,t,r){"use strict";r.d(t,{GG:()=>a,Qr:()=>c,sB:()=>o});var n=r(3878),i=r(6389);function s(){return"undefined"==typeof document||"complete"===document.readyState}function a(e,t){if(s())return e();const r=(0,i.J)(e),a=setInterval(()=>{s()&&(clearInterval(a),r())},500);(0,n.sp)("load",r,t)}function o(e){if(s())return e();(0,n.DD)("DOMContentLoaded",e)}function c(e){if(s())return e();(0,n.sp)("popstate",e)}},384(e,t,r){"use strict";r.d(t,{Zm:()=>c,bQ:()=>u,dV:()=>d,pV:()=>l});var n=r(6154),i=r(1863),s=r(944),a=r(1910);const o={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function c(){return n.gm.NREUM||(n.gm.NREUM={}),void 0===n.gm.newrelic&&(n.gm.newrelic=n.gm.NREUM),n.gm.NREUM}function d(){let e=c();return e.o||(e.o={ST:n.gm.setTimeout,SI:n.gm.setImmediate||n.gm.setInterval,CT:n.gm.clearTimeout,XHR:n.gm.XMLHttpRequest,REQ:n.gm.Request,EV:n.gm.Event,PR:n.gm.Promise,MO:n.gm.MutationObserver,FETCH:n.gm.fetch,WS:n.gm.WebSocket},(0,a.i)(...Object.values(e.o))),e}function u(e,t){let r=c();r.initializedAgents??={},t.initializedAt={ms:(0,i.t)(),date:new Date},r.initializedAgents[e]=t,2===Object.keys(r.initializedAgents).length&&(0,s.R)(69)}function l(){return function(){let e=c();const t=e.info||{};e.info={beacon:o.beacon,errorBeacon:o.errorBeacon,...t}}(),function(){let e=c();const t=e.init||{};e.init={...t}}(),d(),function(){let e=c();const t=e.loader_config||{};e.loader_config={...t}}(),c()}r.d(t,["NT",0,o])},2843(e,t,r){"use strict";r.d(t,{G:()=>s,u:()=>i});var n=r(3878);function i(e,t=!1,r,i){(0,n.DD)("visibilitychange",function(){if(t)return void("hidden"===document.visibilityState&&e());e(document.visibilityState)},r,i)}function s(e,t,r){(0,n.sp)("pagehide",e,t,r)}},8139(e,t,r){"use strict";r.d(t,{u:()=>f});var n=r(7836),i=r(3434),s=r(8990),a=r(6154);const o={},c=a.gm.XMLHttpRequest,d="addEventListener",u="removeEventListener",l="nr@wrapped:".concat(n.P);function f(e,t){var r=function(e){return(e||n.ee).get("events")}(e);if(o[r.debugId]++)return r;o[r.debugId]=1;var f=(0,i.YM)(r,!0,t);function p(e){f.inPlace(e,[d,u],"-",g)}function g(e,t){return e[1]}return"getPrototypeOf"in Object&&(a.RI&&h(document,p),c&&h(c.prototype,p),h(a.gm,p)),r.on(d+"-start",function(e,t){var r=e[1];if(null!==r&&("function"==typeof r||"object"==typeof r)&&"newrelic"!==e[0]){var n=(0,s.I)(r,l,function(){var e={object:function(){if("function"!=typeof r.handleEvent)return;return r.handleEvent.apply(r,arguments)},function:r}[typeof r];return e?f(e,"fn-",null,e.name||"anonymous"):r});this.wrapped=e[1]=n}}),r.on(u+"-start",function(e){e[1]=this.wrapped||e[1]}),r}function h(e,t,...r){let n=e;for(;"object"==typeof n&&!Object.prototype.hasOwnProperty.call(n,d);)n=Object.getPrototypeOf(n);n&&t(n,...r)}},3434(e,t,r){"use strict";r.d(t,{YM:()=>d});var n=r(7836),i=r(5607),s=r(5732);const a="nr@original:".concat(i.W);var o=Object.prototype.hasOwnProperty,c=!1;function d(e,t,r){return e||(e=n.ee),i.inPlace=function(e,t,r,n,s,a){r||(r="");const o="-"===r.charAt(0);for(let c=0;c<t.length;c++){const d=t[c],u=e[d];l(u)||(e[d]=i(u,o?d+r:r,n,d,s,a))}},i.flag=a,i;function i(t,n,i,c,f,h){return l(t)?t:(n||(n=""),nrWrapper[a]=t,function(e,t,r){if(Object.defineProperty&&Object.keys)try{return Object.keys(e).forEach(function(r){Object.defineProperty(t,r,{get:function(){return e[r]},set:function(t){return e[r]=t,t}})}),t}catch(e){u([e],r)}for(var n in e)o.call(e,n)&&(t[n]=e[n])}
3(t,nrWrapper,e),nrWrapper);function nrWrapper(){var a,o,l,p;let g,m;try{o=this,a=[...arguments],m=h?(0,s.$5)(r):[r?.runtime?.v2Target],l="function"==typeof i?i(a,o):i||{}}catch(t){u([t,"",[a,o,c],l],e)}d(n+"start",[a,o,c,m],l,f);const v=performance.now();let y;try{return p=t.apply(o,a),y=performance.now(),p}catch(e){throw y=performance.now(),d(n+"err",[a,o,e,m],l,f),g=e,g}finally{const e=y-v,t={start:v,end:y,duration:e,isLongTask:e>=50,methodName:c,thrownError:g};t.isLongTask&&d("long-task",[t,o,m],l,f),d(n+"end",[a,o,p,m],l,f)}}}function d(r,n,i,s){if(!c||t){var a=c;c=!0;try{e.emit(r,n,i,t,s)}catch(t){u([t,r,n,i],e)}c=a}}}function u(e,t){t||(t=n.ee);try{t.emit("internal-error",e)}catch(e){}}function l(e){return!(e&&"function"==typeof e&&e.apply&&!e[a])}r.d(t,["Jt",0,a])},9300(e,t,r){"use strict";const n=r(860).K7.ajax;r.d(t,["TZ",0,n,"f5",0,"ajaxRequest.id","mo",0,{NONE:"none",FAILURES:"failures",ALL:"all"}])},3333(e,t,r){"use strict";var n=r(981);const i=r(860).K7.genericEvents,s=[n.R.PA,n.R.UA,n.R.BP];r.d(t,["$v",0,{RESOURCES:"experimental.resources",REGISTER:"register"},"TZ",0,i,"Zp",0,["auxclick","click","copy","keydown","paste","scrollend"],"kd",0,s,"qN",0,["focus","blur"]])},6774(e,t,r){"use strict";const n=r(860).K7.jserrors;r.d(t,["T",0,n])},993(e,t,r){"use strict";const n=r(860).K7.logging;r.d(t,["A$",0,{OFF:0,ERROR:1,WARN:2,INFO:3,DEBUG:4,TRACE:5},"TZ",0,n,"p_",0,{ERROR:"ERROR",WARN:"WARN",INFO:"INFO",DEBUG:"DEBUG",TRACE:"TRACE"}])},3785(e,t,r){"use strict";r.d(t,{R:()=>c,b:()=>d});var n=r(9908),i=r(1863),s=r(860),a=r(3969),o=r(993);function c(e,t,r={},c=o.p_.INFO,d=!0,u,l=(0,i.t)()){(0,n.p)(a.xV,["API/logging/".concat(c.toLowerCase(),"/called")],void 0,s.K7.metrics,e),(0,n.p)("log",[l,t,r,c,d,u],void 0,s.K7.logging,e)}function d(e){return"string"==typeof e&&Object.values(o.p_).some(t=>t===e.toUpperCase().trim())}},3969(e,t,r){"use strict";const n=r(860).K7.metrics;r.d(t,["TZ",0,n,"XG",0,"storeEventMetrics","xV",0,"storeSupportabilityMetrics"])},6630(e,t,r){"use strict";const n=r(860).K7.pageViewEvent;r.d(t,["T",0,n])},782(e,t,r){"use strict";const n=r(860).K7.pageViewTiming;r.d(t,["T",0,n])},6344(e,t,r){"use strict";var n=r(2614);const i=r(860).K7.sessionReplay,s={[n.g.ERROR]:15e3,[n.g.FULL]:3e5,[n.g.OFF]:0}
3;r.d(t,["Qb",0,{API:"api",RESUME:"resume",SWITCH_TO_FULL:"switchToFull",INITIALIZE:"initialize",PRELOAD:"preload"},"TZ",0,i,"Vh",0,"errorDuringReplay","_s",0,{DomContentLoaded:0,Load:1,FullSnapshot:2,IncrementalSnapshot:3,Meta:4,Custom:5},"bc",0,{RESET:{message:"Session was reset",sm:"Reset"},IMPORT:{message:"Recorder failed to import",sm:"Import"},TOO_MANY:{message:"429: Too Many Requests",sm:"Too-Many"},TOO_BIG:{message:"Payload was too large",sm:"Too-Big"},CROSS_TAB:{message:"Session Entity was set to OFF on another tab",sm:"Cross-Tab"},ENTITLEMENTS:{message:"Session Replay is not allowed and will not be started",sm:"Entitlement"}},"yP",0,s])},5270(e,t,r){"use strict";r.d(t,{Aw:()=>a,SR:()=>s,rF:()=>o});var n=r(384),i=r(7767);function s(e){return!!(0,n.dV)().o.MO&&(0,i.V)(e)&&!0===e?.session_trace.enabled}function a(e){return!0===e?.session_replay.preload&&s(e)}function o(e,t){try{if("string"==typeof t?.type&&"password"===t.type.toLowerCase())return"*".repeat(e?.length||0);if(void 0!==t?.dataset?.nrUnmask||t?.classList?.contains("nr-unmask"))return e}catch(e){}return"string"==typeof e?e.replace(/[\S]/g,"*"):"*".repeat(e?.length||0)}},3738(e,t,r){"use strict";const n=r(860).K7.sessionTrace,i="-start",s="-end",a="fn"+i,o="fn"+s;r.d(t,["He",0,"bstResource","Kp",0,s,"Lc",0,o,"Rz",0,"pushState","TZ",0,n,"bD",0,"resource","bc",0,{CROSS_TAB:{message:"Session Entity was set to OFF on another tab"},ENTITLEMENTS:{message:"Session Trace is not allowed and will not be started"},RESET:{message:"Session was reset"},SESSION_CHANGED:{message:"Session identifier changed unexpectedly"}},"d3",0,i,"uP",0,a])},3962(e,t,r){"use strict";const n=r(860).K7.softNav;r.d(t,["O2",0,{INITIAL_PAGE_LOAD:"",ROUTE_CHANGE:1,UNSPECIFIED:2},"OV",0,"popstate","Qu",0,{INTERACTION:1,AJAX:2,CUSTOM_END:3,CUSTOM_TRACER:4},"TZ",0,n,"ih",0,{IP:"in progress",PF:"pending finish",FIN:"finished",CAN:"cancelled"},"pP",0,"initialPageLoad","tC",0,["click","keydown","submit"]])},4234(e,t,r){"use strict";r.d(t,{W:()=>i});var n=r(1687);class i{constructor(e,t){this.agentRef=e,this.ee=e?.ee,this.featureName=t,this.blocked=!1}deregisterDrain(){(0,n.x3)(this.agentRef,this.featureName)}}},7767(e,t,r){"use strict";var n=r(6154);r.d(t,["V",0,e=>n.RI&&!0===e?.privacy.cookies_enabled])},8362(e,t,r){"use strict";r.d(t,{d:()=>s});var n=r(9566),i=r(1741);class s extends i.W{agentIdentifier=(0,n.LA)(16)}},1741(e,t,r){"use strict";r.d(t,{W:()=>s});var n=r(944),i=r(4261);class s{#e(e,...t){if(this[e]!==s.prototype[e])return this[e](...t);(0,n.R)(35,e)}addPageAction(e,t){return this.#e(i.hG,e,t)}register(e){return this.#e(i.eY,e)}recordCustomEvent(e,t){return this.#e(i.fF,e,t)}setPageViewName(e,t){return this.#e(i.Fw,e,t)}setCustomAttribute(e,t,r){return this.#e(i.cD,e,t,r)}noticeError(e,t){return this.#e(i.o5,e,t)}setUserId(e,t=!1){return this.#e(i.Dl,e,t)}setApplicationVersion(e){return this.#e(i.nb,e)}setErrorHandler(e){return this.#e(i.bt,e)}addRelease(e,t){return this.#e(i.k6,e,t)}log(e,t){return this.#e("log",e,t)}start(){return this.#e("start")}finished(e){return this.#e(i.BL,e)}recordReplay(){return this.#e(i.CH)}pauseReplay(){return this.#e(i.Tb)}addToTrace(e){return this.#e(i.U2,e)}setCurrentRouteName(e){return this.#e(i.PA,e)}interaction(e){return this.#e(i.dT,e)}wrapLogger(e,t,r){return this.#e(i.Wb,e,t,r)}measure(e,t){return this.#e(i.V1,e,t)}consent(e){return this.#e(i.Pv,e)}}},4261(e,t,r){"use strict";r.d(t,["BL",0,"finished","CH",0,"recordReplay","Dl",0,"setUserId","Fw",0,"setPageViewName","PA",0,"setCurrentRouteName","Pv",0,"consent","Tb",0,"pauseReplay","U2",0,"addToTrace","V1",0,"measure","Wb",0,"wrapLogger","bt",0,"setErrorHandler","cD",0,"setCustomAttribute","dT",0,"interaction","eY",0,"register","fF",0,"recordCustomEvent","hG",0,"addPageAction","hw",0,"api-ixn-","k6",0,"addRelease","nb",0,"setApplicationVersion","o5",0,"noticeError"])},1738(e,t,r){"use strict";r.d(t,{U:()=>l,Y:()=>u});var n=r(3241),i=r(9908),s=r(1863),a=r(944),o=r(3969),c=r(8362),d=r(860);function u(e,t,r,s){const u=s||r;!u||u[e]&&u[e]!==c.d.prototype[e]||(u[e]=function(){(0,i.p)(o.xV,["API/"+e+"/called"],void 0,d.K7.metrics,r.ee),(0,n.W)({drained:!!r.runtime?.activatedFeatures,type:"data",name:"api",feature:"api-"+e,data:{}});try{return t.apply(this,arguments)}catch(e){(0,a.R)(23,e)}})}function l(e,t,r,n,a){const o=e.info;null===r?delete o.jsAttributes[t]:o.jsAttributes[t]=r,(a||null===r)&&(0,i.p)("api-"+n,[(0,s.t)(),t,r],void 0,"session",e.ee)}},8374(e,t,r){r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},860(e,t,r){"use strict";const n="events",i="jserrors",s="browser/blobs",a="browser/logs",o={ajax:"ajax",genericEvents:"generic_events",jserrors:i,logging:"logging",metrics:"metrics",pageAction:"page_action",pageViewEvent:"page_view_event",pageViewTiming:"page_view_timing",sessionReplay:"session_replay",sessionTrace:"session_trace",softNav:"soft_navigations"},c={[o.pageViewEvent]:1,[o.pageViewTiming]:2,[o.metrics]:3,[o.jserrors]:4,[o.softNav]:5,[o.ajax]:6,[o.sessionTrace]:7,[o.sessionReplay]:8,[o.logging]:9,[o.genericEvents]:10},d={[o.pageViewEvent]:"rum",[o.pageViewTiming]:n,[o.ajax]:n,[o.softNav]:n,[o.metrics]:i,[o.jserrors]:i,[o.sessionTrace]:s,[o.sessionReplay]:s,[o.logging]:a,[o.genericEvents]:"ins"};r.d(t,["$J",0,d,"K7",0,o,"P3",0,c,"XX",0,i,"Yy",0,a,"df",0,s,"hg",0,"connect"])}};const t={};function r(n){const i=t[n];if(void 0!==i)return i.exports;const s=t[n]={exports:{}};return e[n](s,s.exports,r),s.exports}r.m=e,r.d=(e,t)=>{if(Array.isArray(t))for(var n=0;n<t.length;){var i=t[n++],s=t[n++];r.o(e,i)?0===s&&n++:0===s?Object.defineProperty(e,i,{enumerable:!0,value:t[n++]}):Object.defineProperty(e,i,{enumerable:!0,get:s})}else for(var i in t)r.o(t,i)&&!r.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((t,n)=>(r.f[n](e,t),t),[])),r.u=e=>({212:"nr-spa-compressor",238:"nr-spa-iframe-message-handler",249:"nr-spa-recorder",478:"nr-spa"}[e]+"-1.322.0.min.js"),r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{const e={},t="NRBA-1.322.0.PROD:";r.l=(n,i,s,a)=>
3{if(e[n])return void e[n].push(i);let o,c;if(void 0!==s){const e=document.getElementsByTagName("script");for(var d=0;d<e.length;d++){const r=e[d];if(r.getAttribute("src")==n||r.getAttribute("data-webpack")==t+s){o=r;break}}}if(!o){c=!0;var u={478:"sha512-SARROoir04gFygxlr/+mTI+PyMeFL+epi1vnUA2G5mTQ7s3G44ItQBJKbOaIMdIE5OBzuaKhb4k5JYta0NICxg==",249:"sha512-6DKQo5WP7YlpzX6l9UfYkgGLGK2oITdoaYTcZtgl5Foa22NY63lED/0z1hBBLeD7qZCz/YdlY19/r8drlol1tg==",212:"sha512-CYxuvSpDx6ErqWJwAvpoHn54eY37YdMcFao/axOumlw3BsSL7yioOeB2LWViY/Njs818sQG10dSglUhYCMfLPw==",238:"sha512-mvbMILWa3ohYst+u6TLfNrmtY2swUIB3rbJFN/uzt3W62KhgvUVwB81UEZ1R0/it5bfrQ5EVz864pi/CAmucNQ=="};o=document.createElement("script"),o.charset="utf-8",r.nc&&o.setAttribute("nonce",r.nc),o.setAttribute("data-webpack",t+s),o.src=n,0!==o.src.indexOf(window.location.origin+"/")&&(o.crossOrigin="anonymous"),u[a]&&(o.integrity=u[a])}e[n]=[i];const l=(t,r)=>{o.onerror=o.onload=null,clearTimeout(f);const i=e[n];if(delete e[n],o.parentNode?.removeChild(o),i?.forEach(e=>e(r)),t)return t(r)},f=setTimeout(l.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=l.bind(null,o.onerror),o.onload=l.bind(null,o.onload),c&&document.head.appendChild(o)}})(),r.r=e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="https://js-agent.newrelic.com/",(()=>{const e={38:0,788:0};r.f.j=(t,n)=>{let i=r.o(e,t)?e[t]:void 0;if(0!==i)if(i)n.push(i[2]);else{const s=new Promise((r,n)=>i=e[t]=[r,n]);n.push(i[2]=s);const a=r.p+r.u(t),o=new Error,c=n=>{if(r.o(e,t)&&(i=e[t],0!==i&&(e[t]=void 0),i)){const e=n&&("load"===n.type?"missing":n.type),r=n&&n.target&&n.target.src;o.message="Loading chunk "+t+" failed: ("+e+": "+r+")",o.name="ChunkLoadError",o.type=e,o.request=r,i[1](o)}};r.l(a,c,"chunk-"+t,t)}};const t=(t,n)=>{let[i,s,a]=n;var o,c,d=0;if(i.some(t=>0!==e[t])){for(o in s)r.o(s,o)&&(r.m[o]=s[o]);if(a)a(r)}for(t&&t(n);d<i.length;d++)c=i[d],r.o(e,c)&&e[c]&&e[c][0](),e[c]=0},n=self["webpackChunk:NRBA-1.322.0.PROD"]=self["webpackChunk:NRBA-1.322.0.PROD"]||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})(),(()=>{"use strict";r(8374);var e=r(8362),t=r(860);const n=Object.values(t.K7);var i=r(384),s=r(1741);var a=r(2555),o=r(3333),c=r(9300);const d=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var u=r(2614),l=r(944),f=r(8122);const h="[data-nr-mask]",p=e=>(0,f.a)(e,(()=>{const e={feature_flags:[],experimental:{register:!1,resources:!1,iframe_bridge:!1,iframe_domains:[]},mask_selector:"*",block_selector:"[data-nr-block]",mask_input_options:{color:!1,date:!1,"datetime-local":!1,email:!1,month:!1,number:!1,range:!1,search:!1,tel:!1,text:!1,time:!1,url:!1,week:!1,textarea:!1,select:!1,password:!0}};return{ajax:{deny_list:void 0,block_internal:!0,enabled:!0,autoStart:!0,capture_payloads:c.mo.NONE},api:{register:{get enabled(){return e.feature_flags.includes(o.$v.REGISTER)||e.experimental.register},set enabled(t){e.experimental.register=t},duplicate_data_to_container:!1,get allow_iframe_bridge(){return e.feature_flags.includes(o.$v.IFRAME_BRIDGE)||e.experimental.iframe_bridge},set allow_iframe_bridge(t){e.experimental.iframe_bridge=t},get iframe_domains(){return e.experimental.iframe_domains},set iframe_domains(t){Array.isArray(t)?e.experimental.iframe_domains=t:(0,l.R)(1,t)}}},browser_consent_mode:{enabled:!1},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},get feature_flags(){return e.feature_flags},set feature_flags(t){e.feature_flags=t},generic_events:{enabled:!0,autoStart:!0},harvest:{interval:30},jserrors:{enabled:!0,autoStart:!0},logging:{enabled:!0,autoStart:!0},metrics:{enabled:!0,autoStart:!0},obfuscate:void 0,page_action:{enabled:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,autoStart:!0},performance:{capture_marks:!1,capture_measures:!1,capture_detail:!0,resources:{get enabled(){return e.feature_flags.includes(o.$v.RESOURCES)||e.experimental.resources},set enabled(t){e.experimental.resources=t},asset_types:[],first_party_domains:[],ignore_newrelic:!0}},privacy:{cookies_enabled:!0},proxy:{assets:void 0,beacon:void 0},session:{expiresMs:u.wk,inactiveMs:u.BB},session_replay:{autoStart:!0,enabled:!1,preload:!1,sampling_rate:10,error_sampling_rate:100,collect_fonts:!1,inl
3ine_images:!1,fix_stylesheets:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){d(t)?e.mask_selector="".concat(t,",").concat(h):""===t||null===t?e.mask_selector=h:(0,l.R)(5,t)},get block_class(){return"nr-block"},get ignore_class(){return"nr-ignore"},get mask_text_class(){return"nr-mask"},get block_selector(){return e.block_selector},set block_selector(t){d(t)?e.block_selector+=",".concat(t):""!==t&&(0,l.R)(6,t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&"object"==typeof t?e.mask_input_options={...t,password:!0}:(0,l.R)(7,t)}},session_trace:{enabled:!0,autoStart:!0},soft_navigations:{enabled:!0,autoStart:!0},ssl:void 0,user_actions:{enabled:!0,elementAttributes:["id","className","tagName","type"]},web_sockets:{enabled:!1}}})());var g=r(6154),m=r(9324);let v=0;const y={buildEnv:"PROD",distMethod:"CDN",version:m.x,originTime:g.WN},b={consented:!1},E={activatedFeatures:void 0,appMetadata:{},configured:!1,get consented(){return this.session?.state?.consent||b.consented},set consented(e){b.consented=e},customTransaction:void 0,denyList:[],disabled:!1,drainRegistry:new Map,connector:void 0,harvester:void 0,v2Target:void 0,isolatedBacklog:!1,isRecording:!1,loaderType:void 0,maxBytes:3e4,obfuscator:void 0,onerror:void 0,ptid:void 0,releaseIds:{},session:void 0,timeKeeper:void 0,registeredEntities:[],jsAttributesMetadata:{bytes:0},get harvestCount(){return++v},listeningForIframeMessages:!1};var w=r(9232);var R=r(7836),T=r(3241);const A={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0};var S=r(9908),x=r(9752);function O(e,t={},n,o){let{init:c,info:d,loader_config:u,runtime:l={},exposed:h=!0}=t;if(!d){const e=(0,i.pV)();c=e.init,d=e.info,u=e.loader_config}var m;e.init=p(c||{}),e.loader_config=(m=u||{},(0,f.a)(m,A)),d.jsAttributes??={},g.bv&&(d.jsAttributes.isWorker=!0),e.info=(0,a.D)(d);const v=e.init;e.runtime??=(e=>{const t=(0,f.a)(e,E),r=Object.keys(y).reduce((e,t)=>(e[t]={value:y[t],writable:!1,configurable:!0,enumerable:!0},e),{});return Object.defineProperties(t,r)})(l),e.runtime.v2Target??={type:w.f.BA,instance:e.agentIdentifier,get id(){return e.runtime.appMetadata?.agents?.[0]?.entityGuid},get attributes(){return{"entity.guid":this.id,appId:e.info.applicationID}}},v.proxy.assets&&(e=>{const t=e.startsWith("http");e+="/",r.p=t?e:"https://"+e})(v.proxy.assets),e.runtime.configured||(Object.defineProperty(e,"beacons",{get:()=>[e.info.beacon,e.info.errorBeacon,e.init.proxy.assets,e.init.proxy.beacon].filter(Boolean)}),Object.defineProperty(e.runtime,"denyList",{get:()=>[...e.init.ajax.deny_list||[],...e.init.ajax.block_internal?e.beacons:[]]}),e.runtime.ptid=e.agentIdentifier,function(e){const t=(0,i.pV)();Object.getOwnPropertyNames(s.W.prototype).forEach(r=>{const n=s.W.prototype[r];if("function"!=typeof n||"constructor"===n)return;let i=t[r];e[r]&&!1!==e.exposed&&"micro-agent"!==e.runtime?.loaderType&&(t[r]=(...t)=>{const n=e[r](...t);return i?i(...t):n})})}(e),e.runtime.loaderType=n,e.ee=R.ee.get(e.agentIdentifier),e.exposed=h,(0,T.W)({drained:!!e.runtime.activatedFeatures,type:"lifecycle",name:"initialize",feature:void 0,data:e.config}),e.init.api.register.allow_iframe_bridge&&g.gm.addEventListener("message",t=>{"string"==typeof t.data?.type&&t.data.type.startsWith(x.Pl)&&(0,S.p)("iframe-message",[t],void 0,"IFRAME",e.ee)}),e.runtime.configured=!0)}var _=r(1863),k=r(4261),N=r(1738);var L=r(1687),M=r(4234),P=r(5289),I=r(5270),j=r(7767),C=r(6389),D=r(7699);const B=new WeakSet,H=new WeakMap;class W extends M.W{constructor(e,t){super(e,t),this.abortHandler=void 0,this.featAggregate=void 0,this.loadedSuccessfully=void 0,this.onAggregateImported=new Promise(e=>{this.loadedSuccessfully=e}),this.deferred=Promise.resolve(),!1===e.init[this.featureName].autoStart?this.deferred=new Promise((t,r)=>{this.ee.on("manual-start-all",(0,C.J)(()=>{(0,L.Ak)(e,this.featureName),t()}))}):(0,L.Ak)(e,t)}importAggregator(e,t,n={}){if(this.featAggregate)return;const i=async()=>{if(await this.deferred,this.#t(e),!(0,a.f)(e.info))return(0,l.R)(43),e.ee.abort(),void this.loadedSuccessfully(!1);try{await async function(e,t,n){if(H.has(e))return H.get(e);const i=(async()=>
3{if((0,j.V)(e.init))try{const{setupAgentSession:t}=await r.e(478).then(r.bind(r,8766));t(e)}catch(e){(0,l.R)(20,e),t.emit("internal-error",[e]),(0,S.p)(D.qh,[e],void 0,n,t)}if(e.init.api.register.allow_iframe_bridge)try{const{setupIframeMFEMessageListener:t}=await r.e(238).then(r.bind(r,6417));t(e)}catch(e){(0,l.R)(23,e)}const[{Connector:i},{Harvester:s}]=await Promise.all([r.e(478).then(r.bind(r,6589)),r.e(478).then(r.bind(r,5237))]);e.runtime.connector=new i(e),e.runtime.harvester=new s(e);const a=Object.values(e.features).filter(t=>e.runtime.drainRegistry.has(t.featureName));Promise.all(a.map(e=>e.onAggregateImported)).then(()=>e.runtime.harvester.startTimer())})();H.set(e,i),await i}(e,this.ee,this.featureName)}catch(e){return(0,l.R)(79,e),this.ee.abort(),void this.loadedSuccessfully(!1)}try{if(!this.#r(this.featureName,e.runtime.session,e.init))return this.abortHandler?.(),(0,L.Ze)(this.agentRef,this.featureName),void this.loadedSuccessfully(!1);const{Aggregate:r}=await t();this.featAggregate=new r(e,n),e.runtime.harvester.initializedAggregates.push(this.featAggregate),this.loadedSuccessfully(!0)}catch(e){(0,l.R)(34,e),this.abortHandler?.(),(0,L.Ze)(this.agentRef,this.featureName,!0),this.loadedSuccessfully(!1)}};g.RI?(0,P.GG)(()=>i(),!0):i()}#r(e,r,n){if(this.blocked)return!1;switch(e){case t.K7.sessionReplay:return(0,I.SR)(n)&&!!r;case t.K7.sessionTrace:return!!r;default:return!0}}#t(e){if(!B.has(e)&&(B.add(e),!(0,a.f)(e.info))){const t=(0,i.pV)();let r={...t.info?.jsAttributes};try{r={...r,...e.info?.jsAttributes}}catch(e){}O(e,{...t,info:{...t.info,jsAttributes:r},runtime:e.runtime},e.runtime.loaderType)}}}var U=r(6630);class K extends W{static featureName=U.T;constructor(e){var t;super(e,U.T),this.setupInspectionEvents(),t=e,(0,N.Y)(k.Fw,function(e,r){"string"==typeof e&&("/"!==e.charAt(0)&&(e="/"+e),t.runtime.customTransaction=(r||"http://custom.transaction")+e,(0,S.p)("api-"+k.Fw,[(0,_.t)()],void 0,void 0,t.ee))},t),this.importAggregator(e,()=>e.init.feature_flags.includes("rum_v2")?r.e(478).then(r.bind(r,908)):r.e(478).then(r.bind(r,7927)))}setupInspectionEvents(){const e=(e,t)=>{e&&(0,T.W)({timeStamp:e.timeStamp,loaded:"complete"===e.target.readyState,type:"window",name:t,data:e.target.location+""})};(0,P.sB)(t=>{e(t,"DOMContentLoaded")}),(0,P.GG)(t=>{e(t,"load")}),(0,P.Qr)(t=>{e(t,"navigate")}),this.ee.on(u.tS.UPDATE,(e,t)=>{(0,T.W)({type:"lifecycle",name:"session",data:t})})}}class F extends e.d{constructor(e){var t;(super(),g.gm)?(this.features={},(0,i.bQ)(this.agentIdentifier,this),this.desiredFeatures=new Set(e.features||[]),this.desiredFeatures.add(K),O(this,e,e.loaderType||"agent"),t=this,(0,N.Y)(k.cD,function(e,r,n=!1){if("string"==typeof e){if(["string","number","boolean"].includes(typeof r)||null===r)return(0,N.U)(t,e,r,k.cD,n);(0,l.R)(40,typeof r)}else(0,l.R)(39,typeof e)},t),function(e){(0,N.Y)(k.Dl,function(t,r=!1){if("string"!=typeof t&&null!==t)return void(0,l.R)(41,typeof t);const n=e.info.jsAttributes["enduser.id"];r&&null!=n&&n!==t?(0,S.p)("api-setUserIdAndResetSession",[t],void 0,"session",e.ee):(0,N.U)(e,"enduser.id",t,k.Dl,!0)},e)}(this),function(e){(0,N.Y)(k.nb,function(t){if("string"==typeof t||null===t)return(0,N.U)(e,"application.version",t,k.nb,!1);(0,l.R)(42,typeof t)},e)}(this),function(e){(0,N.Y)("start",function(){e.ee.emit("manual-start-all")},e)}(this),function(e){(0,N.Y)(k.Pv,function(t=!0){if("boolean"==typeof t){if((0,S.p)("api-"+k.Pv,[t],void 0,"session",e.ee),e.runtime.consented=t,t){const t=e.features.page_view_event;t.onAggregateImported.then(e=>{const r=t.featAggregate;e&&!r.sentRum&&r.sendRum?.()})}}else(0,l.R)(65,typeof t)},e)}(this),this.run()):(0,l.R)(21)}get config(){return{info:this.info,init:this.init,loader_config:this.loader_config,runtime:this.runtime}}get api(){return this}run(){try{const e=function(e){const t={};return n.forEach(r=>{t[r]=!!e[r]?.enabled}),t}(this.init),r=[...this.desiredFeatures],i=this.init.feature_flags.includes("rum_v2");r.sort((e,r)=>t.P3[e.featureName]-t.P3[r.featureName]),r.forEach(r=>{if(!e[r.featureName]&&(i||r.featureName!==t.K7.pageViewEvent))return;const n=function(e){switch(e){case t.K7.ajax:return[t.K7.jserrors];case t.K7.sessionTrace:return[t.K7.ajax,t.K7.pageViewEvent];case t.K7.sessionReplay:return[t.K7.sessionTrace];case t.K7.pageViewTiming:return[t.K7.pageViewEvent];default:return[]}}(r.featureName).filter(e=>!(e in this.features));n.length>0&&(0,l.R)(36,{targetFeature:r.featureName,missingDependencies:n}),this.features[r.featureName]=new r(this)})}catch(e){(0,l.R)(22,e);for(const e in this.features)this.features[e].abortHandler?.();const t=(0,i.Zm)();delete t.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator;return t.ee.get(this.agentIdentifier).abort(),!1}}}var V=r(2843),z=r(782);class G extends W{static featureName=z.T;constructor(e){super(e,z.T),g.RI&&((0,V.u)(()=>(0,S.p)("docHidden",[(0,_.t)()],void 0,z.T,this.ee),!0),(0,V.G)(()=>(0,S.p)("winPagehide",[(0,_.t)()],void 0,z.T,this.ee)),this.importAggregator(e,()=>r.e(478).then(r.bind(r,9917))))}}var q=r(3969);class Y extends W{static featureName=q.TZ;constructor(e){super(e,q.TZ),this.importAggregator(e,()=>r.e(478).then(r.bind(r,6555)))}}var Z=r(6774),J=r(3878),X=r(3304);class Q{constructor(e,t,r,n,i){this.name="UncaughtError",this.message="string"==typeof e?e:(0,X.A)(e),this.sourceURL=t,this.line=r,this.column=n,this.__newrelic=i}}function ee(e){return ne(e)?e:new Q(void 0!==e?.message?e.message:e,e?.filename||e?.sourceURL,e?.lineno||e?.line,e?.colno||e?.col,e?.__newrelic,e?.cause)}function te(e){const t="Unhandled Promise Rejection: ";if(!e?.reason)return;if(ne(e.reason)){try{e.reason.message.startsWith(t)||(e.reason.message=t+e.reason.message)}catch(e){}return ee(e.reason)}const r=ee(e.reason);return(r.message||"").startsWith(t)||(r.message=t+r.message),r}function re(e){if(e.error instanceof SyntaxError&&!/:\d+$/.test(e.error.stack?.trim())){const t=new Q(e.message,e.filename,e.lineno,e.colno,e.error.__newrelic,e.cause);return t.name=SyntaxError.name,t}return ne(e.error)?e.error:ee(e)}function ne(e){return e instanceof Error&&!!e.stack}function ie(e,r,n,i,s=(0,_.t)()){"string"==typeof e&&(e=new Error(e)),(0,S.p)("err",[e,s,!1,r,n.runtime.isRecording,void 0,i],void 0,t.K7.jserrors,n.ee),(0,S.p)("uaErr",[],void 0,t.K7.genericEvents,n.ee)}var se=r(993),ae=r(3785);function oe(e,{customAttributes:t={},level:r=se.p_.INFO}={},n,i,s=(0,_.t)()){(0,ae.R)(n.ee,e,t,r,!1,i,s)}function ce(e,r,n,i,s=(0,_.t)()){(0,S.p)("api-"+k.hG,[s,e,r,i],void 0,t.K7.genericEvents,n.ee)}function de(e,r,n,i,s=(0,_.t)()){const{start:a,end:o,customAttributes:c}=r||{},d={customAttributes:c||{}};if("object"!=typeof d.customAttributes||"string"!=typeof e||0===e.length)return void(0,l.R)(57);const u=(e,t)=>
3null==e?t:"number"==typeof e?e:e instanceof PerformanceMark?e.startTime:Number.NaN;if(d.start=u(a,0),d.end=u(o,s),Number.isNaN(d.start)||Number.isNaN(d.end))(0,l.R)(57);else{if(d.duration=d.end-d.start,!(d.duration<0))return(0,S.p)("api-"+k.V1,[d,e,i],void 0,t.K7.genericEvents,n.ee),d;(0,l.R)(58)}}function ue(e,r={},n,i,s=(0,_.t)()){(0,S.p)("api-"+k.fF,[s,e,r,i],void 0,t.K7.genericEvents,n.ee)}var le=r(5718);const fe=(e,t)=>e?.nrMfeId===t.id&&(!e?.nrMfeObserved||e?.nrMfeObserved===t.instance),he=e=>{try{return g.gm.CSS.escape(e)}catch(t){return e}},pe=(e,t={})=>{const r=t.id,n=t.instance;if(!e||!r||!n)return!1;try{let r=1===e.nodeType?e:e.parentElement;for(;r?.tagName;){if(fe(r.dataset,t))return r.dataset.nrMfeObserved=n,!0;r=r.parentNode}}catch(e){}return!1},ge=(e,t)=>{const r=g.gm.document?.querySelectorAll('[data-nr-mfe-id="'.concat(he(e.id),'"]')),n=(Array.from(r)||[]).find(t=>fe(t.dataset,e));let i=!!n;i&&(n.dataset.nrMfeObserved??=e.instance);const s=new g.gm.MutationObserver(r=>{r.forEach(r=>{r.addedNodes.forEach(r=>{const n=1===r.nodeType?r:null;!i&&fe(n?.dataset,e)&&(s.disconnect(),s.observe(n,{childList:!0,subtree:!0}),i=!0,n.dataset.nrMfeObserved=e.instance),(e=>{try{return e?.textContent?.trim()||["img","video","canvas","svg"].includes(e?.nodeName?.toLowerCase())}catch(e){return!1}})(r)&&(i||pe(r,e))&&t(r,s)})})});return s.observe(n||g.gm.document,{childList:!0,subtree:!0}),s},me=(e,t,r)=>{try{const n=new g.gm.PerformanceObserver(e=>{e.getEntries().forEach(r)});return n.observe(t),e.push(n),n}catch(e){return null}};function ve(e,t){let r,n,i=!1;const s=e=>null==e?e:e-(t?.scriptStart||t?.registeredAt||0),a={fcp:{get value(){const e=s(r);return e>1e4?void 0:e},set value(e){i||(r=e)}},lcp:{get value(){if(void 0!==a.fcp.value)return s(n)},set value(e){i||(n=e)}},cls:{value:void 0},inp:{value:void 0},disconnect:()=>{}};if(!(e&&g.RI&&g.gm.MutationObserver&&g.gm.PerformanceObserver))return a;const o=[];setTimeout(()=>{r||a.disconnect()},1e4);const c=()=>{if(!i){if(null==r){const e=(0,_.t)();if(s(e)>1e4)return void a.disconnect();r=e}n??=(0,_.t)(),a.cls.value??=0}},d=ge(e,(e,t)=>{c(),t.disconnect()});o.push(d);let u=0,l=null;const f=new Set;try{l=new g.gm.ResizeObserver(e=>{i||e.forEach(e=>{try{const t=e.contentRect.width*e.contentRect.height;t>u&&(u=t,a.lcp.value=(0,_.t)()),l.unobserve(e.target)}catch(e){}})})}catch(e){}const h=ge(e,e=>{if(c(),l)try{const t=1===e.nodeType?e:e.parentElement;t&&!f.has(t)&&(f.add(t),"IMG"===t.tagName?t.complete?l.observe(t):t.addEventListener("load",()=>{l.observe(t)},{once:!0}):"VIDEO"===t.tagName?t.readyState>=2?l.observe(t):t.addEventListener("loadeddata",()=>{l.observe(t)},{once:!0}):l.observe(t))}catch(e){}});l&&o.push(l),o.push(h),me(o,{type:"layout-shift",buffered:!0},t=>{i||t.hadRecentInput||(t.sources||[]).some(r=>!!pe(r.node,e)&&(c(),a.cls.value+=t.value,!0))}),me(o,{type:"event",buffered:!0,durationThreshold:40},t=>{!i&&t.interactionId&&pe(t.target,e)&&(void 0===a.inp.value||t.duration>a.inp.value)&&(c(),a.inp.value=t.duration)});const p=["pointerdown","keydown"],m=()=>{p.forEach(e=>{g.gm.removeEventListener(e,v,{passive:!0})})};a.disconnect=()=>{i=!0,o.forEach(e=>{try{e?.disconnect()}catch(e){}}),m(),["visibilitychange","pagehide"].forEach(e=>{g.gm.removeEventListener(e,a.disconnect,{once:!0,passive:!0})})};const v=t=>{pe(t?.target,e)&&((()=>{try{h?.disconnect(),l?.disconnect()}catch(e){}})(),m())};p.forEach(e=>{g.gm.addEventListener(e,v,{passive:!0})}),["visibilitychange","pagehide"].forEach(e=>{g.gm.addEventListener(e,a.disconnect,{once:!0,passive:!0})});const y=g.gm.document?.querySelectorAll('[data-nr-mfe-id="'.concat(he(e.id),'"]'));return Array.from(y||[]).some(t=>fe(t.dataset,e))&&c(),a}var ye=r(9566),be=r(7560),Ee=r(9119);const we=["entry","scripts","all"],Re=["name","id","type"],Te=new Map([[ce,"addPageAction"],[oe,"log"],[de,"measure"],[ie,"noticeError"],[ue,"recordCustomEvent"]]),Ae={experimental:(0,C.J)(()=>(0,l.R)(54,"newrelic.register")),disabled:(0,C.J)(()=>(0,l.R)(55)),invalidTarget:(0,C.J)(e=>(0,l.R)(48,e)),deregistered:(0,C.J)(()=>(0,l.R)(68)),invalidTimingMethod:(0,C.J)(e=>(0,l.R)(80,e)),duplicateName:(0,C.J)(e=>(0,l.R)(81,e)),duplicateId:(0,C.J)(e=>(0,l.R)(82,e))};function Se(e){(0,N.Y)(k.eY,function(t){return xe(e,t)},e)}function xe(e,r){Ae.experimental(),r||={},r.instance=(0,ye.LA)(8),r.type=w.f.MFE,r.licenseKey||=e.info.licenseKey,r.blocked=!1,("object"!=typeof r.tags||null===r.tags||Array.isArray(r.tags))&&(r.tags={}),r.parent??={get id(){return e.runtime.appMetadata.agents?.[0].entityGuid},type:w.f.BA},r.manifest=(0,be.N)(r.manifest),void 0===r.timingMethod||we.includes(r.timingMethod)||(Ae.invali
3dTimingMethod(r.timingMethod),r.timingMethod=void 0);const n=(0,le.Qr)(r);r.manifest&&(0,le.xo)(n,r);const i=ve(r,n),s=(0,Ee.L)(""+location),a={};Object.prototype.hasOwnProperty.call(r,"attributes")||Object.defineProperty(r,"attributes",{get:()=>({...a,"source.id":r.id,"source.name":r.name,"source.type":r.type,"parent.type":r.parent?.type||w.f.BA,"parent.id":r.parent?.id})}),Object.entries(r.tags).forEach(([e,t])=>{Re.includes(e)||(a["source.".concat(e)]=t)});let o=()=>{};const c=e.runtime.registeredEntities,d=e=>{r.blocked=!0,o=e};function u(e){return"string"==typeof e&&!!e.trim()&&e.trim().length<501}e.init.api.register.enabled||d(Ae.disabled),u(r.id)&&u(r.name)||d(()=>Ae.invalidTarget(r)),c.forEach(e=>{try{const{name:t,id:n}=e.metadata.target;t===r.name&&n!==r.id&&Ae.duplicateName(r),n===r.id&&t!==r.name&&Ae.duplicateId(r)}catch(e){}});const f={addPageAction:(t,n={})=>m(ce,[t,{...a,...n},e],r),deregister:()=>{p(),d(Ae.deregistered)},log:(t,n={})=>m(oe,[t,{...n,customAttributes:{...a,...n.customAttributes||{}}},e],r),measure:(t,n={})=>m(de,[t,{...n,customAttributes:{...a,...n.customAttributes||{}}},e],r),noticeError:(t,n={})=>m(ie,[t,{...a,...n},e],r),recordCustomEvent:(t,n={})=>m(ue,[t,{...a,...n},e],r),setApplicationVersion:e=>g("application.version",e),setCustomAttribute:(e,t)=>g(e,t),setUserId:e=>g("enduser.id",e),metadata:{get customAttributes(){return a},target:r,timings:n,vitals:i,events:{latestTimestamp:void 0}}},h=()=>(r.blocked&&o(),r.blocked);function p(){if(n.reportedAt)return;n.reportedAt=(0,_.t)(),i.disconnect(),n.fcp=i.fcp,n.lcp=i.lcp,n.cls=i.cls,n.inp=i.inp;const e=n.fetchEnd-n.fetchStart,t=n.scriptEnd-n.scriptStart,r={assetUrl:n.asset,assetType:n.type,registerUrl:s,deregisterUrl:(0,Ee.L)(""+location),pageUrl:void 0,currentUrl:void 0,timeAlive:n.reportedAt-n.registeredAt,timeToBeRequested:n.fetchStart,timeToExecute:t,timeToFetch:e,timeToLoad:e+t,t
3imeToRegister:n.registeredAt,totalWeight:n.totalWeight,...void 0!==n.renderBlocking&&{renderBlocking:n.renderBlocking},...i.fcp.value>=0&&{"vitals.fcp.value":i.fcp.value},...i.lcp.value>=0&&{"vitals.lcp.value":i.lcp.value},...i.cls.value>=0&&{"vitals.cls.value":i.cls.value},...i.inp.value>=0&&{"vitals.inp.value":i.inp.value}};f.recordCustomEvent("MicroFrontEndTiming",r)}h()||(c.push(f),(0,V.G)(p));const g=(e,t)=>{h()||(a[e]=t)},m=(r,n,i)=>{if(h()&&r!==xe)return;const s=f.metadata.events.latestTimestamp??(0,_.t)();f.metadata.events.latestTimestamp=void 0;const a=Te.get(r)||"unknown";(0,S.p)(q.xV,["API/register/".concat(a,"/called")],void 0,t.K7.metrics,e.ee);try{return r(...n,i,s)}catch(e){(0,l.R)(50,e)}};return f}class Oe extends W{static featureName=Z.T;constructor(e){var t;super(e,Z.T),t=e,(0,N.Y)(k.o5,(e,r)=>ie(e,r,t),t),function(e){(0,N.Y)(k.bt,function(t){e.runtime.onerror=t},e)}(e),function(e){let t=0;(0,N.Y)(k.k6,function(e,r){++t>10||(this.runtime.releaseIds[e.slice(-200)]=(""+r).slice(-200))},e)}(e),Se(e);try{this.removeOnAbort=new AbortController}catch(e){}this.ee.on("internal-error",(t,r)=>{this.abortHandler&&(0,S.p)("ierr",[ee(t),(0,_.t)(),!0,{},e.runtime.isRecording,r],void 0,this.featureName,this.ee)}),g.gm.addEventListener("unhandledrejection",t=>{this.abortHandler&&(0,S.p)("err",[te(t),(0,_.t)(),!1,{unhandledPromiseRejection:1},e.runtime.isRecording],void 0,this.featureName,this.ee)},(0,J.jT)(!1,this.removeOnAbort?.signal)),g.gm.addEventListener("error",t=>{this.abortHandler&&(0,S.p)("err",[re(t),(0,_.t)(),!1,{},e.runtime.isRecording],void 0,this.featureName,this.ee)},(0,J.jT)(!1,this.removeOnAbort?.signal)),this.abortHandler=this.#n,this.importAggregator(e,()=>r.e(478).then(r.bind(r,9377)))}#n(){this.removeOnAbort?.abort(),this.abortHandler=void 0}}var _e=r(8990);let ke=1;function Ne(e){const t=typeof e;return!e||"object"!==t&&"function"!==t?-1:e===g.gm?0:(0,_e.I)(e,"nr@id",function(){return ke++})}function Le(e){if("string"==typeof e)return e.length;if("object"==typeof e){if("undefined"!=typeof ArrayBuffer&&e instanceof ArrayBuffer&&e.byteLength)return e.byteLength;if("undefined"!=typeof Blob&&e instanceof Blob&&e.size)return e.size;if(!("undefined"!=typeof FormData&&e instanceof FormData))try{return(0,X.A)(e).length}catch(e){return}}}var Me=r(8139),Pe=r(3434),Ie=r(5732);const je={},Ce=["open","send","setRequestHeader"];function De(e,t){var r=e||R.ee;const n=function(e){return(e||R.ee).get("xhr")}(r);if(void 0===g.gm.XMLHttpRequest)return n;if(je[n.debugId]++)return n;je[n.debugId]=1,(0,Me.u)(r,t);var i=(0,Pe.YM)(n,void 0,t),s=g.gm.XMLHttpRequest,a=g.gm.MutationObserver,o=g.gm.Promise,c=g.gm.setInterval,d="readystatechange",u=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],f=[],h=g.gm.XMLHttpRequest=function(e){const r=new s(e),a=n.context(r);a.targets=(0,Ie.$5)(t);try{n.emit("new-xhr",[r],a),r.addEventListener(d,(o=a,function(){var e=this;e.readyState>3&&!o.resolved&&(o.resolved=!0,n.emit("xhr-resolved",[],e)),i.inPlace(e,u,"fn-",E)}),(0,J.jT)(!1))}catch(e){(0,l.R)(15,e);try{n.emit("internal-error",[e])}catch(e){}}var o;return r};function p(e,t){i.inPlace(t,["onreadystatechange"],"fn-",E)}if(function(e,t){for(var r in e)t[r]=e[r]}(s,h),h.prototype=s.prototype,i.inPlace(h.prototype,Ce,"-xhr-",E),n.on("send-xhr-start",function(e,t){p(e,t),function(e){f.push(e),a&&(m?m.then(b):c?c(b):(v=-v,y.data=v))}(t)}),n.on("open-xhr-start",p),a){var m=o&&o.resolve();if(!c&&!o){var v=1,y=document.createTextNode(v);new a(b).observe(y,{characterData:!0})}}else r.on("fn-end",function(e){e[0]&&e[0].type===d||b()});function b(){for(var e=0;e<f.length;e++)p(0,f[e]);f.length&&(f=[])}function E(e,t){return t}return n}var Be="fetch-",He=Be+"body-",We=["arrayBuffer","blob","json","text","formData"],Ue=g.gm.Request,Ke=g.gm.Response,Fe="prototype";const Ve={};function ze(e,t){const r=function(e){return(e||R.ee).get("fetch")}(e);if(!(Ue&&Ke&&g.gm.fetch))return r;if(Ve[r.debugId]++)return r;function n(e,n,i){var s=e[n];"function"==typeof s&&(e[n]=function(){var e=[...arguments];const n={},a=(0,Ie.$5)(t);var o;r.emit(i+"before-start",[e],n),n[R.P]&&n[R.P].dt&&(o=n[R.P].dt);var c=s.apply(this,e);return r.emit(i+"start",[e,o],c),c.then(function(e){return r.emit(i+"end",[null,e,a],c),e},function(e){throw r.emit(i+"end",[e,void 0,a],c),e})})}
3return Ve[r.debugId]=1,We.forEach(e=>{n(Ue[Fe],e,He),n(Ke[Fe],e,He)}),n(g.gm,"fetch",Be),r.on(Be+"end",function(e,n,i){var s=this;if(s.targets=i||[t.runtime.v2Target],n){var a=n.headers.get("content-length");null!==a&&(s.rxSize=a),r.emit(Be+"done",[null,n],s)}else r.emit(Be+"done",[e],s)}),r}var Ge=r(7485);class qe{constructor(e){this.agentRef=e}generateTracePayload(e){const t=this.agentRef.loader_config;if(!this.shouldGenerateTrace(e)||!t)return null;var r=(t.accountID||"").toString()||null,n=(t.agentID||"").toString()||null,i=(t.trustKey||"").toString()||null;if(!r||!n)return null;var s=(0,ye.ZF)(),a=(0,ye.el)(),o=Date.now(),c={spanId:s,traceId:a,timestamp:o};return(e.sameOrigin||this.isAllowedOrigin(e)&&this.useTraceContextHeadersForCors())&&(c.traceContextParentHeader=this.generateTraceContextParentHeader(s,a),c.traceContextStateHeader=this.generateTraceContextStateHeader(s,o,r,n,i)),(e.sameOrigin&&!this.excludeNewrelicHeader()||!e.sameOrigin&&this.isAllowedOrigin(e)&&this.useNewrelicHeaderForCors())&&(c.newrelicHeader=this.generateTraceHeader(s,a,o,r,n,i)),c}generateTraceContextParentHeader(e,t){return"00-"+t+"-"+e+"-01"}generateTraceContextStateHeader(e,t,r,n,i){return i+"@nr=0-1-"+r+"-"+n+"-"+e+"----"+t}generateTraceHeader(e,t,r,n,i,s){if(!("function"==typeof g.gm?.btoa))return null;var a={v:[0,1],d:{ty:"Browser",ac:n,ap:i,id:e,tr:t,ti:r}};return s&&n!==s&&(a.d.tk=s),btoa((0,X.A)(a))}shouldGenerateTrace(e){return this.agentRef.init?.distributed_tracing?.enabled&&this.isAllowedOrigin(e)}isAllowedOrigin(e){var t=!1;const r=this.agentRef.init?.distributed_tracing;if(e.sameOrigin)t=!0;else if(r?.allowed_origins instanceof Array)for(var n=0;n<r.allowed_origins.length;n++){var i=(0,Ge.D)(r.allowed_origins[n]);if(e.hostname===i.hostname&&e.protocol===i.protocol&&e.port===i.port){t=!0;break}}return t}excludeNewrelicHeader(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!!e.exclude_newrelic_header}useNewrelicHeaderForCors(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!1!==e.cors_use_newrelic_header}useTraceContextHeadersForCors(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!!e.cors_use_tracecontext_headers}}var Ye=r(7295);function Ze(e){return"string"==typeof e?e:e instanceof(0,i.dV)().o.REQ?e.url:g.gm?.URL&&e instanceof URL?e.href:void 0}function $e(e,t){var r=(0,Ge.D)(t),n=e.params||e;n.hostname=r.hostname,n.port=r.port,n.protocol=r.protocol,n.host=r.hostname+":"+r.port,n.pathname=r.pathname,e.parsedOrigin=r,e.sameOrigin=r.sameOrigin}var Je=["load","error","abort","timeout"],Xe=Je.length,Qe=(0,i.dV)().o.REQ,et=(0,i.dV)().o.XHR;const tt="X-NewRelic-App-Data",rt="internal-error";class nt extends W{static featureName=c.TZ;constructor(e){super(e,c.TZ),this.dt=new qe(e),this.handler=(e,t,r,n)=>(0,S.p)(e,t,r,n,this.ee);try{const e={xmlhttprequest:"xhr",fetch:"fetch",beacon:"beacon"};g.gm?.performance?.getEntriesByType("resource").forEach(r=>{if(r.initiatorType in e&&0!==r.responseStatus){const n={status:r.responseStatus},i={rxSize:r.transferSize,duration:Math.floor(r.duration),cbTime:0};$e(n,r.name),this.handler("xhr",[n,i,r.startTime,r.responseEnd,e[r.initiatorType]],void 0,t.K7.ajax)}})}catch(e){}ze(this.ee,e),De(this.ee,e),function(e,r,n,i){const s=[c.mo.ALL,c.mo.FAILURES].includes(e.init.ajax?.capture_payloads);function a(e){var t=this;t.totalCbs=0,t.called=0,t.cbTime=0,t.end=A,t.ended=!1,t.xhrGuids={},t.lastSize=null,t.loadCaptureCalled=!1,t.params=this.params||{},t.metrics=this.metrics||{},t.latestLongtaskEnd=0,e.addEventListener("load",function(r){O(t,e)},(0,J.jT)(!1)),g.lR||e.addEventListener("progress",function(e){t.lastSize=e.loaded},(0,J.jT)(!1))}function o(e){this.params={method:e[0]},$e(this,e[1]),this.metrics={}}function d(t,r){e.loader_config.xpid&&this.sameOrigin&&r.setRequestHeader("X-NewRelic-ID",e.loader_config.xpid);var n=i.generateTracePayload(this.parsedOrigin);if(n){var s=!1;n.newrelicHeader&&(r.setRequestHeader("newrelic",n.newrelicHeader),s=!0),n.traceContextParentHeader&&(r.setRequestHeader("traceparent",n.traceContextParentHeader),n.traceContextStateHeader&&r.setRequestHeader("tracestate",n.traceContextStateHeader),s=!0),s&&(this.dt=n)}}function u(e,t){s&&e.length>=2&&(this.requestHeaders??={},this.requestHeaders[e[0].toLowerCase()]=e[1])}function l(e,t){var n=this.metrics,i=e[0],s=this;if(n&&i){var a=Le(i);a&&(n.txSize=a)}this.startTime=(0,_.t)(),this.requestBody=i,this.listener=function(e){try{"abort"!==e.type||s.loadCaptureCalled||(s.params.aborted=!0),("load"
3!==e.type||s.called===s.totalCbs&&(s.onloadCalled||"function"!=typeof t.onload)&&"function"==typeof s.end)&&s.end(t)}catch(e){try{r.emit(rt,[e])}catch(e){}}};for(var o=0;o<Xe;o++)t.addEventListener(Je[o],this.listener,(0,J.jT)(!1))}function f(e,t,r){this.cbTime+=e,t?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof r.onload||"function"!=typeof this.end||this.end(r)}function h(e,t){var r=""+Ne(e)+!!t;this.xhrGuids&&!this.xhrGuids[r]&&(this.xhrGuids[r]=!0,this.totalCbs+=1)}function p(e,t){var r=""+Ne(e)+!!t;this.xhrGuids&&this.xhrGuids[r]&&(delete this.xhrGuids[r],this.totalCbs-=1)}function m(){this.endTime=(0,_.t)()}function v(e,t){t instanceof et&&"load"===e[0]&&r.emit("xhr-load-added",[e[1],e[2]],t)}function y(e,t){t instanceof et&&"load"===e[0]&&r.emit("xhr-load-removed",[e[1],e[2]],t)}function b(e,t,r){t instanceof et&&("onload"===r&&(this.onload=!0),("load"===(e[0]&&e[0].type)||this.onload)&&(this.xhrCbStart=(0,_.t)()))}function E(e,t){this.xhrCbStart&&r.emit("xhr-cb-time",[(0,_.t)()-this.xhrCbStart,this.onload,t],t)}function w(e){var t,r=e[1]||{};if("string"==typeof e[0]?0===(t=e[0]).length&&g.RI&&(t=""+g.gm.location.href):e[0]&&e[0].url?t=e[0].url:g.gm?.URL&&e[0]&&e[0]instanceof URL?t=e[0].href:"function"==typeof e[0].toString&&(t=e[0].toString()),"string"==typeof t&&0!==t.length){t&&(this.parsedOrigin=(0,Ge.D)(t),this.sameOrigin=this.parsedOrigin.sameOrigin);var n=i.generateTracePayload(this.parsedOrigin);if(n&&(n.newrelicHeader||n.traceContextParentHeader))if(e[0]&&e[0].headers)o(e[0].headers,n)&&(this.dt=n);else{var s={};for(var a in r)s[a]=r[a];s.headers=new Headers(r.headers||{}),o(s.headers,n)&&(this.dt=n),e.length>1?e[1]=s:e.push(s)}}function o(e,t){var r=!1;return t.newrelicHeader&&(e.set("newrelic",t.newrelicHeader),r=!0),t.traceContextParentHeader&&(e.set("traceparent",t.traceContextParentHeader),t.traceContextStateHeader&&e.set("tracestate",t.traceContextStateHeader),r=!0),r}}function R(e,t){this.params={},this.metrics={},this.startTime=(0,_.t)(),this.dt=t;let[r,n={}]=e;$e(this,Ze(r));const i=(""+(r&&r instanceof Qe&&r.method||n.method||"GET")).toUpperCase();this.params.method=i,this.txSize=Le(n.body||r?.body)||0;try{var a=n.headers||r?.headers;if(s&&a)if(this.requestHeaders??={},a instanceof Headers)a.forEach(function(e,t){this.requestHeaders[t.toLowerCase()]=e}.bind(this));else if("object"==typeof a)for(var o in a)this.requestHeaders[o.toLowerCase()]=a[o]}catch(e){}this.requestBody=n.body||r?.body}function T(e,t){if(this.endTime=(0,_.t)(),this.params||(this.params={}),(0,Ye.iW)(this.params))return;this.params.status=t?t.status:0;const n=()=>{const e=+this.rxSize,t=null==this.rxSize||isNaN(e)?void 0:e,r={txSize:this.txSize,rxSize:t,duration:this.endTime-this.startTime},n=[this.params,r,this.startTime,this.endTime,"fetch"];this.targets.forEach(e=>x(n,this,e))};t&&s?t.clone().text().then(e=>{this.responseBody=e,this.rxSize&&"0"!==this.rxSize&&0!==this.rxSize||void 0===e||0===this.params.status||(this.rxSize=Le(e)),t?.headers&&(this.responseHeaders={},t.headers.forEach(function(e,t){this.responseHeaders[t.toLowerCase()]=e}.bind(this)))}).catch(e=>{r.emit(rt,[e])}).finally(()=>{n()}):n()}function A(e){const t=this.params,n=this.metrics;if(this.ended)return;this.ended=!0;for(let t=0;t<Xe;t++)e.removeEventListener(Je[t],this.listener,!1);if(t.aborted)return;if((0,Ye.iW)(t))return;if(n.duration=this.endTime-this.startTime,this.loadCaptureCalled||4!==e.readyState?null==t.status&&(t.status=0):O(this,e),n.cbTime=this.cbTime,s){try{this.responseBody=e.responseText}catch(t){this.responseBody=e.response}if((!n.rxSize||0===n.rxSize)&&void 0!==this.responseBody&&0!==t.status){const e=Le(this.responseBody);void 0!==e&&(n.rxSize=e)}try{this.responseHeaders=function(e){const t={};return e?(e.split("\r\n").forEach(function(e){const r=e.indexOf(": ");if(r>0){const n=e.substring(0,r),i=e.substring(r+2);t[n.toLowerCase()]=i}}),t):t}(e.getAllResponseHeaders())}catch(e){r.emit(rt,[e])}}const i=[t,n,this.startTime,this.endTime,"xhr"];this.targets.forEach(e=>x(i,this,e))}function x(e,r,i){n("xhr",[...e,i],r,t.K7.ajax)}function O(e,n){e.params.status=n.status;var i=function(e,t){var r=e.responseType;return"json"===r&&null!==t?t:"arraybuffer"===r||"blob"===r||"json"===r?Le(e.response):"text"===r||""===r||void 0===r?Le(e.responseText):void 0}(n,e.lastSize);if(void 0!==i&&0!==n.status&&(e.metrics.rxSize=i),e.sameOrigin&&n.getAllResponseHeaders().indexOf(tt)>=0){var s=n.getResponseHeader(tt);s&&((0,S.p)("sm",["Ajax/CrossApplicationTracing/Header/Seen"],void 0,t.K7.metrics,r),e.params.cat=s.split(", ").pop())}e.loadCaptureCalled=!0}r.on("new-xhr",a),r.on("open-xhr-start",o),r.on("open-xhr-end",d),r.on("send-xhr-start",l),r.on("setRequestHeader-xhr-start",u),r.on("xhr-cb-time",f),r.on("xhr-load-added",h),r.on("xhr-load-removed",p),r.on("xhr-resolved",m),r.on("addEventListener-end",v),r.on("removeEventListener-end",y),r.on("fn-end",E),r.on("fetch-before-start",w),r.on("fetch-start",R),r.on("fn-start",b),r.on("fetch-done",T)}(e,this.ee,this.handler,this.dt),this.importAggregator(e,()=>r.e(478).then(r.bind(r,3845)))}}const it={},st=["pushState","replaceState"];function at(e,t){const r=function(e){return(e||R.ee).get("history")}(e);return!g.RI||it[r.debugId]++||(it[r.debugId]=1,(0,Pe.YM)(r,void 0,t).inPlace(window.history,st,"-")),r}var ot=r(3738);function ct(e){(0,N.Y)(k.BL,function(r=Date.now()){const n=r-g.WN;n<0&&(0,l.R)(62,r),(0,S.p)(q.XG,[k.BL,{time:n}],void 0,t.K7.metrics,e.ee),e.addToTrace({name:k.BL,start:r,origin:"nr"}),(0,S.p)("api-"+k.hG,[n,k.BL],void 0,t.K7.genericEvents,e.ee)},e)}const{He:dt,bD:ut,d3:lt,Kp:ft,TZ:ht,Lc:pt,uP:gt,Rz:mt}=ot;class vt extends W{static featureName=ht;constructor(e){var n;super(e,ht),n=e,(0,N.Y)(k.U2,function(e){if(!(e&&"object"==typeof e&&e.name&&e.start))return;const r={n:e.name,s:e.start-g.WN,e:(e.end||e.start)-g.WN,o:e.origin||"",t:"api"};r.s<0||r.e<0||r.e<r.s?(0,l.R)(61,{start:r.s,end:r.e}):(0,S.p)("bstApi",[r],void 0,t.K7.sessionTrace,n.ee)},n),ct(e);
3if(!(0,j.V)(e.init))return void this.deregisterDrain();const i=this.ee;let s;at(i,e),this.eventsEE=(0,Me.u)(i,e),this.eventsEE.on(gt,function(e,t){this.bstStart=(0,_.t)()}),this.eventsEE.on(pt,function(e,r){(0,S.p)("bst",[e[0],r,this.bstStart,(0,_.t)()],void 0,t.K7.sessionTrace,i)}),i.on(mt+lt,function(e){this.time=(0,_.t)(),this.startPath=location.pathname+location.hash}),i.on(mt+ft,function(e){(0,S.p)("bstHist",[location.pathname+location.hash,this.startPath,this.time],void 0,t.K7.sessionTrace,i)});try{s=new PerformanceObserver(e=>{const r=e.getEntries();(0,S.p)(dt,[r],void 0,t.K7.sessionTrace,i)}),s.observe({type:ut,buffered:!0})}catch(e){}this.importAggregator(e,()=>r.e(478).then(r.bind(r,6974)),{resourceObserver:s})}}var yt=r(733),bt=r(6344);class Et extends W{static featureName=bt.TZ;#i;recorder;constructor(e){var n;let i;super(e,bt.TZ),n=e,(0,N.Y)(k.CH,function(){(0,S.p)(k.CH,[],void 0,t.K7.sessionReplay,n.ee)},n),function(e){(0,N.Y)(k.Tb,function(){(0,S.p)(k.Tb,[],void 0,t.K7.sessionReplay,e.ee)},e)}(e);const s="".concat(u.Wt).concat((0,yt.Y)(e.info.licenseKey,e.info.applicationID));try{i=JSON.parse(localStorage.getItem(s))}catch(e){}(0,I.SR)(e.init)&&this.ee.on(k.CH,()=>this.#s()),this.#a(i)&&this.importRecorder().then(e=>{e.startRecording(bt.Qb.PRELOAD,i?.sessionReplayMode)}),this.abortHandler=this.#n,this.importAggregator(this.agentRef,()=>r.e(478).then(r.bind(r,6167)),this),this.ee.on("err",e=>{this.blocked||this.agentRef.runtime.isRecording&&(this.errorNoticed=!0,(0,S.p)(bt.Vh,[e],void 0,this.featureName,this.ee))})}#a(e){return e&&(e.sessionReplayMode===u.g.FULL||e.sessionReplayMode===u.g.ERROR)||(0,I.Aw)(this.agentRef.init)}importRecorder(){return this.recorder?Promise.resolve(this.recorder):(this.#i??=Promise.all([r.e(478),r.e(249)]).then(r.bind(r,4866)).then(({Recorder:e})=>(this.recorder=new e(this),this.recorder)).catch(e=>{throw this.ee.emit("internal-error",[e]),this.blocked=!0,e}),this.#i)}#s(){this.blocked||(this.featAggregate?this.featAggregate.mode!==u.g.FULL&&this.featAggregate.initializeRecording(u.g.FULL,!0,bt.Qb.API):this.importRecorder().then(()=>{this.recorder.startRecording(bt.Qb.API,u.g.FULL)}))}#n(){this.recorder?.stopRecording()}}var wt=r(3962);class Rt extends W{static featureName=wt.TZ;constructor(e){if(super(e,wt.TZ),function(e){const r=e.ee.get("tracer");function n(){}(0,N.Y)(k.dT,function(e){return(new n).get("object"==typeof e?e:{})},e);const i=n.prototype={createTracer:function(n,i){var s={},a=this,o="function"==typeof i;return(0,S.p)(q.xV,["API/createTracer/called"],void 0,t.K7.metrics,e.ee),function(){if(r.emit((o?"":"no-")+"fn-start",[(0,_.t)(),a,o],s),o)try{return i.apply(this,arguments)}catch(e){const t="string"==typeof e?new Error(e):e;throw r.emit("fn-err",[arguments,this,t],s),t}finally{r.emit("fn-end",[(0,_.t)()],s)}}}};["actionText","setName","setAttribute","save","ignore","onEnd","getContext","end","get"].forEach(r=>{N.Y.apply(this,[r,function(){return(0,S.p)(k.hw+r,[performance.now(),...arguments],this,t.K7.softNav,e.ee),this},e,i])}),(0,N.Y)(k.PA,function(){(0,S.p)(k.hw+"routeName",[performance.now(),...arguments],void 0,t.K7.softNav,e.ee)},e)}(e),!g.RI||!(0,i.dV)().o.MO)return;const n=at(this.ee,e);try{this.removeOnAbort=new AbortController}catch(e){}wt.tC.forEach(e=>{(0,J.sp)(e,e=>{c(e)},!0,this.removeOnAbort?.signal)}
3);const s=()=>(0,S.p)("newURL",[(0,_.t)(),""+window.location],void 0,this.featureName,this.ee);n.on("pushState-end",s),n.on("replaceState-end",s),(0,J.sp)(wt.OV,e=>{c(e),(0,S.p)("newURL",[e.timeStamp,""+window.location],void 0,this.featureName,this.ee)},!0,this.removeOnAbort?.signal);let a=!1;const o=new((0,i.dV)().o.MO)((e,t)=>{a||(a=!0,requestAnimationFrame(()=>{(0,S.p)("newDom",[(0,_.t)()],void 0,this.featureName,this.ee),a=!1}))}),c=(0,C.s)(e=>{"loading"!==document.readyState&&((0,S.p)("newUIEvent",[e],void 0,this.featureName,this.ee),o.observe(document.body,{attributes:!0,childList:!0,subtree:!0,characterData:!0}))},100,{leading:!0});this.abortHandler=function(){this.removeOnAbort?.abort(),o.disconnect(),this.abortHandler=void 0},this.importAggregator(e,()=>r.e(478).then(r.bind(r,4393)),{domObserver:o})}}var Tt=r(981);const At={},St=new Set;function xt(e){return"string"==typeof e?{type:"string",size:(new TextEncoder).encode(e).length}:e instanceof ArrayBuffer?{type:"ArrayBuffer",size:e.byteLength}:e instanceof Blob?{type:"Blob",size:e.size}:e instanceof DataView?{type:"DataView",size:e.byteLength}:ArrayBuffer.isView(e)?{type:"TypedArray",size:e.byteLength}:{type:"unknown",size:0}}class Ot{constructor(e,t){this.timestamp=(0,_.t)(),this.currentUrl=(0,Ee.L)(window.location.href),this.socketId=(0,ye.LA)(8),this.requestedUrl=(0,Ee.L)(e),this.requestedProtocols=Array.isArray(t)?t.join(","):t||"",this.openedAt=void 0,this.protocol=void 0,this.extensions=void 0,this.binaryType=void 0,this.messageOrigin=void 0,this.messageCount=0,this.messageBytes=0,this.messageBytesMin=0,this.messageBytesMax=0,this.messageTypes=void 0,this.sendCount=0,this.sendBytes=0,this.sendBytesMin=0,this.sendBytesMax=0,this.sendTypes=void 0,this.closedAt=void 0,this.closeCode=void 0,this.closeReason="unknown",this.closeWasClean=void 0,this.connectedDuration=0,this.hasErrors=void 0}}class _t extends W{static featureName=o.TZ;constructor(e){super(e,o.TZ);const n=e.init.feature_flags.includes("websockets")||e.init.web_sockets?.enabled,s=!e.init.feature_flags.includes("no_spv"),a=[e.init.page_action.enabled,e.init.performance.capture_marks,e.init.performance.capture_measures,e.init.performance.resources.enabled,e.init.user_actions.enabled,n,s];var c;let d;if(c=e,(0,N.Y)(k.hG,(e,t)=>ce(e,t,c),c),function(e){(0,N.Y)(k.fF,(t,r)=>ue(t,r,e),e)}(e),ct(e),Se(e),function(e){(0,N.Y)(k.V1,(t,r)=>de(t,r,e),e)}(e),this.removeOnAbort=new AbortController,this.abortHandler=()=>{this.removeOnAbort.abort(),this.abortHandler=void 0},n){const u=function(e,t){if(!(0,i.dV)().o.WS)return e;const r=e.get("websockets");if(At[r.debugId]++)return r;At[r.debugId]=1,(0,V.G)(()=>{const e=(0,_.t)();St.forEach(t=>{t.nrData.closedAt=e,t.nrData.closeCode=1001,t.nrData.closeReason="Page navigating away",t.nrData.closeWasClean=!1,t.nrData.openedAt&&(t.nrData.connectedDuration=e-t.nrData.openedAt),r.emit("ws",[t.nrData,t.targets],t)})});
3class n extends WebSocket{static name=Tt.R.WS;static toString(){return"function WebSocket() { [native code] }"}toString(){return"[object WebSocket]"}get[Symbol.toStringTag](){return n.name}#o(e){(e.__newrelic??={}).socketId=this.nrData.socketId,this.nrData.hasErrors??=!0}constructor(...e){super(...e),this.nrData=new Ot(e[0],e[1]),this.targets=(0,Ie.$5)(t),this.addEventListener("open",()=>{this.nrData.openedAt=(0,_.t)(),["protocol","extensions","binaryType"].forEach(e=>{this.nrData[e]=this[e]}),St.add(this)}),this.addEventListener("message",e=>{const{type:t,size:r}=xt(e.data);this.nrData.messageOrigin??=(0,Ee.L)(e.origin),this.nrData.messageCount++,this.nrData.messageBytes+=r,this.nrData.messageBytesMin=Math.min(this.nrData.messageBytesMin||1/0,r),this.nrData.messageBytesMax=Math.max(this.nrData.messageBytesMax,r),(this.nrData.messageTypes??"").includes(t)||(this.nrData.messageTypes=this.nrData.messageTypes?"".concat(this.nrData.messageTypes,",").concat(t):t)}),this.addEventListener("close",e=>{this.nrData.closedAt=(0,_.t)(),this.nrData.closeCode=e.code,e.reason&&(this.nrData.closeReason=e.reason),this.nrData.closeWasClean=e.wasClean,this.nrData.connectedDuration=this.nrData.closedAt-this.nrData.openedAt,St.delete(this),r.emit("ws",[this.nrData,this.targets],this)})}addEventListener(e,t,...r){const n=this,i="function"==typeof t?function(...e){try{return t.apply(this,e)}catch(e){throw n.#o(e),e}}:t?.handleEvent?{handleEvent:function(...e){try{return t.handleEvent.apply(t,e)}catch(e){throw n.#o(e),e}}}:t;return super.addEventListener(e,i,...r)}send(e){if(this.readyState===WebSocket.OPEN){const{type:t,size:r}=xt(e);this.nrData.sendCount++,this.nrData.sendBytes+=r,this.nrData.sendBytesMin=Math.min(this.nrData.sendBytesMin||1/0,r),this.nrData.sendBytesMax=Math.max(this.nrData.sendBytesMax,r),(this.nrData.sendTypes??"").includes(t)||(this.nrData.sendTypes=this.nrData.sendTypes?"".concat(this.nrData.sendTypes,",").concat(t):t)}try{return super.send(e)}catch(e){throw this.#o(e),e}}close(...e){try{super.close(...e)}catch(e){throw this.#o(e),e}}}return g.gm.WebSocket=n,r}(this.ee,e);u.on("ws",(e,t)=>{(0,S.p)("ws-complete",[e,t],void 0,this.featureName,this.ee)})}if(s){if("function"==typeof g.gm.ReportingObserver){const l=new g.gm.ReportingObserver(e=>{e.forEach(e=>{(0,S.p)("spv",[kt(e),(0,_.t)()],void 0,t.K7.genericEvents,this.ee)}),l.disconnect()},{types:["csp-violation"],buffered:!0});l.observe()}g.gm.addEventListener("securitypolicyviolation",e=>{(0,S.p)("spv",[kt(e),e.timeStamp],void 0,t.K7.genericEvents,this.ee)},(0,J.jT)(!1,this.removeOnAbort.signal))}if(g.RI){if(ze(this.ee,e),De(this.ee,e),d=at(this.ee,e),e.init.user_actions.enabled){function f(t){const r=(0,Ge.D)(t);return e.beacons.includes(r.hostname+":"+r.port)}function h(){d.emit("navChange")}o.Zp.forEach(e=>(0,J.sp)(e,e=>(0,S.p)("ua",[e],void 0,this.featureName,this.ee),!0)),o.qN.forEac
3h(e=>{const t=(0,C.s)(e=>{(0,S.p)("ua",[e],void 0,this.featureName,this.ee)},500,{leading:!0});(0,J.sp)(e,t)}),g.gm.addEventListener("error",()=>{(0,S.p)("uaErr",[],void 0,t.K7.genericEvents,this.ee)},(0,J.jT)(!1,this.removeOnAbort.signal)),this.ee.on("open-xhr-start",(e,r)=>{f(e[1])||r.addEventListener("readystatechange",()=>{2===r.readyState&&(0,S.p)("uaXhr",[],void 0,t.K7.genericEvents,this.ee)},(0,J.jT)(void 0,this.removeOnAbort.signal))}),this.ee.on("fetch-start",e=>{e.length>=1&&!f(Ze(e[0]))&&(0,S.p)("uaXhr",[],void 0,t.K7.genericEvents,this.ee)}),d.on("pushState-end",h),d.on("replaceState-end",h),window.addEventListener("hashchange",h,(0,J.jT)(!0,this.removeOnAbort.signal)),window.addEventListener("popstate",h,(0,J.jT)(!0,this.removeOnAbort.signal))}if(e.init.performance.resources.enabled&&g.gm.PerformanceObserver?.supportedEntryTypes.includes("resource")){new PerformanceObserver(e=>{e.getEntries().forEach(e=>{(0,S.p)("browserPerformance.resource",[e],void 0,this.featureName,this.ee)})}).observe({type:"resource",buffered:!0})}}a.some(e=>e)?this.importAggregator(e,()=>r.e(478).then(r.bind(r,8019))):this.deregisterDrain()}}function kt(e){const t=e.body??e;return{blockedUrl:t.blockedURL??e.blockedURI,documentUrl:t.documentURL??e.documentURI,effectiveDirective:t.effectiveDirective,originalPolicy:t.originalPolicy,sourceFile:t.sourceFile,statusCode:t.statusCode,lineNumber:t.lineNumber,columnNumber:t.columnNumber,disposition:"reporting"===t.disposition?"report":t.disposition,sample:t.sample,referrer:t.referrer}}var Nt=r(2646);const Lt=new Map;function Mt(e,t,r,n,i=!0,s){if("object"!=typeof t||!t||"string"!=typeof r||!r||"function"!=typeof t[r])return(0,l.R)(29);const a=function(e){return(e||R.ee).get("logger")}(e),o=(0,Pe.YM)(a,void 0,s),c=new Nt.y(R.P);c.level=n.level,c.customAttributes=n.customAttributes,c.autoCaptured=i;const d=t[r]?.[Pe.Jt]||t[r];return Lt.set(d,c),o.inPlace(t,[r],"wrap-logger-",()=>Lt.get(d),void 0,!0),a}var Pt=r(1910);class It extends W{static featureName=se.TZ;constructor(e){var t;super(e,se.TZ),t=e,(0,N.Y)("log",(e,r)=>oe(e,r,t),t),function(e){(0,N.Y)(k.Wb,(t,r,{customAttributes:n={},level:i=se.p_.INFO}={})=>{Mt(e.ee,t,r,{customAttributes:n,level:i},!1,e)},e)}(e),Se(e);const n=this.ee;["log","error","warn","info","debug","trace"].forEach(t=>{(0,Pt.i)(g.gm.console[t]),Mt(n,g.gm.console,t,{level:"log"===t?"info":t},void 0,e)}),this.ee.on("wrap-logger-end",function([t],r,i,s=[e.runtime.v2Target]){const{level:a,customAttributes:o,autoCaptured:c}=this;s.forEach(e=>{(0,ae.R)(n,t,o,a,c,e)})}),this.importAggregator(e,()=>r.e(478).then(r.bind(r,5288)))}}new F({features:[nt,K,G,vt,Et,Y,Oe,_t,It,Rt],loaderType:"spa"})})()})();</script>
3 
3<script> dataLayer = [{ 'analyticsaccount': "G-XXSTCPLWPS", 'userid': "", 'useremail': "" }]; </script>
3<script>
vendor: 375 bytes, line 3
3 (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != "dataLayer" ? "&l=" + l : ""; j.async = true; j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl; f.parentNode.insertBefore(j, f); })(window, document, "script", "dataLayer", "
3GTM-M2H6GQPX
vendor: 4 bytes, line 3
3"); 
3</script>
3 <!-- start head_html --> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
4<link href="/media/favicon.png" rel="shortcut icon" type="image/x-icon">
5
6<link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" />
7<script type='text/javascript' id='vwoCode'>
8window._vwo_code || (function() {
9var account_id=772321,
10version=2.0,
11settings_tolerance=2000,
12hide_element='body',
13hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important',
14/* DO NOT EDIT BELOW THIS LINE */
15f=false,w=window,d=document,v=d.querySelector('#vwoCode'),cK='_vwo_'+account_id+'_settings',cc={};try{var c=JSON.parse(localStorage.getItem('_vwo_'+account_id+'_config'));cc=c&&typeof c==='object'?c:{}}catch(e){}var stT=cc.stT==='session'?w.sessionStorage:w.localStorage;code={use_existing_jquery:function(){return typeof use_existing_jquery!=='undefined'?use_existing_jquery:undefined},library_tolerance:function(){return typeof library_tolerance!=='undefined'?library_tolerance:undefined},settings_tolerance:function(){return cc.sT||settings_tolerance},hide_element_style:function(){return'{'+(cc.hES||hide_element_style)+'}'},hide_element:function(){return typeof cc.hE==='string'?cc.hE:hide_element},getVersion:function(){return version},finish:function(){if(!f){f=true;var e=d.getElementById('_vis_opt_path_hides');if(e)e.parentNode.removeChild(e)}},finished:function(){return f},load:function(e){var t=this.getSettings(),n=d.createElement('script'),i=this;if(t){n.textContent=t;d.getElementsByTagName('head')[0].appendChild(n);if(!w.VWO||VWO.caE){stT.removeItem(cK);i.load(e)}}else{n.fetchPriority='high';n.src=e;n.type='text/javascript';n.onerror=function(){_vwo_code.finish()};d.getElementsByTagName('head')[0].appendChild(n)}},getSettings:function(){try{var e=stT.getItem(cK);if(!e){return}e=JSON.parse(e);if(Date.now()>e.e){stT.removeItem(cK);return}return e.s}catch(e){return}},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;var e=this.settings_tolerance();w._vwo_settings_timer=setTimeout(function(){_vwo_code.finish();stT.removeItem(cK)},e);var t=d.currentScript,n=d.createElement('style'),i=this.hide_element(),r=t&&!t.async&&i?i+this.hide_element_style():'',c=d.getElementsByTagName('head')[0];n.setAttribute('id','_vis_opt_path_hides');v&&n.setAttribute('nonce',v.nonce);n.setAttribute('type','text/css');if(n.styleSheet)n.styleSheet.cssText=r;else n.appendChild(d.createTextNode(r));c.appendChild(n);this.load('https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&vn='+version)}};w._vwo_code=code;code.init();})();
16</script>
16 <!-- end head_html -->  <link rel="stylesheet" href="/_/kcbootstrap/dist/css/app.css?v=2026.38.0" />  <link rel="stylesheet" type="text/css" media="screen" href="/common/modal.css?1d1222bb" />  <link rel="stylesheet" type="text/css" media="screen" href="/common/main.css?0180e878" /> <link rel="stylesheet" href="https://kit.fontawesome.com/06c0323ca4.css" crossorigin="anonymous" />  <link rel="stylesheet" href="/site_css?v=1903" />  <link rel="stylesheet" href="/common/temp-refactoring-2023/base-site-css.css?1db7b755" />  <link rel="stylesheet" href="/common/temp-refactoring-2023/breadcrumb-site-css.css?9c5ebfc7" />  <link rel="stylesheet" href="/custom_css?v=1903" />  <link rel="canonical" href="https://www.wunderkarten.de" />  <link rel="stylesheet" href="/common/temp-refactoring-2026/overwrite-base-styling.css?a9cbef5c" /> 
16<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous" ></script>
16  
16<script src="/js/kc-public-cache.js?340d9d48"></script>
16 
16<script src="/common/components-js/menu_widget.js?2033fa8d"></script>
16 
16<script src="/common/components-js/smooth-anchorlink-scroll.js?e2d1402e"></script>
16 
16<script src="/common/components-js/account-menu.js?d0dba155"></script>
16 
16<script type="module" src="/js/sp-web-components/sp-web-components/sp-web-components.esm.js?40d7fb3b"></script>
16 <!-- prettier-ignore-start --> 
16<script> var isLoggedIn = false; var basket_count = 0; var is_reseller = false; var shopLoginDialog = true;  </script>
16 <!-- prettier-ignore-end --> 
16<script> facebookDataLayer = { pixel_id: "1738770132803466", events: {} }; </script>
16   <meta property="og:title" content="Karten selbst online gestalten | Gratis Musterkarte" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://shared.s3.exonet.io/13304-kc-mobile-shop-logo/mobile_shop_logo/b2fc51f4eec6c568de8065a30c848dba" /> <meta name="url" property="og:url" content="https://www.wunderkarten.de" /> <meta property="og:site_name" content="wunderkarten.de" />  <meta name="description" property="og:description" content="Hochwertige Karten für alle Anlässe selbst online gestalten. Schnelle Lieferung ✓ Hochwertiger Druck ✓ Gratis Musterkarten ✓" />  <style> .thumbnail-card-img.busy { background: url("/common/gfx/lazyloader.gif?8e2a6691") no-repeat center center; } .ui-dialog { z-index: 9999999 !important; } .ui-dialog #get_tags_error { font-size: 15px; } .thumbnail-title { margin-top: -10px; font-size: 13px; line-height: 16px; vertical-align: top !important; } </style>  <title>Karten selbst online gestalten | Gratis Musterkarte</title> </head> <body  id='body_home' class='page' >
vendor: 70 bytes, line 16
16  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=
16GTM-M2H6GQPX
vendor: 88 bytes, line 16
16" height="0" width="0" style="display:none;visibility:hidden" > </iframe> </noscript>   
16<div class="navigation-bar">    <!-- start widget group id: 2330 -->  <div  class="navigation-bar-header d-none d-lg-block " >  <div class="navigation-bar-container">  <!-- start widget id: 7121 -->  <div class="navigation-bar-container" style="
17    width: 100%;
18">
19    <div class="navigation-bar-group justify-content-center" style="max-width: 1400px;margin: auto;gap: 24px;display: flex;position: relative;">
20        <div class="navigation-bar-item justify-content-center" style="display: flex;align-items: center;flex: 1 1 auto;width: 100%;text-align: center;font-size: 0.75rem;font-weight: 700;margin-right: 0.75rem;text-transform: uppercase;">
21           <span class="link-to-reviews"><a href="/erfahrungen">4.9/5 - 92.800+ BEWERTUNGEN</a></span>
22        </div>
23
24         <div class="navigation-bar-item justify-content-center" style="display: flex;align-items: center;flex: 1 1 auto;width: 100%;text-align: center;font-size: 0.75rem;font-weight: 700;margin-right: 0.75rem;text-transform: uppercase;">
25           BIS ZU 3 MUSTERKARTEN KOSTENLOS
26        </div>
27
28         <div class="navigation-bar-item justify-content-center" style="display: flex;align-items: center;flex: 1 1 auto;width: 100%;text-align: center;font-size: 0.75rem;font-weight: 700;margin-right: 0.75rem;text-transform: uppercase;">
29KAUF AUF RECHNUNG*
30        </div>
31    </div>
32</div>  <!-- end widget id: 7121 -->  </div> </div>  <!-- end widget group id: 2330 -->   <!-- start widget group id: 2331 -->  <div  class="navigation-bar-header d-lg-none " >  <div class="navigation-bar-container">  <!-- start widget id: 7122 -->  <div class="navigation-bar-container">
33    <div class="navigation-bar-group justify-content-center" style="max-width: 1400px; margin: auto; gap: 24px;">
34        <div class="navigation-bar-item justify-content-center" style="display: flex;  align-items: flex-start;">
35           <a class="link-to-reviews">4.9/5 - 90.000+ BEWERTUNGEN</a>
36        </div>
37    </div>
38</div>  <!-- end widget id: 7122 -->  </div> </div>  <!-- end widget group id: 2331 -->    <!-- start widget group id: 2230 -->  <div  class="navigation-bar-body d-none d-lg-block navigation-bar-toggle-offset" >  <a class="navigation-bar-item navigation-bar-toggle" href="#" data-testid="navigation-bar-hamburger"> <i class="shopicons shopicons-hamburger"></i> </a>  <div class="navigation-bar-container">  <div class="navigation-bar-group navigation-bar-group-logo d-lg-none"> <a class="navigation-bar-item navigation-bar-item-logo" href="/" data-testid="navigation-bar-logo" > <img src="https://shared.s3.exonet.io/13304-kc-mobile-shop-logo/mobile_shop_logo/b2fc51f4eec6c568de8065a30c848dba" alt="wunderkarten.de" /> </a> </div>  <!-- start widget id: 6936 -->  <div class="navigation-bar-group d-none d-md-flex">
39    <div class="usp-container">
40        <div class="usp-item"><a
41                href="https://www.wunderkarten.de/magazin/"><img alt="" class="img-fluid" height="20"
42                                   src="/media/13304-kc-media/wk_header_magazine.svg" width="32"/> Magazin</a></div>
43
44        <div class="usp-item"><a href="/faq"><img alt="" class="img-fluid" height="20" src="/media/13304-kc-media/wk_header_FAQ.svg"
45                                   width="32"/> Fragen</a></div>
46
47        <div class="usp-item"><a
48                href="/" class="kontakt-popup-trigger"><img alt="" class="img-fluid" height="20"
49                                   src="/media/13304-kc-media/wk_header_shopping-contact.svg" width="32"/>Kontakt</a>
50<div class="popup-window-wrapper hidden-xs">
51    <div class="popup-window">
52        <picture>
53
54            <div class="contact-icon" style="background: url(/media/13304-kc-media/contact-image.jpg) no-repeat;
55    width: 100px;
56    height: 100px;
57    background-size: contain;
58    border-radius: 50%;
59    margin: 0 auto;
60    margin-bottom: 20px;"></div>
61        </picture>
62        <p>Wir sind für dich da!</p> <p><strong>Hotline: 0800 260 1000</strong></p> <p>
63    Montag - Freitag<br>
64    8:00 - 16:30 Uhr
65</p> <p>
66    E-Mail: <a href="mailto:[email protected]">[email protected]</a>
67</p>
68
69                <a role="button" class="pop-up-button" href="/login?redirecturl=/account_orders">Wo ist meine Bestellung</a>
70            </div>
71</div>
72        </div>
73    </div>
74
75</div>  <!-- end widget id: 6936 -->  <div  class="navigation-bar-group navigation-bar-group-static-menu flex-0" >  <a class="navigation-bar-item navigation-bar-login" data-testid="navigation-bar-account-menu-login" href="/login"  data-bs-toggle="modal" data-bs-target="#loginModal"  > <i class="shopicons shopicons-person"></i> <span class="navigation-bar-label" id="navigation-bar-login"> Einloggen </span> </a>  <a class="navigation-bar-item navigation-bar-basket" href="/create/basket" data-testid="navigation-bar-account-menu-basket" > <i class="fa-regular fa-basket-shopping fa-lg"></i> <span class="navigation-bar-badge navigation-bar-basket-count"> 0 </span> </a> </div>  </div> </div>  <!-- end widget group id: 2230 -->   <!-- start widget group id: 2325 -->  <div  class="navigation-bar-body d-lg-none navigation-bar-toggle-offset" >  <a class="navigation-bar-item navigation-bar-toggle" href="#" data-testid="navigation-bar-hamburger"> <i class="shopicons shopicons-hamburger"></i> </a>  <div class="navigation-bar-container">  <div class="navigation-bar-group navigation-bar-group-logo d-lg-none"> <a class="navigation-bar-item navigation-bar-item-logo" href="/" data-testid="navigation-bar-logo" > <img src="https://shared.s3.exonet.io/13304-kc-mobile-shop-logo/mobile_shop_logo/b2fc51f4eec6c568de8065a30c848dba" alt="wunderkarten.de" /> </a> </div>  <!-- start widget id: 7108 -->   <div  class="navigation-bar-group justify-content-lg-end " >  <a class="navigation-bar-item navigation-bar__kontakt" href="/contact" data-testid="navigation-bar-item-kontakt" ><span>Kontakt</span></a >  </div>   <!-- end widget id: 7108 -->  <div  class="navigation-bar-group navigation-bar-group-static-menu flex-0" >  <a class="navigation-bar-item navigation-bar-login" data-testid="navigation-bar-account-menu-login" href="/login"  data-bs-toggle="modal" data-bs-target="#loginModal"  > <i class="shopicons shopicons-person"></i> <span class="navigation-bar-label" id="navigation-bar-login"> Einloggen </span> </a>  <a class="navigation-bar-item navigation-bar-basket" href="/create/basket" data-testid="navigation-bar-account-menu-basket" > <i class="fa-regular fa-basket-shopping fa-lg"></i> <span class="navigation-bar-badge navigation-bar-basket-count"> 0 </span> </a> </div>  </div> </div>  <!-- end widget group id: 2325 -->    <!-- start widget group id: 2321 -->  <div  class="navigation-bar-footer d-none d-lg-block " >  <div class="navigation-bar-container">  <div class="hamburger-header"> <a class="hamburger-close d-block ms-auto" data-testid="navigation-bar-hamburger-close" ><i class="shopicons shopicons-close"></i ></a> </div> <div class="navigation-bar-group navigation-bar-group-logo d-none d-lg-flex"> <a class="navigation-bar-item navigation-bar-item-logo" href="/" data-testid="navigation-bar-shop-logo" > <img src="https://shared.s3.exonet.io/13304-kc-shop-logo/shop_logo/ca304eb49ca650ca95bc0fb37bddc66d" alt="wunderkarten.de" /> </a> </div> <div class="navigation-bar-collapse">  <!-- start widget id: 7097 -->   <div class="mega-navbar"> <ul class="mega-navbar-items">  <li class="mega-navbar-item"> <a class="mega-navbar-link text-truncate" href="/geburtstag" data-testid="mega-navbar-item-geburtstag" >Geburtstag </a>  <div class="mega-dropdown-content"> <div class="content-container"> <div class="content-row"> <div class="content-col-8 col-8" > <div class="nested-grid">  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase"  data-testid="nested-grid-item-alle-geburtstagskarten" >Alle Geburtstagskarten</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geburtstag/einladungskarten" data-testid="nested-link-geburtstagseinladungen" >Geburtstagseinladungen</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geburtstag/einladung-lustig" data-testid="nested-link-lustige-geburtstagseinladungen" >Lustige Geburtstagseinladungen</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geburtstag/doppel-geburtstag/einladungskarten" data-testid="nested-link-doppelgeburtstag" >Doppelgeburtstag</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geburtstag/kindergeburtstag/einladungskarten-kindergeburtstag" data-testid="nested-link-einladung-kindergeburtstag" >Einladung Kindergeburtstag</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/blanko-karten" data-testid="nested-link-eigenes-design" >Eigenes Design</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/coppenrath-verlag/kindergeburtstag" data-testid="nested-link-kindergeburtstag-mit-lillifee" >Kindergeburtstag mit Lillifee</a > </li>  </ul>  </div>  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/geburtstag/runde-geburtstage" data-testid="nested-grid-item-runde-geburtstage" >Runde Geburtstage</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geburtstag/1-geburtstag" data-testid="nested-link-einladung-1.-geburtstag" >Einladung 1. Geburtstag</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geburtstag/runde-geburtstage/einladungskarten-18-geburtstag" data-testid="nested-link-einladung-18.-geburtstag" >Einladung 18. Geburtstag</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geburtstag/runde-geburtstage/einladungskarten-30-geburtstag" data-testid="nested-link-einladung-30.-geburtstag" >Einladung 30. Geburtstag</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geburtstag/runde-geburtstage/einladungskarten-40-geburtstag" data-testid="nested-link-einladung-40.-geburtstag" >Einladung 40. Geburtstag</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geburtstag/runde-geburtstage/einladungskarten-50-geburtstag" data-testid="nested-link-einladung-50.-geburtstag" >Einladung 50. Geburtstag</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geburtstag/runde-geburtstage/einladungskarten-60-geburtstag" data-testid="nested-link-einladung-60.-geburtstag" >Einladung 60. Geburtstag</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geburtstag/runde-geburtstage/einladungskarten-70-geburtstag" data-testid="nested-link-einladung-70.-geburtstag" >Einladung 70. Geburtstag</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geburtstag/runde-geburtstage/einladungskarten-80-geburtstag" data-testid="nested-link-einladung-80.-geburtstag" >Einladung 80. Geburtstag</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geburtstag/runde-geburtstage/einladungskarten-90-geburtstag" data-testid="nested-link-einladung-90.-geburtstag" >Einladung 90. Geburtstag</a > </li>  </ul>  </div>  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase"  data-testid="nested-grid-item-weitere-produkte" >Weitere Produkte</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geburtstag/adressaufkleber" data-testid="nested-link-adressaufkleber-geburtstag" >Adressaufkleber Geburtstag</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geburtstag/glueckwunschkarten" data-testid="nested-link-glückwunschkarten" >Glückwunschkarten</a > </li>  </ul>  </div>  </div> </div>  <div class="content-col-4 col-4 p-0"> <a href="/geburtstag" data-testid="/media/13304-kc-media/geburtstag_lp_mood_mobile.webp" > <div class="ratio ratio-1x1"> <img class="dropdown-img" src="/media/13304-kc-media/geburtstag_lp_mood_mobile.webp" alt="" loading="lazy" /> </div> </a> </div>  </div> </div> </div>  </li>  <li class="mega-navbar-item"> <a class="mega-navbar-link text-truncate" href="/hochzeit" data-testid="mega-navbar-item-hochzeit" >Hochzeit </a>  <div class="mega-dropdown-content"> <div class="content-container"> <div class="content-row"> <div class="content-col-8 col-8" > <div class="nested-grid">  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase"  data-testid="nested-grid-item-zu-der-hochzeit" >Zu der Hochzeit</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/hochzeit/save-the-date-karten" data-testid="nested-link-save-the-date-karten" >Save the Date Karten</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/hochzeit/einladungskarten" data-testid="nested-link-einladungskarten-zur-hochzeit" >Einladungskarten zur Hochzeit</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/hochzeit/standesamt-einladung" data-testid="nested-link-einladungskarten-zum-standesamt" >Einladungskarten zum Standesamt</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/hochzeit/adressaufkleber" data-testid="nested-link-adressaufkleber-zur-hochzeit" >Adressaufkleber zur Hochzeit</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/hochzeit/menuekarten" data-testid="nested-link-menükarten-zur-hochzeit" >Menükarten zur Hochzeit</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/hochzeit/willkommensschild" data-testid="nested-link-willkommensschilder-zur-hochzeit" >Willkommensschilder zur Hochzeit</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/hochzeit/gaestebuch" data-testid="nested-link-gästebücher-zur-hochzeit" >Gästebücher zur Hochzeit</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/hochzeit/weinetiketten" data-testid="nested-link-weinetiketten-für-die-hochzeit" >Weinetiketten für die Hochzeit</a > </li>  </ul>  </div>  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase"  data-testid="nested-grid-item-nach-der-hochzeit" >Nach der Hochzeit</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/hochzeit/dankeskarten" data-testid="nested-link-dankeskarten-zur-hochzeit" >Dankeskarten zur Hochzeit</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/blanko-karten" data-testid="nested-link-eigenes-design" >Eigenes Design</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/hochzeit/erinnerungskisten" data-testid="nested-link-erinnerungskisten-hochzeit" >Erinnerungskisten Hochzeit</a > </li>  </ul>  </div>  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/hochzeitstag" data-testid="nested-grid-item-hochzeitsjubiläen" >Hochzeitsjubiläen</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/hochzeitstag/einladungskarten-goldene-hoc
75hzeit" data-testid="nested-link-einladungskarten-goldene-hochzeit" >Einladungskarten Goldene Hochzeit</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/hochzeitstag/einladungskarten-silberhochzeit" data-testid="nested-link-einladungskarten-silberhochzeit" >Einladungskarten Silberhochzeit</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/hochzeitstag/einladungskarten-diamantene-hochzeit" data-testid="nested-link-einladungskarten-diamantene-hochzeit" >Einladungskarten Diamantene Hochzeit</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/hochzeitstag/dankeskarten-goldene-hochzeit" data-testid="nested-link-dankeskarten-goldene-hochzeit" >Dankeskarten Goldene Hochzeit</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/hochzeitstag/dankeskarten-silberhochzeit" data-testid="nested-link-dankeskarten-silberhochzeit" >Dankeskarten Silberhochzeit</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/hochzeitstag/dankeskarten-diamantene-hochzeit" data-testid="nested-link-dankeskarten-diamantene-hochzeit" >Dankeskarten Diamantene Hochzeit</a > </li>  </ul>  </div>  </div> </div>  <div class="content-col-4 col-4 p-0"> <a href="/hochzeit" data-testid="/media/13304-kc-media/hochzeit_lp_mood_mobile.webp" > <div class="ratio ratio-1x1"> <img class="dropdown-img" src="/media/13304-kc-media/hochzeit_lp_mood_mobile.webp" alt="" loading="lazy" /> </div> </a> </div>  </div> </div> </div>  </li>  <li class="mega-navbar-item"> <a class="mega-navbar-link text-truncate" href="/baby" data-testid="mega-navbar-item-baby" >Baby </a>  <div class="mega-dropdown-content"> <div class="content-container"> <div class="content-row"> <div class="content-col-8 col-8" > <div class="nested-grid">  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase"  data-testid="nested-grid-item-zur-geburt" >Zur Geburt</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/baby/babykarten" data-testid="nested-link-geburtskarten" >Geburtskarten</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/baby/babykarten-zwillinge" data-testid="nested-link-geburtskarten-für-zwillinge" >Geburtskarten für Zwillinge</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/baby/dankeskarten" data-testid="nested-link-dankeskarten-geburt" >Dankeskarten Geburt</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/blanko-karten" data-testid="nested-link-eigenes-design" >Eigenes Design</a > </li>  </ul>  </div>  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase"  data-testid="nested-grid-item-weitere-produkte" >Weitere Produkte</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/baby/schwangerschaft-verkuenden" data-testid="nested-link-schwangerschaft-verkünden" >Schwangerschaft verkünden</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/baby/babyparty" data-testid="nested-link-einladungskarten-babyparty" >Einladungskarten Babyparty</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geburtstag/1-geburtstag" data-testid="nested-link-einladung-1.-geburtstag" >Einladung 1. Geburtstag</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/baby/adressaufkleber" data-testid="nested-link-adressaufkleber" >Adressaufkleber</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/baby/leinwandposter" data-testid="nested-link-wandbild-auf-leinwand" >Wandbild auf Leinwand</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/baby/erinnerungskisten" data-testid="nested-link-erinnerungskisten-geburt" >Erinnerungskisten Geburt</a > </li>  </ul>  </div>  </div> </div>  <div class="content-col-4 col-4 p-0"> <a href="/baby" data-testid="/media/13304-kc-media/baby_lp_mood_mobile.webp" > <div class="ratio ratio-1x1"> <img class="dropdown-img" src="/media/13304-kc-media/baby_lp_mood_mobile.webp" alt="" loading="lazy" /> </div> </a> </div>  </div> </div> </div>  </li>  <li class="mega-navbar-item"> <a class="mega-navbar-link text-truncate" href="/einschulung" data-testid="mega-navbar-item-einschulung" >Einschulung </a>  <div class="mega-dropdown-content"> <div class="content-container"> <div class="content-row"> <div class="content-col-8 col-8" > <div class="nested-grid">  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase"  data-testid="nested-grid-item-vor-der-feier" >Vor der Feier</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/einschulung/einladungskarten" data-testid="nested-link-einladungskarten-einschulung" >Einladungskarten Einschulung</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/einschulung/adressaufkleber" data-testid="nested-link-adressaufkleber-einschulung" >Adressaufkleber Einschulung</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/blanko-karten" data-testid="nested-link-dein-eigenes-design" >Dein eigenes Design</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/coppenrath-verlag/einschulung" data-testid="nested-link-karten-zur-einschulung-mit-lillifee" >Karten zur Einschulung mit Lillifee</a > </li>  </ul>  </div>  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase"  data-testid="nested-grid-item-nach-der-feier" >Nach der Feier</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/einschulung/dankeskarten" data-testid="nested-link-dankeskarten-einschulung" >Dankeskarten Einschulung</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/einschulung/namensetiketten" data-testid="nested-link-namensetiketten" >Namensetiketten</a > </li>  </ul>  </div>  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase"  data-testid="nested-grid-item-geschenke-zur-einschulung" >Geschenke zur Einschulung</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/einschulung/brotdose" data-testid="nested-link-brotdosen-zur-einschulung" >Brotdosen zur Einschulung</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/einschulung/trinkflasche" data-testid="nested-link-trinkflaschen-zur-einschulung" >Trinkflaschen zur Einschulung</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/einschulung/etui" data-testid="nested-link-federtasche-zur-einschulung" >Federtasche zur Einschulung</a > </li>  </ul>  </div>  </div> </div>  <div class="content-col-4 col-4 p-0"> <a href="/" data-testid="/media/13304-kc-media/einschulung_lp_mood1.webp" > <div class="ratio ratio-1x1"> <img class="dropdown-img" src="/media/13304-kc-media/einschulung_lp_mood1.webp" alt="" loading="lazy" /> </div> </a> </div>  </div> </div> </div>  </li>  <li class="mega-navbar-item"> <a class="mega-navbar-link text-truncate" href="/jugendweihe" data-testid="mega-navbar-item-jugendweihe" >Jugendweihe </a>  <div class="mega-dropdown-content"> <div class="content-container"> <div class="content-row"> <div class="content-col-8 col-8" > <div class="nested-grid">  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase"  data-testid="nested-grid-item-vor-der-feier" >Vor der Feier</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/jugendweihe/einladungskarten" data-testid="nested-link-einladungskarten-jugendweihe" >Einladungskarten Jugendweihe</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/jugendweihe/adressaufkleber" data-testid="nested-link-adressaufkleber-jugendweihe" >Adressaufkleber Jugendweihe</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/blanko-karten" data-testid="nested-link-individuelles-design" >Individuelles Design</a > </li>  </ul>  </div>  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase"  data-testid="nested-grid-item-nach-der-feier" >Nach der Feier</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/jugendweihe/dankeskarten" data-testid="nested-link-dankeskarten-jugendweihe" >Dankeskarten Jugendweihe</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/blanko-karten" data-testid="nested-link-eigenes-design" >Eigenes Design</a > </li>  </ul>  </div>  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase"  data-testid="nested-grid-item-sprüche-&amp;-texte" >Sprüche &amp; Texte</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/sprueche/jugendweihe" data-testid="nested-link-sprüche-zur-jugendweihe" >Sprüche zur Jugendweihe</a > </li>  </ul>  </div>  </div> </div>  <div class="content-col-4 col-4 p-0"> <a href="/jugendweihe/einladungskarten" data-testid="/media/13304-kc-media/jugendweihe_lp_mood_mobile.webp" > <div class="ratio ratio-1x1"> <img class="dropdown-img" src="/media/13304-kc-media/jugendweihe_lp_mood_mobile.webp" alt="" loading="lazy" /> </div> </a> </div>  </div> </div> </div>  </li>  <li class="mega-navbar-item"> <a class="mega-navbar-link text-truncate" href="/trauer" data-testid="mega-navbar-item-trauer" >Trauer </a>  <div class="mega-dropdown-content"> <div class="content-container"> <div class="content-row"> <div class="content-col-8 col-8" > <div class="nested-grid">  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase"  data-testid="nested-grid-item-alle-trauerkarten" >Alle Trauerkarten</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/trauer/traueranzeigen" data-testid="nested-link-karten-zur-trauer" >Karten zur Trauer</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/trauer/dankeskarten" data-testid="nested-link-dankeskarten-zur-trauer" >Dankeskarten zur Trauer</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/trauer/einladungskarten" data-testid="nested-link-einladungskarten-trauer" >Einladungskarten Trauer</a > </li>  </ul>  </div>  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase"  data-testid="nested-grid-item-weitere-produkte" >Weitere Produkte</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/trauer/sterbebilder" data-testid="nested-link-sterbebilder" >
75Sterbebilder</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/trauer/kerzen" data-testid="nested-link-erinnerungskerzen" >Erinnerungskerzen</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/blanko-karten" data-testid="nested-link-eigenes-design" >Eigenes Design</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/trauer/erinnerungskisten" data-testid="nested-link-erinnerungskisten-trauer" >Erinnerungskisten Trauer</a > </li>  </ul>  </div>  </div> </div>  <div class="content-col-4 col-4 p-0"> <a href="/trauer/dankeskarten" data-testid="/media/13304-kc-media/trauer_lp_mood2.png" > <div class="ratio ratio-1x1"> <img class="dropdown-img" src="/media/13304-kc-media/trauer_lp_mood2.png" alt="" loading="lazy" /> </div> </a> </div>  </div> </div> </div>  </li>  <li class="mega-navbar-item"> <a class="mega-navbar-link text-truncate" href="/einladungskarten" data-testid="mega-navbar-item-einladungen" >Einladungen </a>  <div class="mega-dropdown-content"> <div class="content-container"> <div class="content-row"> <div class="content-col-8 col-8" > <div class="nested-grid">  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase"  data-testid="nested-grid-item-hochzeit" >Hochzeit</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/hochzeit/einladungskarten" data-testid="nested-link-einladungskarten-hochzeit" >Einladungskarten Hochzeit</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/hochzeitstag/einladungskarten-silberhochzeit" data-testid="nested-link-einladungskarten-silberne-hochzeit" >Einladungskarten Silberne Hochzeit</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/hochzeitstag/einladungskarten-goldene-hochzeit" data-testid="nested-link-einladungskarten-goldene-hochzeit" >Einladungskarten Goldene Hochzeit</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/hochzeitstag/einladungskarten-diamantene-hochzeit" data-testid="nested-link-einladungskarten-diamantene-hochzeit" >Einladungskarten Diamantene Hochzeit</a > </li>  </ul>  </div>  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase"  data-testid="nested-grid-item-geburtstag" >Geburtstag</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geburtstag/einladungskarten" data-testid="nested-link-einladungskarten-geburtstag" >Einladungskarten Geburtstag</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geburtstag/kindergeburtstag/einladungskarten-kindergeburtstag" data-testid="nested-link-einladungskarten-kindergeburtstag" >Einladungskarten Kindergeburtstag</a > </li>  </ul>  </div>  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase"  data-testid="nested-grid-item-kirchenfeste" >Kirchenfeste</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/taufe/einladungskarten" data-testid="nested-link-einladungskarten-taufe" >Einladungskarten Taufe</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/kommunion/einladungskarten" data-testid="nested-link-einladungskarten-kommunion" >Einladungskarten Kommunion</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/konfirmation/einladungskarten" data-testid="nested-link-einladungskarten-konfirmation" >Einladungskarten Konfirmation</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/firmung/einladungskarten" data-testid="nested-link-einladungskarten-firmung" >Einladungskarten Firmung</a > </li>  </ul>  </div>  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase"  data-testid="nested-grid-item-andere-anlässe" >Andere Anlässe</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/einschulung/einladungskarten" data-testid="nested-link-einladungskarten-einschulung" >Einladungskarten Einschulung</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/jugendweihe/einladungskarten" data-testid="nested-link-einladungskarten-jugendweihe" >Einladungskarten Jugendweihe</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/party/einladungskarten" data-testid="nested-link-partyeinladung" >Partyeinladung</a > </li>  </ul>  </div>  </div> </div>  <div class="content-col-4 col-4 p-0"> <a href="/einladungskarten" data-testid="/media/13304-kc-media/einladungen_lp_mood_mobile.webp" > <div class="ratio ratio-1x1"> <img class="dropdown-img" src="/media/13304-kc-media/einladungen_lp_mood_mobile.webp" alt="" loading="lazy" /> </div> </a> </div>  </div> </div> </div>  </li>  <li class="mega-navbar-item"> <a class="mega-navbar-link text-truncate" href="/danksagungen" data-testid="mega-navbar-item-danksagungen" >Danksagungen </a>  <div class="mega-dropdown-content"> <div class="content-container"> <div class="content-row"> <div class="content-col-8 col-8" > <div class="nested-grid">  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase"  data-testid="nested-grid-item-hochzeit" >Hochzeit</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/hochzeit/dankeskarten" data-testid="nested-link-dankeskarten-hochzeit" >Dankeskarten Hochzeit</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/hochzeitstag/dankeskarten-silberhochzeit" data-testid="nested-link-dankeskarten-silberhochzeit" >Dankeskarten Silberhochzeit</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/hochzeitstag/dankeskarten-goldene-hoc
75hzeit" data-testid="nested-link-dankeskarten-goldene-hochzeit" >Dankeskarten Goldene Hochzeit</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/hochzeitstag/dankeskarten-diamantene-hochzeit" data-testid="nested-link-dankeskarten-diamantene-hochzeit" >Dankeskarten Diamantene Hochzeit</a > </li>  </ul>  </div>  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase"  data-testid="nested-grid-item-besondere-anlässe" >Besondere Anlässe</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/trauer/dankeskarten" data-testid="nested-link-dankeskarten-trauer" >Dankeskarten Trauer</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/jugendweihe/dankeskarten" data-testid="nested-link-dankeskarten-jugendweihe" >Dankeskarten Jugendweihe</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/baby/dankeskarten" data-testid="nested-link-dankeskarten-geburt" >Dankeskarten Geburt</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geburtstag/dankeskarten" data-testid="nested-link-dankeskarten-geburtstag" >Dankeskarten Geburtstag</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/einschulung/dankeskarten" data-testid="nested-link-dankeskarten-einschulung" >Dankeskarten Einschulung</a > </li>  </ul>  </div>  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase"  data-testid="nested-grid-item-danksagung-kirchenfeste" >Danksagung Kirchenfeste</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/taufe/dankeskarten" data-testid="nested-link-dankeskarten-taufe" >Dankeskarten Taufe</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/kommunion/dankeskarten" data-testid="nested-link-dankeskarten-kommunion" >Dankeskarten Kommunion</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/konfirmation/dankeskarten" data-testid="nested-link-dankeskarten-konfirmation" >Dankeskarten Konfirmation</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/firmung/dankeskarten" data-testid="nested-link-dankeskarten-firmung" >Dankeskarten Firmung</a > </li>  </ul>  </div>  </div> </div>  <div class="content-col-4 col-4 p-0"> <a href="/danksagungen" data-testid="/media/13304-kc-media/danksagung_lp_mood_mobile.webp" > <div class="ratio ratio-1x1"> <img class="dropdown-img" src="/media/13304-kc-media/danksagung_lp_mood_mobile.webp" alt="" loading="lazy" /> </div> </a> </div>  </div> </div> </div>  </li>  <li class="mega-navbar-item"> <a class="mega-navbar-link text-truncate" href="/anlaesse" data-testid="mega-navbar-item-alle-anlässe" >Alle Anlässe </a>  <div class="mega-dropdown-content"> <div class="content-container"> <div class="content-row"> <div class="content-col-12 col-12" > <div class="nested-grid">  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/konfirmation" data-testid="nested-grid-item-konfirmation" >Konfirmation</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/konfirmation/einladungskarten" data-testid="nested-link-einladungskarten-konfirmation" >Einladungskarten Konfirmation</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/konfirmation/dankeskarten" data-testid="nested-link-dankeskarten-konfirmation" >Dankeskarten Konfirmation</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/konfirmation/menuekarten" data-testid="nested-link-menükarten-konfirmation" >Menükarten Konfirmation</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/konfirmation/adressaufkleber" data-testid="nested-link-adressaufkleber-konfirmation" >Adressaufkleber Konfirmation</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/konfirmation/kerzen" data-testid="nested-link-kerzen-zur-konfirmation" >Kerzen zur Konfirmation</a > </li>  </ul>  </div>  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/kommunion" data-testid="nested-grid-item-kommunion" >Kommunion</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/kommunion/einladungskarten" data-testid="nested-link-einladungskarten-kommunion" >Einladungskarten Kommunion</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/kommunion/dankeskarten" data-testid="nested-link-dankeskarten-kommunion" >Dankeskarten Kommunion</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/kommunion/menuekarten" data-testid="nested-link-menükarten-kommunion" >Menükarten Kommunion</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/kommunion/adressaufkleber" data-testid="nested-link-adressaufkleber-kommunion" >Adressaufkleber Kommunion</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/kommunion/kerzen" data-testid="nested-link-kerzen-zur-kommunion" >Kerzen zur Kommunion</a > </li>  </ul>  </div>  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/party" data-testid="nested-grid-item-party" >Party</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/party/einladungskarten" data-testid="nested-link-einladungskarten-party" >Einladungskarten Party</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/party/einladungskarten-karneval-fasching" data-testid="nested-link-einladungskarten-karneval" >Einladungskarten Karneval</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/party/einladungskarten-sommerfest" data-testid="nested-link-sommerfest-einladungen" >Sommerfest Einladungen</a > </li>  </ul>  </div>  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/silvester-neujahr" data-testid="nested-grid-item-silvester-&amp;-neujahr" >Silvester &amp; Neujahr</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/silvester-neujahr/einladungskarten" data-testid="nested-link-einladungen-silvester" >Einladungen Silvester</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/silvester-neujahr/neujahrskarten" data-testid="nested-link-neujahrskarten" >Neujahrskarten</a > </li>  </ul>  </div>  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/taufe" data-testid="nested-grid-item-taufe" >Taufe</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/taufe/einladungskarten" data-testid="nested-link-einladungskarten-taufe" >Einladungskarten Taufe</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/taufe/dankeskarten" data-testid="nested-link-dankeskarten-taufe" >Dankeskarten Taufe</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/taufe/kerzen" data-testid="nested-link-taufkerzen" >Taufkerzen</a > </li>  </ul>  </div>  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/weihnachten" data-testid="nested-grid-item-weihnachten" >Weihnachten</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/weihnachten/weihnachtskarten" data-testid="nested-link-weihnachtskarten" >Weihnachtskarten</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/weihnachten/weihnachtskarten-geschaeftlich" data-testid="nested-link-weihnachtskarten-geschäftlich" >Weihnachtskarten geschäftlich</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/weihnachten/einladung-weihnachtsfeier" data-testid="nested-link-einladung-weihnachtsfeier" >Einladung Weihnachtsfeier</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/weihnachten/einladung-geschaeftliche-weihnachtsfeier" data-testid="nested-link-einladung-geschäftliche-weihnachtsfeier-" >Einladung geschäftliche Weihnachtsfeier </a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/weihnachten/weinkisten-geschaeftlich" data-testid="nested-link-weinkisten-geschäftlich" >Weinkisten geschäftlich</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/weihnachten/weinetiketten-geschaeftlich" data-testid="nested-link-weinetiketten-geschäftlich" >Weinetiketten geschäftlich</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/weihnachten/adressaufkleber" data-testid="nested-link-adressaufkleber-weihnachten" >Adressaufkleber Weihnachten</a > </li>  </ul>  </div>  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase"  data-testid="nested-grid-item-weitere-produkte" >Weitere Produkte</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/blanko-karten" data-testid="nested-link-dein-eigenes-design" >Dein eigenes Design</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geschenke/poster" data-testid="nested-link-poster" >Poster</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/fotogeschenke/fotokalender" data-testid="nested-link-fotokalender-2026-✨" >Fotokalender 2026 ✨</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/weihnachten/holzanhaenger" data-testid="nested-link-holzanhänger-als-geschenk" >Holzanhänger als Geschenk</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/briefumschlaege" data-testid="nested-link-briefumschläge" >Briefumschläge</a > </li>  </ul>  </div>  <div class="nested-grid-item"> <a class="content-link fw-bold d-inline-block w-100 text-truncate text-uppercase" href="/geschenke/" data-testid="nested-grid-item-geschenke" >Geschenke</a >  <ul class="nested-ul mt-2">  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geschenke/kinderrucksack" data-testid="nested-link-kinderrucksäcke" >Kinderrucksäcke</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geschenke/leinwandposter" data-testid="nested-link-wandbild" >Wandbild</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geschenke/fotofliese" data-testid="nested-link-fotofliese" >Fotofliese</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geschenke/tasse" data-testid="nested-link-tasse-mit-foto" >Tasse mit Foto</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geschenke/babytuecher" data-testid="nested-link-kuscheltücher" >Kuscheltücher</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geschenke/sonnenschutz" data-testid="nested-link-sonnenschutz" >Sonnenschutz</a > </li>  <li class="nested-li"> <a class="content-link d-inline-block w-100 text-truncate" href="/geschenke/badelatschen" data-testid="nested-link-badeschlappen" >Badeschlappen</a > </li>  </ul>  </div>  </div> </div>  </div> </div> </div>  </li>  <form action="/zoeken" class="mega-navigation-bar-group-search"> <div class="mega-navbar-input-group"> <span class="mega-navbar-input-icon"> <i class="shopicons shopicons-search"></i> </span> <div class="mega-navbar-input-container rounded-pill"> <button type="submit" class="mega-navbar-submit-btn" data-testid="mega-navbar-submit-btn-zoeken" > <i class="shopicons shopicons-search"></i> </button> <input autocomplete="off" class="mega-navbar-input" name="qry" placeholder="Suchen" type="text" /> <button class="mega-navbar-close-btn" data-testid="mega-navbar-close-btn"> <i class="shopicons shopicons-close"></i> </button> </div> </div> </form> </ul> </div>   <!-- end widget id: 7097 -->  </div>  <form  action="/zoeken" class="navigation-bar-group navigation-bar-group-search d-lg-none " > <div  class="navigation-bar-dropdown dropdown-search dropdown-search-visible " > <a class="navigation-bar-item navigation-bar-dropdown-toggle" href="#" data-testid="navigation-bar-account-menu-search" > <i class="shopicons shopicons-search"></i> </a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-input-group"> <span class="navigation-bar-item flex-0"> <i class="shopicons shopicons-search"></i> </span> <input autocomplete="off" class="navigation-bar-input m-0" name="qry" placeholder="Suchen" data-testid="navigation-bar-account-menu-input-search" type="text" /> </div> </div> </div> </form>  </div> </div>  <!-- end widget group id: 2321 -->   <!-- start widget group id: 2322 -->  <div  class="navigation-bar-footer d-lg-none " >  <div class="navigation-bar-container">  <div class="hamburger-header"> <a class="hamburger-close d-block ms-auto" data-testid="navigation-bar-hamburger-close" ><i class="shopicons shopicons-close"></i ></a> </div> <div class="navigation-bar-group navigation-bar-group-logo d-none d-lg-flex"> <a class="navigation-bar-item navigation-bar-item-logo" href="/" data-testid="navigation-bar-shop-logo" > <img src="https://shared.s3.exonet.io/13304-kc-shop-logo/shop_logo/ca304eb49ca650ca95bc0fb37bddc66d" alt="wunderkarten.de" /> </a> </div> <div class="navigation-bar-collapse">  <!-- start widget id: 7105 -->   <div  class="navigation-bar-group  " >  <div class="navigation-bar-dropdown dropdown-expand-on-hover" > <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__geburtstag" href="/geburtstag" data-testid="navigation-bar-geburtstag" > <span>Geburtstag</span> <i class="icon icon-angle-down text-small d-none d-lg-block"></i> <i class="icon icon-angle-right d-lg-none"></i> </a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close d-lg-none" href="#" data-testid="navigation-bar-item-geburtstag" ><i class="icon icon-angle-left back-icon me-1"></i> Geburtstag </a> <div class="navigation-bar-group">  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__alle-geburtstagskarten" href="#" data-testid="navigation-bar-item-alle-geburtstagskarten" ><span>Alle Geburtstagskarten</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-alle-geburtstagskarten" ><i class="icon icon-angle-left back-icon me-1"></i> Alle Geburtstagskarten </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__geburtstagseinladungen" href="/geburtstag/einladungskarten" data-testid="navigation-bar-item-geburtstagseinladungen" ><span>Geburtstagseinladungen</span></a >  <a class="navigation-bar-item navigation-bar__lustige-geburtstagseinladungen" href="/geburtstag/einladung-lustig" data-testid="navigat
75ion-bar-item-lustige-geburtstagseinladungen" ><span>Lustige Geburtstagseinladungen</span></a >  <a class="navigation-bar-item navigation-bar__doppelgeburtstag" href="/geburtstag/doppel-geburtstag/einladungskarten" data-testid="navigation-bar-item-doppelgeburtstag" ><span>Doppelgeburtstag</span></a >  <a class="navigation-bar-item navigation-bar__einladung-kindergeburtstag" href="/geburtstag/kindergeburtstag/einladungskarten-kindergeburtstag" data-testid="navigation-bar-item-einladung-kindergeburtstag" ><span>Einladung Kindergeburtstag</span></a >  <a class="navigation-bar-item navigation-bar__eigenes-design" href="/blanko-karten" data-testid="navigation-bar-item-eigenes-design" ><span>Eigenes Design</span></a >  </div> </div> </div> </div>  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__runde-geburtstage" href="#" data-testid="navigation-bar-item-runde-geburtstage" ><span>Runde Geburtstage</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-runde-geburtstage" ><i class="icon icon-angle-left back-icon me-1"></i> Runde Geburtstage </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__einladung-1.-geburtstag" href="/geburtstag/1-geburtstag" data-testid="navigation-bar-item-einladung-1.-geburtstag" ><span>Einladung 1. Geburtstag</span></a >  <a class="navigation-bar-item navigation-bar__einladung-18.-geburtstag" href="/geburtstag/runde-geburtstage/einladungskarten-18-geburtstag" data-testid="navigation-bar-item-einladung-18.-geburtstag" ><span>Einladung 18. Geburtstag</span></a >  <a class="navigation-bar-item navigation-bar__einladung-30.-geburtstag" href="/geburtstag/runde-geburtstage/einladungskarten-30-geburtstag" data-testid="navigation-bar-item-einladung-30.-geburtstag" ><span>Einladung 30. Geburtstag</span></a >  <a class="navigation-bar-item navigation-bar__einladung-40.-geburtstag" href="/geburtstag/runde-geburtstage/einladungskarten-40-geburtstag" data-testid="navigation-bar-item-einladung-40.-geburtstag" ><span>Einladung 40. Geburtstag</span></a >  <a class="navigation-bar-item navigation-bar__einladung-50.-geburtstag" href="/geburtstag/runde-geburtstage/einladungskarten-50-geburtstag" data-testid="navigation-bar-item-einladung-50.-geburtstag" ><span>Einladung 50. Geburtstag</span></a >  <a class="navigation-bar-item navigation-bar__einladung-60.-geburtstag" href="/geburtstag/runde-geburtstage/einladungskarten-60-geburtstag" data-testid="navigation-bar-item-einladung-60.-geburtstag" ><span>Einladung 60. Geburtstag</span></a >  <a class="navigation-bar-item navigation-bar__einladung-70.-geburtstag" href="/geburtstag/runde-geburtstage/einladungskarten-70-geburtstag" data-testid="navigation-bar-item-einladung-70.-geburtstag" ><span>Einladung 70. Geburtstag</span></a >  <a class="navigation-bar-item navigation-bar__einladung-80.-geburtstag" href="/geburtstag/runde-geburtstage/einladungskarten-80-geburtstag" data-testid="navigation-bar-item-einladung-80.-geburtstag" ><span>Einladung 80. Geburtstag</span></a >  <a class="navigation-bar-item navigation-bar__einladung-90.-geburtstag" href="/geburtstag/runde-geburtstage/einladungskarten-90-geburtstag" data-testid="navigation-bar-item-einladung-90.-geburtstag" ><span>Einladung 90. Geburtstag</span></a >  </div> </div> </div> </div>  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__weitere-produkte" href="#" data-testid="navigation-bar-item-weitere-produkte" ><span>Weitere Produkte</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-weitere-produkte" ><i class="icon icon-angle-left back-icon me-1"></i> Weitere Produkte </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__adressaufkleber-geburtstag" href="/geburtstag/adressaufkleber" data-testid="navigation-bar-item-adressaufkleber-geburtstag" ><span>Adressaufkleber Geburtstag</span></a >  <a class="navigation-bar-item navigation-bar__glückwunschkarten" href="/geburtstag/glueckwunschkarten" data-testid="navigation-bar-item-gl
75ückwunschkarten" ><span>Glückwunschkarten</span></a >  </div> </div> </div> </div>  </div> </div> </div> </div>  <div class="navigation-bar-dropdown dropdown-expand-on-hover" > <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__hochzeit" href="/hochzeit" data-testid="navigation-bar-hochzeit" > <span>Hochzeit</span> <i class="icon icon-angle-down text-small d-none d-lg-block"></i> <i class="icon icon-angle-right d-lg-none"></i> </a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close d-lg-none" href="#" data-testid="navigation-bar-item-hochzeit" ><i class="icon icon-angle-left back-icon me-1"></i> Hochzeit </a> <div class="navigation-bar-group">  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__zu-der-hochzeit" href="#" data-testid="navigation-bar-item-zu-der-hochzeit" ><span>Zu der Hochzeit</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-zu-der-hochzeit" ><i class="icon icon-angle-left back-icon me-1"></i> Zu der Hochzeit </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__save-the-date-karten" href="/hochzeit/save-the-date-karten" data-testid="navigation-bar-item-save-the-date-karten" ><span>Save the Date Karten</span></a >  <a class="navigation-bar-item navigation-bar__einladungskarten-zur-hochzeit" href="/hochzeit/einladungskarten" data-testid="navigation-bar-item-einladungskarten-zur-hochzeit" ><span>Einladungskarten zur Hochzeit</span></a >  <a class="navigation-bar-item navigation-bar__einladungskarten-zum-standesamt" href="/hochzeit/standesamt-einladung" data-testid="navigation-bar-item-einladungskarten-zum-standesamt" ><span>Einladungskarten zum Standesamt</span></a >  <a class="navigation-bar-item navigation-bar__adressaufkleber-zur-hochzeit" href="/hochzeit/adressaufkleber" data-testid="navigation-bar-item-adressaufkleber-zur-hochzeit" ><span>Adressaufkleber zur Hochzeit</span></a >  <a class="navigation-bar-item navigation-bar__menükarten-zur-hochzeit" href="/hochzeit/menuekarten" data-testid="navigation-bar-item-menükarten-zur-hochzeit" ><span>Menükarten zur Hochzeit</span></a >  <a class="navigation-bar-item navigation-bar__willkommensschilder-zur-hochzeit" href="/hochzeit/willkommensschild" data-testid="navigation-bar-item-willkommensschilder-zur-hochzeit" ><span>Willkommensschilder zur Hochzeit</span></a >  <a class="navigation-bar-item navigation-bar__gästebücher-zur-hochzeit" href="/hochzeit/gaestebuch" data-testid="navigation-bar-item-gästebücher-zur-hochzeit" ><span>Gästebücher zur Hochzeit</span></a >  <a class="navigation-bar-item navigation-bar__weinetiketten-für-die-hochzeit" href="/hochzeit/weinetiketten" data-testid="navigation-bar-item-weinetiketten-für-die-hochzeit" ><span>Weinetiketten für die Hochzeit</span></a >  </div> </div> </div> </div>  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__nach-der-hochzeit" href="#" data-testid="navigation-bar-item-nach-der-hochzeit" ><span>Nach der Hochzeit</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-nach-der-hochzeit" ><i class="icon icon-angle-left back-icon me-1"></i> Nach der Hochzeit </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__dankeskarten-zur-hochzeit" href="/hochzeit/dankeskarten" data-testid="navigation-bar-item-dankeskarten-zur-hochzeit" ><span>Dankeskarten zur Hochzeit</span></a >  <a class="navigation-bar-item navigation-bar__eigenes-design" href="/blanko-karten" data-testid="navigation-bar-item-eigenes-design" ><span>Eigenes Design</span></a >  <a class="navigation-bar-item navigation-bar__erinnerungskisten-hochzeit" href="/hochzeit/erinnerungskisten" data-testid="navigation-bar-item-erinnerungskisten-hochzeit" ><span>Erinnerungskisten Hochzeit</span></a >  </div> </div> </div> </div>  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__hochzeitsjubiläen" href="#" data-testid="navigation-bar-item-hochzeitsjubiläen" ><span>Hochzeitsjubiläen</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-hochzeitsjubiläen" ><i class="icon icon-angle-left back-icon me-1"></i> Hochzeitsjubiläen </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__einladungskarten-goldene-hoc
75hzeit" href="/hochzeitstag/einladungskarten-goldene-hochzeit" data-testid="navigation-bar-item-einladungskarten-goldene-hochzeit" ><span>Einladungskarten Goldene Hochzeit</span></a >  <a class="navigation-bar-item navigation-bar__einladungskarten-silberhochzeit" href="/hochzeitstag/einladungskarten-silberhochzeit" data-testid="navigation-bar-item-einladungskarten-silberhochzeit" ><span>Einladungskarten Silberhochzeit</span></a >  <a class="navigation-bar-item navigation-bar__einladungskarten-diamantene-hochzeit" href="/hochzeitstag/einladungskarten-diamantene-hochzeit" data-testid="navigation-bar-item-einladungskarten-diamantene-hochzeit" ><span>Einladungskarten Diamantene Hochzeit</span></a >  <a class="navigation-bar-item navigation-bar__dankeskarten-goldene-hochzeit" href="/hochzeitstag/dankeskarten-goldene-hochzeit" data-testid="navigation-bar-item-dankeskarten-goldene-hochzeit" ><span>Dankeskarten Goldene Hochzeit</span></a >  <a class="navigation-bar-item navigation-bar__dankeskarten-silberhochzeit" href="/hochzeitstag/dankeskarten-silberhochzeit" data-testid="navigation-bar-item-dankeskarten-silberhochzeit" ><span>Dankeskarten Silberhochzeit</span></a >  <a class="navigation-bar-item navigation-bar__dankeskarten-diamantene-hochzeit" href="/hochzeitstag/dankeskarten-diamantene-hochzeit" data-testid="navigation-bar-item-dankeskarten-diamantene-hochzeit" ><span>Dankeskarten Diamantene Hochzeit</span></a >  </div> </div> </div> </div>  </div> </div> </div> </div>  <div class="navigation-bar-dropdown dropdown-expand-on-hover" > <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__baby" href="/baby" data-testid="navigation-bar-baby" > <span>Baby</span> <i class="icon icon-angle-down text-small d-none d-lg-block"></i> <i class="icon icon-angle-right d-lg-none"></i> </a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close d-lg-none" href="#" data-testid="navigation-bar-item-baby" ><i class="icon icon-angle-left back-icon me-1"></i> Baby </a> <div class="navigation-bar-group">  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__zur-geburt" href="#" data-testid="navigation-bar-item-zur-geburt" ><span>Zur Geburt</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-zur-geburt" ><i class="icon icon-angle-left back-icon me-1"></i> Zur Geburt </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__geburtskarten" href="/baby/babykarten" data-testid="navigation-bar-item-geburtskarten" ><span>Geburtskarten</span></a >  <a class="navigation-bar-item navigation-bar__geburtskarten-für-zwillinge" href="/baby/babykarten-zwillinge" data-testid="navigation-bar-item-geburtskarten-für-zwillinge" ><span>Geburtskarten für Zwillinge</span></a >  <a class="navigation-bar-item navigation-bar__dankeskarten-geburt" href="/baby/dankeskarten" data-testid="navigation-bar-item-dankeskarten-geburt" ><span>Dankeskarten Geburt</span></a >  <a class="navigation-bar-item navigation-bar__eigenes-design" href="/blanko-karten" data-testid="navigation-bar-item-eigenes-design" ><span>Eigenes Design</span></a >  </div> </div> </div> </div>  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__weitere-produkte" href="#" data-testid="navigation-bar-item-weitere-produkte" ><span>Weitere Produkte</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-weitere-produkte" ><i class="icon icon-angle-left back-icon me-1"></i> Weitere Produkte </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__schwangerschaft-verkünden" href="/baby/schwangerschaft-verkuenden" data-testid="navigation-bar-item-schwangerschaft-verkünden" ><span>Schwangerschaft verkünden</span></a >  <a class="navigation-bar-item navigation-bar__einladungskarten-babyparty" href="/baby/babyparty" data-testid="navigation-bar-item-einladungskarten-babyparty" ><span>Einladungskarten Babyparty</span></a >  <a class="navigation-bar-item navigation-bar__einladung-1.-geburtstag" href="/geburtstag/1-geburtstag" data-testid="navigation-bar-item-einladung-1.-geburtstag" ><span>Einladung 1. Geburtstag</span></a >  <a class="navigation-bar-item navigation-bar__adressaufkleber" href="/baby/adressaufkleber" data-testid="navigation-bar-item-adressaufkleber" ><span>Adressaufkleber</span></a >  <a class="navigation-bar-item navigation-bar__wandbild-auf-leinwand" href="/baby/leinwandposter" data-testid="navigation-bar-item-wandbild-auf-leinwand" ><span>Wandbild auf Leinwand</span></a >  <a class="navigation-bar-item navigation-bar__erinnerungskisten-geburt" href="/baby/erinnerungskisten" data-testid="navigation-bar-item-erinnerungskisten-geburt" ><span>Erinnerungskisten Geburt</span></a >  </div> </div> </div> </div>  </div> </div> </div> </div>  <div class="navigation-bar-dropdown dropdown-expand-on-hover" > <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__einschulung" href="/einschulung" data-testid="navigation-bar-einschulung" > <span>Einschulung</span> <i class="icon icon-angle-down text-small d-none d-lg-block"></i> <i class="icon icon-angle-right d-lg-none"></i> </a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close d-lg-none" href="#" data-testid="navigation-bar-item-einschulung" ><i class="icon icon-angle-left back-icon me-1"></i> Einschulung </a> <div class="navigation-bar-group">  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__vor-der-feier" href="#" data-testid="navigation-bar-item-vor-der-feier" ><span>Vor der Feier</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-vor-der-feier" ><i class="icon icon-angle-left back-icon me-1"></i> Vor der Feier </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__einladungskarten-einschulung" href="/einschulung/einladungskarten" data-testid="navigation-bar-item-einladungskarten-einschulung" ><span>Einladungskarten Einschulung</span></a >  <a class="navigation-bar-item navigation-bar__adressaufkleber-einschulung" href="/einschulung/adressaufkleber" data-testid="navigation-bar-item-adressaufkleber-einschulung" ><span>Adressaufkleber Einschulung</span></a >  </div> </div> </div> </div>  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__nach-der-feier" href="#" data-testid="navigation-bar-item-nach-der-feier" ><span>Nach der Feier</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-nach-der-feier" ><i class="icon icon-angle-left back-icon me-1"></i> Nach der Feier </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__dankeskarten-einschulung" href="/einschulung/dankeskarten" data-testid="navigation-bar-item-dankeskarten-einschulung" ><span>Dankeskarten Einschulung</span></a >
75  <a class="navigation-bar-item navigation-bar__namensetiketten" href="/einschulung/namensetiketten" data-testid="navigation-bar-item-namensetiketten" ><span>Namensetiketten</span></a >  </div> </div> </div> </div>  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__geschenke-zur-einschulung" href="#" data-testid="navigation-bar-item-geschenke-zur-einschulung" ><span>Geschenke zur Einschulung</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-geschenke-zur-einschulung" ><i class="icon icon-angle-left back-icon me-1"></i> Geschenke zur Einschulung </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__brotdosen-zur-einschulung" href="/einschulung/brotdose" data-testid="navigation-bar-item-brotdosen-zur-einschulung" ><span>Brotdosen zur Einschulung</span></a >  <a class="navigation-bar-item navigation-bar__trinkflaschen-zur-einschulung" href="/einschulung/trinkflasche" data-testid="navigation-bar-item-trinkflaschen-zur-einschulung" ><span>Trinkflaschen zur Einschulung</span></a >  <a class="navigation-bar-item navigation-bar__federtasche-zur-einschulung" href="/einschulung/etui" data-testid="navigation-bar-item-federtasche-zur-einschulung" ><span>Federtasche zur Einschulung</span></a >  </div> </div> </div> </div>  </div> </div> </div> </div>  <div class="navigation-bar-dropdown dropdown-expand-on-hover" > <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__jugendweihe" href="/jugendweihe" data-testid="navigation-bar-jugendweihe" > <span>Jugendweihe</span> <i class="icon icon-angle-down text-small d-none d-lg-block"></i> <i class="icon icon-angle-right d-lg-none"></i> </a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close d-lg-none" href="#" data-testid="navigation-bar-item-jugendweihe" ><i class="icon icon-angle-left back-icon me-1"></i> Jugendweihe </a> <div class="navigation-bar-group">  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__vor-der-feier" href="#" data-testid="navigation-bar-item-vor-der-feier" ><span>Vor der Feier</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-vor-der-feier" ><i class="icon icon-angle-left back-icon me-1"></i> Vor der Feier </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__einladungskarten-jugendweihe" href="/jugendweihe/einladungskarten" data-testid="navigation-bar-item-einladungskarten-jugendweihe" ><span>Einladungskarten Jugendweihe</span></a >  <a class="navigation-bar-item navigation-bar__adressaufkleber-jugendweihe" href="/jugendweihe/adressaufkleber" data-testid="navigation-bar-item-adressaufkleber-jugendweihe" ><span>Adressaufkleber Jugendweihe</span></a >  <a class="navigation-bar-item navigation-bar__individuelles-design" href="/blanko-karten" data-testid="navigation-bar-item-individuelles-design" ><span>Individuelles Design</span></a >  </div> </div> </div> </div>  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__nach-der-feier" href="#" data-testid="navigation-bar-item-nach-der-feier" ><span>Nach der Feier</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-nach-der-feier" ><i class="icon icon-angle-left back-icon me-1"></i> Nach der Feier </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__dankeskarten-jugendweihe" href="/jugendweihe/dankeskarten" data-testid="navigation-bar-item-dankeskarten-jugendweihe" ><span>Dankeskarten Jugendweihe</span></a >  <a class="navigation-bar-item navigation-bar__eigenes-design" href="/blanko-karten" data-testid="navigation-bar-item-eigenes-design" ><span>Eigenes Design</span></a >  </div> </div> </div> </div>  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__sprüche-&amp;-texte" href="#" data-testid="navigation-bar-item-sprüche-&amp;-texte" ><span>Sprüche &amp; Texte</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-sprüche-&amp;-texte" ><i class="icon icon-angle-left back-icon me-1"></i> Sprüche &amp; Texte </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__sprüche-zur-jugendweihe" href="/sprueche/jugendweihe" data-testid="navigation-bar-item-sprüche-zur-jugendweihe" ><span>Sprüche zur Jugendweihe</span></a >  </div> </div> </div> </div>  </div> </div> </div> </div>  <div class="navigation-bar-dropdown dropdown-expand-on-hover" > <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__trauer" href="/trauer" data-testid="navigation-bar-trauer" > <span>Trauer</span> <i class="icon icon-angle-down text-small d-none d-lg-block"></i> <i class="icon icon-angle-right d-lg-none"></i> </a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close d-lg-none" href="#" data-testid="navigation-bar-item-trauer" ><i class="icon icon-angle-left back-icon me-1"></i> Trauer </a> <div class="navigation-bar-group">  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__alle-trauerkarten" href="#" data-testid="navigation-bar-item-alle-trauerkarten" ><span>Alle Trauerkarten</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-alle-trauerkarten" ><i class="icon icon-angle-left back-icon me-1"></i> Alle Trauerkarten </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__karten-zur-trauer" href="/trauer/traueranzeigen" data-testid="navigation-bar-item-karten-zur-trauer" ><span>Karten zur Trauer</span></a >  <a class="navigation-bar-item navigation-bar__dankeskarten-zur-trauer" href="/trauer/dankeskarten" data-testid="navigation-bar-item-dankeskarten-zur-trauer" ><span>Dankeskarten zur Trauer</span></a >  <a class="navigation-bar-item navigation-bar__einladungskarten-trauer" href="/trauer/einladungskarten" data-testid="navigation-bar-item-einladungskarten-trauer" ><span>Einladungskarten Trauer</span></a >  </div> </div> </div> </div>  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__weitere-produkte" href="#" data-testid="navigation-bar-item-we
75itere-produkte" ><span>Weitere Produkte</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-weitere-produkte" ><i class="icon icon-angle-left back-icon me-1"></i> Weitere Produkte </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__sterbebilder" href="/trauer/sterbebilder" data-testid="navigation-bar-item-sterbebilder" ><span>Sterbebilder</span></a >  <a class="navigation-bar-item navigation-bar__erinnerungskerzen" href="/trauer/kerzen" data-testid="navigation-bar-item-erinnerungskerzen" ><span>Erinnerungskerzen</span></a >  <a class="navigation-bar-item navigation-bar__eigenes-design" href="/blanko-karten" data-testid="navigation-bar-item-eigenes-design" ><span>Eigenes Design</span></a >  <a class="navigation-bar-item navigation-bar__erinnerungskisten-trauer" href="/trauer/erinnerungskisten" data-testid="navigation-bar-item-erinnerungskisten-trauer" ><span>Erinnerungskisten Trauer</span></a >  </div> </div> </div> </div>  </div> </div> </div> </div>  <div class="navigation-bar-dropdown dropdown-expand-on-hover" > <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__einladungen" href="/einladungskarten" data-testid="navigation-bar-einladungen" > <span>Einladungen</span> <i class="icon icon-angle-down text-small d-none d-lg-block"></i> <i class="icon icon-angle-right d-lg-none"></i> </a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close d-lg-none" href="#" data-testid="navigation-bar-item-einladungen" ><i class="icon icon-angle-left back-icon me-1"></i> Einladungen </a> <div class="navigation-bar-group">  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__hochzeit" href="#" data-testid="navigation-bar-item-hochzeit" ><span>Hochzeit</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-hochzeit" ><i class="icon icon-angle-left back-icon me-1"></i> Hochzeit </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__einladungskarten-hochzeit" href="/hochzeit/einladungskarten" data-testid="navigation-bar-item-einladungskarten-hochzeit" ><span>Einladungskarten Hochzeit</span></a >  <a class="navigation-bar-item navigation-bar__einladungskarten-silberne-hochzeit" href="/hochzeitstag/einladungskarten-silberhochzeit" data-testid="navigation-bar-item-einladungskarten-silberne-hochzeit" ><span>Einladungskarten Silberne Hochzeit</span></a >  <a class="navigation-bar-item navigation-bar__einladungskarten-goldene-hochzeit" href="/hochzeitstag/einladungskarten-goldene-hochzeit" data-testid="navigation-bar-item-einladungskarten-goldene-hochzeit" ><span>Einladungskarten Goldene Hochzeit</span></a >  <a class="navigation-bar-item navigation-bar__einladungskarten-diamantene-hochzeit" href="/hochzeitstag/einladungskarten-diamantene-hochzeit" data-testid="navigation-bar-item-einladungskarten-diamantene-hochzeit" ><span>Einladungskarten Diamantene Hochzeit</span></a >  </div> </div> </div> </div>  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__geburtstag" href="#" data-testid="navigation-bar-item-geburtstag" ><span>Geburtstag</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-geburtstag" ><i class="icon icon-angle-left back-icon me-1"></i> Geburtstag </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__einladungskarten-geburtstag" href="/geburtstag/einladungskarten" data-testid="navigation-bar-item-einladungskarten-geburtstag" ><span>Einladungskarten Geburtstag</span></a >  <a class="navigation-bar-item navigation-bar__einladungskarten-kindergeburtstag" href="/geburtstag/kindergeburtstag/einladungskarten-kindergeburtstag" data-testid="navigation-bar-item-einladungskarten-kindergeburtstag" ><span>Einladungskarten Kindergeburtstag</span></a >  </div> </div> </div> </div>  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__kirchenfeste" href="#" data-testid="navigation-bar-item-kirchenfeste" ><span>Kirchenfeste</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-kirchenfeste" ><i class="icon icon-angle-left back-icon me-1"></i> Kirchenfeste </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__einladungskarten-taufe" href="/taufe/einladungskarten" data-testid="navigation-bar-item-einladungskarten-taufe" ><span>Einladungskarten Taufe</span></a >  <a class="navigation-bar-item navigation-bar__einladungskarten-kommunion" href="/kommunion/einladungskarten" data-testid="navigation-bar-item-einladungskarten-kommunion" ><span>Einladungskarten Kommunion</span></a >  <a class="navigation-bar-item navigation-bar__einladungskarten-konfirmation" href="/konfirmation/einladungskarten" data-testid="navigation-bar-item-einladungskarten-konfirmation" ><span>Einladungskarten Konfirmation</span></a >  <a class="navigation-bar-item navigation-bar__einladungskarten-firmung" href="/firmung/einladungskarten" data-testid="navigation-bar-item-einladungskarten-firmung" ><span>Einladungskarten Firmung</span></a >  </div> </div> </div> </div>  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__andere-anlässe" href="#" data-testid="navigation-bar-item-andere-anlässe" ><span>Andere Anlässe</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-andere-anlässe" ><i class="icon icon-angle-left back-icon me-1"></i> Andere Anlässe </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__einladungskarten-einschulung" href="/einschulung/einladungskarten" data-testid="navigation-bar-item-einladungskarten-einschulung" ><span>Einladungskarten Einschulung</span></a >  <a class="navigation-bar-item navigation-bar__einladungskarten-jugendweihe" href="/jugendweihe/einladungskarten" data-testid="navigation-bar-item-einladungskarten-jugendweihe" ><span>Einladungskarten Jugendweihe</span></a >  <a class="navigation-bar-item navigation-bar__partyeinladung" href="/party/einladungskarten" data-testid="navigation-bar-item-partyeinladung" ><span>Partyeinladung</span></a >  </div> </div> </div> </div>  </div> </div> </div> </div>  <div class="navigation-bar-dropdown dropdown-expand-on-hover" > <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__danksagungen" href="/danksagungen" data-testid="navigation-bar-danksagungen" > <span>Danksagungen</span> <i class="icon icon-angle-down text-small d-none d-lg-block"></i> <i class="icon icon-angle-right d-lg-none"></i> </a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close d-lg-none" href="#" data-testid="navigation-bar-item-danksagungen" ><i class="icon icon-angle-left back-icon me-1"></i> Danksagungen </a> <div class="navigation-bar-group">  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__hochzeit" href="#" data-testid="navigation-bar-item-hochzeit" ><span>Hochzeit</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-hochzeit" ><i class="icon icon-angle-left back-icon me-1"></i> Hochzeit </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__dankeskarten-hochzeit" href="/hochzeit/dankeskarten" data-testid="navigation-bar-item-dankeskarten-hochzeit" ><span>Dankeskarten Hochzeit</span></a >  <a class="navigation-bar-item navigation-bar__dankeskarten-silberhochzeit" href="/hochzeitstag/dankeskarten-silberhochzeit" data-testid="navigation-bar-item-dankeskarten-silberhochzeit" ><span>Dankeskarten Silberhochzeit</span></a >  <a class="navigation-bar-item navigation-bar__dankeskarten-goldene-hoc
75hzeit" href="/hochzeitstag/dankeskarten-goldene-hochzeit" data-testid="navigation-bar-item-dankeskarten-goldene-hochzeit" ><span>Dankeskarten Goldene Hochzeit</span></a >  <a class="navigation-bar-item navigation-bar__dankeskarten-diamantene-hochzeit" href="/hochzeitstag/dankeskarten-diamantene-hochzeit" data-testid="navigation-bar-item-dankeskarten-diamantene-hochzeit" ><span>Dankeskarten Diamantene Hochzeit</span></a >  </div> </div> </div> </div>  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__besondere-anlässe" href="#" data-testid="navigation-bar-item-besondere-anlässe" ><span>Besondere Anlässe</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-besondere-anlässe" ><i class="icon icon-angle-left back-icon me-1"></i> Besondere Anlässe </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__dankeskarten-trauer" href="/trauer/dankeskarten" data-testid="navigation-bar-item-dankeskarten-trauer" ><span>Dankeskarten Trauer</span></a >  <a class="navigation-bar-item navigation-bar__dankeskarten-jugendweihe" href="/jugendweihe/dankeskarten" data-testid="navigation-bar-item-dankeskarten-jugendweihe" ><span>Dankeskarten Jugendweihe</span></a >  <a class="navigation-bar-item navigation-bar__dankeskarten-geburt" href="/baby/dankeskarten" data-testid="navigation-bar-item-dankeskarten-geburt" ><span>Dankeskarten Geburt</span></a >  <a class="navigation-bar-item navigation-bar__dankeskarten-geburtstag" href="/geburtstag/dankeskarten" data-testid="navigation-bar-item-dankeskarten-geburtstag" ><span>Dankeskarten Geburtstag</span></a >  <a class="navigation-bar-item navigation-bar__dankeskarten-einschulung" href="/einschulung/dankeskarten" data-testid="navigation-bar-item-dankeskarten-einschulung" ><span>Dankeskarten Einschulung</span></a >  </div> </div> </div> </div>  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__danksagung-kirchenfeste" href="#" data-testid="navigation-bar-item-danksagung-kirchenfeste" ><span>Danksagung Kirchenfeste</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-danksagung-kirchenfeste" ><i class="icon icon-angle-left back-icon me-1"></i> Danksagung Kirchenfeste </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__dankeskarten-taufe" href="/taufe/dankeskarten" data-testid="navigation-bar-item-dankeskarten-taufe" ><span>Dankeskarten Taufe</span></a >  <a class="navigation-bar-item navigation-bar__dankeskarten-kommunion" href="/kommunion/dankeskarten" data-testid="navigation-bar-item-dankeskarten-kommunion" ><span>Dankeskarten Kommunion</span></a >  <a class="navigation-bar-item navigation-bar__dankeskarten-konfirmation" href="/konfirmation/dankeskarten" data-testid="navigation-bar-item-dankeskarten-konfirmation" ><span>Dankeskarten Konfirmation</span></a >  <a class="navigation-bar-item navigation-bar__dankeskarten-firmung" href="/firmung/dankeskarten" data-testid="navigation-bar-item-dankeskarten-firmung" ><span>Dankeskarten Firmung</span></a >  </div> </div> </div> </div>  </div> </div> </div> </div>  <div class="navigation-bar-dropdown dropdown-expand-on-hover" > <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__alle-anlässe" href="/" data-testid="navigation-bar-alle-anlässe" > <span>Alle Anlässe</span> <i class="icon icon-angle-down text-small d-none d-lg-block"></i> <i class="icon icon-angle-right d-lg-none"></i> </a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close d-lg-none" href="#" data-testid="navigation-bar-item-alle-anlässe" ><i class="icon icon-angle-left back-icon me-1"></i> Alle Anlässe </a> <div class="navigation-bar-group">  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__konfirmation" href="#" data-testid="navigation-bar-item-konfirmation" ><span>Konfirmation</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-konfirmation" ><i class="icon icon-angle-left back-icon me-1"></i> Konfirmation </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__einladungskarten-konfirmation" href="/konfirmation/einladungskarten" data-testid="navigation-bar-item-einladungskarten-konfirmation" ><span>Einladungskarten Konfirmation</span></a >  <a class="navigation-bar-item navigation-bar__dankeskarten-konfirmation" href="/konfirmation/dankeskarten" data-testid="navigation-bar-item-dankeskarten-konfirmation" ><span>Dankeskarten Konfirmation</span></a >  <a class="navigation-bar-item navigation-bar__menükarten-konfirmation" href="/konfirmation/menuekarten" data-testid="navigation-bar-item-menükarten-konfirmation" ><span>Menükarten Konfirmation</span></a >  <a class="navigation-bar-item navigation-bar__adressaufkleber-konfirmation" href="/konfirmation/adressaufkleber" data-testid="navigation-bar-item-adressaufkleber-konfirmation" ><span>Adressaufkleber Konfirmation</span></a >  <a class="navigation-bar-item navigation-bar__kerzen-zur-konfirmation" href="/konfirmation/kerzen" data-testid="navigation-bar-item-kerzen-zur-konfirmation" ><span>Kerzen zur Konfirmation</span></a >  </div> </div> </div> </div>  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__kommunion" href="#" data-testid="navigation-bar-item-kommunion" ><span>Kommunion</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-kommunion" ><i class="icon icon-angle-left back-icon me-1"></i> Kommunion </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__einladungskarten-kommunion" href="/kommunion/einladungskarten" data-testid="navigation-bar-item-einladungskarten-kommunion" ><span>Einladungskarten Kommunion</span></a >  <a class="navigation-bar-item navigation-bar__dankeskarten-kommunion" href="/kommunion/dankeskarten" data-testid="navigation-bar-item-dankeskarten-kommunion" ><span>Dankeskarten Kommunion</span></a >  <a class="navigation-bar-item navigation-bar__menükarten-kommunion" href="/kommunion/menuekarten" data-testid="navigation-bar-item-menükarten-kommunion" ><span>Menükarten Kommunion</span></a >  <a class="navigation-bar-item navigation-bar__adressaufkleber-kommunion" href="/kommunion/adressaufkleber" data-testid="navigation-bar-item-adressaufkleber-kommunion" ><span>Adressaufkleber Kommunion</span></a >  <a class="navigation-bar-item navigation-bar__kerzen-zur-kommunion" href="/kommunion/kerzen" data-testid="navigation-bar-item-kerzen-zur-kommunion" ><span>Kerzen zur Kommunion</span></a >  </div> </div> </div> </div>  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__party" href="#" data-testid="navigation-bar-item-party" ><span>Party</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-party" ><i class="icon icon-angle-left back-icon me-1"></i> Party </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__einladungskarten-party" href="/party/einladungskarten" data-testid="navigation-bar-item-einladungskarten-party" ><span>Einladungskarten Party</span></a >  <a class="navigation-bar-item navigation-bar__einladungskarten-karneval" href="/party/einladungskarten-karneval-fasching" data-testid="navigation-bar-item-einladungskarten-karneval" ><span>Einladungskarten Karneval</span></a >  <a class="navigation-bar-item navigation-bar__sommerfest-einladungen" href="/party/einladungskarten-sommerfest" data-testid="navigation-bar-item-sommerfest-einladungen" ><span>Sommerfest Einladungen</span></a >  </div> </div> </div> </div>  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__silvester-&amp;-neujahr" href="#" data-testid="navigation-bar-item-silvester-&amp;-neujahr" ><span>Silvester &amp; Neujahr</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-silvester-&amp;-neujahr" ><i class="icon icon-angle-left back-icon me-1"></i> Silvester &amp; Neujahr </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__einladungen-silvester" href="/silvester-neujahr/einladungskarten" data-testid="navigation-bar-item-einladungen-silvester" ><span>Einladungen Silvester</span></a >  <a class="navigation-bar-item navigation-bar__neujahrskarten" href="/silvester-neujahr/neujahrskarten" data-testid="navigation-bar-item-neujahrskarten" ><span>Neujahrskarten</span></a >  </div> </div> </div> </div>  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__taufe" href="#" data-testid="navigation-bar-item-taufe" ><span>Taufe</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-taufe" ><i class="icon icon-angle-left back-icon me-1"></i> Taufe </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__einladungskarten-taufe" href="/taufe/einladungskarten" data-testid="navigation-bar-item-einladungskarten-taufe" ><span>Einladungskarten Taufe</span></a >  <a class="navigation-bar-item navigation-bar__dankeskarten-taufe" href="/taufe/dankeskarten" data-testid="navigation-bar-item-dankeskarten-taufe" ><span>Dankeskarten Taufe</span></a >  <a class="navigation-bar-item navigation-bar__taufkerzen" href="/taufe/kerzen" data-testid="navigation-bar-item-taufkerzen" ><span>Taufkerzen</span></a >  </div> </div> </div> </div>  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__weihnachtskarten" href="#" data-testid="navigation-bar-item-we
75ihnachtskarten" ><span>Weihnachtskarten</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-weihnachtskarten" ><i class="icon icon-angle-left back-icon me-1"></i> Weihnachtskarten </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__weihnachtskarten" href="/weihnachten/weihnachtskarten" data-testid="navigation-bar-item-weihnachtskarten" ><span>Weihnachtskarten</span></a >  <a class="navigation-bar-item navigation-bar__weihnachtskarten-geschäftlich" href="/weihnachten/weihnachtskarten-geschaeftlich" data-testid="navigation-bar-item-weihnachtskarten-geschäftlich" ><span>Weihnachtskarten geschäftlich</span></a >  <a class="navigation-bar-item navigation-bar__einladung-weihnachtsfeier" href="/weihnachten/einladung-weihnachtsfeier" data-testid="navigation-bar-item-einladung-weihnachtsfeier" ><span>Einladung Weihnachtsfeier</span></a >  <a class="navigation-bar-item navigation-bar__einladung-geschäftliche-weihnachtsfeier" href="/weihnachten/einladung-geschaeftliche-weihnachtsfeier" data-testid="navigation-bar-item-einladung-geschäftliche-weihnachtsfeier" ><span>Einladung geschäftliche Weihnachtsfeier</span></a >  <a class="navigation-bar-item navigation-bar__adressaufkleber-weihnachten" href="/weihnachten/adressaufkleber" data-testid="navigation-bar-item-adressaufkleber-weihnachten" ><span>Adressaufkleber Weihnachten</span></a >  </div> </div> </div> </div>  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__weitere-produkte" href="#" data-testid="navigation-bar-item-weitere-produkte" ><span>Weitere Produkte</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-weitere-produkte" ><i class="icon icon-angle-left back-icon me-1"></i> Weitere Produkte </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__dein-eigenes-design" href="/blanko-karten" data-testid="navigation-bar-item-dein-eigenes-design" ><span>Dein eigenes Design</span></a >  <a class="navigation-bar-item navigation-bar__poster" href="/geschenke/poster" data-testid="navigation-bar-item-poster" ><span>Poster</span></a >  <a class="navigation-bar-item navigation-bar__fotokalender-2026-✨" href="/fotogeschenke/fotokalender" data-testid="navigation-bar-item-fotokalender-2026-✨" ><span>Fotokalender 2026 ✨</span></a >  <a class="navigation-bar-item navigation-bar__holzanhänger-als-geschenk" href="/weihnachten/holzanhaenger" data-testid="navigation-bar-item-holzanhänger-als-geschenk" ><span>Holzanhänger als Geschenk</span></a >  <a class="navigation-bar-item navigation-bar__briefumschläge" href="/briefumschlaege" data-testid="navigation-bar-item-briefumschläge" ><span>Briefumschläge</span></a >  </div> </div> </div> </div>  <div class="navigation-bar-dropdown"> <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__geschenke" href="#" data-testid="navigation-bar-item-geschenke" ><span>Geschenke</span> <i class="icon icon-angle-right ms-auto"></i ></a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close" href="#" data-testid="navigation-bar-item-geschenke" ><i class="icon icon-angle-left back-icon me-1"></i> Geschenke </a> <div class="navigation-bar-group">  <a class="navigation-bar-item navigation-bar__kinderrucksäcke" href="/geschenke/kinderrucksack" data-testid="navigation-bar-item-kinderrucksäcke" ><span>Kinderrucksäcke</span></a >  <a class="navigation-bar-item navigation-bar__wandbild" href="/geschenke/leinwandposter" data-testid="navigation-bar-item-wandbild" ><span>Wandbild</span></a >  <a class="navigation-bar-item navigation-bar__fotofliese" href="/geschenke/fotofliese" data-testid="navigation-bar-item-fotofliese" ><span>Fotofliese</span></a >  <a class="navigation-bar-item navigation-bar__tasse-mit-foto" href="/geschenke/tasse" data-testid="navigation-bar-item-tasse-mit-foto" ><span>Tasse mit Foto</span></a >  <a class="navigation-bar-item navigation-bar__kuscheltücher" href="/geschenke/babytuecher" data-testid="navigation-bar-item-kuscheltücher" ><span>Kuscheltücher</span></a >  <a class="navigation-bar-item navigation-bar__sonnenschutz" href="/geschenke/sonnenschutz" data-testid="navigation-bar-item-sonnenschutz" ><span>Sonnenschutz</span></a >  <a class="navigation-bar-item navigation-bar__badeschlappen" href="/geschenke/badelatschen" data-testid="navigation-bar-item-badesc
75hlappen" ><span>Badeschlappen</span></a >  </div> </div> </div> </div>  </div> </div> </div> </div>  </div>   <!-- end widget id: 7105 -->  </div>  <form  action="/zoeken" class="navigation-bar-group navigation-bar-group-search d-lg-none " > <div  class="navigation-bar-dropdown dropdown-search dropdown-search-visible " > <a class="navigation-bar-item navigation-bar-dropdown-toggle" href="#" data-testid="navigation-bar-account-menu-search" > <i class="shopicons shopicons-search"></i> </a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-input-group"> <span class="navigation-bar-item flex-0"> <i class="shopicons shopicons-search"></i> </span> <input autocomplete="off" class="navigation-bar-input m-0" name="qry" placeholder="Suchen" data-testid="navigation-bar-account-menu-input-search" type="text" /> </div> </div> </div> </form>  </div> </div>  <!-- end widget group id: 2322 -->  </div> <div id="wrapper" > <div class="c-message"> <div class="modal fade" id="js-cookies-modal" data-bs-backdrop="static"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header pb-0"> <p class="modal-title fw-bold fs-4" id="staticBackdropLabel">Cookies</p> </div> <div class="modal-body"> <p> Wir verwenden Cookies und ähnliche Techniken, um die Benutzerfreundlichkeit zu verbessern, den Datenverkehr und die Leistung unserer Website zu analysieren sowie für Marketingzwecke und soziale Medien (anzeigen personalisierter Werbung). </p> <p> Du kannst deine Zustimmung jederzeit ändern oder widerrufen auf <a class="link-cookie" id="js-cookie-policy-link"  href="javascript:" >unsere Seite für Cookie-Richtlinien</a >. </p> <div class="row pt-3"> <div class="col-12 col-lg-6"> <button id="js-accept-cookies-button" type="button" class="btn btn-cookie w-100 mb-2 mb-lg-0" > Akzeptieren </button> </div> <div class="col-12 col-lg-6"> <button id="js-deny-cookies-button" type="button" class="btn btn-outline-cookie w-100"> Ablehnen </button> </div> </div> </div> </div> </div> </div> </div> <div id="header"> <div id="headermenu"> <a rel="nofollow" id="headerbasket" href="/create/basket" title="Warenkorb"> <span id="basket_text"> Warenkorb </span> <span id="basket_count"> <span class="basket_count-text"> 0 Artikel </span> </span> </a>  <a id="headerlogin" class="inloggen" href="#" title="Einloggen"> <span>Einloggen</span> </a>  <span style="clear: both;">&nbsp;</span> </div> <div id="visual-content"></div> </div>  <div id="mid" class="fullwidth content-wrapper"> <div id="pagecontent"> <div id="pagebody">   <div class="custom_content"><section class="hero-swiper">
76<div class="bs-container-xxl pb-4 d-none d-lg-block"><swiper-container aria-label="Swiper homepage" autoplay-delay="4000" autoplay-disable-on-interaction="false" id="hero-swiper-desktop" loop="true" pagination="true" pagination-clickable="true"> <swiper-slide>
77<div class="bs-card"><a aria-label="swiper-image" href="/geburtstag/einladungskarten"><img alt="" class="img-fluid" height="780" src="/media/13304-kc-media/teaser1.webp" width="567" /></a>
78<div class="swiper-teaser swiper-teaser-block-2 bg-color-6"><a aria-label="teaser-image" href="/geburtstag"><img alt="Block Image" class="img-fluid" height="150" src="/media/13304-kc-media/geburtstag_lp_icon.svg" width="155" /> </a>
79<div class="teaser-content">
80<p class="h1">Geburtstagskarten</p>
81
82<p>Egal, ob du eher ein gem&uuml;tliches Zusammensein mit Freunden oder eine wilde Party feiern m&ouml;chtest - wir haben f&uuml;r jede Art von Fest die richtige Geburtstagskarte.</p>
83</div>
84<a aria-label="swiper-button" class="teaser-button" href="/geburtstag"> Jetzt entdecken</a></div>
85<a aria-label="swiper-image" href="/geburtstag/einladung-lustig"><img alt="" class="img-fluid" height="780" src="/media/13304-kc-media/teaser2.webp" width="567" /></a></div>
86</swiper-slide> <swiper-slide>
87<div class="bs-card"><a aria-label="swiper-image" href="/konfirmation/einladungskarten"><img alt="" class="img-fluid" height="780" src="/media/13304-kc-media/konfirmation_lp_mood1.webp" width="566" /></a>
88
89<div class="swiper-teaser swiper-teaser-block-3 bg-color-6"><img alt="Block Image" class="img-fluid" height="150" src="/media/13304-kc-media/konfirmation_lp_icon.svg" width="155" />
90<div class="teaser-content">
91<p class="h1">Konfirmationskarten</p>
92
93<p>Unsere Konfirmationskarten geben diesem besonderen Tag einen passenden Rahmen. Einladungs-, Men&uuml;- und Dankeskarten in verschiedenen Designs, individuell gestaltet.</p>
94</div>
95<a aria-label="swiper-button" class="teaser-button" href="/konfirmation">Jetzt entdecken</a></div>
96<a aria-label="swiper-image" href="/konfirmation/dankeskarten"><img alt="" class="img-fluid" src="/media/13304-kc-media/konfirmation_lp_mood2.webp" /></a></div>
97</swiper-slide> <swiper-slide>
98<div class="bs-card"><a aria-label="swiper-image" href="/hochzeit/dankeskarten"><img alt="" class="img-fluid" height="780" src="/media/13304-kc-media/hochzeit_lp_mood1.png" width="566" /></a>
99
100<div class="swiper-teaser swiper-teaser-block-1 bg-color-6"><a aria-label="teaser-image" href="/hochzeit"><img alt="Block Image" class="img-fluid" height="150" src="/media/13304-kc-media/hochzeit_lp_icon1.svg" width="155" />
100 </a>
101
102<div class="teaser-content">
103<p class="h1">Hochzeitseinladungen</p>
104
105<p>Unsere Hochzeitseinladungen fangen eure Liebe stilvoll ein. Individuell gestaltet, passend zu eurem besonderen Tag. Qualit&auml;t und Details sind unser Versprechen.</p>
106</div>
107<a aria-label="swiper-button" class="teaser-button" href="/hochzeit"> Jetzt entdecken</a></div>
108<a aria-label="swiper-image" href="/hochzeit/einladungskarten"><img alt="" class="img-fluid" height="780" src="/media/13304-kc-media/hochzeit_lp_mood2.png" width="566" /></a></div>
109</swiper-slide> </swiper-container></div>
110
111<div class="bs-container-xxl pb-4 px-0 d-block d-lg-none"><!-- swiper mobile --><swiper-container aria-label="Swiper homepage" autoplay-delay="4000" autoplay-disable-on-interaction="false" id="hero-swiper-mobile" loop="true" pagination-clickable="true"> <swiper-slide>
112<div class="bs-card">
113<div class="swiper-teaser swiper-teaser-block-1"><a aria-label="teaser-image" href="/geburtstag/einladungskarten"><img alt="Block Image" class="img-fluid" height="150" src="/media/13304-kc-media/geburtstag_lp_mood-2_mobile.jpg" width="155" /> </a>
114
115<div class="teaser-content">
116<p class="h1">Geburtstagskarten</p>
117</div>
118<a aria-label="swiper-button" class="teaser-button" href="/geburtstag/einladungskarten" style="background: #348974;color: #fff;"> Jetzt entdecken</a></div>
119</div>
120</swiper-slide> <swiper-slide>
121<div class="bs-card">
122<div class="swiper-teaser swiper-teaser-block-1"><a aria-label="teaser-image" href="/konfirmation/einladungskarten"><img alt="Block Image" class="img-fluid" height="150" src="/media/13304-kc-media/konfirmation_lp_mood_mobile.webp" width="155" /> </a>
123
124<div class="teaser-content">
125<p class="h1">Konfirmationskarten</p>
126</div>
127<a aria-label="swiper-button" class="teaser-button" href="/konfirmation" style="background: #348974;color: #fff;"> Jetzt entdecken</a></div>
128</div>
129</swiper-slide> <swiper-slide>
130<div class="bs-card">
131<div class="swiper-teaser swiper-teaser-block-1"><a aria-label="teaser-image" href="/hochzeit"><img alt="Block Image" class="img-fluid" height="150" src="/media/13304-kc-media/hochzeit_lp_mood_mobile.webp" width="155" /> </a>
132
133<div class="teaser-content">
134<p class="h1">Hochzeitseinladungen</p>
135</div>
136<a aria-label="swiper-button" class="teaser-button" href="/hochzeit" style="background: #348974;color: #fff;"> Jetzt entdecken</a></div>
137</div>
138</swiper-slide> </swiper-container></div>
139
140<div class="d-none d-lg-block mb-3 mb-md-5 hero-swiper-nav"><span><a href="javascript:void()" onclick="window.location.href = 'https://wunderkarten.de/geburtstag/einladungskarten'">Geburtstag</a></span> <span> | </span> <span><a href="javascript:void(0)">Konfirmation</a></span> <span> | </span> <span><a href="javascript:void(0)">Hochzeit</a></span></div>
141</section>
142
143<section aria-label="usp's" class="bs-container-xxl usp-section mb-3 mb-md-5 d-none d-lg-block">
144<div class="usp-block-horizontal">
145<div class="usp-item"><a class="usp-item-img" href="/papiersorten"><img alt="" class="usp-img-1" height="150" loading="lazy" src="/media/13304-kc-media/wk_USP_sample.svg" width="183" /></a>
146
147<div class="usp-item-content"><a class="usp-item" href="/papiersorten"><span class="usp-item-title">Einzigartige Papierauswahl</span> </a>
148
149<p class="usp-item-text">All unsere Papiersorten sind in jeder Kartenbestellung individuell w&auml;hlbar. Je nach Anlass und pers&ouml;nlicher Vorliebe.</p>
150</div>
151</div>
152
153<div class="usp-item d-none d-lg-flex"><a class="usp-item-img" href="/"><img alt="" class="usp-img-2" height="150" loading="lazy" src="/media/13304-kc-media/wk_USP_unique.svg" width="129" /></a>
154
155<div class="usp-item-content"><a class="usp-item" href="/"><span class="usp-item-title">Vielf&auml;ltige Designs</span> </a>
156
157<p class="usp-item-text">Unsere Designs entstehen mit viel Liebe zum Detail und passen sich jedem Anlass und Stil ganz individuell an.</p>
158</div>
159</div>
160
161<div class="usp-item d-none d-lg-flex"><a class="usp-item-img" href="/"><img alt="" class="usp-img-3" height="150" loading="lazy" src="/media/13304-kc-media/wk_USP_check.svg" width="124" /></a>
162
163<div class="usp-item-content"><a class="usp-item" href="/"><span class="usp-item-title">Qualit&auml;tskontrolle</span> </a>
164
165<p class="usp-item-text">Bei uns steht h&ouml;chste Qualit&auml;t an erster Stelle! Buche einfach unsere optionale Qualit&auml;tskontrolle.</p>
166</div>
167</div>
168</div>
169</section>
170
171<section aria-label="main categories" class="bs-container-xxl main-categories mb-3 mb-md-5">
172<h1 class="text-center">Karten gestalten bei wunderkarten</h1>
173
174<div class="row g-3">
175<div class="col-6 col-md-4"><a class="main-cat-card bg-color-9" href="/geburtstag/einladungskarten"><span class="main-cat-image"> <img alt="Einladungen zum Geburtstag" class="img-default" height="409" loading="lazy" src="/media/13304-kc-media/hp_small_geburtstag.webp" width="409" /> <img alt="Einladungen zum Geburtstag Hover" class="img-hovered" height="409" loading="lazy" src="/media/13304-kc-media/hp_small_geburtstag_hover.webp" width="409" /> </span> <span class="main-cat-label">Einladungen zum Geburtstag</span> </a></div>
176
177<div class="col-6 col-md-4"><a class="main-cat-card bg-color-9" href="/baby/babykarten"><span class="main-cat-image"> <img alt="Babykarten" class="img-default" height="409" loading="lazy" src="/media/13304-kc-media/hp_small_baby.webp" width="409" /> <img alt="Babykarten Hover" class="img-hovered" height="409" loading="lazy" src="/media/13304-kc-media/hp_small_baby_hover.webp" width="409" /> </span> <span class="main-cat-label">Babykarten</span> </a></div>
178
179<div class="col-6 col-md-4"><a class="main-cat-card bg-color-9" href="/einschulung/einladungskarten"><span class="main-cat-image"> <img alt="Einladung zur Einschulung" class="img-default" height="409" loading="lazy" src="/media/13304-kc-media/800x850-einschulung-einladung-inactive.webp" width="409" /> <img alt="Einladungskarten Einschulung" class="img-hovered" height="409" loading="lazy" src="/media/13304-kc-media/800x850-einschulung-einladung-active.webp" width="409" /> </span> <span class="main-cat-label">Einladungskarten Einschulung</span> </a></div>
180
181<div class="col-6 col-md-4"><a class="main-cat-card bg-color-9" href="/konfirmation"><span class="main-cat-image"> <img alt="Dankeskarten zur Konfirmation" class="img-default" height="409" loading="lazy" src="/media/13304-kc-media/hp_small_konfirmation_danke.webp" width="409" /> <img alt="Dankeskarten zur Konfirmation Hover" class="img-hovered" height="409" loading="lazy" src="/media/13304-kc-media/hp_small_konfirmation_danke_hover.webp" width="409" /> </span> <span class="main-cat-label">Dankeskarten Konfirmation</span> </a></div>
182
183<div class="col-6 col-md-4"><a class="main-cat-card bg-color-9" href="/trauer/dankeskarten"><span class="main-cat-image"> <img alt="Dankeskarten Kommunion" class="img-default" height="409" loading="lazy" src="/media/13304-kc-media/hp_small_kommunion_danke.webp" width="409" /> <img alt="Dankeskarten Trauer Hover" class="img-hovered" height="409" loading="lazy" src="/media/13304-kc-media/hp_small_kommunion_danke_hover.webp" width="409" /> </span> <span class="main-cat-label">Dankeskarten Kommunion</span> </a></div>
184
185<div class="col-6 col-md-4"><a class="main-cat-card bg-color-9" href="/einschulung/einladungskarten"><span class="main-cat-image"> <img alt="Dankeskarten Jugendweihe" class="img-default" height="409" loading="lazy" src="/media/13304-kc-media/hp_small_jw_danke.webp" width="409" /> <img alt="Dankeskarten Jugendweihe" class="img-hovered" height="409" loading="lazy" src="/media/13304-kc-media/hp_small_jw_danke_hover.webp" width="409" /> </span> <span class="main-cat-label">Dankeskarten Jugendweihe</span> </a></div>
186
187<div class="col-6 col-md-4"><a class="main-cat-card bg-color-9" href="/trauer/dankeskarten"><span class="main-cat-image"> <img alt="Dankeskarten Trauer" class="img-default" height="409" loading="lazy" src="/media/13304-kc-media/hp_small_trauer.webp" width="409" /> <img alt="Dankeskarten Trauer Hover" class="img-hovered" height="409" loading="lazy" src="/media/13304-kc-media/hp_small_trauer_hover.webp" width="409" /> </span> <span class="main-cat-label">Dankeskarten Trauer</span> </a></div>
188
189<div class="col-6 col-md-4"><a class="main-cat-card bg-color-9" href="/konfirmation"><span class="main-cat-image"> <img alt="Konfirmation" class="img-default" height="409" loading="lazy" src="/media/13304-kc-media/hp_small_konfirmation.webp" width="409" /> <img alt="Konfirmation Hover" class="img-hovered" height="409" loading="lazy" src="/media/13304-kc-media/hp_small_konfirmation_hover.webp" width="409" /> </span> <span class="main-cat-label">Konfirmation</span> </a></div>
190
191<div class="col-6 col-md-4"><a class="main-cat-card bg-color-9" href="/jugendweihe/einladungskarten"><span class="main-cat-image"> <img alt="Jugendweihe Einladungskarten" class="img-default" height="409" loading="lazy" src="/media/13304-kc-media/hp_small_jugendweihe.webp" width="409" /> <img alt="Jugendweihe Einladungskarten Hover" class="img-hovered" height="409" loading="lazy" src="/media/13304-kc-media/hp_small_jugendweihe_hover.webp" width="409" /> </span> <span class="main-cat-label">Jugendweihe Einladungen</span> </a></div>
192</div>
193</section>
194
195<section class="bs-container-xxl usp-section mb-3 mb-md-5 ">
196<div class="usp-block">
197<div class="usp-item"><a class="usp-item-img" href="/"><img alt="" class="usp-img-1" height="150" loading="lazy" src="/media/13304-kc-media/wk_USP_sample.
197svg" width="183" /></a>
198
199<div class="usp-item-content"><a class="usp-item" href="/"><span class="usp-item-title">Design</span> </a>
200
201<ul class="usp-item-text">
202	<li>Exklusive Vorlagen</li>
203	<li>Vielf&auml;ltige Schriftarten</li>
204	<li>Breites Farbspektrum</li>
205</ul>
206</div>
207</div>
208
209<div class="usp-item"><a class="usp-item-img" href="/kundenservice"><img alt="" class="usp-img-2" height="150" loading="lazy" src="/media/13304-kc-media/wk_USP_unique.svg" width="129" /></a>
210
211<div class="usp-item-content"><a class="usp-item" href="/kundenservice"><span class="usp-item-title">Service</span> </a>
212
213<ul class="usp-item-text">
214	<li>Kostenlose Hotline</li>
215	<li>Sicherer Bezahlablauf</li>
216	<li>Qualit&auml;tscheck</li>
217</ul>
218</div>
219</div>
220
221<div class="usp-item"><a class="usp-item-img" href="/"><img alt="" class="usp-img-3" height="150" loading="lazy" src="/media/13304-kc-media/wk_USP_bill.svg" width="124" /></a>
222
223<div class="usp-item-content"><a class="usp-item" href="/"><span class="usp-item-title">Qualit&auml;t</span> </a>
224
225<ul class="usp-item-text">
226	<li>Premium-Papier</li>
227	<li>Exzellenter Druck</li>
228	<li>Hochglanzoption</li>
229</ul>
230</div>
231</div>
232
233<div class="usp-item"><a class="usp-item-img" href="/"><img alt="" class="usp-img-4" height="150" loading="lazy" src="/media/13304-kc-media/wk_USP_shipping.svg" width="264" /></a>
234
235<div class="usp-item-content"><a class="usp-item" href="/"><span class="usp-item-title">Schnelligkeit</span> </a>
236
237<ul class="usp-item-text">
238	<li>Sofortige Bearbeitung</li>
239	<li>Schneller Kartenversand</li>
240	<li>Hochglanzoption</li>
241</ul>
242</div>
243</div>
244</div>
245</section>
246<!-- REVIEWS-BLOCK-->
247
248<section aria-label="client reviews" class="bg-color-9 mb-3 mb-md-5 " id="reviews-swiper">
249<div class="bs-container-xxl py-5 px-3 p-md-5">
250<div class="reviews-section d-flex flex-column flex-md-row align-items-center justify-content-between mb-3 mb-md-4">
251<h2 class="h1 mb-4 mb-md-0 text-center text-md-start">Was unsere Kunden sagen</h2>
252
253<div class="reviews-wrapper d-flex flex-column flex-md-row align-items-center gap-3 gap-md-2"><a class="link-to-reviews" href="https://www.trustedshops.de/bewertung/info_X3CA4A786465065BEA17EC586BE719B4E.html">4.87/5 - 92.000+ BEWERTUNGEN</a> <a class="button-default button-trusted-shops" href="https://www.trustedshops.de/bewertung/info_X3CA4A786465065BEA17EC586BE719B4E.html" target="_blank">Weitere Bewertungen</a></div>
254</div>
255
256<div class="reviews-swiper-container"><swiper-container aria-label="Swiper reviews" breakpoints="{&quot;0&quot;:{&quot;slidesPerView&quot;:1.2,&quot;spaceBetween&quot;:15},&quot;768&quot;:{&quot;slidesPerView&quot;:2.5,&quot;spaceBetween&quot;:15},&quot;992&quot;:{&quot;slidesPerView&quot;:3.5,&quot;spaceBetween&quot;:15},&quot;1200&quot;:{&quot;slidesPerView&quot;:4,&quot;spaceBetween&quot;:15}}" class="pt-4 reviews-swiper " navigation="true" space-between="15"> <swiper-slide><img alt="" class="rating-stars img-fluid img-center" height="17" loading="lazy" src="/media/13304-kc-media/rating-stars.png" width="107" />
257<div class="review-text">
258<p class="mt-3 text-center fst-italic">&quot;Es sind sehr sch&ouml;ne Karten und die individuelle Beschriftung hat unkompliziert geklappt. Das hatte ich bei anderen Anbietern nicht so erlebt. Die M&ouml;glichkeit zus&auml;tzlich Adressetiketten drucken zu lassen ist ein toller Service. Auch die M&ouml;glichkeit der zus&auml;tzlichen Rechtschreibkontrolle. &quot;</p>
259
260<p class="mt-3 text-center reviewer-name">Jacqueline G.</p>
261</div>
262</swiper-slide> <swiper-slide><img alt="" class="rating-stars img-fluid img-center" height="17" loading="lazy" src="/media/13304-kc-media/rating-stars.png" width="107" />
263<div class="review-text">
264<p class="mt-4 text-center fst-italic">&quot;Wie immer gut! Vom Erstellen der Karte bis zum Hochladen des Ergebnisses Topp Men&uuml;f&uuml;hrung, und nach sehr kurzer Zeit kommt das P&auml;ckchen mit den fertigen Karten in Super Qualit&auml;t! Gute Kommunikation mit der Firma. Mein Lieblingsdrucker!!&quot;</p>
265
266<p class="mt-3 text-center reviewer-name">Hans-Dieter B.</p>
267</div>
268</swiper-slide> <swiper-slide><img alt="" class="rating-stars img-fluid img-center" height="17" loading="lazy" src="/media/13304-kc-media/rating-stars.png" width="107" />
269<div class="review-text">
270<p class="mt-4 text-center fst-italic">&quot;Diese Geburtskarte hat wirklich all unsere Erwartungen &uuml;bertroffen! Ein echtes Schmuckst&uuml;ck, das sich ganz nach Wunsch anpassen l&auml;sst. Vielen Dank f&uuml;r diese wundersch&ouml;ne Karte und die bleibende Erinnerung!&quot;</p>
271
272<p class="mt-3 text-center reviewer-name">Erica S</p>
273</div>
274</swiper-slide> <swiper-slide><img alt="" class="rating-stars img-fluid img-center" height="17" loading="lazy" src="/media/13304-kc-media/rating-stars.png" width="107" />
275<div class="review-text">
276<p class="mt-4 text-center fst-italic">&quot;Einfaches und leichtes handling der Software zum Erstellen von Einladungen. &Uuml;bersichtliche Erstellung der gew&uuml;nschten Einladungskarten. Schnelle und einwandfreie Zusendung der Bestellung.&quot;</p>
277
278<p class="mt-3 text-center reviewer-name">
278Peter H.</p>
279</div>
280</swiper-slide> <swiper-slide><img alt="" class="rating-stars img-fluid img-center" height="17" loading="lazy" src="/media/13304-kc-media/rating-stars.png" width="107" />
281<div class="review-text">
282<p class="mt-4 text-center fst-italic">&quot;Durch Zufall habe ich &quot;Wunderkarten&quot; entdeckt, ein klasse Druckerei. Die Website ist ansprechend, die Auswahl der Karten ist gro&szlig;, verschiedene M&ouml;glichkeiten zum Erstellen mit seinen eigenen Texten und Bildern. Das Resultat ist super! Preis, Leistung und Qualit&auml;t ist mega! Ich werde wieder bestellen.&quot;</p>
283
284<p class="mt-3 text-center reviewer-name">C. R.</p>
285</div>
286</swiper-slide> <swiper-slide><img alt="" class="rating-stars img-fluid img-center" height="17" loading="lazy" src="/media/13304-kc-media/rating-stars.png" width="107" />
287<div class="review-text">
288<p class="mt-4 text-center fst-italic">&quot;Einfache und gute Handhabung beim Erstellen der Karte, in meinem Fall, einer Geburtstagseinladung. Karte sieht sehr hochwertig aus, auch die von mir hochgeladenen Fotos werden von guter Qualit&auml;t wiedergegeben. Mega schneller Versand. Also alles in allem:Top!!! 😊&quot;</p>
289
290<p class="mt-3 text-center reviewer-name">Jacqueline Z.</p>
291</div>
292</swiper-slide> </swiper-container></div>
293</div>
294</section>
295
296<section class="content-section pt-3 mb-3 mb-lg-5">
297<div class="bs-container-xxl">
298<div class="row mb-5 mb-lg-0">
299<div class="col-12 col-lg-6 mb-3 mb-lg-5"><img alt="" class="img-fluid" height="433" loading="lazy" src="/media/13304-kc-media/onlineWebseite.webp" width="758" /></div>
300
301<div class="col-12 col-lg-6 px-4 p-lg-5 mb-3 text-start">
302<h2 class="mb-3">Karten f&uuml;r alle Anl&auml;sse online entwerfen</h2>
303
304<p>Ein <a href="/geburtstag">Geburtstag</a> oder ein <a href="/geburtstag/runde-geburtstage">runder Geburtstag</a>. Der gro&szlig;e Tag der eigenen <a href="/hochzeit">Hochzeit</a>. Die freudige Geburt deines ersten Kindes. Die Konfirmation deines Sohnes oder die Einschulung deiner Tochter: Wunderkarten ist die erste Adresse f&uuml;r pers&ouml;nliche <a href="/einladungskarten">Einladungskarten</a>, <a href="/danksagungen">Dankeskarten</a>, Ank&uuml;ndigungen und Gru&szlig;karten im Web. Bei uns findest du Karten f&uuml;r jeden Anlass, die du mit deinen pers&ouml;nlichen Texten und Fotos ganz einfach direkt im Browser nach deinen Vorstellungen gestalten kannst. So erh&auml;ltst du ganz individuelle Karten, die sich von der Masse der Standardprodukte abheben.</p>
305</div>
306</div>
307
308<div class="row mb-5 mb-lg-0">
309<div class="col-12 col-lg-6 px-4 p-lg-5 order-2 order-kg-1 text-start">
310<h2 class="mb-3">Deine Karte: In 3 Schritten personalisiert</h2>
311
312<p>In 3 Schritten gelangst du bei Wunderkarten zur Wunschkarte:</p>
313
314<ol style="list-style: auto;font-style: italic;margin: 20px;margin-left: 33px;">
315	<li>W&auml;hle aus zahlreichen Kartenvorlagen dein Lieblingsdesign.</li>
316	<li>F&uuml;ge mit dem Gestaltungstool eigene Fotos und Texte ein.</li>
317	<li>Schicke deine Bestellung ab - die Karten werden sofort gedruckt!</li>
318</ol>
319
320<p>Wir drucken die Karten in brillanten und langlebigen Farben auf hochwertigstes Papier. Bei unseren zahlreichen Kartentypen, Formaten, Papiersorten und Farbt&ouml;nen ist f&uuml;r jeden Anlass das Passende dabei.</p>
321</div>
322
323<div class="col-12 col-lg-6 order-1 order-lg-2 mb-3"><img alt="" class="img-fluid" height="433" loading="lazy" src="/media/13304-kc-media/Frame_1196-2.png" width="758" /></div>
324</div>
325
326<div class="row mb-5 mb-lg-0">
327<div class="col-12 col-lg-6 mb-3 mb-lg-5"><img alt="" class="img-fluid" height="433" loading="lazy" src="/media/13304-kc-media/gratis_muster.webp" width="758" /></div>
328
329<div class="col-12 col-lg-6 px-4 p-lg-5 mb-3 text-start">
330<h2 class="mb-3">Gratis Musterkarten - Qualit&auml;t, die &uuml;berzeugt!</h2>
331
332<p>Haben wir schon erw&auml;hnt, dass wir f&uuml;r jeden Anlass die perfekte Karte haben? Du denkst, das ist ganz sch&ouml;n selbstbewusst? Dann teste uns einfach mit bis zu drei kostenlosen Musterkarten. So geht&#39;s: Such dir dein Lieblingsdesign aus und gestalte es nach deinen W&uuml;nschen. Auch beim Format und den Papiersorten hast du freie Wahl. W&auml;hle danach einfach Probedruck und wir schicken dir die kostenlosen Musterkarten versandkostenfrei direkt nach Hause.</p>
333</div>
334</div>
335
336<div class="row mb-5 mb-lg-0">
337<div class="col-12 col-lg-6 px-4 p-lg-5 order-2 order-kg-1 text-start">
338<h2 class="mb-3">Tolle Extras f&uuml;r deine Karten im Onlineshop</h2>
339
340<p>Zu deinen Karten f&uuml;r viele verschiedene Anl&auml;sse kannst du im Bestellprozess ganz einfach n&uuml;tzliche Extras in deinen Warenkorb legen. Briefumschl&auml;ge gibt&#39;s bei uns nicht nur in schlichtem Wei&szlig;, sondern auch in vielen bunten Farben, die perfekt auf unsere Designs abgestimmt sind. Passend dazu findest du auch Adressaufkleber im gleichen Look. Damit sparst du dir das handschriftliche Notieren deines Absenders und dein Brief sieht direkt noch professioneller aus.</p>
341</div>
342
343<div class="col-12 col-lg-6 order-1 order-lg-2 mb-3"><img alt="" class="img-fluid" height="433" loading="lazy" src="/media/13304-kc-media/aufkleber.webp" width="758" /></div>
344</div>
345
346<div class="row mb-5 mb-lg-0">
347<div class="col-12 col-lg-6 mb-3 mb-lg-5"><img alt="" class="img-fluid" height="433" loading="lazy" src="/media/13304-kc-media/kontrolle.webp" width="758" /></div>
348
349<div class="col-12 col-lg-6 px-4 p-lg-5 mb-3 text-start">
350<h2 class="mb-3">Nutze unsere Qualit&auml;tskontrolle</h2>
351
352<p>
352Ein fehlendes Komma auf der Einladungskarte oder ein falsch geschriebenes Wort auf den selbst gestalteten Weihnachtskarten sind &auml;rgerlich und m&uuml;ssen nicht sein! Als besonderen Service bieten wir dir f&uuml;r deine individuellen Karten eine Qualit&auml;tskontrolle an. Unsere Mitarbeiter pr&uuml;fen deine Texte auf m&ouml;gliche Rechtschreib- und Grammatikfehler und stellen fest, ob deine Bilder in ausreichend hoher Druckqualit&auml;t vorliegen. Bei Verbesserungsm&ouml;glichkeiten geben wir dir umgehend und rechtzeitig vor dem Druck Bescheid.</p>
353</div>
354</div>
355
356<div class="row mb-5 mb-lg-0">
357<div class="col-12 col-lg-6 px-4 p-lg-5 order-2 order-kg-1 text-start">
358<h2 class="mb-3">Schnell gedruckt - schnell verschickt</h2>
359
360<p>Sobald deine Bestellung bei uns eingeht, produzieren wir deine Karten. Der sorgf&auml;ltige Druck und die sichere Verpackung f&uuml;r den Versand sind uns wichtig, denn deine Zufriedenheit steht f&uuml;r uns an erster Stelle. Binnen 2-4 Tagen h&auml;ltst du deine gedruckten Karten per in den H&auml;nden.</p>
361</div>
362
363<div class="col-12 col-lg-6 order-1 order-lg-2 mb-3"><img alt="" class="img-fluid" height="433" loading="lazy" src="/media/13304-kc-media/versand.webp" width="758" /></div>
364</div>
365</div>
366</section>
367<script type="module">
368    import 'https://cdn.jsdelivr.net/npm/swiper@11/swiper-element-bundle.min.js';
369
370    const swipers = [
371    document.getElementById('hero-swiper-desktop'),
372    document.getElementById('hero-swiper-mobile')
373  ];
374
375  // Configure and initialize each swiper
376  swipers.forEach((el) => {
377    Object.assign(el, {
378      pagination: { clickable: true },
379      loop: false
380    });
381    el.initialize();
382  });
383
384  // Shared nav control
385  const navLinks = document.querySelectorAll('.hero-swiper-nav a');
386  navLinks.forEach((link, index) => {
387    link.addEventListener('click', (e) => {
388      e.preventDefault();
389      swipers.forEach((el) => {
390        if (el.swiper) {
391          el.swiper.slideTo(index);
392        }
393      });
394    });
395  });
396</script>
396<!-- BreadcrumbList -->
396<script type="application/ld+json">
397{
398  "@context": "https://schema.org",
399  "@type": "BreadcrumbList",
400  "itemListElement": [
401    {
402      "@type": "ListItem",
403      "position": 1,
404      "name": "Startseite",
405      "item": "https://www.wunderkarten.de"
406    }
407  ]
408}
409</script>
409</div>  <div class="container-fluid"> <form class="cards_form">  </form> </div>  <div id="js-template-pagination"></div>   </div> </div> </div>  <div id="footer">  <!-- start footer_html --> <!-- Organization -->
409<script type="application/ld+json">
410{
411  "@context": "https://schema.org",
412  "@type": "Organization",
413  "name": "wunderkarten",
414  "legalName": "Wunderkarten & More GmbH",
415  "url": "https://www.wunderkarten.de",
416  "logo": "https://www.wunderkarten.de/media/13304-kc-media/wk-logo-desktop.svg",
417  "contactPoint": {
418    "@type": "ContactPoint",
419    "telephone": "0800 260 1000",
420    "contactType": "customer service",
421    "areaServed": "DE",
422    "availableLanguage": ["German"]
423  },
424   "brand": {
425    "@type": "Brand",
426    "name": "wunderkarten"
427  },
428  "sameAs": [
429    "https://www.facebook.com/wunderkarten",
430    "https://www.instagram.com/wunderkarten",
431    "https://de.pinterest.com/wunderkarten/",
432    "https://www.tiktok.com/@wunderkarten_de"
433  ]
434}
435</script>
435<!-- WebSite + SearchAction -->
435<script type="application/ld+json">
436{
437  "@context": "https://schema.org",
438  "@type": "WebSite",
439  "url": "https://www.wunderkarten.de",
440  "potentialAction": {
441    "@type": "SearchAction",
442    "target": "https://www.wunderkarten.de/zoeken?qry={search_term_string}",
443    "query-input": "required name=search_term_string"
444  }
445}
446</script>
446
447<link href="https://sibforms.com/forms/end-form/build/sib-styles.css" rel="stylesheet" />
448<footer>
449<div class="footer-newsletter mb-5">
450<div class="bs-container-xxl">
451<div class="row row-cols-1 row-cols-lg-3 ml-lg-0">
452<div class="col col-lg-4 display-none display-md-flex"><img class="wk-newsletter-img" src="/media/13304-kc-media/wk-plane-2.svg" /></div>
453
454<div class="col col-lg-8"><span class="h3">Newsletter abonnieren und 5,00 &euro; Rabatt** sichern!</span>
455
456<p class="mb-4">Melde Dich zu unserem Newsletter an&nbsp;und bleibe auf dem Laufenden.</p>
457
458<div class="sib-form wk-newsletter-form">
459<div class="sib-form-container" id="sib-form-container">
460<div class="sib-form-message-panel" id="error-message" style="font-size:16px; text-align:left; font-family:Helvetica, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;max-width:540px;">
461<div class="sib-form-message-panel__text sib-form-message-panel__text--center"><svg class="sib-icon sib-notification__icon" viewbox="0 0 512 512"> <path d="M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-11.49 120h22.979c6.823 0 12.274 5.682 11.99 12.5l-7 168c-.268 6.428-5.556 11.5-11.99 11.5h-8.979c-6.433 0-11.722-5.073-11.99-11.5l-7-168c-.283-6.818 5.167-12.5 11.99-12.5zM256 340c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28z"> </path> </svg> <span class="sib-form-message-panel__inner-text"> Deine Anmeldung konnte nicht gespeichert werden. Bitte versuche es erneut. </span></div>
462</div>
463
464<div class="sib-form-message-panel" id="success-message" style="font-size:16px; text-align:left; font-family:Helvetica, sans-serif; color:#085229; background-color:#e7faf0; border-radius:3px; border-color:#13ce66;max-width:540px;">
465<div class="sib-form-message-panel__text sib-form-message-panel__text--center"><svg class="sib-icon sib-notification__icon" viewbox="0 0 512 512"> <path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 464c-118.664 0-216-96.055-216-216 0-118.663 96.055-216 216-216 118.664 0 216 96.055 216 216 0 118.663-96.055 216-216 216zm141.63-274.961L217.15 376.071c-4.705 4.667-12.303 4.637-16.97-.068l-85.878-86.572c-4.667-4.705-4.637-12.303.068-16.97l8.52-8.451c4.705-4.667 12.303-4.637 16.97.068l68.976 69.533 163.441-162.13c4.705-4.667 12.303-4.637 16.97.068l8.451 8.52c4.668 4.705 4.637 12.303-.068 16.97z"> </path> </svg> <span class="sib-form-message-panel__inner-text"> Deine Anmeldung war erfolgreich. </span></div>
466</div>
467
468<div class="sib-container--large sib-container--vertical" id="sib-container">
469<form action="https://3ec6b5cd.sibforms.com/serve/MUIFAAiRPTS_8cp03g6ngILOjPsFcA_ZhdPegzlE06r_grSRIGa8bqztSjhOOMwYjz2cr2l7g3Tazw5Bx3W2aFHBolsTw_m_DswXQFMKiefmeBHCvPKAO8mRL8-grPL1pCZ6IpHtfuCRskJF36XnLq9Pvj9VFAyPRPvKIkXDpgr5CRVKVCERCf8qzvdgrmRTWmWr4RsFzvWq0ti_" data-type="subscription" id="sib-form" method="POST">
470<div>
471<div class="sib-input sib-form-block">
472<div class="form__entry entry_block">
473<div class="form__label-row "><!-- <label class="entry__label" data-required="*" for="EMAIL" style="font-weight: 700; text-align:left; font-size:16px; text-align:left; font-weight:700; font-family:Helvetica, sans-serif; color:#3c4858;">Geben Sie Ihre E-Mail-Adresse ein, um sich anzumelden</label> -->
474<div class="entry__field"><input autocomplete="off" class="input " data-required="true" id="EMAIL" name="EMAIL" placeholder="E-MAIL" required="" type="text" /></div>
475</div>
476<!--<label class="entry__specification">Geben Sie bitte Ihre E-Mail-Adresse f&uuml;r die Anmeldung an, z. B. [email protected]. </label>--></div>
477</div>
478</div>
479
480<div style="padding: 8px 0;">
481<div class="sib-optin sib-form-block" data-required="true">
482<div class="form__entry entry_mcq">
483<div class="form__label-row ">
484<div class="entry__choice" style=""><label><input class="input_replaced" id="NEWSLETTER" name="NEWSLETTER" required="" type="checkbox" value="1" /> <span class="checkbox checkbox_tick_positive" style="margin-left:"></span><span style="font-size:14px; text-align:left; font-family:Helvetica, sans-serif; color:#3C4858; background-color:transparent;"></span></label> <label> </label></div>
485</div>
486<label class="entry__specification" style="width: 100%">Einwilligung zur Datennutzung f&uuml;r Marketingzwecke: Hiermit willigst Du ein, dass wir Dich mit neuesten Informationen aus unserem Angebot informieren k&ouml;nnen. Dies umfasst den Versand unseres Newsletters. Zudem k&ouml;nnen wir Dir Produktinformationen zu Deinen Interessen auf anderen Plattformen wie Facebook und Google anzeigen. Um Dir diesen Service anbieten zu k&ouml;nnen, nutzen wir Deine personenbezogenen Daten und teilen diese auch mit Dritten, wenn erforderlich. Du kannst diese Einwilligung jederzeit widerrufen. Weitere Informationen erh&auml;tst Du in unserer Datenschutzerkl&auml;rung. </label></div>
487</div>
488</div>
489
490<div>
491<div class="sib-form-block" style="text-align: left"><button class="sib-form-block__button sib-form-block__button-with-loader btn btn-lg btn-success" form="sib-form" type="submit"><svg class="icon clickable__icon progress-indicator__icon sib-hide-loader-icon" style="" viewbox="0 0 512 512"> <path d="M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.
491028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z"> </path> </svg> ANMELDEN</button></div>
492</div>
493<input class="input--hidden" name="email_address_check" type="text" value="" /> <input name="locale" type="hidden" value="de" /></form>
494</div>
495</div>
496</div>
497</div>
498</div>
499</div>
500</div>
501
502<div class="footer-header">
503<div class="bs-container-xxl"><a href="/"><img alt="Wunderkarten logo" class="img-fluid" height="26" loading="lazy" src="/media/13304-kc-media/wunderkarten-footer-logo.svg" width="200" /></a></div>
504</div>
505
506<div class="footer-body">
507<div class="bs-container-xxl">
508<div class="row row-cols-1 row-cols-lg-3 ml-lg-0">
509<div class="col p-0 mb-lg-5 accordion"><a class="footer-header-md d-none d-md-block" href="/sprueche/geburtstag">Spr&uuml;che zum Geburtstag </a> <a class="accordion-button d-md-none" href="/sprueche/geburtstag"><span>Spr&uuml;che zum Geburtstag</span> </a>
510
511<div class="accordion-body">
512<ul>
513	<li><a href="/sprueche/geburtstag/lustige-und-witzige-geburtstagssprueche">Lustige Geburtstagsspr&uuml;che</a></li>
514	<li><a href="/sprueche/geburtstag/schoene-und-nette-geburtstagssprueche">Sch&ouml;ne Geburtstagsspr&uuml;che</a></li>
515	<li><a href="/sprueche/geburtstag/zitate-zum-geburtstag">Zitate zum Geburtstag</a></li>
516</ul>
517</div>
518</div>
519
520<div class="col p-0 accordion"><a class="footer-header-md d-none d-md-block" href="/sprueche/hochzeit">Spr&uuml;che zur Hochzeit </a> <a class="accordion-button d-md-none" href="/sprueche/hochzeit"><span>Spr&uuml;che zur Hochzeit</span> </a>
521
522<div class="accordion-body">
523<ul>
524	<li><a href="/sprueche/hochzeit/hochzeitsgedichte">Die sch&ouml;nsten Hochzeitsgedichte</a></li>
525	<li><a href="/sprueche/hochzeit/kurze-hochzeitssprueche">Kurze Spr&uuml;che zur Hochzeit</a></li>
526	<li><a href="/sprueche/hochzeit/zitate-zur-hochzeit">Die sch&ouml;nsten Zitate zur Hochzeit</a></li>
527</ul>
528</div>
529</div>
530
531<div class="col p-0 accordion"><a class="accordion-button" href="#"><span>Weitere Spr&uuml;che</span> </a>
532
533<div class="accordion-body">
534<ul>
535	<li><a href="/sprueche/neujahr">Neujahrsspr&uuml;che</a></li>
536	<li><a href="/sprueche/weihnachten">Sch&ouml;ne Weihnachtsspr&uuml;che</a></li>
537	<li><a href="/sprueche/weihnachten/geschaeftliche-weihnachtsgruesse">Gesch&auml;ftliche Weihnachtsgr&uuml;&szlig;e</a></li>
538</ul>
539</div>
540</div>
541
542<div class="col accordion"><a class="accordion-button" href="#"><span>&Uuml;ber wunderkarten</span></a>
543
544<div class="accordion-body">
545<ul>
546	<li><a href="/agb">AGB</a></li>
547	<li><a href="/faq">FAQ</a></li>
548	<li><a href="/impressum">Impressum</a></li>
549	<li><a href="/datenschutz">Datenschutz</a></li>
550	<li><a href="/about-us">&Uuml;ber uns</a></li>
551</ul>
552</div>
553</div>
554
555<div class="col accordion"><a class="accordion-button" href="#"><span>Kundenservice</span></a>
556
557<div class="accordion-body">
558<ul>
559	<li class="mb-3">Wir sind f&uuml;r Dich da!</li>
560	<li><a href="mailto:[email protected]">[email protected]</a></li>
561	<li>Hotline 0800 260 1000</li>
562	<li><strong>Servicezeit</strong></li>
563	<li>Mo. - Fr. von 8:00 bis 16:30 Uhr</li>
564</ul>
565</div>
566</div>
567
568<div class="col accordion"><a class="accordion-button" href="#"><span>Kundenrezensionen</span></a>
569
570<div class="accordion-body">
571<ul>
572	<li class="mb-3"><a class="link-to-reviews" href="https://www.trustedshops.de/bewertung/info_X3CA4A786465065BEA17EC586BE719B4E.html" target="_blank">4.9/5 - 90.000+ BEWERTUNGEN</a></li>
573	<li>Seit 2008 &uuml;berzeugende Qualit&auml;t f&uuml;r bereits mehr als 1 Mio. Kunden - &Uuml;berzeuge Dich mit einer kostenlosen Musterkarte.</li>
574</ul>
575</div>
576</div>
577</div>
578</div>
579</div>
580
581<div class="footer-foot">
582<div class="bs-container-xxl">
583<div class="row row-cols-1 row-cols-lg-3 mr-lg-0">
584<div class="col"><span class="d-block mb-3"><strong>Unsere Shops</strong></span> <a href="/"><span><img alt="German flag" class="img-fluid" height="33" loading="lazy" src="/media/13304-kc-media/Germany-flag.svg" width="32" /></span></a> <a href="https://www.wunderkarten.ch/" target="_blank"><span><img alt="Swiss flag" class="img-fluid" height="33" loading="lazy" src="/media/13304-kc-media/Switzerland-flag.svg" width="32" /></span></a> <a href="https://www.wunderkarten.at" target="_blank"><span><img alt="Austrian flag" class="img-fluid" height="33" loading="lazy" src="/media/13304-kc-media/Austria-flag.svg" width="32" /></span></a> <a href="https://www.bonnyprints.fr/" target="_blank"><span><img alt="French flag" class="img-fluid" height="33" loading="lazy" src="/media/13304-kc-media/France-flag.svg" width="32" /></span></a></div>
585
586<div class="col"><span class="d-block mb-3"><strong>Soziale Medien</strong></span> <a href="https://de.pinterest.com/wunderkarten/" target="_blank"><span><img alt="Pinterest icon" class="img-fluid" height="33" loading="lazy" src="/media/13304-kc-media/pinterest-icon.svg" width="33" /></span></a> <a href="https://www.facebook.com/wunderkarten/" target="_blank"><span><img alt="Facebook icon" class="img-fluid" height="33" loading="lazy" src="/media/13304-kc-media/facebook-icon.svg" width="33" /></span></a> <a href="https://www.instagram.com/wunderkarten/" target="_blank"><span><img alt="Instagram icon" class="img-fluid" height="33" loading="lazy" src="/media/13304-kc-media/instagram-icon.svg" width="33" /></span></a></div>
587
588<div class="col"><span class="d-block mb-3"><strong>Bezahlung &amp; Versand</strong></span> <span><img alt="American Express icon" class="img-fluid" height="29" loading="lazy" src="/media/13304-kc-media/american-express-icon.svg" width="54" /></span> <span><img alt="Mastercard icon" class="img-fluid" height="19" loading="lazy" src="/media/13304-kc-media/mastercard-icon.svg" width="24" /></span> <span><img alt="Paypal icon" class="img-fluid" height="29" loading="lazy" src="/media/13304-kc-media/paypal-icon.svg" width="34" /></span> <span><img alt="Visa icon" class="img-fluid" height="14" loading="lazy" src="/media/13304-kc-media/visa-icon.svg" width="44" /></span> <span><img alt="Dhl icon" class="img-fluid" height="29" loading="lazy" src="/media/13304-kc-media/dhl-icon.svg" width="54" /></span></div>
589</div>
590</div>
591
592<div class="kG">
593<p class="text-center">*F&uuml;r den Rechnungskauf ist eine vorherige Bonit&auml;tspr&uuml;fung erforderlich. Diese erfolgt bei der Kaufabwicklung.</p>
594
595<p class="text-center">**Gutschein einmalig g&uuml;ltig auf alle Produkte auf wunderkarten.de. Mindestbestellwert 50&euro;. Keine Barauszahlung oder nachtr&auml;gliche Verrechnung. Nicht kombinierbar mit anderen Aktionen.</p>
596</div>
597</div>
598</footer>
599 <!-- end footer_html -->  <a href="/" title="home"><span id="home"></span></a> </div> </div> <div class="stick_to_bottom"></div> 
599<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous" ></script>
599 
599<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-element-bundle.min.js"></script>
599  
599<script src="/js/cookie-message.js?a78d34b9" defer></script>
599 <div> <div id="favoritedesignModal" class="favoritesModal modal fade"> <div class="modal-dialog modal-sm"> <div class="modal-content border-0 shadow-sm"> <div class="modal-header"> <span class="close" data-bs-dismiss="modal"><i class="fa-regular fa-close text-black"></i></span> </div> <div class="modal-body"> <h2 class="modal-text-left">Zu deiner Kollektion hinzugefügt</h2> <p class="modal-small-text modal-text-left"> Dieses Design ist jetzt in Ihrer eigenen Kollektion. </p> <div class="modal-button-group modal-button-group-justified"> <button type="button" class="modal-button modal-button-default close-modal" data-bs-dismiss="modal" > Weiter suchen </button> </div> </div> <div class="modal-footer"> <div class="modal-text-center"> <a href="/eigen_collectie" data-modal-locked="true" >Deine eigene Kollektion ansehen</a > </div> </div> </div> </div> </div> <div id="unfavoritedesignModal" class="favoritesModal modal fade"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <span class="close">&#10060;</span> </div> <div class="modal-body"> <h2 class="modal-text-left">Aus der eigenen Kollektion gelöscht</h2> <p class="modal-small-text modal-text-left"> Diese Karte wurde aus deiner Kollektion gelöscht </p> <div class="modal-button-group modal-button-group-justified"> <button type="button" class="modal-button modal-button-default close-modal"> Weiter suchen </button> </div> </div> <div class="modal-footer"> <div class="modal-text-center"> <a href="/eigen_collectie" data-modal-locked="true" >Deine eigene Kollektion ansehen</a > </div> </div> </div> </div> </div> </div><div> <div class="modal fade" id="unchangedFreeformModal" tabindex="-1" aria-hidden="true" data-enabled="false" > <div class="modal-dialog modal-dialog-centered"> <div class="modal-content border-0 shadow-sm rounded"> <div class="modal-header border-0 pb-0"> <h5 class="modal-title fw-bold text-dark">Beispieltext vorhanden</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body text-muted"> Es scheint, dass du den Beispieltext noch nicht angepasst hast. Möchtest du das Produkt trotzdem in deinen Warenkorb legen? </div> <div class="modal-footer border-0 d-flex flex-column gap-2"> <button type="button" class="btn btn-primary w-100" data-bs-dismiss="modal"> Anpassen </button> <button type="button" id="modalConfirmBtn" class="btn w-100 border"> Weiter </button> </div> </div> </div> </div> </div><div id="js-product-action-logger-config" hidden data-product-name-card="kaart"  data-click-selector="#card_previews .thumbnail-card-img a" data-impression-images-selector="#card_previews img.img-responsive, #card_previews img.thumbnail-flat-front-front, #product_previews img.img-responsive" ></div> 
599<script type="module" src="/_/plp/dist/js/log_product_list_performance.js?v=2026.38.0"></script>
599 
599<script> var is_floating_login = true; </script>
vendor: 113 bytes, line 599
599   <script class="js-recaptcha-script" data-src="https://www.google.com/recaptcha/api.js" async defer></script>  
599<div id="loginModal" class="modal fade floating-login" aria-hidden="true" aria-labelledby="loginModalLabel" tabindex="-1" > <div class="modal-dialog modal-dialog-centered modal-sm"> <div class="modal-content"> <div class="modal-header modal-tabs"> <span class="modal-tab modal-tab-active"> <span class="modal-tab-title">Einloggen</span> <span class="modal-tab-text">Du hast bereits einen Account</span> </span> <span class="modal-tab" data-bs-toggle="modal" data-bs-target="#registerModal"> <span class="modal-tab-title">Account anlegen</span> <span class="modal-tab-text">für neue Benutzer</span> </span> </div> <div class="modal-body px-4 pt-3"> <form method="POST"> <div class="mb-2"> Noch kein Account vorhanden? <a href="#" data-bs-toggle="modal" data-bs-target="#registerModal" >Account anlegen</a > </div> <div class="form-floating mb-3"> <input type="email" class="form-control" id="email_login" autocomplete="username" name="email_login" placeholder="E-Mail-Adresse" /> <label for="email_login">E-Mail-Adresse</label> </div> <div class="form-floating"> <input id="password_login" name="password_login" class="form-control" type="password" autocomplete="current-password" placeholder="Passwort" /> <label for="password_login">Passwort</label> </div> <div class="d-block text-right mb-3 mt-1"> <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#forgetpasswordModal" >Passwort vergessen?</a > </div> <p class="invalid-feedback modal-login-alert mb-3"></p> <button type="submit" class="btn btn-success w-100 mb-2" onclick="login_async(); return false;"> Einloggen </button> <button type="button" data-bs-dismiss="modal" class="btn btn-light w-100"> Abbrechen </button> </form> </div> </div> </div> </div> <div id="forgetpasswordModal" class="modal fade floating-login" aria-hidden="true" aria-labelledby="forgetpasswordModalLabel" tabindex="-1" > <div class="modal-dialog modal-dialog-centered modal-sm"> <div class="modal-content"> <div class="modal-header pl-4"> <p class="h5 modal-title">Passwort vergessen</p> <span class="back" data-bs-toggle="modal" data-bs-target="#loginModal" ><i class="shopicons shopicons-close"></i ></span> </div> <div class="modal-body px-4 pt-0"> <form method="POST"> <p class="modal-small-text">Gib hier die registrierte E-Mail-Adresse ein, um eine E-Mail zum Zurücksetzen des Passwortes zu erhalten.</p> <div class="mb-4"> <div class="form-floating"> <input type="text" class="form-control" id="email_reset_password" name="email_reset_password" placeholder="E-Mail-Adresse" /> <label for="email_reset_password">E-Mail-Adresse</label> </div> <div class="invalid-feedback"></div> </div> <div class="row g-2">  <div class="col-12"> <div class="g-recaptcha" data-sitekey="6LdMTBwTAAAAAAqPBI_mJLxz1cfmt01MwRF-CIJs"></div> </div>  <div class="col-6"> <button type="button" data-bs-toggle="modal" data-bs-target="#loginModal" class="btn btn-light w-100" > Abbrechen </button> </div> <div class="col-6"> <button type="submit" class="btn btn-success w-100" onclick="reset_password_async(); return false;" > Registrieren </button> </div> </div> </form> </div> </div> </div> </div> <div id="forgetpasswordconfirmedModal" class="modal fade floating-login" aria-hidden="true" aria-labelledby="forgetpasswordconfirmedModalLabel" tabindex="-1" > <div class="modal-dialog modal-dialog-centered modal-sm"> <div class="modal-content"> <div class="modal-header pl-4"> <p class="h5 modal-title">Wiederherstellungs-E-Mail verschickt</p> <span class="close" data-bs-dismiss="modal" aria-label="Close" ><i class="shopicons shopicons-close"></i ></span> </div> <div class="modal-body px-4 pt-1"> <p class="mb-4 lh-sm">Es wurde eine E-Mail zum Zurücksetzen des Passworts an folgende E-Mail-Adresse verschickt:</p> <strong class="modal-show-email mb-4 d-block"></strong> <p class="small">Es dauert möglicherweise einen Moment, bis die E-Mail ankommt. Bitte klicke dann den Link in der E-Mail, um das Passwort zu verändern.</p> </div> </div> </div> </div> <div id="registrationconfirmedModal" class="modal fade floating-login" aria-hidden="true" aria-labelledby="registrationconfirmedModalLabel" tabindex="-1" >
599 <div class="modal-dialog modal-dialog-centered modal-sm"> <div class="modal-content"> <div class="modal-header pl-4"> <p class="h5 modal-title">Account erstellt</p> <span data-bs-dismiss="modal" class="close" aria-label="Close" ><i class="shopicons shopicons-close"></i ></span> </div> <div class="modal-body px-4"> <p class="mb-4 lh-sm" id="registrationconfirmedModalEmail"></p> <button type="button" class="btn btn-primary w-100" data-bs-dismiss="modal"> Weiter </button> </div> </div> </div> </div> <div id="registerModal" class="modal fade floating-login" aria-hidden="true" aria-labelledby="registerModalLabel" tabindex="-1" > <div class="modal-dialog modal-dialog-centered modal-sm"> <div class="modal-content"> <div class="modal-header modal-tabs"> <span class="modal-tab" data-bs-toggle="modal" data-bs-target="#loginModal"> <span class="modal-tab-title">Einloggen</span> <span class="modal-tab-text">Du hast bereits einen Account</span> </span> <span class="modal-tab modal-tab-active"> <span class="modal-tab-title">Account anlegen</span> <span class="modal-tab-text">für neue Benutzer</span> </span> </div> <div class="modal-body px-4 pt-3"> <form method="POST"> <p class="mb-3"> Account vorhanden? <a href="#" data-bs-toggle="modal" data-bs-target="#loginModal"> Einloggen </a> </p> <div class="mb-3"> <div class="form-floating"> <input type="text" class="form-control" id="modal_firstname" name="firstname" placeholder="Vorname" /> <label for="modal_firstname">Vorname</label> </div> <div class="invalid-feedback"></div> </div> <div class="mb-3"> <div class="form-floating"> <input type="text" class="form-control" id="modal_lastname" name="lastname" placeholder="Nachname" /> <label for="modal_lastname">Nachname</label> </div> <div class="invalid-feedback"></div> </div> <div class="mb-3"> <div class="form-floating"> <input type="email" class="form-control" id="modal_email" name="email_register" autocomplete="username" placeholder="E-Mail-Adresse" /> <label for="modal_email">E-Mail-Adresse</label> </div> <div class="invalid-feedback"></div> </div> <div class="mb-3"> <div class="form-floating"> <input type="password" class="form-control" id="modal_password" name="password" placeholder="Mindestens 6 Zeichen" autocomplete="new-password" /> <label for="modal_password">Passwort</label> </div> <div class="invalid-feedback"></div> </div>  <span class="modal-alert-danger modal-register-alert modal-hide mb-2 text-danger small" >Das Formular ist noch nicht vollständig. Gib bitte die fehlenden Informationen ein.</span >  <div class="mb-3"> <div class="form-floating"> <div id="modal_recaptcha" class="g-recaptcha" data-sitekey="6LdMTBwTAAAAAAqPBI_mJLxz1cfmt01MwRF-CIJs" ></div> <div class="invalid-feedback"></div> </div> </div>  <button type="submit" class="btn btn-success w-100 mb-2" onclick="register_async(); return false;"> Account anlegen </button> <button type="button" data-bs-dismiss="modal" class="btn btn-light w-100"> Abbrechen </button> </form> </div> </div> </div> </div> 
599<script> const registration_text = "Ein Account wurde erstellt. Eine Bestätigungs-E-Mail wurde gesendet an: [email]"; </script>
599 
599<script src="/js/modals.js?bc05eda6" defer></script>
599  <!-- start shop asset postKartenBanner -->  <!-- prettier-ignore --> 
599<script>(() => {
600  const start = new Date('2026-04-25T23:59:59');
601  const end = new Date('2026-12-31T23:59:59');
602  const now = new Date();
603
604  const isMobile = window.matchMedia('(max-width: 767px)').matches;
605
606  if (now >= start && now <= end && isMobile) {
607    jQuery('.navigation-bar').before(
608      '<div id="sale"><p style="text-align:center;background:#30b4db;margin:0;color:#fff;font-size:larger;padding:17px;"><a href="https://postcard.wunderkarten.de" style="color:#fff;text-decoration:none;">Entdecke unsere Postkarten-App! Mit dem Code <b>gratisPost</b> die erste Postkarte gratis!<br><span style="text-decoration:underline">Jetzt entdecken »</span></a></p></div>'
609    );
610
611    jQuery('.kG').append(
612      '<p class="text-center">gratisPost: Gutschein gültig auf die erste Postkarte in unserer Postkarten-App „wunderkarten | Postkarten“. Keine Barauszahlung oder nachträgliche Verrechnung. Nicht kombinierbar mit anderen Aktionen.</p>'
613    );
614  }
615})();</script>
615  <!-- end shop asset postKartenBanner -->  <!-- start shop asset navbar -->  
615<script src="/common/components-js/navbar.js" defer></script>
615  <!-- end shop asset navbar -->  <!-- start shop asset free-proof-usp-discount-promotion -->  <!-- prettier-ignore --> 
615<script> document.addEventListener("DOMContentLoaded", function () {
616  const body = document.body;
617
618  if (body.classList.contains("adressaufkleber")) return;
619
620  const allowedClasses = [
621    "abschluss","allgemein","anzeigen","antwortkarten","baby","babykarten","blank","blanko",
622    "blankokarten","business","brunch","dankeskarten","einladung","einladungen","einladungskarten",
623    "einschulung","firmung","geburtskarten","geburtstag","geschaeftskunden","geschenkaufkleber",
624    "grusskarten","halloween","haus","hochzeit","hochzeitskarten","hochzeitssets","hochzeitstag",
625    "jugendweihe","karneval","kohlfahrt","kommunion","konfirmation","menuekarten","muttertag",
626    "osterkarten","ostern","party","richtfest","ruhestand","save","silvester","sommer","spenden",
627    "sterbebilder","taufe","trauer","traueranzeigen","weihnachten","weihnachtskarten"
628  ];
629
630
631  const hasAllowedClass = allowedClasses.some(cls => body.classList.contains(cls));
632  if (!hasAllowedClass) return;
633
634
635  const uspTextElement = document.querySelector(".pdp-usp-price-text");
636  if (uspTextElement) {
637    uspTextElement.innerHTML = 'Gratis Musterkarte mit dem Code <strong>MUSTER</strong>';
638  }
639});</script>
639  <!-- end shop asset free-proof-usp-discount-promotion -->  <!-- start shop asset 20260426-SaleGESCHENKE -->  <!-- prettier-ignore --> 
639<script>  (() => {
640  const start = new Date('2026-04-25T23:59:59'); // Startdatum
641  const end = new Date('2026-05-03T23:59:59'); // Enddatum
642  if (new Date() <= end && new Date() >= start ) {
643    jQuery('.navigation-bar').before(
644      '<div id="sale"><p style="text-align:center;background: #528368;margin:0;color:#fff;font-size:larger;padding:17px;"><a href="/geschenke" style="color: #fff;text-decoration: none;">Entdecke jetzt unsere neuen Geschenkideen und <b>spare 10% mit dem Code: GESCHENKE10 !</b><br><span style="text-decoration: underline">Jetzt entdecken »</span></a></p></div>'
645    );
646	jQuery('.kG').append('<p class="text-center">GESCHENKE10: Gutschein gültig auf alle Fotoprodukte (Karten &amp; Accessoires ausgeschlossen) auf wunderkarten.de. Keine Barauszahlung oder nachträgliche Verrechnung. Nicht kombinierbar mit anderen Aktionen.</p>');
647  }
648})();</script>
648  <!-- end shop asset 20260426-SaleGESCHENKE -->  <!-- start shop asset status pending account -->  <!-- prettier-ignore --> 
648<script>document.addEventListener("DOMContentLoaded", function() {
649  // Controleer of body de juiste ID heeft
650  const body = document.querySelector("body#body_account_orders");
651  if (!body) return; // Stop als dit niet de juiste pagina is
652
653  // Zoek alle .order-shipment elementen
654  const shipments = document.querySelectorAll(".order-shipment");
655
656  shipments.forEach(function(shipment) {
657    const dangerText = shipment.querySelector(".text-danger");
658    if (dangerText) {
659      dangerText.textContent = "Nicht bezahlt / Ausstehend";
660      dangerText.style.color = "#fd7e14"; // <-- kleur aanpassen
661    }
662  });
663});</script>
663  <!-- end shop asset status pending account -->  <!-- start shop asset basket-count-0 -->  <!-- prettier-ignore --> 
663<script>document.querySelectorAll('.navigation-bar-basket-count').forEach(el => {
664  if (el.textContent.trim() === "0") {
665    el.style.display = "none";
666  }
667});</script>
667  <!-- end shop asset basket-count-0 -->  <!-- start shop asset free-proof-PDP-label -->  <!-- prettier-ignore --> 
667<script>  document.addEventListener("DOMContentLoaded", function () {
668  const body = document.body;
669
670  // Ausschluss: Adressaufkleber
671  if (body.classList.contains("adressaufkleber")) return;
672
673
674  if (body.classList.contains("taufe") && body.classList.contains("kerzen")) return;
675  if (body.classList.contains("kommunion") && body.classList.contains("kerzen")) return;
676  if (body.classList.contains("konfirmation") && body.classList.contains("kerzen")) return;
677  if (body.classList.contains("trauer") && body.classList.contains("kerzen")) return;
678  if (body.classList.contains("einschulung") && body.classList.contains("brotdose")) return;
679  if (body.classList.contains("einschulung") && body.classList.contains("trinkflasche")) return;
680
681
682  const allowedClasses = [
683    "abschluss","allgemein","anzeigen","antwortkarten","baby","babykarten","blank","blanko",
684    "blankokarten","business","brunch","dankeskarten","einladung","einladungen","einladungskarten",
685    "einschulung","firmung","geburtskarten","geburtstag","geschaeftskunden","geschenkaufkleber",
686    "grusskarten","halloween","haus","hochzeit","hochzeitskarten","hochzeitssets","hochzeitstag",
687    "jugendweihe","karneval","kohlfahrt","kommunion","konfirmation","menuekarten","muttertag",
688    "osterkarten","ostern","party","richtfest","ruhestand","save","silvester","sommer","spenden",
689    "sterbebilder","taufe","trauer","traueranzeigen","weihnachten","weihnachtskarten","kerzen"
690  ];
691
692  const hasAllowedClass = allowedClasses.some(cls =>
693    body.classList.contains(cls)
694  );
695  if (!hasAllowedClass) return;
696
697  const container = document.querySelector(".preview-swiper-container");
698  if (container) {
699    const div = document.createElement("div");
700    div.id = "discount-label";
701
702    const spanAmount = document.createElement("span");
703    spanAmount.id = "discount-amount";
704    spanAmount.textContent = "Kostenlose Musterkarte";
705
706    const spanName = document.createElement("span");
707    spanName.id = "discount-name";
708    spanName.textContent = "CODE: MUSTER";
709
710    div.appendChild(spanAmount);
711    div.appendChild(spanName);
712    container.appendChild(div);
713  }
714});
715</script>
715  <!-- end shop asset free-proof-PDP-label -->  <!-- start shop asset pdp-label-aufkleber-anzahl -->  <!-- prettier-ignore --> 
715<script>  document.addEventListener("DOMContentLoaded", function () {
716  const body = document.body;
717
718  // Alleen uitvoeren als de body de class 'adressaufkleber' heeft
719  if (!body.classList.contains("adressaufkleber")) return;
720
721  const container = document.querySelector(".preview-swiper-container");
722  if (container) {
723    const div = document.createElement("div");
724    div.id = "discount-label";
725
726      var spanAmount = document.createElement("span");
727      spanAmount.id = "discount-amount";
728      spanAmount.textContent = "pro 24 Aufkleber";
729
730
731 div.appendChild(spanAmount);
732    container.appendChild(div);
733  }
734});</script>
734  <!-- end shop asset pdp-label-aufkleber-anzahl -->  <!-- start shop asset Change Button to Jetzt gestalten -->  <!-- prettier-ignore --> 
734<script>document.addEventListener("DOMContentLoaded", function() {
735    const button = document.querySelector(".choose-card-btn span");
736    if (button && button.textContent.trim() === "Bearbeiten") {
737      button.textContent = "Jetzt gestalten";
738    }
739  });</script>
739  <!-- end shop asset Change Button to Jetzt gestalten -->  <!-- start shop asset Special designlabels - plp -->  <!-- prettier-ignore --> 
739<script> (() => {
740  const CONTAINER_SELECTOR = "#card_previews, #cards_previews, .pdp-preview";
741  const LABEL_SELECTOR = ":is(.designlabel, .foil-label):not([data-enhanced])";
742
743  // Kleinbuchstaben + Diakritika entfernen (Roségold -> rosegold)
744  const normalized = (str) =>
745    (str || "")
746      .toLowerCase()
747      .normalize("NFD")
748      .replace(/[\u0300-\u036f]/g, "");
749
750  const enhanceLabels = (root) => {
751    const container = root?.matches?.(CONTAINER_SELECTOR)
752      ? root
753      : root?.querySelector?.(CONTAINER_SELECTOR);
754    const scope = container || document.querySelector(CONTAINER_SELECTOR);
755    if (!scope) return;
756
757    const labels = scope.querySelectorAll(LABEL_SELECTOR);
758
759    labels.forEach((label) => {
760      const raw = label.textContent || "";
761      const text = normalized(raw);
762
763      let content;
764      let gradient;
765
766const isLillifee = /\blillifee\b/.test(text);
767      // Bestehende Spezialfälle weiter unterstützen
768      if (text.includes("hochglanzlack")) {
769        content = document.createElement("i");
770        content.className = "fa-solid fa-sparkles";
771        content.style.color = "#FFD097";
772        content.style.fontSize = "16px";
773        content.style.marginRight = "5px";
774      } else if (text.includes("mit hochglanz-foto")) {
775        content = document.createElement("span");
776        content.textContent = "📸";
777        content.style.fontSize = "16px";
778        content.style.marginRight = "5px";
779        content.style.padding = "0";
780      } else {
781        // ---- Neue UND alte Begriffe matchen ----
782        // Roségold zuerst, damit "gold" nicht vorher greift
783        const isRosegold =
784          /\brose\s?gold(?:folie)?\b/.test(text) || /ros[e]?gold(?:folie)?/.test(text);
785        const isGold = /\bgold(?:folie)?\b/.test(text);
786        const isSilber = /\bsilber(?:folie)?\b/.test(text);
787        const isKupfer = /\bkupfer(?:folie)?\b/.test(text);
788        const isHolografisch = /\bholografisch\b/.test(text);
789		const isLillifee = /\blillifee\b/.test(text);
790        const isSchwarzerHochglanz =
791          text.includes("schwarzer hochglanz") || /schwarz.*hochglanz/.test(text);
792
793        if (isRosegold) {
794          gradient = "linear-gradient(45deg, #c89b7b, #f7cac9, #c89b7b)";
795        } else if (isGold) {
796          gradient = "linear-gradient(45deg, #d4af37, #ffd700, #d4af37)";
797        } else if (isSilber) {
798          gradient = "linear-gradient(45deg, #C0C0C0, #E6E8E9, #C0C0C0)";
799        } else if (isKupfer) {
800          gradient = "linear-gradient(45deg, #b87333, #e57348, #b87333)";
801        } else if (isHolografisch) {
802          gradient =
803            "linear-gradient(45deg, #a1c4fd 0%, #c2e9fb 25%, #fbc2eb 50%, #ffecd2 75%, #fcb69f 100%)";
804        } else if (isSchwarzerHochglanz) {
805          gradient = "linear-gradient(45deg, #000000, #2e2e2e)";
806        } else if (isLillifee) {
807			content = document.createElement("img");
808			content.src =
809			"/media/13304-kc-media/prinzessinlillifee_logo.png";
810			content.style.width = "50px";
811			content.style.verticalAlign = "middle";
812		}
813
814        if (gradient) {
815          content = document.createElement("div");
816          content.style.width = "17px";
817          content.style.height = "17px";
818          content.style.borderRadius = "50%";
819          content.style.backgroundImage = gradient;
820          content.style.display = "inline-block";
821          content.style.marginRight = ".5rem";
822          content.style.verticalAlign = "middle";
823        }
824      }
825
826      if (content) {
827        label.prepend(content);
828        label.setAttribute("data-enhanced", "true"); // nicht doppelt verarbeiten
829      }
830	  if (isLillifee) {
831	    label.textContent = "";
832		label.prepend(content);
833		label.setAttribute("data-enhanced", "true"); 
834	  }
835    });
836  };
837
838  // Debounce
839  let queued = false;
840  const scheduleEnhance = (target) => {
841    if (queued) return;
842    queued = true;
843    (window.requestIdleCallback || window.requestAnimationFrame)(() => {
844      enhanceLabels(target || document);
845      queued = false;
846    });
847  };
848
849  const init = () => {
850    enhanceLabels(document);
851
852    const bodyObserver = new MutationObserver((mutations) => {
853      for (const m of mutations) {
854        for (const node of m.addedNodes) {
855          if (node.nodeType !== 1) continue;
856          if (
857            node.matches?.(CONTAINER_SELECTOR) ||
858            node.querySelector?.(CONTAINER_SELECTOR) ||
859            node.matches?.(LABEL_SELECTOR) ||
860            node.querySelector?.(LABEL_SELECTOR)
861          ) {
862            scheduleEnhance(node);
863          }
864        }
865      }
866    });
867
868    bodyObserver.observe(document.body, { childList: true, subtree: true });
869  };
870
871  if (document.readyState === "loading") {
872    document.addEventListener("DOMContentLoaded", init, { once: true });
873  } else {
874    init();
875  }
876})();
877</script>
877  <!-- end shop asset Special designlabels - plp -->  <!-- start shop asset footer-js -->  <!-- prettier-ignore --> 
877<script>  var $accordion = $(".accordion");
878
879$accordion.each(function() { var _self = $(this);
880var openAccordion = _self.find(".accordion-button");
881var accordionBody = _self.find(".accordion-body");
882
883$('<i class="icon"></i>').appendTo(openAccordion);
884
885if (accordionBody.hasClass("show")) {
886_self.find("accordion-button").addClass("active");
887openAccordion.find(".icon").addClass("icon-angle-up");
888}
889else {
890_self.find("accordion-button").removeClass("active");
891openAccordion.find(".icon").addClass("icon-angle-down");
892}
893});
894$accordion.find(".accordion-button").on("click", function(e) {
895e.preventDefault();
896var _self = $(this);
897var target = _self.closest($accordion).find(".accordion-body");
898var icon = _self.find(".icon"); target.toggleClass("show");
899
900if (target.is(":visible")) {
901 _self.addClass("active"); icon.removeClass("icon-angle-down").addClass("icon-angle-up");
902 } else { _self.removeClass("active");
903 icon.removeClass("icon-angle-up").addClass("icon-angle-down");
904 }
905 });</script>
905  <!-- end shop asset footer-js -->  <!-- start shop asset accordion-faq-js -->  <!-- prettier-ignore --> 
905<script>  $(document).ready(function () {
906    var accordionList = document.getElementsByClassName("accordion-faq");
907
908    for (var i = 0; i < accordionList.length; i++) {
909        var accordionFaq = accordionList[i];
910
911        $('<i class="icon icon-angle-down">&nbsp;</i>').appendTo(accordionFaq);
912        accordionFaq.addEventListener("click", function () {
913            var icon = this.getElementsByClassName('icon')[0];
914
915            this.classList.toggle("active");
916
917            var panel = this.nextElementSibling;
918            if (panel.style.display === "block") {
919                panel.style.display = "none";
920                icon.classList.add('icon-angle-down');
921                icon.classList.remove('icon-angle-up');
922            } else {
923                panel.style.display = "block";
924                icon.classList.remove('icon-angle-down');
925                icon.classList.add('icon-angle-up');
926            }
927        });
928    }
929});
930</script>
930  <!-- end shop asset accordion-faq-js -->  <!-- start shop asset Danke Hochzeit 10% Rabatt -->  <!-- prettier-ignore --> 
930<script>   (() => {
931
932  // Kategorie-Seite ODER PDPs mit body class "hochzeit dankeskarten"
933  const isDankeskartenPage =
934    window.location.pathname === '/hochzeit/dankeskarten' ||
935    jQuery('body').hasClass('hochzeit') &&
936    jQuery('body').hasClass('dankeskarten');
937
938  if (isDankeskartenPage) {
939
940    // Zeitraum definieren
941    const start = new Date('2026-05-12T00:00:00');
942    const end = new Date('2026-09-30T23:59:59');
943
944    if (new Date() >= start && new Date() <= end) {
945
946      // Verhindert doppeltes Einfügen
947      if (!jQuery('#wedding-thankyou-banner').length) {
948
949        // Banner einfügen
950        jQuery('.navigation-bar').before(`
951          <div id="wedding-thankyou-banner">
952            <p style="
953              text-align:center;
954              background:#b88b5e;
955              margin:0;
956              color:#fff;
957              font-size:20px;
958              padding:17px;
959              line-height:1.5;
960            ">
961              <a href="/hochzeit/dankeskarten"
962                 style="color:#fff;text-decoration:none;">
963                💌 Bedanke dich stilvoll bei euren Gästen!  
964                <b>10% Rabatt auf Dankeskarten zur Hochzeit mit dem Code: DANKE26</b><br>
965                <span style="text-decoration: underline">
966                  Jetzt gestalten »
967                </span>
968              </a>
969            </p>
970          </div>
971        `);
972
973        // Optionaler Gutschein-Hinweis
974        jQuery('.kG').append(`
975          <p class="text-center" style="margin-top:10px;">
976            DANKE26: Gutschein gültig bis 30.9.2026 auf Dankeskarten Hochzeit auf wunderkarten.de.
977            Keine Barauszahlung oder nachträgliche Verrechnung.
978            Nicht kombinierbar mit anderen Aktionen.
979          </p>
980        `);
981      }
982    }
983  }
984})();</script>
984  <!-- end shop asset Danke Hochzeit 10% Rabatt -->   
984<script type="application/javascript" src="/common/components-js/navigation-bar.js?f635bf28" defer></script>
984  
984<script type="module" src="/common/components-js/mega-navigation-bar.js?af0a6386"></script>
984  
984<script> var app_trans = { app_text_retrieve_data_loading: "Versanddaten abrufen", app_text_not_available: "Nicht verfügbar", app_alert_delete: "Entfernen", app_alert_message: "Bist du sicher?", app_validation_valid_email: "Gib eine gültige E-Mail-Adresse ein", app_validation_subject_required: "Der Betreff ist erforderlich", app_validation_message_required: "Die Nachricht ist erforderlich", app_validation_message_minimal_characters: "Die Nachricht muss mindestens %(number)s Zeichen enthalten", app_validation_recaptcha_required: "Klicke auf recaptcha", app_alert_turn_off_all_filters_before_save: "Entferne bitte alle Filter, bevor du die Reihenfolge speicherst", app_alert_successfully: "Erfolgreich", app_alert_successfully_saved: "Erfolgreich gespeichert!", app_alert_error_something_went_wrong: "Irgendetwas ist schief gegangen...", app_alert_confirm: "Bestätigen", app_alert_are_you_sure: "Bist du sicher?", app_btn_ok: "Ok", app_btn_cancel: "Abbrechen", app_text_add_social_account: "Account verknüpfen", app_text_add_social_account_explanation: "Stimmt es, dass du bereits einen Account mit dieser E-Mail-Adresse hast? Du kannst diesen Account ganz einfach mit deinem Facebook-Profil verknüpfen. Um dies zu tun, klicke auf den Link, den wir dir soeben per E-Mail geschickt haben.", app_text_from: "Ab", app_validation_no_filters_applied: "Noch kein Filter angewendet", filter_text_filters: "Filter", filter_text_filter: "Filter", app_text_basket_is_empty: "Dein Warenkorb ist leer", app_text_items_in_basket: "%(number)s in Ihrem Warenkorb", app_validation_no_filters_selected: "Kein Filter ausgewählt", page_admin_overlay_text_move_to_top: "Oben platzieren", page_admin_overlay_text_manage_tags: "Tags verwalten", page_admin_overlay_text_delete: "Entfernen", favorites_title: "Favoriten", favorites_text: "Hier werden deine Lieblingskarten aufbewahrt. Klicke auf eine Karte, um die Details zu sehen.", }; </script>
984   
984<script src="/js/render_bs_tooltips.js?80253e6a" type="module"></script>
984  </body> </html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.