{"id":9542,"date":"2026-03-09T17:37:22","date_gmt":"2026-03-09T16:37:22","guid":{"rendered":"https:\/\/kinkystuffmade.com\/?page_id=9542"},"modified":"2026-04-24T18:36:46","modified_gmt":"2026-04-24T16:36:46","slug":"home","status":"publish","type":"page","link":"https:\/\/kinkystuffmade.com\/de\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9542\" class=\"elementor elementor-9542\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25fc3bd e-flex e-con-boxed e-con e-parent\" data-id=\"25fc3bd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0dec51b elementor-widget elementor-widget-shortcode\" data-id=\"0dec51b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"phs-wrap\" id=\"phs\">\n\n        <!-- \u2500\u2500 Slide 1 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n        <div class=\"phs-slide active\"\n             style=\"background-image:url('https:\/\/kinkystuffmade.com\/wp-content\/uploads\/2026\/02\/DSC01086-1.jpeg')\">\n            <div class=\"phs-grad\"><\/div>\n            <div class=\"phs-content\">\n                <span class=\"phs-badge \">&#128293; New Arrival<\/span>\n                <h1 class=\"phs-h1\">Brand New: LockMeBox<\/h1>\n                <p class=\"phs-p\">Key holding reinvented.<\/p>\n                <div class=\"phs-actions\">\n                    <a href=\"https:\/\/kinkystuffmade.com\/product\/lockmebox\/\" class=\"phs-cta\">Shop now &rarr;<\/a>\n                    <a href=\"https:\/\/kinkystuffmade.com\/product\/lockmebox\/#description\" class=\"phs-ghost\">Learn more<\/a>\n                <\/div>\n    \n            <\/div>\n        <\/div>\n\n        <!-- \u2500\u2500 Slide 2 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n        <div class=\"phs-slide\"\n             style=\"background-image:url('https:\/\/kinkystuffmade.com\/wp-content\/uploads\/2025\/05\/P1050709-scaled.jpeg')\">\n            <div class=\"phs-grad\"><\/div>\n            <div class=\"phs-content\">\n                <span class=\"phs-badge\">&#x270B; Handcrafted<\/span>\n                <h1 class=\"phs-h1\">Custom made in Germany<\/h1>\n                <p class=\"phs-p\">Every piece is unique.<\/p>\n                <div class=\"phs-actions\">\n                    <a href=\"\/shop\" class=\"phs-cta\">Explore the collection &rarr;<\/a>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n        <!-- \u2500\u2500 Slide 3 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n        <div class=\"phs-slide\"\n             style=\"background-image:url('https:\/\/kinkystuffmade.com\/wp-content\/uploads\/2025\/05\/P1050583-1-scaled.jpeg')\">\n            <div class=\"phs-grad\"><\/div>\n            <div class=\"phs-content\">\n                <span class=\"phs-badge\">&#11088; Bestseller<\/span>\n                <h1 class=\"phs-h1\">What our customers love<\/h1>\n                <p class=\"phs-p\">Our best-selling products.<\/p>\n                <div class=\"phs-actions\">\n                    <a href=\"\/shop\/?orderby=popularity\" class=\"phs-cta\">Shop bestsellers &rarr;<\/a>\n                <\/div>\n            \n            <\/div>\n        <\/div>\n\n        <!-- \u2500\u2500 Navigation \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n        <button class=\"phs-nav phs-nav--prev\" aria-label=\"Previous slide\">&#10094;<\/button>\n        <button class=\"phs-nav phs-nav--next\" aria-label=\"Next slide\">&#10095;<\/button>\n        <div class=\"phs-dots\" id=\"phs-dots\"><\/div>\n        <div class=\"phs-progress\" id=\"phs-progress\"><\/div>\n\n    <\/div><!-- .phs-wrap -->\n\n    <style>\n    \/* \u2500\u2500 Wrap \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .phs-wrap {\n        position: relative;\n        width: 100%;\n        height: 75vh;\n        min-height: 420px;\n        overflow: hidden;\n        background: #111;\n        user-select: none;\n        cursor: grab;\n        font-family: inherit;\n    }\n    .phs-wrap.is-dragging { cursor: grabbing; }\n\n    \/* \u2500\u2500 Slides \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .phs-slide {\n        position: absolute;\n        inset: 0;\n        background-size: cover;\n        background-position: center;\n        opacity: 0;\n        transition: opacity .85s ease;\n        display: flex;\n        align-items: center;\n        z-index: 1;\n    }\n    .phs-slide.active {\n        opacity: 1;\n        z-index: 2;\n        animation: phs-kb 9s ease-out forwards;\n    }\n    .phs-wrap.is-dragging .phs-slide.active { animation: none; }\n    @keyframes phs-kb {\n        from { transform: scale(1); }\n        to   { transform: scale(1.07); }\n    }\n\n    \/* \u2500\u2500 Gradient \u2013 strong left, fades right \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .phs-grad {\n        position: absolute;\n        inset: 0;\n        background: linear-gradient(\n            105deg,\n            rgba(0,0,0,.78) 0%,\n            rgba(0,0,0,.45) 50%,\n            rgba(0,0,0,.05) 100%\n        );\n        z-index: 1;\n    }\n\n    \/* \u2500\u2500 Content \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .phs-content {\n        position: relative;\n        z-index: 2;\n        padding: 0 7vw;\n        max-width: min(680px, 55vw); \/* \u2705 gr\u00f6\u00dfer aber trotzdem responsive *\/\n    }\n\n    \/* \u2500\u2500 Badge \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .phs-badge {\n        display: inline-block;\n        font-size: 11px;\n        font-weight: 600;\n        letter-spacing: .1em;\n        text-transform: uppercase;\n        padding: 4px 14px;\n        border-radius: 20px;\n        margin-bottom: 16px;\n        background: rgba(255,255,255,.15);\n        color: #fff;\n        border: .5px solid rgba(255,255,255,.35);\n    }\n    .phs-badge--hot {\n        background: #F0660A;\n        border-color: #F0660A;\n    }\n\n    \/* \u2500\u2500 Headline & Copy \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n   .phs-h1 {\n        font-size: clamp(28px, 4vw, 52px);\n        font-weight: 700;\n        color: #fff;\n        line-height: 1.15;\n        margin: 0 0 12px;\n        letter-spacing: -.01em;\n        word-break: keep-all;   \/* \u2705 kein Umbruch mitten im Wort *\/\n        hyphens: none;           \/* \u2705 keine automatischen Trennstriche *\/\n    }\n    .phs-p {\n        font-size: clamp(15px, 1.6vw, 18px);\n        color: rgba(255,255,255,.82);\n        margin: 0 0 24px;\n        line-height: 1.65;\n    }\n\n    \/* \u2500\u2500 Slide-in animation \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .phs-slide.active .phs-badge,\n    .phs-slide.active .phs-h1,\n    .phs-slide.active .phs-p,\n    .phs-slide.active .phs-actions,\n    .phs-slide.active .phs-trust {\n        animation: phs-up .7s cubic-bezier(.22,1,.36,1) both;\n    }\n    .phs-slide.active .phs-badge   { animation-delay: .05s; }\n    .phs-slide.active .phs-h1      { animation-delay: .15s; }\n    .phs-slide.active .phs-p       { animation-delay: .25s; }\n    .phs-slide.active .phs-actions { animation-delay: .35s; }\n    .phs-slide.active .phs-trust   { animation-delay: .45s; }\n\n    .phs-slide:not(.active) .phs-badge,\n    .phs-slide:not(.active) .phs-h1,\n    .phs-slide:not(.active) .phs-p,\n    .phs-slide:not(.active) .phs-actions,\n    .phs-slide:not(.active) .phs-trust {\n        opacity: 0;\n        transform: translateY(22px);\n    }\n    @keyframes phs-up {\n        from { opacity: 0; transform: translateY(22px); }\n        to   { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* \u2500\u2500 CTA buttons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .phs-actions {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n        flex-wrap: wrap;\n        margin-bottom: 70px;\n    }\n    .phs-cta {\n        display: inline-block;\n        background: #fff;\n        color: #111 !important;\n        font-size: 15px;\n        font-weight: 700;\n        padding: 14px 32px;\n        border-radius: 30px;\n        text-decoration: none !important;\n        transition: transform .2s ease, box-shadow .2s ease;\n        white-space: nowrap;\n    }\n    .phs-cta:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 14px 32px rgba(0,0,0,.4);\n        color: #111 !important;\n    }\n    .phs-ghost {\n        font-size: 14px;\n        color: rgba(255,255,255,.78) !important;\n        text-decoration: underline !important;\n        text-underline-offset: 3px;\n        transition: color .2s;\n        white-space: nowrap;\n    }\n    .phs-ghost:hover { color: #fff !important; }\n\n    \/* \u2500\u2500 Trust bar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .phs-trust {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        flex-wrap: wrap;\n    }\n    .phs-trust-item {\n        font-size: 12px;\n        color: rgba(255,255,255,.7);\n        white-space: nowrap;\n    }\n    .phs-divider {\n        width: 1px;\n        height: 11px;\n        background: rgba(255,255,255,.25);\n    }\n\n    \/* \u2500\u2500 Arrow buttons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .phs-nav {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        z-index: 10;\n        background: rgba(255,255,255,.12) !important;\n        color: #fff;\n        border: .5px solid rgba(255,255,255,.25) !important;\n        width: 44px;\n        height: 44px;\n        border-radius: 50%;\n        font-size: 18px;\n        line-height: 1;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: background .2s;\n        -webkit-tap-highlight-color: transparent;\n        box-shadow: none !important;\n    }\n    .phs-nav:hover  { background: rgba(255,255,255,.25) !important; }\n    .phs-nav:active { background: rgba(255,255,255,.35) !important; }\n    .phs-nav--prev { left: 20px; }\n    .phs-nav--next { right: 20px; }\n\n    \/* \u2500\u2500 Dots \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .phs-dots {\n        position: absolute;\n        bottom: 22px;\n        left: 50%;\n        transform: translateX(-50%);\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        z-index: 10;\n    }\n    .phs-dot {\n        height: 7px;\n        width: 7px;\n        border-radius: 4px;\n        background: rgba(255,255,255,.35);\n        cursor: pointer;\n        transition: all .35s ease;\n    }\n    .phs-dot.active {\n        background: #fff;\n        width: 24px;\n    }\n\n    \/* \u2500\u2500 Progress bar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .phs-progress {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        height: 3px;\n        background: rgba(255,255,255,.55);\n        z-index: 10;\n        width: 0%;\n    }\n\n    \/* \u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    @media (max-width: 768px) {\n        .phs-wrap    { height: 70vw; min-height: 340px; }\n        .phs-content { padding: 0 24px; max-width: 100%; padding-top:90px; }\n        .phs-nav     { display: none; }\n        .phs-actions { gap: 12px; }\n        .phs-trust   { gap: 8px; }\n    }\n    @media (max-width: 480px) {\n        .phs-wrap  { height: 85vw; min-height: 300px; }\n        .phs-ghost { display: none; }\n    }\n    <\/style>\n\n    <script>\n    (function () {\n        const wrap     = document.getElementById('phs');\n        const slides   = wrap.querySelectorAll('.phs-slide');\n        const dotsWrap = document.getElementById('phs-dots');\n        const progBar  = document.getElementById('phs-progress');\n        const DURATION  = 5500; \/* ms per slide *\/\n        const THRESHOLD = 50;   \/* px swipe threshold *\/\n\n        let current = 0;\n        let timer   = null;\n\n        \/* \u2500\u2500 Build dots \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        slides.forEach((_, i) => {\n            const d = document.createElement('span');\n            d.className = 'phs-dot' + (i === 0 ? ' active' : '');\n            d.addEventListener('click', () => goTo(i));\n            dotsWrap.appendChild(d);\n        });\n        const dots = dotsWrap.querySelectorAll('.phs-dot');\n\n        \/* \u2500\u2500 Progress bar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        function startProgress() {\n            progBar.style.transition = 'none';\n            progBar.style.width      = '0%';\n            requestAnimationFrame(() => requestAnimationFrame(() => {\n                progBar.style.transition = 'width ' + DURATION + 'ms linear';\n                progBar.style.width      = '100%';\n            }));\n        }\n\n        \/* \u2500\u2500 Go to slide \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        function goTo(i) {\n            slides[current].classList.remove('active');\n            dots[current].classList.remove('active');\n            current = (i + slides.length) % slides.length;\n            slides[current].classList.add('active');\n            dots[current].classList.add('active');\n            startProgress();\n            clearInterval(timer);\n            timer = setInterval(() => goTo(current + 1), DURATION);\n        }\n\n        \/* Start *\/\n        startProgress();\n        timer = setInterval(() => goTo(current + 1), DURATION);\n\n        \/* \u2500\u2500 Arrow buttons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        wrap.querySelector('.phs-nav--prev').addEventListener('click', () => goTo(current - 1));\n        wrap.querySelector('.phs-nav--next').addEventListener('click', () => goTo(current + 1));\n\n        \/* \u2500\u2500 Keyboard \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        document.addEventListener('keydown', e => {\n            if (e.key === 'ArrowLeft')  goTo(current - 1);\n            if (e.key === 'ArrowRight') goTo(current + 1);\n        });\n\n        \/* \u2500\u2500 Parallax scroll \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        let ticking = false;\n        window.addEventListener('scroll', () => {\n            if (!ticking) {\n                requestAnimationFrame(() => {\n                    const sy = window.scrollY;\n                    slides.forEach(s => {\n                        s.style.backgroundPositionY = 'calc(center + ' + (sy * 0.28) + 'px)';\n                    });\n                    ticking = false;\n                });\n                ticking = true;\n            }\n        });\n\n        \/* \u2500\u2500 Touch \/ drag \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        let startX   = 0;\n        let dragging = false;\n\n        function onDragStart(x) {\n            startX   = x;\n            dragging = true;\n            wrap.classList.add('is-dragging');\n            clearInterval(timer);\n        }\n        function onDragEnd(x) {\n            if (!dragging) return;\n            dragging = false;\n            wrap.classList.remove('is-dragging');\n            const diff = startX - x;\n            if      (diff >  THRESHOLD) goTo(current + 1);\n            else if (diff < -THRESHOLD) goTo(current - 1);\n            else {\n                clearInterval(timer);\n                timer = setInterval(() => goTo(current + 1), DURATION);\n            }\n        }\n\n        wrap.addEventListener('mousedown',  e => onDragStart(e.clientX));\n        window.addEventListener('mouseup',  e => onDragEnd(e.clientX));\n        wrap.addEventListener('dragstart',  e => e.preventDefault());\n        wrap.addEventListener('touchstart', e => onDragStart(e.touches[0].clientX),      { passive: true });\n        wrap.addEventListener('touchend',   e => onDragEnd(e.changedTouches[0].clientX), { passive: true });\n\n    })();\n    <\/script>\n    \t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f8e9d38 e-flex e-con-boxed e-con e-parent\" data-id=\"f8e9d38\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6ea961 elementor-widget elementor-widget-spacer\" data-id=\"b6ea961\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cce685c e-con-full e-flex e-con e-child\" data-id=\"cce685c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0f95235 e-con-full e-flex e-con e-child\" data-id=\"0f95235\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ba76a1 elementor-widget elementor-widget-heading\" data-id=\"1ba76a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><b>Our Picks<\/b><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a3396bd elementor-widget elementor-widget-shortcode\" data-id=\"a3396bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"woocommerce columns-4 \"><ul class=\"products columns-4\">\n    <style>\n   \n        \/* ===============================\n        Product Badges\n        =============================== *\/\n\n\n        \/* Container f\u00fcr Produktbild *\/\n        ul.products li.product,\n        li.product {\n            position: relative; \/* notwendig f\u00fcr absolute Badges *\/\n        }\n\n\n        \/* Container f\u00fcr Produktbild *\/\n        ul.products li.product,\n        li.product {\n            position: relative;\n        }\n\n       .product-badge {\n            position: absolute;\n            z-index: 10;\n            padding: 5px 12px;\n            font-size: 12px;\n            font-weight: 700;\n            text-transform: uppercase;\n            border-radius: 10px;\n            line-height: 1.4;\n            width: fit-content;  \/* \u2190 DAS fehlte *\/\n            box-shadow: 0 2px 6px rgba(0,0,0,0.15);\n            transition: all 0.3s ease;\n            pointer-events: none;\n        }\n\n        \/* Hover-Interaktion *\/\n        li.product:hover .product-badge {\n            transform: scale(1.05);\n            box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n        }\n\n        \/* NEW-Badge: oben rechts, kr\u00e4ftig *\/\n        .new-badge {\n            top: 10px;\n            right: 10px;\n            background-color: var(--ast-global-color-0);\n            color: #fff;\n        }\n\n        \/* Container sicher positionieren *\/\n        .pick-img-container {\n            position: relative;\n        }\n\n   \/* Container f\u00fcr absolute Positionierung *\/\n.pick-img-container {\n    position: relative;\n}\n\n\/* Button Overlay *\/\n.overlay-add-to-cart {\n    position: absolute;\n    top: 10px;\n    right: 23px;\n\n    width: 42px;\n    height: 42px;\n    background: rgba(0,0,0,0.2);\n    color: #fff;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    text-decoration: none;\n    z-index: 9999;\n    transition: all 0.2s ease;\n}\n\n\/* SVG skalieren *\/\n.overlay-add-to-cart svg {\n    width: 22px;\n    height: 22px;\n    color: #fff;\n}\n\n\/* Feedback: Button gr\u00fcn + Icon bleibt *\/\n.overlay-add-to-cart.added {\n    background: #28a745; \/* gr\u00fcn *\/\n}\n\n\n\n\n    <\/style>\n    \n<div class=\"pick-card desktop-align-left tablet-align-left mobile-align-left product type-product post-9486 status-publish first instock product_cat-cuffs product_cat-wrist-cuffs product_tag-cuffs-plastic has-post-thumbnail featured taxable shipping-taxable purchasable product-type-variable\">\n\n    <a href=\"https:\/\/kinkystuffmade.com\/de\/produkt\/wrist-cuffs-sturdy\/\" class=\"pick-img-wrap\">\n\n        <img decoding=\"async\" class=\"pick-img pick-img--primary\"\n             src=\"https:\/\/kinkystuffmade.com\/wp-content\/uploads\/2026\/03\/DSC00809-1200x801.jpeg\"\n             alt=\"Wrist cuffs STURDY\"\n             loading=\"lazy\">\n\n        <img decoding=\"async\" class=\"pick-img pick-img--secondary\"\n             src=\"https:\/\/kinkystuffmade.com\/wp-content\/uploads\/2026\/03\/DSC00815-1200x801.jpeg\"\n             alt=\"Wrist cuffs STURDY\"\n             loading=\"lazy\">\n         \n        \n    <\/a>\n\n     \n    <div class=\"pick-info\">\n        <div class=\"pick-title\">\n            <a href=\"https:\/\/kinkystuffmade.com\/de\/produkt\/wrist-cuffs-sturdy\/\">Wrist cuffs STURDY<\/a>\n        <\/div>\n        <div class=\"pick-price\"><span class=\"woocommerce-Price-amount amount\"><bdi>59,90&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span> <small class=\"woocommerce-price-suffix\">incl. VAT<\/small><\/div>\n    <\/div>\n\n<\/div>\n\n<script>\njQuery(document).ready(function($){\n\n    \/\/ Feedback-Animation \u2014 WC AJAX l\u00e4uft normal weiter\n    $(document.body).on('adding_to_cart', function(e, $btn){\n        if (!$btn.hasClass('overlay-add-to-cart')) return;\n        var originalHTML = $btn.html();\n        $btn.data('original-html', originalHTML);\n    });\n\n    $(document.body).on('added_to_cart', function(){\n        \/\/ Drawer \u00f6ffnet sich automatisch \u00fcber den added_to_cart Listener in cart-drawer.php\n        \/\/ Hier nur visuelles Feedback\n        $('.overlay-add-to-cart').each(function(){\n            var $btn = $(this);\n            var originalHTML = $btn.data('original-html');\n            if (!originalHTML) return;\n            $btn.addClass('added');\n            $btn.html('<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"currentColor\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>');\n            setTimeout(function(){\n                $btn.removeClass('added');\n                $btn.html(originalHTML);\n            }, 1200);\n        });\n    });\n});\n<\/script>    <style>\n   \n        \/* ===============================\n        Product Badges\n        =============================== *\/\n\n\n        \/* Container f\u00fcr Produktbild *\/\n        ul.products li.product,\n        li.product {\n            position: relative; \/* notwendig f\u00fcr absolute Badges *\/\n        }\n\n\n        \/* Container f\u00fcr Produktbild *\/\n        ul.products li.product,\n        li.product {\n            position: relative;\n        }\n\n       .product-badge {\n            position: absolute;\n            z-index: 10;\n            padding: 5px 12px;\n            font-size: 12px;\n            font-weight: 700;\n            text-transform: uppercase;\n            border-radius: 10px;\n            line-height: 1.4;\n            width: fit-content;  \/* \u2190 DAS fehlte *\/\n            box-shadow: 0 2px 6px rgba(0,0,0,0.15);\n            transition: all 0.3s ease;\n            pointer-events: none;\n        }\n\n        \/* Hover-Interaktion *\/\n        li.product:hover .product-badge {\n            transform: scale(1.05);\n            box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n        }\n\n        \/* NEW-Badge: oben rechts, kr\u00e4ftig *\/\n        .new-badge {\n            top: 10px;\n            right: 10px;\n            background-color: var(--ast-global-color-0);\n            color: #fff;\n        }\n\n        \/* Container sicher positionieren *\/\n        .pick-img-container {\n            position: relative;\n        }\n\n   \/* Container f\u00fcr absolute Positionierung *\/\n.pick-img-container {\n    position: relative;\n}\n\n\/* Button Overlay *\/\n.overlay-add-to-cart {\n    position: absolute;\n    top: 10px;\n    right: 23px;\n\n    width: 42px;\n    height: 42px;\n    background: rgba(0,0,0,0.2);\n    color: #fff;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    text-decoration: none;\n    z-index: 9999;\n    transition: all 0.2s ease;\n}\n\n\/* SVG skalieren *\/\n.overlay-add-to-cart svg {\n    width: 22px;\n    height: 22px;\n    color: #fff;\n}\n\n\/* Feedback: Button gr\u00fcn + Icon bleibt *\/\n.overlay-add-to-cart.added {\n    background: #28a745; \/* gr\u00fcn *\/\n}\n\n\n\n\n    <\/style>\n    \n<div class=\"pick-card desktop-align-left tablet-align-left mobile-align-left product type-product post-7613 status-publish instock product_cat-adult product_cat-cuffs product_cat-wrist-cuffs product_tag-cuffs-plastic has-post-thumbnail featured taxable shipping-taxable purchasable product-type-variable\">\n\n    <a href=\"https:\/\/kinkystuffmade.com\/de\/produkt\/wrist-cuffs-link\/\" class=\"pick-img-wrap\">\n\n        <img decoding=\"async\" class=\"pick-img pick-img--primary\"\n             src=\"https:\/\/kinkystuffmade.com\/wp-content\/uploads\/2025\/05\/P1050609-scaled-1200x901.jpeg\"\n             alt=\"Wrist cuffs LINK\"\n             loading=\"lazy\">\n\n        <img decoding=\"async\" class=\"pick-img pick-img--secondary\"\n             src=\"https:\/\/kinkystuffmade.com\/wp-content\/uploads\/2025\/05\/P1050606-scaled-1200x901.jpeg\"\n             alt=\"Wrist cuffs LINK\"\n             loading=\"lazy\">\n         \n        \n    <\/a>\n\n     \n    <div class=\"pick-info\">\n        <div class=\"pick-title\">\n            <a href=\"https:\/\/kinkystuffmade.com\/de\/produkt\/wrist-cuffs-link\/\">Wrist cuffs LINK<\/a>\n        <\/div>\n        <div class=\"pick-price\"><span class=\"woocommerce-Price-amount amount\"><bdi>64,90&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span> <small class=\"woocommerce-price-suffix\">incl. VAT<\/small><\/div>\n    <\/div>\n\n<\/div>\n\n<script>\njQuery(document).ready(function($){\n\n    \/\/ Feedback-Animation \u2014 WC AJAX l\u00e4uft normal weiter\n    $(document.body).on('adding_to_cart', function(e, $btn){\n        if (!$btn.hasClass('overlay-add-to-cart')) return;\n        var originalHTML = $btn.html();\n        $btn.data('original-html', originalHTML);\n    });\n\n    $(document.body).on('added_to_cart', function(){\n        \/\/ Drawer \u00f6ffnet sich automatisch \u00fcber den added_to_cart Listener in cart-drawer.php\n        \/\/ Hier nur visuelles Feedback\n        $('.overlay-add-to-cart').each(function(){\n            var $btn = $(this);\n            var originalHTML = $btn.data('original-html');\n            if (!originalHTML) return;\n            $btn.addClass('added');\n            $btn.html('<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"currentColor\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>');\n            setTimeout(function(){\n                $btn.removeClass('added');\n                $btn.html(originalHTML);\n            }, 1200);\n        });\n    });\n});\n<\/script>    <style>\n   \n        \/* ===============================\n        Product Badges\n        =============================== *\/\n\n\n        \/* Container f\u00fcr Produktbild *\/\n        ul.products li.product,\n        li.product {\n            position: relative; \/* notwendig f\u00fcr absolute Badges *\/\n        }\n\n\n        \/* Container f\u00fcr Produktbild *\/\n        ul.products li.product,\n        li.product {\n            position: relative;\n        }\n\n       .product-badge {\n            position: absolute;\n            z-index: 10;\n            padding: 5px 12px;\n            font-size: 12px;\n            font-weight: 700;\n            text-transform: uppercase;\n            border-radius: 10px;\n            line-height: 1.4;\n            width: fit-content;  \/* \u2190 DAS fehlte *\/\n            box-shadow: 0 2px 6px rgba(0,0,0,0.15);\n            transition: all 0.3s ease;\n            pointer-events: none;\n        }\n\n        \/* Hover-Interaktion *\/\n        li.product:hover .product-badge {\n            transform: scale(1.05);\n            box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n        }\n\n        \/* NEW-Badge: oben rechts, kr\u00e4ftig *\/\n        .new-badge {\n            top: 10px;\n            right: 10px;\n            background-color: var(--ast-global-color-0);\n            color: #fff;\n        }\n\n        \/* Container sicher positionieren *\/\n        .pick-img-container {\n            position: relative;\n        }\n\n   \/* Container f\u00fcr absolute Positionierung *\/\n.pick-img-container {\n    position: relative;\n}\n\n\/* Button Overlay *\/\n.overlay-add-to-cart {\n    position: absolute;\n    top: 10px;\n    right: 23px;\n\n    width: 42px;\n    height: 42px;\n    background: rgba(0,0,0,0.2);\n    color: #fff;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    text-decoration: none;\n    z-index: 9999;\n    transition: all 0.2s ease;\n}\n\n\/* SVG skalieren *\/\n.overlay-add-to-cart svg {\n    width: 22px;\n    height: 22px;\n    color: #fff;\n}\n\n\/* Feedback: Button gr\u00fcn + Icon bleibt *\/\n.overlay-add-to-cart.added {\n    background: #28a745; \/* gr\u00fcn *\/\n}\n\n\n\n\n    <\/style>\n    \n<div class=\"pick-card desktop-align-left tablet-align-left mobile-align-left product type-product post-7410 status-publish instock product_cat-adult product_cat-ankle-cuffs product_cat-cuffs product_tag-cuffs-plastic has-post-thumbnail featured taxable shipping-taxable purchasable product-type-variable\">\n\n    <a href=\"https:\/\/kinkystuffmade.com\/de\/produkt\/ankle-cuffs-chain-2\/\" class=\"pick-img-wrap\">\n\n        <img decoding=\"async\" class=\"pick-img pick-img--primary\"\n             src=\"https:\/\/kinkystuffmade.com\/wp-content\/uploads\/2025\/05\/P1050692-scaled-1200x901.jpeg\"\n             alt=\"Ankle cuffs CHAIN\"\n             loading=\"lazy\">\n\n        <img decoding=\"async\" class=\"pick-img pick-img--secondary\"\n             src=\"https:\/\/kinkystuffmade.com\/wp-content\/uploads\/2025\/05\/P1050685-scaled-1200x1598.jpeg\"\n             alt=\"Ankle cuffs CHAIN\"\n             loading=\"lazy\">\n         \n        \n    <\/a>\n\n     \n    <div class=\"pick-info\">\n        <div class=\"pick-title\">\n            <a href=\"https:\/\/kinkystuffmade.com\/de\/produkt\/ankle-cuffs-chain-2\/\">Ankle cuffs CHAIN<\/a>\n        <\/div>\n        <div class=\"pick-price\"><span class=\"woocommerce-Price-amount amount\"><bdi>69,90&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span> <small class=\"woocommerce-price-suffix\">incl. VAT<\/small><\/div>\n    <\/div>\n\n<\/div>\n\n<script>\njQuery(document).ready(function($){\n\n    \/\/ Feedback-Animation \u2014 WC AJAX l\u00e4uft normal weiter\n    $(document.body).on('adding_to_cart', function(e, $btn){\n        if (!$btn.hasClass('overlay-add-to-cart')) return;\n        var originalHTML = $btn.html();\n        $btn.data('original-html', originalHTML);\n    });\n\n    $(document.body).on('added_to_cart', function(){\n        \/\/ Drawer \u00f6ffnet sich automatisch \u00fcber den added_to_cart Listener in cart-drawer.php\n        \/\/ Hier nur visuelles Feedback\n        $('.overlay-add-to-cart').each(function(){\n            var $btn = $(this);\n            var originalHTML = $btn.data('original-html');\n            if (!originalHTML) return;\n            $btn.addClass('added');\n            $btn.html('<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"currentColor\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>');\n            setTimeout(function(){\n                $btn.removeClass('added');\n                $btn.html(originalHTML);\n            }, 1200);\n        });\n    });\n});\n<\/script>    <style>\n   \n        \/* ===============================\n        Product Badges\n        =============================== *\/\n\n\n        \/* Container f\u00fcr Produktbild *\/\n        ul.products li.product,\n        li.product {\n            position: relative; \/* notwendig f\u00fcr absolute Badges *\/\n        }\n\n\n        \/* Container f\u00fcr Produktbild *\/\n        ul.products li.product,\n        li.product {\n            position: relative;\n        }\n\n       .product-badge {\n            position: absolute;\n            z-index: 10;\n            padding: 5px 12px;\n            font-size: 12px;\n            font-weight: 700;\n            text-transform: uppercase;\n            border-radius: 10px;\n            line-height: 1.4;\n            width: fit-content;  \/* \u2190 DAS fehlte *\/\n            box-shadow: 0 2px 6px rgba(0,0,0,0.15);\n            transition: all 0.3s ease;\n            pointer-events: none;\n        }\n\n        \/* Hover-Interaktion *\/\n        li.product:hover .product-badge {\n            transform: scale(1.05);\n            box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n        }\n\n        \/* NEW-Badge: oben rechts, kr\u00e4ftig *\/\n        .new-badge {\n            top: 10px;\n            right: 10px;\n            background-color: var(--ast-global-color-0);\n            color: #fff;\n        }\n\n        \/* Container sicher positionieren *\/\n        .pick-img-container {\n            position: relative;\n        }\n\n   \/* Container f\u00fcr absolute Positionierung *\/\n.pick-img-container {\n    position: relative;\n}\n\n\/* Button Overlay *\/\n.overlay-add-to-cart {\n    position: absolute;\n    top: 10px;\n    right: 23px;\n\n    width: 42px;\n    height: 42px;\n    background: rgba(0,0,0,0.2);\n    color: #fff;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    text-decoration: none;\n    z-index: 9999;\n    transition: all 0.2s ease;\n}\n\n\/* SVG skalieren *\/\n.overlay-add-to-cart svg {\n    width: 22px;\n    height: 22px;\n    color: #fff;\n}\n\n\/* Feedback: Button gr\u00fcn + Icon bleibt *\/\n.overlay-add-to-cart.added {\n    background: #28a745; \/* gr\u00fcn *\/\n}\n\n\n\n\n    <\/style>\n    \n<div class=\"pick-card desktop-align-left tablet-align-left mobile-align-left product type-product post-4936 status-publish last instock product_cat-toys product_tag-bundle-discount product_tag-respiratory-mask-connector-plastic has-post-thumbnail featured taxable shipping-taxable purchasable product-type-simple\">\n\n    <a href=\"https:\/\/kinkystuffmade.com\/de\/produkt\/gasmask-sniffer\/\" class=\"pick-img-wrap\">\n\n        <img decoding=\"async\" class=\"pick-img pick-img--primary\"\n             src=\"https:\/\/kinkystuffmade.com\/wp-content\/uploads\/2024\/10\/DSC01218-1200x801.jpeg\"\n             alt=\"Gasmask SNIFFER\"\n             loading=\"lazy\">\n\n        <img decoding=\"async\" class=\"pick-img pick-img--secondary\"\n             src=\"https:\/\/kinkystuffmade.com\/wp-content\/uploads\/2024\/10\/DSC01069-1-1200x801.jpeg\"\n             alt=\"Gasmask SNIFFER\"\n             loading=\"lazy\">\n         \n        \n    <\/a>\n\n         <a href=\"\/de\/wp-json\/wp\/v2\/pages\/9542?add-to-cart=4936\"\n       class=\"overlay-add-to-cart add_to_cart_button ajax_add_to_cart\"\n       data-product_id=\"4936\"\n       data-quantity=\"1\"\n       aria-label=\"Zum Warenkorb hinzuf\u00fcgen\">\n        <!-- SVG Warenkorb -->\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"currentColor\">\n            <path d=\"M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm0 2zm10-2c-1.1 0-1.99.9-1.99 2S15.9 22 17 22s2-.9 2-2-.9-2-2-2zm0 2zM7.16 14l.84-2h7.17c.75 0 1.41-.41 1.75-1.03l3.24-5.97a.996.996 0 0 0-.87-1.45H5.21L4.27 2H0v2h2l3.6 7.59-1.35 2.44C4.52 14.37 5.48 16 7 16h12v-2H7.16z\"\/>\n        <\/svg>\n    <\/a>\n    \n    <div class=\"pick-info\">\n        <div class=\"pick-title\">\n            <a href=\"https:\/\/kinkystuffmade.com\/de\/produkt\/gasmask-sniffer\/\">Gasmask SNIFFER<\/a>\n        <\/div>\n        <div class=\"pick-price\"><span class=\"woocommerce-Price-amount amount\"><bdi>19,90&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span> <small class=\"woocommerce-price-suffix\">incl. VAT<\/small><\/div>\n    <\/div>\n\n<\/div>\n\n<script>\njQuery(document).ready(function($){\n\n    \/\/ Feedback-Animation \u2014 WC AJAX l\u00e4uft normal weiter\n    $(document.body).on('adding_to_cart', function(e, $btn){\n        if (!$btn.hasClass('overlay-add-to-cart')) return;\n        var originalHTML = $btn.html();\n        $btn.data('original-html', originalHTML);\n    });\n\n    $(document.body).on('added_to_cart', function(){\n        \/\/ Drawer \u00f6ffnet sich automatisch \u00fcber den added_to_cart Listener in cart-drawer.php\n        \/\/ Hier nur visuelles Feedback\n        $('.overlay-add-to-cart').each(function(){\n            var $btn = $(this);\n            var originalHTML = $btn.data('original-html');\n            if (!originalHTML) return;\n            $btn.addClass('added');\n            $btn.html('<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"currentColor\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>');\n            setTimeout(function(){\n                $btn.removeClass('added');\n                $btn.html(originalHTML);\n            }, 1200);\n        });\n    });\n});\n<\/script>    <style>\n   \n        \/* ===============================\n        Product Badges\n        =============================== *\/\n\n\n        \/* Container f\u00fcr Produktbild *\/\n        ul.products li.product,\n        li.product {\n            position: relative; \/* notwendig f\u00fcr absolute Badges *\/\n        }\n\n\n        \/* Container f\u00fcr Produktbild *\/\n        ul.products li.product,\n        li.product {\n            position: relative;\n        }\n\n       .product-badge {\n            position: absolute;\n            z-index: 10;\n            padding: 5px 12px;\n            font-size: 12px;\n            font-weight: 700;\n            text-transform: uppercase;\n            border-radius: 10px;\n            line-height: 1.4;\n            width: fit-content;  \/* \u2190 DAS fehlte *\/\n            box-shadow: 0 2px 6px rgba(0,0,0,0.15);\n            transition: all 0.3s ease;\n            pointer-events: none;\n        }\n\n        \/* Hover-Interaktion *\/\n        li.product:hover .product-badge {\n            transform: scale(1.05);\n            box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n        }\n\n        \/* NEW-Badge: oben rechts, kr\u00e4ftig *\/\n        .new-badge {\n            top: 10px;\n            right: 10px;\n            background-color: var(--ast-global-color-0);\n            color: #fff;\n        }\n\n        \/* Container sicher positionieren *\/\n        .pick-img-container {\n            position: relative;\n        }\n\n   \/* Container f\u00fcr absolute Positionierung *\/\n.pick-img-container {\n    position: relative;\n}\n\n\/* Button Overlay *\/\n.overlay-add-to-cart {\n    position: absolute;\n    top: 10px;\n    right: 23px;\n\n    width: 42px;\n    height: 42px;\n    background: rgba(0,0,0,0.2);\n    color: #fff;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    text-decoration: none;\n    z-index: 9999;\n    transition: all 0.2s ease;\n}\n\n\/* SVG skalieren *\/\n.overlay-add-to-cart svg {\n    width: 22px;\n    height: 22px;\n    color: #fff;\n}\n\n\/* Feedback: Button gr\u00fcn + Icon bleibt *\/\n.overlay-add-to-cart.added {\n    background: #28a745; \/* gr\u00fcn *\/\n}\n\n\n\n\n    <\/style>\n    \n<div class=\"pick-card desktop-align-left tablet-align-left mobile-align-left product type-product post-9337 status-publish first instock product_cat-toys product_tag-bluetooth-control-module product_tag-new has-post-thumbnail featured taxable shipping-taxable purchasable product-type-variable has-default-attributes\">\n\n    <a href=\"https:\/\/kinkystuffmade.com\/de\/produkt\/lockmebox\/\" class=\"pick-img-wrap\">\n\n        <img decoding=\"async\" class=\"pick-img pick-img--primary\"\n             src=\"https:\/\/kinkystuffmade.com\/wp-content\/uploads\/2026\/02\/DSC01086-1-1200x801.jpeg\"\n             alt=\"LockMeBox\"\n             loading=\"lazy\">\n\n        <img decoding=\"async\" class=\"pick-img pick-img--secondary\"\n             src=\"https:\/\/kinkystuffmade.com\/wp-content\/uploads\/2026\/02\/DSC00614-1-1-1200x801.jpeg\"\n             alt=\"LockMeBox\"\n             loading=\"lazy\">\n         \n                    <span class=\"product-badge new-badge\">NEW<\/span>\n        \n    <\/a>\n\n     \n    <div class=\"pick-info\">\n        <div class=\"pick-title\">\n            <a href=\"https:\/\/kinkystuffmade.com\/de\/produkt\/lockmebox\/\">LockMeBox<\/a>\n        <\/div>\n        <div class=\"pick-price\"><span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi>69,90&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span> <span aria-hidden=\"true\"> \u2013 <\/span> <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi>89,80&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span><span class=\"screen-reader-text\">Preisspanne: 69,90&nbsp;&euro; bis 89,80&nbsp;&euro;<\/span> <small class=\"woocommerce-price-suffix\">incl. VAT<\/small><\/div>\n    <\/div>\n\n<\/div>\n\n<script>\njQuery(document).ready(function($){\n\n    \/\/ Feedback-Animation \u2014 WC AJAX l\u00e4uft normal weiter\n    $(document.body).on('adding_to_cart', function(e, $btn){\n        if (!$btn.hasClass('overlay-add-to-cart')) return;\n        var originalHTML = $btn.html();\n        $btn.data('original-html', originalHTML);\n    });\n\n    $(document.body).on('added_to_cart', function(){\n        \/\/ Drawer \u00f6ffnet sich automatisch \u00fcber den added_to_cart Listener in cart-drawer.php\n        \/\/ Hier nur visuelles Feedback\n        $('.overlay-add-to-cart').each(function(){\n            var $btn = $(this);\n            var originalHTML = $btn.data('original-html');\n            if (!originalHTML) return;\n            $btn.addClass('added');\n            $btn.html('<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"currentColor\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>');\n            setTimeout(function(){\n                $btn.removeClass('added');\n                $btn.html(originalHTML);\n            }, 1200);\n        });\n    });\n});\n<\/script>    <style>\n   \n        \/* ===============================\n        Product Badges\n        =============================== *\/\n\n\n        \/* Container f\u00fcr Produktbild *\/\n        ul.products li.product,\n        li.product {\n            position: relative; \/* notwendig f\u00fcr absolute Badges *\/\n        }\n\n\n        \/* Container f\u00fcr Produktbild *\/\n        ul.products li.product,\n        li.product {\n            position: relative;\n        }\n\n       .product-badge {\n            position: absolute;\n            z-index: 10;\n            padding: 5px 12px;\n            font-size: 12px;\n            font-weight: 700;\n            text-transform: uppercase;\n            border-radius: 10px;\n            line-height: 1.4;\n            width: fit-content;  \/* \u2190 DAS fehlte *\/\n            box-shadow: 0 2px 6px rgba(0,0,0,0.15);\n            transition: all 0.3s ease;\n            pointer-events: none;\n        }\n\n        \/* Hover-Interaktion *\/\n        li.product:hover .product-badge {\n            transform: scale(1.05);\n            box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n        }\n\n        \/* NEW-Badge: oben rechts, kr\u00e4ftig *\/\n        .new-badge {\n            top: 10px;\n            right: 10px;\n            background-color: var(--ast-global-color-0);\n            color: #fff;\n        }\n\n        \/* Container sicher positionieren *\/\n        .pick-img-container {\n            position: relative;\n        }\n\n   \/* Container f\u00fcr absolute Positionierung *\/\n.pick-img-container {\n    position: relative;\n}\n\n\/* Button Overlay *\/\n.overlay-add-to-cart {\n    position: absolute;\n    top: 10px;\n    right: 23px;\n\n    width: 42px;\n    height: 42px;\n    background: rgba(0,0,0,0.2);\n    color: #fff;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    text-decoration: none;\n    z-index: 9999;\n    transition: all 0.2s ease;\n}\n\n\/* SVG skalieren *\/\n.overlay-add-to-cart svg {\n    width: 22px;\n    height: 22px;\n    color: #fff;\n}\n\n\/* Feedback: Button gr\u00fcn + Icon bleibt *\/\n.overlay-add-to-cart.added {\n    background: #28a745; \/* gr\u00fcn *\/\n}\n\n\n\n\n    <\/style>\n    \n<div class=\"pick-card desktop-align-left tablet-align-left mobile-align-left product type-product post-4968 status-publish instock product_cat-e-stim product_tag-bluetooth-control-module product_tag-new has-post-thumbnail featured taxable shipping-taxable purchasable product-type-variable\">\n\n    <a href=\"https:\/\/kinkystuffmade.com\/de\/produkt\/stimmebox\/\" class=\"pick-img-wrap\">\n\n        <img decoding=\"async\" class=\"pick-img pick-img--primary\"\n             src=\"https:\/\/kinkystuffmade.com\/wp-content\/uploads\/2024\/10\/DSC00586-1-1200x801.jpeg\"\n             alt=\"StimMeBox &#8211; Upgrade for ESTIM 2B\"\n             loading=\"lazy\">\n\n        <img decoding=\"async\" class=\"pick-img pick-img--secondary\"\n             src=\"https:\/\/kinkystuffmade.com\/wp-content\/uploads\/2024\/10\/DSC00588-1-1200x801.jpeg\"\n             alt=\"StimMeBox &#8211; Upgrade for ESTIM 2B\"\n             loading=\"lazy\">\n         \n                    <span class=\"product-badge new-badge\">NEW<\/span>\n        \n    <\/a>\n\n     \n    <div class=\"pick-info\">\n        <div class=\"pick-title\">\n            <a href=\"https:\/\/kinkystuffmade.com\/de\/produkt\/stimmebox\/\">StimMeBox &#8211; Upgrade for ESTIM 2B<\/a>\n        <\/div>\n        <div class=\"pick-price\"><span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi>79,90&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span> <span aria-hidden=\"true\"> \u2013 <\/span> <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi>89,90&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span><span class=\"screen-reader-text\">Preisspanne: 79,90&nbsp;&euro; bis 89,90&nbsp;&euro;<\/span> <small class=\"woocommerce-price-suffix\">incl. VAT<\/small><\/div>\n    <\/div>\n\n<\/div>\n\n<script>\njQuery(document).ready(function($){\n\n    \/\/ Feedback-Animation \u2014 WC AJAX l\u00e4uft normal weiter\n    $(document.body).on('adding_to_cart', function(e, $btn){\n        if (!$btn.hasClass('overlay-add-to-cart')) return;\n        var originalHTML = $btn.html();\n        $btn.data('original-html', originalHTML);\n    });\n\n    $(document.body).on('added_to_cart', function(){\n        \/\/ Drawer \u00f6ffnet sich automatisch \u00fcber den added_to_cart Listener in cart-drawer.php\n        \/\/ Hier nur visuelles Feedback\n        $('.overlay-add-to-cart').each(function(){\n            var $btn = $(this);\n            var originalHTML = $btn.data('original-html');\n            if (!originalHTML) return;\n            $btn.addClass('added');\n            $btn.html('<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"currentColor\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>');\n            setTimeout(function(){\n                $btn.removeClass('added');\n                $btn.html(originalHTML);\n            }, 1200);\n        });\n    });\n});\n<\/script>    <style>\n   \n        \/* ===============================\n        Product Badges\n        =============================== *\/\n\n\n        \/* Container f\u00fcr Produktbild *\/\n        ul.products li.product,\n        li.product {\n            position: relative; \/* notwendig f\u00fcr absolute Badges *\/\n        }\n\n\n        \/* Container f\u00fcr Produktbild *\/\n        ul.products li.product,\n        li.product {\n            position: relative;\n        }\n\n       .product-badge {\n            position: absolute;\n            z-index: 10;\n            padding: 5px 12px;\n            font-size: 12px;\n            font-weight: 700;\n            text-transform: uppercase;\n            border-radius: 10px;\n            line-height: 1.4;\n            width: fit-content;  \/* \u2190 DAS fehlte *\/\n            box-shadow: 0 2px 6px rgba(0,0,0,0.15);\n            transition: all 0.3s ease;\n            pointer-events: none;\n        }\n\n        \/* Hover-Interaktion *\/\n        li.product:hover .product-badge {\n            transform: scale(1.05);\n            box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n        }\n\n        \/* NEW-Badge: oben rechts, kr\u00e4ftig *\/\n        .new-badge {\n            top: 10px;\n            right: 10px;\n            background-color: var(--ast-global-color-0);\n            color: #fff;\n        }\n\n        \/* Container sicher positionieren *\/\n        .pick-img-container {\n            position: relative;\n        }\n\n   \/* Container f\u00fcr absolute Positionierung *\/\n.pick-img-container {\n    position: relative;\n}\n\n\/* Button Overlay *\/\n.overlay-add-to-cart {\n    position: absolute;\n    top: 10px;\n    right: 23px;\n\n    width: 42px;\n    height: 42px;\n    background: rgba(0,0,0,0.2);\n    color: #fff;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    text-decoration: none;\n    z-index: 9999;\n    transition: all 0.2s ease;\n}\n\n\/* SVG skalieren *\/\n.overlay-add-to-cart svg {\n    width: 22px;\n    height: 22px;\n    color: #fff;\n}\n\n\/* Feedback: Button gr\u00fcn + Icon bleibt *\/\n.overlay-add-to-cart.added {\n    background: #28a745; \/* gr\u00fcn *\/\n}\n\n\n\n\n    <\/style>\n    \n<div class=\"pick-card desktop-align-left tablet-align-left mobile-align-left product type-product post-9708 status-publish instock product_cat-toys product_tag-plastic-key-chain has-post-thumbnail featured taxable shipping-taxable purchasable product-type-variable\">\n\n    <a href=\"https:\/\/kinkystuffmade.com\/de\/produkt\/slave-tag-with-nfc\/\" class=\"pick-img-wrap\">\n\n        <img decoding=\"async\" class=\"pick-img pick-img--primary\"\n             src=\"https:\/\/kinkystuffmade.com\/wp-content\/uploads\/2026\/03\/DSC01198-1200x801.jpeg\"\n             alt=\"Custom Kinky NFC Tag\"\n             loading=\"lazy\">\n\n        <img decoding=\"async\" class=\"pick-img pick-img--secondary\"\n             src=\"https:\/\/kinkystuffmade.com\/wp-content\/uploads\/2026\/03\/DSC01198-1200x801.jpeg\"\n             alt=\"Custom Kinky NFC Tag\"\n             loading=\"lazy\">\n         \n        \n    <\/a>\n\n     \n    <div class=\"pick-info\">\n        <div class=\"pick-title\">\n            <a href=\"https:\/\/kinkystuffmade.com\/de\/produkt\/slave-tag-with-nfc\/\">Custom Kinky NFC Tag<\/a>\n        <\/div>\n        <div class=\"pick-price\"><span class=\"woocommerce-Price-amount amount\"><bdi>9,90&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span> <small class=\"woocommerce-price-suffix\">incl. VAT<\/small><\/div>\n    <\/div>\n\n<\/div>\n\n<script>\njQuery(document).ready(function($){\n\n    \/\/ Feedback-Animation \u2014 WC AJAX l\u00e4uft normal weiter\n    $(document.body).on('adding_to_cart', function(e, $btn){\n        if (!$btn.hasClass('overlay-add-to-cart')) return;\n        var originalHTML = $btn.html();\n        $btn.data('original-html', originalHTML);\n    });\n\n    $(document.body).on('added_to_cart', function(){\n        \/\/ Drawer \u00f6ffnet sich automatisch \u00fcber den added_to_cart Listener in cart-drawer.php\n        \/\/ Hier nur visuelles Feedback\n        $('.overlay-add-to-cart').each(function(){\n            var $btn = $(this);\n            var originalHTML = $btn.data('original-html');\n            if (!originalHTML) return;\n            $btn.addClass('added');\n            $btn.html('<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"currentColor\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>');\n            setTimeout(function(){\n                $btn.removeClass('added');\n                $btn.html(originalHTML);\n            }, 1200);\n        });\n    });\n});\n<\/script>    <style>\n   \n        \/* ===============================\n        Product Badges\n        =============================== *\/\n\n\n        \/* Container f\u00fcr Produktbild *\/\n        ul.products li.product,\n        li.product {\n            position: relative; \/* notwendig f\u00fcr absolute Badges *\/\n        }\n\n\n        \/* Container f\u00fcr Produktbild *\/\n        ul.products li.product,\n        li.product {\n            position: relative;\n        }\n\n       .product-badge {\n            position: absolute;\n            z-index: 10;\n            padding: 5px 12px;\n            font-size: 12px;\n            font-weight: 700;\n            text-transform: uppercase;\n            border-radius: 10px;\n            line-height: 1.4;\n            width: fit-content;  \/* \u2190 DAS fehlte *\/\n            box-shadow: 0 2px 6px rgba(0,0,0,0.15);\n            transition: all 0.3s ease;\n            pointer-events: none;\n        }\n\n        \/* Hover-Interaktion *\/\n        li.product:hover .product-badge {\n            transform: scale(1.05);\n            box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n        }\n\n        \/* NEW-Badge: oben rechts, kr\u00e4ftig *\/\n        .new-badge {\n            top: 10px;\n            right: 10px;\n            background-color: var(--ast-global-color-0);\n            color: #fff;\n        }\n\n        \/* Container sicher positionieren *\/\n        .pick-img-container {\n            position: relative;\n        }\n\n   \/* Container f\u00fcr absolute Positionierung *\/\n.pick-img-container {\n    position: relative;\n}\n\n\/* Button Overlay *\/\n.overlay-add-to-cart {\n    position: absolute;\n    top: 10px;\n    right: 23px;\n\n    width: 42px;\n    height: 42px;\n    background: rgba(0,0,0,0.2);\n    color: #fff;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    text-decoration: none;\n    z-index: 9999;\n    transition: all 0.2s ease;\n}\n\n\/* SVG skalieren *\/\n.overlay-add-to-cart svg {\n    width: 22px;\n    height: 22px;\n    color: #fff;\n}\n\n\/* Feedback: Button gr\u00fcn + Icon bleibt *\/\n.overlay-add-to-cart.added {\n    background: #28a745; \/* gr\u00fcn *\/\n}\n\n\n\n\n    <\/style>\n    \n<div class=\"pick-card desktop-align-left tablet-align-left mobile-align-left product type-product post-8878 status-publish last instock product_cat-adult product_cat-toys product_tag-bondage-accessory has-post-thumbnail featured taxable shipping-taxable purchasable product-type-simple\">\n\n    <a href=\"https:\/\/kinkystuffmade.com\/de\/produkt\/deep-throat-trainer-add-on\/\" class=\"pick-img-wrap\">\n\n        <img decoding=\"async\" class=\"pick-img pick-img--primary\"\n             src=\"https:\/\/kinkystuffmade.com\/wp-content\/uploads\/2026\/01\/DSC01307-1200x801.jpeg\"\n             alt=\"Deep Throat Trainer (Add-on)\"\n             loading=\"lazy\">\n\n        <img decoding=\"async\" class=\"pick-img pick-img--secondary\"\n             src=\"https:\/\/kinkystuffmade.com\/wp-content\/uploads\/2026\/01\/DSC01306-1200x801.jpeg\"\n             alt=\"Deep Throat Trainer (Add-on)\"\n             loading=\"lazy\">\n         \n        \n    <\/a>\n\n         <a href=\"\/de\/wp-json\/wp\/v2\/pages\/9542?add-to-cart=8878\"\n       class=\"overlay-add-to-cart add_to_cart_button ajax_add_to_cart\"\n       data-product_id=\"8878\"\n       data-quantity=\"1\"\n       aria-label=\"Zum Warenkorb hinzuf\u00fcgen\">\n        <!-- SVG Warenkorb -->\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"currentColor\">\n            <path d=\"M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm0 2zm10-2c-1.1 0-1.99.9-1.99 2S15.9 22 17 22s2-.9 2-2-.9-2-2-2zm0 2zM7.16 14l.84-2h7.17c.75 0 1.41-.41 1.75-1.03l3.24-5.97a.996.996 0 0 0-.87-1.45H5.21L4.27 2H0v2h2l3.6 7.59-1.35 2.44C4.52 14.37 5.48 16 7 16h12v-2H7.16z\"\/>\n        <\/svg>\n    <\/a>\n    \n    <div class=\"pick-info\">\n        <div class=\"pick-title\">\n            <a href=\"https:\/\/kinkystuffmade.com\/de\/produkt\/deep-throat-trainer-add-on\/\">Deep Throat Trainer (Add-on)<\/a>\n        <\/div>\n        <div class=\"pick-price\"><span class=\"woocommerce-Price-amount amount\"><bdi>39,90&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/bdi><\/span> <small class=\"woocommerce-price-suffix\">incl. VAT<\/small><\/div>\n    <\/div>\n\n<\/div>\n\n<script>\njQuery(document).ready(function($){\n\n    \/\/ Feedback-Animation \u2014 WC AJAX l\u00e4uft normal weiter\n    $(document.body).on('adding_to_cart', function(e, $btn){\n        if (!$btn.hasClass('overlay-add-to-cart')) return;\n        var originalHTML = $btn.html();\n        $btn.data('original-html', originalHTML);\n    });\n\n    $(document.body).on('added_to_cart', function(){\n        \/\/ Drawer \u00f6ffnet sich automatisch \u00fcber den added_to_cart Listener in cart-drawer.php\n        \/\/ Hier nur visuelles Feedback\n        $('.overlay-add-to-cart').each(function(){\n            var $btn = $(this);\n            var originalHTML = $btn.data('original-html');\n            if (!originalHTML) return;\n            $btn.addClass('added');\n            $btn.html('<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"currentColor\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>');\n            setTimeout(function(){\n                $btn.removeClass('added');\n                $btn.html(originalHTML);\n            }, 1200);\n        });\n    });\n});\n<\/script><\/ul>\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e757b7 e-flex e-con-boxed e-con e-parent\" data-id=\"3e757b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a81878c elementor-widget elementor-widget-heading\" data-id=\"a81878c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><b>Impressions<\/b><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e92f50 elementor-widget elementor-widget-html\" data-id=\"6e92f50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"impressions-grid\">\n\n  <div class=\"imp-item\" style=\"background-image:url('https:\/\/kinkystuffmade.com\/wp-content\/uploads\/2025\/04\/IMG_9362-scaled.jpg')\">\n    <div class=\"imp-overlay\"><span>Collar STATEMENT<\/span><\/div>\n  <\/div>\n\n  <div class=\"imp-item\" style=\"background-image:url('https:\/\/kinkystuffmade.com\/wp-content\/uploads\/2025\/04\/IMG_9495-scaled.jpg')\">\n    <div class=\"imp-overlay\"><span>Collar STATEMENT<\/span><\/div>\n  <\/div>\n\n  <div class=\"imp-item\" style=\"background-image:url('https:\/\/kinkystuffmade.com\/wp-content\/uploads\/2025\/06\/IMG_9367-scaled.jpg')\">\n    <div class=\"imp-overlay\"><span>Wrist Cuffs CLASSIC<\/span><\/div>\n  <\/div>\n\n  <div class=\"imp-item\" style=\"background-image:url('https:\/\/kinkystuffmade.com\/wp-content\/uploads\/2025\/06\/IMG_9488-scaled.jpg')\">\n    <div class=\"imp-overlay\"><span>Wrist Cuffs CLASSIC<\/span><\/div>\n  <\/div>\n\n  <div class=\"imp-item\" style=\"background-image:url('https:\/\/kinkystuffmade.com\/wp-content\/uploads\/2025\/06\/P1050695-scaled.jpeg')\">\n    <div class=\"imp-overlay\"><span>Wrist Cuffs CHAIN<\/span><\/div>\n  <\/div>\n\n  <div class=\"imp-item imp-tall\" style=\"background-image:url('https:\/\/kinkystuffmade.com\/wp-content\/uploads\/2025\/06\/IMG_9376-scaled.jpg')\">\n    <div class=\"imp-overlay\"><span>Ankle Cuff TRACKER<\/span><\/div>\n  <\/div>\n\n  <div class=\"imp-item\" style=\"background-image:url('https:\/\/kinkystuffmade.com\/wp-content\/uploads\/2026\/03\/IMG_9393-scaled.jpeg')\">\n    <div class=\"imp-overlay\"><span>Gasmask SNIFFER<\/span><\/div>\n  <\/div>\n\n  <div class=\"imp-item\" style=\"background-image:url('https:\/\/kinkystuffmade.com\/wp-content\/uploads\/2026\/03\/IMG_9508-scaled.jpeg')\">\n    <div class=\"imp-overlay\"><span>Wrist Cuffs CLASSIC<\/span><\/div>\n  <\/div>\n\n<\/div>\n\n\n<style>\n\n.impressions-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-template-rows: 340px 240px 240px;\n  gap: 6px;\n  margin: 0;\n  padding: 0;\n}\n\n\/* Grid-Positionen *\/\n.impressions-grid .imp-item:nth-child(1) { grid-column: 1; grid-row: 1; }\n.impressions-grid .imp-item:nth-child(2) { grid-column: 2; grid-row: 1; }\n.impressions-grid .imp-item:nth-child(3) { grid-column: 3; grid-row: 1; }\n.impressions-grid .imp-item:nth-child(4) { grid-column: 1; grid-row: 2; }\n.impressions-grid .imp-item:nth-child(5) { grid-column: 2; grid-row: 2; }\n.impressions-grid .imp-item:nth-child(6) { grid-column: 3; grid-row: 2 \/ 4; }\n.impressions-grid .imp-item:nth-child(7) { grid-column: 1; grid-row: 3; }\n.impressions-grid .imp-item:nth-child(8) { grid-column: 2; grid-row: 3; }\n\n.imp-item {\n  position: relative;\n  background-size: cover;\n  background-position: center;\n  overflow: hidden;\n  cursor: pointer;\n  border-radius: 8px;\n  opacity: 0;\n  transform: translateY(16px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.imp-item.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* Zoom-Effekt via Pseudo-Element *\/\n.imp-item::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-image: inherit;\n  background-size: cover;\n  background-position: center;\n  border-radius: inherit;\n  transition: transform 0.6s ease;\n  z-index: 0;\n}\n\n.imp-item:hover::before {\n  transform: scale(1.06);\n}\n\n.imp-overlay {\n  position: absolute;\n  inset: 0;\n  background: rgba(0,0,0,0);\n  display: flex;\n  align-items: flex-end;\n  padding: 18px;\n  z-index: 2;\n  transition: background 0.4s ease;\n  border-radius: inherit;\n}\n\n.imp-item:hover .imp-overlay {\n  background: rgba(0,0,0,0.45);\n}\n\n.imp-overlay span {\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: #fff;\n  opacity: 0;\n  transform: translateY(6px);\n  transition: opacity 0.3s ease 0.05s, transform 0.3s ease 0.05s;\n}\n\n.imp-item:hover .imp-overlay span {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* Responsive: 2-spaltig *\/\n@media (max-width: 768px) {\n  .impressions-grid {\n    grid-template-columns: repeat(2, 1fr);\n    grid-template-rows: auto;\n  }\n  .impressions-grid .imp-item {\n    grid-column: auto !important;\n    grid-row: auto !important;\n    height: 220px;\n  }\n}\n\n@media (max-width: 480px) {\n  .impressions-grid { gap: 4px; }\n  .imp-item { height: 180px; border-radius: 6px; }\n}\n\n<\/style>\n\n\n<script>\n(function () {\n  const items = document.querySelectorAll('.imp-item');\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach((entry, i) => {\n      if (entry.isIntersecting) {\n        setTimeout(() => entry.target.classList.add('visible'), i * 80);\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.15 });\n  items.forEach(item => observer.observe(item));\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Our Picks Impressions Collar STATEMENT Collar STATEMENT Wrist Cuffs CLASSIC Wrist Cuffs CLASSIC Wrist Cuffs CHAIN Ankle Cuff TRACKER Gasmask SNIFFER Wrist Cuffs CLASSIC<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9542","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/kinkystuffmade.com\/de\/wp-json\/wp\/v2\/pages\/9542","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinkystuffmade.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kinkystuffmade.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kinkystuffmade.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kinkystuffmade.com\/de\/wp-json\/wp\/v2\/comments?post=9542"}],"version-history":[{"count":23,"href":"https:\/\/kinkystuffmade.com\/de\/wp-json\/wp\/v2\/pages\/9542\/revisions"}],"predecessor-version":[{"id":9903,"href":"https:\/\/kinkystuffmade.com\/de\/wp-json\/wp\/v2\/pages\/9542\/revisions\/9903"}],"wp:attachment":[{"href":"https:\/\/kinkystuffmade.com\/de\/wp-json\/wp\/v2\/media?parent=9542"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}