{"version":3,"file":"Cursor.BpbeMREx.mjs","names":[],"sources":["https:/framerusercontent.com/modules/g6BuLQDR9BNdFUEH1krO/7pgX3Bhw9nObG99NWVPc/Cursor.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{Frame,addPropertyControls}from\"framer\";export function CustomCursor(){React.useEffect(()=>{// CSS für den benutzerdefinierten Cursor hinzufügen\nconst style=document.createElement(\"style\");style.type=\"text/css\";style.innerHTML=`\n            body, a, button, input, [onclick], .hover-target {\n                cursor: none !important; /* Ausblenden des Standard-Cursors \\xfcberall */\n            }\n            .custom-cursor {\n                width: 20px;\n                height: 20px;\n                border-radius: 50%;\n                background-color: rgba(205, 162, 116, 0.85); /* Cursor-Farbe zu RGBA mit 85% Transparenz ge\\xe4ndert */\n                position: fixed;\n                pointer-events: none;\n                z-index: 1000;\n                transition: width 0.2s ease, height 0.2s ease, background-color 0.2s ease; /* Weiche \\xdcberg\\xe4nge */\n            }\n            .custom-cursor.hover-effect {\n                width: 24px; /* Gr\\xf6\\xdfe im Hover-State */\n                height: 24px;\n                background-color: rgba(205, 162, 116, 0.85); /* Cursor-Farbe im Hover-State zu RGBA mit 85% Transparenz ge\\xe4ndert */\n                animation: pulse 1s infinite; /* Puls-Effekt */\n            }\n\n            @keyframes pulse {\n                0% { transform: scale(1); }\n                50% { transform: scale(1.1); }\n                100% { transform: scale(1); }\n            }\n        `;document.head.appendChild(style);// Cursor-Element erstellen\nconst cursor=document.createElement(\"div\");cursor.classList.add(\"custom-cursor\");document.body.appendChild(cursor);// Cursor-Position bei Mausbewegung aktualisieren\nconst moveCursor=e=>{cursor.style.left=e.clientX+\"px\";cursor.style.top=e.clientY+\"px\";};document.addEventListener(\"mousemove\",moveCursor);// Cursor-Stil ändern, wenn über hover-fähigen Elementen\nconst hoverElements=document.querySelectorAll(\"a, button, input, [onclick], .hover-target\")// Weitere hover-fähige Selektoren können hinzugefügt werden\n;hoverElements.forEach(el=>{el.addEventListener(\"mouseenter\",()=>cursor.classList.add(\"hover-effect\"));el.addEventListener(\"mouseleave\",()=>cursor.classList.remove(\"hover-effect\"));});// Bereinigung\nreturn()=>{document.removeEventListener(\"mousemove\",moveCursor);hoverElements.forEach(el=>{el.removeEventListener(\"mouseenter\",()=>cursor.classList.add(\"hover-effect\"));el.removeEventListener(\"mouseleave\",()=>cursor.classList.remove(\"hover-effect\"));});document.head.removeChild(style);document.body.removeChild(cursor);};},[]);return /*#__PURE__*/_jsx(Frame,{size:\"100%\",background:null});}addPropertyControls(CustomCursor,{});\nexport const __FramerMetadata__ = {\"exports\":{\"CustomCursor\":{\"type\":\"reactComponent\",\"name\":\"CustomCursor\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Cursor.map"],"mappings":"0KAAqH,SAAgB,GAAc,CAgCqL,OAhCpL,MAAoB,CACxK,IAAM,EAAM,SAAS,cAAc,QAAQ,CAAC,EAAM,KAAK,WAAW,EAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;UA0BxE,SAAS,KAAK,YAAY,EAAM,CAC1C,IAAM,EAAO,SAAS,cAAc,MAAM,CAAC,EAAO,UAAU,IAAI,gBAAgB,CAAC,SAAS,KAAK,YAAY,EAAO,CAClH,IAAM,EAAW,GAAG,CAAC,EAAO,MAAM,KAAK,EAAE,QAAQ,KAAK,EAAO,MAAM,IAAI,EAAE,QAAQ,MAAO,SAAS,iBAAiB,YAAY,EAAW,CACzI,IAAM,EAAc,SAAS,iBAAiB,6CAA6C,CAE3F,OADC,EAAc,QAAQ,GAAI,CAAC,EAAG,iBAAiB,iBAAiB,EAAO,UAAU,IAAI,eAAe,CAAC,CAAC,EAAG,iBAAiB,iBAAiB,EAAO,UAAU,OAAO,eAAe,CAAC,EAAG,KAC7K,CAAC,SAAS,oBAAoB,YAAY,EAAW,CAAC,EAAc,QAAQ,GAAI,CAAC,EAAG,oBAAoB,iBAAiB,EAAO,UAAU,IAAI,eAAe,CAAC,CAAC,EAAG,oBAAoB,iBAAiB,EAAO,UAAU,OAAO,eAAe,CAAC,EAAG,CAAC,SAAS,KAAK,YAAY,EAAM,CAAC,SAAS,KAAK,YAAY,EAAO,GAAK,EAAE,CAAC,CAAqB,EAAK,EAAM,CAAC,KAAK,OAAO,WAAW,KAAK,CAAC,kBAhC1V,IAA4B,IAA8C,CAgCkR,EAAoB,EAAa,EAAE,CAAC"}