{"id":969,"date":"2025-10-01T15:20:48","date_gmt":"2025-10-01T13:20:48","guid":{"rendered":"http:\/\/mpm-ag.de\/projects\/"},"modified":"2025-10-27T12:29:45","modified_gmt":"2025-10-27T11:29:45","slug":"projects","status":"publish","type":"page","link":"https:\/\/mpm-ag.de\/en\/projects\/","title":{"rendered":"Projects"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"969\" class=\"elementor elementor-969 elementor-366\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be670d9 e-flex e-con-boxed e-con e-parent\" data-id=\"be670d9\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8a1ed3c e-con-full glass-box e-flex e-con e-child\" data-id=\"8a1ed3c\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-884d737 e-con-full e-flex e-con e-child\" data-id=\"884d737\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-89da011 elementor-widget elementor-widget-heading\" data-id=\"89da011\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Projects<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4b18c49 e-con-full e-flex e-con e-child\" data-id=\"4b18c49\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-988ed6b e-con-full e-flex e-con e-child\" data-id=\"988ed6b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6fd566 elementor-widget elementor-widget-heading\" data-id=\"e6fd566\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">An insight into what we passionately create<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c3aefd7 e-con-full e-flex e-con e-child\" data-id=\"c3aefd7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc5ceb3 elementor-widget elementor-widget-mpm-cta-button\" data-id=\"bc5ceb3\" data-element_type=\"widget\" data-widget_type=\"mpm-cta-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"mpm-cta-button-wrapper\" style=\"text-align: left;\">\n    <a href=\"\/en\/contact\/\" class=\"mpm-cta-button\"\n        style=\"background-color: #ffffff; color: #000000;\"\n        >\n        Contact        <span class=\"mpm-cta-button__icon\"\n            style=\"background-color: #000000;\">\n                        <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_auto,s_webp:avif,p_h\/mpm-ag.de\/wp-content\/uploads\/2025\/09\/arrow_outward-1.svg\" alt=\"Icon\" style=\"filter: brightness(0) invert(1);\" title=\"\">\n                    <\/span>\n    <\/a>\n<\/div>\n\n<style>\n.mpm-cta-button-wrapper {\n    margin: 20px 0;\n}\n\n.mpm-cta-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    padding: 7px 8px 7px 26px;\n    height: 54px;\n    font-family:\n        Gotham,\n        -apple-system,\n        BlinkMacSystemFont,\n        'Segoe UI',\n        Roboto,\n        sans-serif;\n    font-size: 16px;\n    font-weight: 500;\n    text-decoration: none;\n    border-radius: 50px;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.mpm-cta-button:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);\n    text-decoration: none;\n}\n\n.mpm-cta-button:active {\n    transform: translateY(0) scale(0.98);\n}\n\n.mpm-cta-button__icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    flex-shrink: 0;\n    transition: transform 0.3s ease;\n}\n\n.mpm-cta-button__icon img {\n    width: 20px;\n    height: 20px;\n}\n\n.mpm-cta-button:hover .mpm-cta-button__icon {\n    transform: rotate(45deg);\n}\n<\/style>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02d6120 e-con-full e-flex e-con e-child\" data-id=\"02d6120\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b77ab6 elementor-widget elementor-widget-mpm-navigation-chips\" data-id=\"3b77ab6\" data-element_type=\"widget\" data-widget_type=\"mpm-navigation-chips.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"mpm-navigation-chips\">\n\t\t\t\t\t<a class=\"mpm-navigation-chip\" href=\"#Greentech\">\n\t\t\t\t\t\t<span class=\"mpm-navigation-chip__icon\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_auto,s_webp:avif,p_h\/mpm-ag.de\/wp-content\/uploads\/2025\/10\/eco.svg\" alt=\"Green-Tech\" title=\"\">\n\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"mpm-navigation-chip__text\">Green-Tech<\/span>\n\t\t<\/a>\n\t\t\t\t\t<a class=\"mpm-navigation-chip\" href=\"#Sport\">\n\t\t\t\t\t\t<span class=\"mpm-navigation-chip__icon\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_auto,s_webp:avif,p_h\/mpm-ag.de\/wp-content\/uploads\/2025\/10\/sports_baseball.svg\" alt=\"Sport\" title=\"\">\n\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"mpm-navigation-chip__text\">Sport<\/span>\n\t\t<\/a>\n\t\t\t\t\t<a class=\"mpm-navigation-chip\" href=\"#Lifestyle\">\n\t\t\t\t\t\t<span class=\"mpm-navigation-chip__icon\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_auto,s_webp:avif,p_h\/mpm-ag.de\/wp-content\/uploads\/2025\/10\/emoji_language.svg\" alt=\"Lifestyle &amp; Travel\" title=\"\">\n\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"mpm-navigation-chip__text\">Lifestyle &amp; Travel<\/span>\n\t\t<\/a>\n\t<\/div>\n\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-8d4e3ee e-flex e-con-boxed e-con e-parent\" data-id=\"8d4e3ee\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ce24ac2 e-con-full e-flex e-con e-child\" data-id=\"ce24ac2\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8c09cdf e-con-full e-flex e-con e-child\" data-id=\"8c09cdf\" data-element_type=\"container\" id=\"#Greentech\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87ab23b elementor-widget elementor-widget-heading\" data-id=\"87ab23b\" data-element_type=\"widget\" id=\"Greentech\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Green-Tech<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bdb738e e-con-full e-flex e-con e-child\" data-id=\"bdb738e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f71cd2 elementor-widget elementor-widget-mpm-projekt-slider\" data-id=\"8f71cd2\" data-element_type=\"widget\" data-widget_type=\"mpm-projekt-slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"projekt-slider-wrapper\" id=\"projekt-slider-8f71cd2\">\n    <div class=\"projekt-slider\">\n        <div class=\"projekt-slider__track\">\n                        <div class=\"projekt-slider__item\">\n                <div class=\"projekt-slider__card\"\n                    style=\"background-image: url('https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/mpm-ag.de/wp-content/uploads/2025/10/05-DigitalesBaufeld-1536x864-1-1024x576.jpg');\">\n                    <div class=\"projekt-slider__overlay\"\n                        style=\"background-color: rgba(0, 0, 0, 0.4);\"><\/div>\n                    <div class=\"projekt-slider__content\">\n                        <div class=\"projekt-slider__text-box glass-box-small\">\n                            <div class=\"projekt-slider__text\">\n                                <h3 class=\"projekt-slider__title\"\n                                    style=\"color: #ffffff;\">\n                                    DMU \u2013 Pioneers in Site Clearance and Building Material Recycling.                                <\/h3>\n                                                                <p class=\"projekt-slider__excerpt\"\n                                    style=\"color: #ffffff;\">\n                                    With over 30 years of experience, DMU sets new standards for sustainable construction. MPM supports DMU with business de...                                <\/p>\n                                                            <\/div>\n                            <button class=\"projekt-slider__button\" data-projekt-id=\"991\"\n                                style=\"background-color: #ffffff;\">\n                                <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_auto,s_webp:avif\/mpm-ag.de\/wp-content\/themes\/mpm-theme\/images\/arrow_outward.svg\" alt=\"Details\" title=\"\">\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                        <div class=\"projekt-slider__item\">\n                <div class=\"projekt-slider__card\"\n                    style=\"background-image: url('https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/mpm-ag.de/wp-content/uploads/2025/10/green-tech-ecoflows-Hintergrund.jpg');\">\n                    <div class=\"projekt-slider__overlay\"\n                        style=\"background-color: rgba(0, 0, 0, 0.4);\"><\/div>\n                    <div class=\"projekt-slider__content\">\n                        <div class=\"projekt-slider__text-box glass-box-small\">\n                            <div class=\"projekt-slider__text\">\n                                <h3 class=\"projekt-slider__title\"\n                                    style=\"color: #ffffff;\">\n                                    Ecoflows \u2013 the Solution for Circular Material Flows and Construction Cost Control                                <\/h3>\n                                                                <p class=\"projekt-slider__excerpt\"\n                                    style=\"color: #ffffff;\">\n                                    MPM supports the strategic positioning and market launch of its cloud-based SaaS platform for the Green-Tech company eco...                                <\/p>\n                                                            <\/div>\n                            <button class=\"projekt-slider__button\" data-projekt-id=\"1010\"\n                                style=\"background-color: #ffffff;\">\n                                <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_auto,s_webp:avif\/mpm-ag.de\/wp-content\/themes\/mpm-theme\/images\/arrow_outward.svg\" alt=\"Details\" title=\"\">\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                        <div class=\"projekt-slider__item\">\n                <div class=\"projekt-slider__card\"\n                    style=\"background-image: url('https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/mpm-ag.de/wp-content/uploads/2025/10/Mobilitaet-Mint-Hintergrund-1024x683.jpg');\">\n                    <div class=\"projekt-slider__overlay\"\n                        style=\"background-color: rgba(0, 0, 0, 0.4);\"><\/div>\n                    <div class=\"projekt-slider__content\">\n                        <div class=\"projekt-slider__text-box glass-box-small\">\n                            <div class=\"projekt-slider__text\">\n                                <h3 class=\"projekt-slider__title\"\n                                    style=\"color: #ffffff;\">\n                                    MINT Magazin &#8211; f\u00fcr Menschen, Innovationen, Nachhaltigkeit und Trends                                <\/h3>\n                                                                <p class=\"projekt-slider__excerpt\"\n                                    style=\"color: #ffffff;\">\n                                    With MINT, we create a high-quality magazine that makes the future tangible. It combines inspiring stories about people,...                                <\/p>\n                                                            <\/div>\n                            <button class=\"projekt-slider__button\" data-projekt-id=\"1146\"\n                                style=\"background-color: #ffffff;\">\n                                <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_auto,s_webp:avif\/mpm-ag.de\/wp-content\/themes\/mpm-theme\/images\/arrow_outward.svg\" alt=\"Details\" title=\"\">\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                        <div class=\"projekt-slider__item\">\n                <div class=\"projekt-slider__card\"\n                    style=\"background-image: url('https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/mpm-ag.de/wp-content/uploads/2025/10/Bild-Nina-Ruge-scaled-Projekt-1024x833.jpg');\">\n                    <div class=\"projekt-slider__overlay\"\n                        style=\"background-color: rgba(0, 0, 0, 0.4);\"><\/div>\n                    <div class=\"projekt-slider__content\">\n                        <div class=\"projekt-slider__text-box glass-box-small\">\n                            <div class=\"projekt-slider__text\">\n                                <h3 class=\"projekt-slider__title\"\n                                    style=\"color: #ffffff;\">\n                                    MINT Expert Talks                                <\/h3>\n                                                                <p class=\"projekt-slider__excerpt\"\n                                    style=\"color: #ffffff;\">\n                                    Sharing knowledge. Shaping the future. Sustainable. Technological. Innovative. With the MINT Expert Talks, we offer an e...                                <\/p>\n                                                            <\/div>\n                            <button class=\"projekt-slider__button\" data-projekt-id=\"1154\"\n                                style=\"background-color: #ffffff;\">\n                                <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_auto,s_webp:avif\/mpm-ag.de\/wp-content\/themes\/mpm-theme\/images\/arrow_outward.svg\" alt=\"Details\" title=\"\">\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                    <\/div>\n    <\/div>\n\n    <div class=\"projekt-slider__controls\">\n        <button class=\"projekt-slider__nav projekt-slider__nav--prev\" aria-label=\"Zur\u00fcck\">\n            <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_auto,s_webp:avif\/mpm-ag.de\/wp-content\/themes\/mpm-theme\/images\/arrow_outward.svg\" alt=\"Zur\u00fcck\" style=\"transform: rotate(180deg);\" title=\"\">\n        <\/button>\n\n        <div class=\"projekt-slider__pagination\"><\/div>\n\n        <button class=\"projekt-slider__nav projekt-slider__nav--next\" aria-label=\"Weiter\">\n            <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_auto,s_webp:avif\/mpm-ag.de\/wp-content\/themes\/mpm-theme\/images\/arrow_outward.svg\" alt=\"Weiter\" title=\"\">\n        <\/button>\n    <\/div>\n<\/div>\n\n<!-- Modal -->\n<div class=\"projekt-modal\" id=\"projekt-modal-8f71cd2\">\n    <div class=\"projekt-modal__overlay\"><\/div>\n    <div class=\"projekt-modal__content\">\n        <button class=\"projekt-modal__close\" aria-label=\"Schlie\u00dfen\">&times;<\/button>\n        <div class=\"projekt-modal__inner\"><\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* Enable smooth scrolling and hardware acceleration *\/\n* {\n    -webkit-tap-highlight-color: transparent;\n}\n\n.projekt-slider-wrapper {\n    position: relative;\n    width: 100%;\n    padding: 0 0 60px;\n}\n\n.projekt-slider {\n    overflow: hidden;\n    width: 100%;\n}\n\n.projekt-slider__track {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    grid-auto-rows: 1fr;\n    gap: 20px;\n    transition: transform 0.5s ease;\n}\n\n.projekt-slider__item {\n    width: 100%;\n    opacity: 1;\n    transition: opacity 0.3s ease;\n}\n\n.projekt-slider__item[style*=\"display: none\"] {\n    opacity: 0;\n}\n\n.projekt-slider__card {\n    position: relative;\n    width: 100%;\n    height: 400px;\n    border-radius: 20px;\n    overflow: hidden;\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    cursor: pointer;\n    transition: transform 0.3s ease;\n    will-change: transform;\n}\n\n\/* Fallback for cards without background images *\/\n.projekt-slider__card:not([style*=\"background-image\"]) {\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n}\n\n.projekt-slider__card:hover {\n    transform: translateY(-5px);\n}\n\n.projekt-slider__card:focus-within {\n    outline: 2px solid #000;\n    outline-offset: 4px;\n}\n\n.projekt-slider__overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 1;\n}\n\n.projekt-slider__content {\n    position: relative;\n    z-index: 2;\n    height: 100%;\n    padding: 30px;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n}\n\n.projekt-slider__text-box {\n    position: relative;\n    padding: 20px;\n}\n\n.projekt-slider__text {\n    position: relative;\n    z-index: 1;\n    padding-right: 60px;\n}\n\n.projekt-slider__title {\n    margin: 0 0 10px 0;\n    font-family: Gotham, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 28px;\n    font-weight: 500;\n    line-height: 1.2;\n}\n\n.projekt-slider__excerpt {\n    margin: 0;\n    font-family: Gotham, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 14px;\n    line-height: 1.4;\n    opacity: 0.9;\n}\n\n.projekt-slider__button {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    width: 48px;\n    height: 48px;\n    background: white;\n    border: none;\n    border-radius: 50%;\n    cursor: pointer;\n    padding: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s ease;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n    z-index: 2;\n    \/* Ensure minimum touch target size of 44x44px *\/\n    min-width: 44px;\n    min-height: 44px;\n    -webkit-tap-highlight-color: transparent;\n}\n\n.projekt-slider__button:hover {\n    transform: scale(1.1) rotate(45deg);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);\n}\n\n.projekt-slider__button:focus {\n    outline: 2px solid #000;\n    outline-offset: 2px;\n}\n\n.projekt-slider__button img {\n    width: 24px;\n    height: 24px;\n}\n\n.projekt-slider__controls {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 20px;\n    margin-top: 30px;\n}\n\n.projekt-slider__nav {\n    width: 50px;\n    height: 50px;\n    background: white;\n    border: none;\n    border-radius: 50%;\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s ease;\n    \/* Ensure minimum touch target size *\/\n    min-width: 44px;\n    min-height: 44px;\n    -webkit-tap-highlight-color: transparent;\n}\n\n.projekt-slider__nav:hover:not(:disabled) {\n    background: #f5f5f5;\n    transform: scale(1.1);\n}\n\n.projekt-slider__nav:disabled {\n    opacity: 0.3;\n    cursor: not-allowed;\n}\n\n.projekt-slider__nav:focus {\n    outline: 2px solid #000;\n    outline-offset: 2px;\n}\n\n.projekt-slider__nav img {\n    width: 24px;\n    height: 24px;\n}\n\n.projekt-slider__pagination {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n}\n\n.projekt-slider__dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background: #ddd;\n    border: none;\n    padding: 8px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    \/* Larger touch target while keeping visual size *\/\n    background-clip: content-box;\n    -webkit-tap-highlight-color: transparent;\n}\n\n.projekt-slider__dot.active {\n    background: #000;\n    width: 12px;\n    height: 12px;\n}\n\n.projekt-slider__dot:hover {\n    background: #666;\n}\n\n.projekt-slider__dot:focus {\n    outline: 2px solid #000;\n    outline-offset: 2px;\n}\n\n\/* Large Desktop *\/\n@media (min-width: 1441px) {\n    .projekt-slider__card {\n        height: 450px;\n    }\n\n    .projekt-slider__title {\n        font-size: 32px;\n    }\n\n    .projekt-slider__excerpt {\n        font-size: 16px;\n    }\n}\n\n\/* Small Desktop \/ Large Tablet *\/\n@media (max-width: 1280px) {\n    .projekt-slider__card {\n        height: 380px;\n    }\n\n    .projekt-slider__title {\n        font-size: 26px;\n    }\n}\n\n\/* Tablet *\/\n@media (max-width: 1024px) {\n    .projekt-slider__track {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 15px;\n    }\n\n    .projekt-slider__card {\n        height: 350px;\n    }\n\n    .projekt-slider__content {\n        padding: 24px;\n    }\n\n    .projekt-slider__title {\n        font-size: 24px;\n    }\n\n    .projekt-slider__excerpt {\n        font-size: 13px;\n    }\n}\n\n\/* Mobile *\/\n@media (max-width: 768px) {\n    .projekt-slider-wrapper {\n        padding: 0 0 40px;\n    }\n\n    .projekt-slider__track {\n        grid-template-columns: 1fr;\n        gap: 15px;\n    }\n\n    .projekt-slider__card {\n        height: 400px;\n    }\n\n    .projekt-slider__content {\n        padding: 24px;\n    }\n\n    .projekt-slider__text-box {\n        padding: 16px;\n    }\n\n    .projekt-slider__text {\n        padding-right: 50px;\n    }\n\n    .projekt-slider__title {\n        font-size: 22px;\n        margin-bottom: 8px;\n    }\n\n    .projekt-slider__excerpt {\n        font-size: 13px;\n        line-height: 1.5;\n    }\n\n    .projekt-slider__button {\n        width: 44px;\n        height: 44px;\n        top: 16px;\n        right: 16px;\n    }\n\n    .projekt-slider__button img {\n        width: 20px;\n        height: 20px;\n    }\n\n    .projekt-slider__controls {\n        gap: 15px;\n        margin-top: 20px;\n    }\n\n    .projekt-slider__nav {\n        width: 40px;\n        height: 40px;\n    }\n\n    .projekt-slider__nav img {\n        width: 20px;\n        height: 20px;\n    }\n\n    .projekt-slider__dot {\n        width: 8px;\n        height: 8px;\n    }\n\n    .projekt-slider__dot.active {\n        width: 10px;\n        height: 10px;\n    }\n}\n\n\/* Small Mobile *\/\n@media (max-width: 480px) {\n    .projekt-slider__card {\n        height: 350px;\n    }\n\n    .projekt-slider__content {\n        padding: 20px;\n    }\n\n    .projekt-slider__title {\n        font-size: 20px;\n    }\n\n    .projekt-slider__excerpt {\n        font-size: 12px;\n    }\n}\n\n\/* Modal Styles *\/\n.projekt-modal {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 99999;\n}\n\n.projekt-modal.active {\n    display: block;\n}\n\n.projekt-modal__overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(197, 219, 199, 0.15);\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    cursor: pointer;\n}\n\n.projekt-modal__content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    max-width: 1000px;\n    width: 90%;\n    max-height: 90vh;\n    overflow-y: auto;\n    overflow-x: hidden;\n    -webkit-overflow-scrolling: touch;\n}\n\n\/* Custom Scrollbar *\/\n.projekt-modal__content::-webkit-scrollbar {\n    width: 8px;\n}\n\n.projekt-modal__content::-webkit-scrollbar-track {\n    background: rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n}\n\n.projekt-modal__content::-webkit-scrollbar-thumb {\n    background: rgba(255, 255, 255, 0.6);\n    border-radius: 10px;\n}\n\n.projekt-modal__content::-webkit-scrollbar-thumb:hover {\n    background: rgba(255, 255, 255, 0.8);\n}\n\n.projekt-modal__close {\n    position: sticky;\n    top: 20px;\n    float: right;\n    margin: 20px 20px 0 0;\n    width: 40px;\n    height: 40px;\n    background: white;\n    border: none;\n    border-radius: 50%;\n    font-size: 30px;\n    line-height: 1;\n    cursor: pointer;\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n    transition: all 0.3s ease;\n    z-index: 10;\n    \/* Ensure minimum touch target size *\/\n    min-width: 44px;\n    min-height: 44px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    -webkit-tap-highlight-color: transparent;\n}\n\n.projekt-modal__close:hover {\n    background: #f5f5f5;\n    transform: rotate(90deg);\n}\n\n.projekt-modal__close:focus {\n    outline: 2px solid #000;\n    outline-offset: 2px;\n}\n\n.projekt-modal__inner {\n    padding: 40px;\n    clear: both;\n}\n\n.projekt-modal__header {\n    margin-bottom: 30px;\n    margin-top: -100px;\n}\n\n.projekt-modal__hero {\n    position: relative;\n    width: 100%;\n    height: 500px;\n    border-radius: 15px;\n    overflow: hidden;\n    margin-bottom: 20px;\n}\n\n.projekt-modal__hero img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n.projekt-modal__hero-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);\n    z-index: 1;\n}\n\n.projekt-modal__hero-content {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    padding: 40px;\n    z-index: 2;\n}\n\n.projekt-modal__hero-box {\n    padding: 30px;\n}\n\n.projekt-modal__title {\n    margin: 0 0 15px 0;\n    font-family: Gotham, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 36px;\n    font-weight: 500;\n    color: #fff;\n}\n\n.projekt-modal__description {\n    font-family: Gotham, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 16px;\n    line-height: 1.6;\n    color: #fff;\n    margin: 0;\n}\n\n.projekt-modal__description p {\n    margin: 0 0 10px 0;\n}\n\n.projekt-modal__description p:last-child {\n    margin: 0;\n}\n\n.projekt-modal__gallery {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 15px;\n}\n\n.projekt-modal__gallery-item {\n    border-radius: 10px;\n    overflow: hidden;\n    cursor: pointer;\n    transition: transform 0.3s ease;\n    aspect-ratio: 1 \/ 1;\n}\n\n.projekt-modal__gallery-item:hover {\n    transform: scale(1.05);\n}\n\n.projekt-modal__gallery-item img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n.projekt-modal__categories {\n    margin-bottom: 20px;\n}\n\n.projekt-modal__category-label {\n    font-family: Gotham, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 14px;\n    font-weight: 600;\n    color: #666;\n    margin-bottom: 10px;\n}\n\n.projekt-modal__category-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n}\n\n.projekt-modal__category-tag {\n    display: inline-block;\n    padding: 6px 16px;\n    background: #f0f0f0;\n    border-radius: 20px;\n    font-size: 14px;\n    color: #333;\n}\n\n.projekt-modal__cta {\n    margin-top: 40px;\n    text-align: left;\n    padding: 24px 32px;\n    background: #ffffff;\n    border-radius: 20px;\n}\n\n.projekt-modal__cta-title {\n    margin: 0 0 10px 0;\n    font-family: Gotham, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 28px;\n    font-weight: 500;\n    color: #000;\n}\n\n.projekt-modal__cta-text {\n    margin: 0 0 24px 0;\n    font-family: Gotham, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 16px;\n    color: #666;\n}\n\n.projekt-modal__cta-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    padding: 7px 8px 7px 26px;\n    height: 54px;\n    background-color: #000;\n    color: #fff;\n    font-family: Gotham, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 16px;\n    font-weight: 500;\n    text-decoration: none;\n    border-radius: 50px;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.projekt-modal__cta-button:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);\n    text-decoration: none;\n    color: #fff;\n}\n\n.projekt-modal__cta-button:active {\n    transform: translateY(0) scale(0.98);\n}\n\n.projekt-modal__cta-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    background-color: #fff;\n    border-radius: 50%;\n    flex-shrink: 0;\n    transition: transform 0.3s ease;\n}\n\n.projekt-modal__cta-icon img {\n    width: 20px;\n    height: 20px;\n}\n\n.projekt-modal__cta-button:hover .projekt-modal__cta-icon {\n    transform: rotate(45deg);\n}\n\n\/* Modal Responsive *\/\n@media (max-width: 1024px) {\n    .projekt-modal__content {\n        width: 95%;\n        max-height: 95vh;\n    }\n\n    .projekt-modal__hero {\n        height: 450px;\n    }\n\n    .projekt-modal__title {\n        font-size: 32px;\n    }\n}\n\n@media (max-width: 768px) {\n    .projekt-modal__content {\n        width: 95%;\n        max-width: none;\n    }\n\n    .projekt-modal__inner {\n        padding: 30px 20px;\n    }\n\n    .projekt-modal__close {\n        width: 36px;\n        height: 36px;\n        font-size: 24px;\n        margin: 15px 15px 0 0;\n        top: 15px;\n    }\n\n    .projekt-modal__hero {\n        height: 350px;\n        margin-bottom: 15px;\n    }\n\n    .projekt-modal__hero-content {\n        padding: 20px;\n    }\n\n    .projekt-modal__hero-box {\n        padding: 16px;\n    }\n\n    .projekt-modal__header {\n        margin-top: -80px;\n        margin-bottom: 20px;\n    }\n\n    .projekt-modal__title {\n        font-size: 24px;\n        margin-bottom: 10px;\n    }\n\n    .projekt-modal__description {\n        font-size: 14px;\n        line-height: 1.5;\n    }\n\n    .projekt-modal__gallery {\n        grid-template-columns: 1fr;\n        gap: 10px;\n    }\n\n    .projekt-modal__cta {\n        padding: 20px 24px;\n        margin-top: 30px;\n    }\n\n    .projekt-modal__cta-title {\n        font-size: 22px;\n    }\n\n    .projekt-modal__cta-text {\n        font-size: 14px;\n        margin-bottom: 20px;\n    }\n\n    .projekt-modal__cta-button {\n        width: 100%;\n        justify-content: center;\n    }\n}\n\n@media (max-width: 480px) {\n    .projekt-modal__inner {\n        padding: 20px 15px;\n    }\n\n    .projekt-modal__hero {\n        height: 300px;\n        border-radius: 10px;\n    }\n\n    .projekt-modal__title {\n        font-size: 20px;\n    }\n\n    .projekt-modal__description {\n        font-size: 13px;\n    }\n\n    .projekt-modal__cta-title {\n        font-size: 20px;\n    }\n\n    .projekt-modal__cta-button {\n        padding: 6px 7px 6px 20px;\n        height: 48px;\n        font-size: 14px;\n    }\n\n    .projekt-modal__cta-icon {\n        width: 36px;\n        height: 36px;\n    }\n\n    .projekt-modal__cta-icon img {\n        width: 18px;\n        height: 18px;\n    }\n}\n\n\/* Accessibility: Reduce motion for users who prefer it *\/\n@media (prefers-reduced-motion: reduce) {\n    * {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n        scroll-behavior: auto !important;\n    }\n\n    .projekt-slider__card:hover {\n        transform: none;\n    }\n\n    .projekt-slider__button:hover {\n        transform: none;\n    }\n\n    .projekt-slider__nav:hover:not(:disabled) {\n        transform: none;\n    }\n\n    .projekt-modal__close:hover {\n        transform: none;\n    }\n\n    .projekt-modal__cta-button:hover {\n        transform: none;\n    }\n\n    .projekt-modal__cta-button:active {\n        transform: none;\n    }\n\n    .projekt-modal__cta-button:hover .projekt-modal__cta-icon {\n        transform: none;\n    }\n}\n<\/style>\n\n<script>\n(function($) {\n    'use strict';\n\n    $(document).ready(function() {\n        const wrapper = $('#projekt-slider-8f71cd2');\n        const track = wrapper.find('.projekt-slider__track');\n        const items = wrapper.find('.projekt-slider__item');\n        const prevBtn = wrapper.find('.projekt-slider__nav--prev');\n        const nextBtn = wrapper.find('.projekt-slider__nav--next');\n        const pagination = wrapper.find('.projekt-slider__pagination');\n        const modal = $('#projekt-modal-8f71cd2');\n\n        let currentPage = 0;\n        const totalItems = items.length;\n\n        function getItemsPerPage() {\n            const windowWidth = $(window).width();\n            if (windowWidth <= 480) {\n                return 1; \/\/ Small Mobile\n            } else if (windowWidth <= 768) {\n                return 1; \/\/ Mobile\n            } else if (windowWidth <= 1024) {\n                return 2; \/\/ Tablet\n            } else {\n                return 4; \/\/ Desktop (2x2 Grid)\n            }\n        }\n\n        function getTotalPages() {\n            const itemsPerPage = getItemsPerPage();\n            return Math.ceil(totalItems \/ itemsPerPage);\n        }\n\n        function updatePagination() {\n            const totalPages = getTotalPages();\n            pagination.empty();\n\n            for (let i = 0; i < totalPages; i++) {\n                const dot = $('<button class=\"projekt-slider__dot\"><\/button>');\n                if (i === currentPage) {\n                    dot.addClass('active');\n                }\n                dot.on('click', function() {\n                    currentPage = i;\n                    updateSlider();\n                });\n                pagination.append(dot);\n            }\n        }\n\n        function updateSlider() {\n            const itemsPerPage = getItemsPerPage();\n            const totalPages = getTotalPages();\n\n            \/\/ Adjust currentPage if needed\n            if (currentPage >= totalPages) {\n                currentPage = totalPages - 1;\n            }\n\n            \/\/ Hide all items\n            items.hide();\n\n            \/\/ Show current page items\n            const startIndex = currentPage * itemsPerPage;\n            const endIndex = Math.min(startIndex + itemsPerPage, totalItems);\n\n            for (let i = startIndex; i < endIndex; i++) {\n                items.eq(i).show();\n            }\n\n            \/\/ Show\/hide controls based on whether there are multiple pages\n            if (totalPages <= 1) {\n                wrapper.find('.projekt-slider__controls').hide();\n            } else {\n                wrapper.find('.projekt-slider__controls').show();\n            }\n\n            \/\/ Update buttons\n            prevBtn.prop('disabled', currentPage === 0);\n            nextBtn.prop('disabled', currentPage >= totalPages - 1);\n\n            \/\/ Update pagination dots\n            updatePagination();\n        }\n\n        prevBtn.on('click', function() {\n            if (currentPage > 0) {\n                currentPage--;\n                updateSlider();\n            }\n        });\n\n        nextBtn.on('click', function() {\n            const totalPages = getTotalPages();\n            if (currentPage < totalPages - 1) {\n                currentPage++;\n                updateSlider();\n            }\n        });\n\n        \/\/ Initial state\n        updateSlider();\n\n        \/\/ Update on resize\n        let resizeTimer;\n        $(window).on('resize', function() {\n            clearTimeout(resizeTimer);\n            resizeTimer = setTimeout(function() {\n                updateSlider();\n            }, 250);\n        });\n\n        \/\/ Touch support for mobile swipe\n        let touchStartX = 0;\n        let touchEndX = 0;\n\n        track.on('touchstart', function(e) {\n            touchStartX = e.originalEvent.touches[0].clientX;\n        });\n\n        track.on('touchend', function(e) {\n            touchEndX = e.originalEvent.changedTouches[0].clientX;\n            handleSwipe();\n        });\n\n        function handleSwipe() {\n            const swipeThreshold = 50;\n            const diff = touchStartX - touchEndX;\n\n            if (Math.abs(diff) > swipeThreshold) {\n                const totalPages = getTotalPages();\n                if (diff > 0 && currentPage < totalPages - 1) {\n                    \/\/ Swipe left - next page\n                    currentPage++;\n                    updateSlider();\n                } else if (diff < 0 && currentPage > 0) {\n                    \/\/ Swipe right - previous page\n                    currentPage--;\n                    updateSlider();\n                }\n            }\n        }\n\n        \/\/ Open Modal\n        wrapper.on('click', '.projekt-slider__button', function(e) {\n            e.preventDefault();\n            e.stopPropagation();\n            const projektId = $(this).data('projekt-id');\n\n            $.ajax({\n                url: 'https:\/\/mpm-ag.de\/wp-admin\/admin-ajax.php',\n                type: 'POST',\n                data: {\n                    action: 'get_projekt_details',\n                    projekt_id: projektId\n                },\n                success: function(response) {\n                    if (response.success) {\n                        modal.find('.projekt-modal__inner').html(response.data.html);\n                        modal.addClass('active');\n                        \/\/ Prevent body scroll on mobile\n                        $('body').css({\n                            'overflow': 'hidden',\n                            'position': 'fixed',\n                            'width': '100%'\n                        });\n                    }\n                }\n            });\n        });\n\n        \/\/ Close Modal\n        modal.find('.projekt-modal__close, .projekt-modal__overlay').on('click', function() {\n            modal.removeClass('active');\n            \/\/ Re-enable body scroll\n            $('body').css({\n                'overflow': '',\n                'position': '',\n                'width': ''\n            });\n        });\n\n        \/\/ Keyboard navigation\n        $(document).on('keydown', function(e) {\n            \/\/ Only handle keyboard events when modal is not active\n            if (!modal.hasClass('active')) {\n                const totalPages = getTotalPages();\n\n                \/\/ Arrow left - previous\n                if (e.keyCode === 37 && currentPage > 0) {\n                    e.preventDefault();\n                    currentPage--;\n                    updateSlider();\n                }\n\n                \/\/ Arrow right - next\n                if (e.keyCode === 39 && currentPage < totalPages - 1) {\n                    e.preventDefault();\n                    currentPage++;\n                    updateSlider();\n                }\n            } else {\n                \/\/ ESC to close modal\n                if (e.keyCode === 27) {\n                    modal.removeClass('active');\n                    $('body').css({\n                        'overflow': '',\n                        'position': '',\n                        'width': ''\n                    });\n                }\n            }\n        });\n    });\n})(jQuery);\n<\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-85cc525 elementor-widget elementor-widget-heading\" data-id=\"85cc525\" data-element_type=\"widget\" id=\"Sport\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Sport<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af278f0 elementor-widget elementor-widget-mpm-projekt-slider\" data-id=\"af278f0\" data-element_type=\"widget\" data-widget_type=\"mpm-projekt-slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"projekt-slider-wrapper\" id=\"projekt-slider-af278f0\">\n    <div class=\"projekt-slider\">\n        <div class=\"projekt-slider__track\">\n                        <div class=\"projekt-slider__item\">\n                <div class=\"projekt-slider__card\"\n                    style=\"background-image: url('https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/mpm-ag.de/wp-content/uploads/2025/11/magazin-haupt-1024x476.png');\">\n                    <div class=\"projekt-slider__overlay\"\n                        style=\"background-color: rgba(0, 0, 0, 0.4);\"><\/div>\n                    <div class=\"projekt-slider__content\">\n                        <div class=\"projekt-slider__text-box glass-box-small\">\n                            <div class=\"projekt-slider__text\">\n                                <h3 class=\"projekt-slider__title\"\n                                    style=\"color: #ffffff;\">\n                                    ISPO.com -The sports inspiring magazin                                <\/h3>\n                                                                <p class=\"projekt-slider__excerpt\"\n                                    style=\"color: #ffffff;\">\n                                    As the online magazine of the ISPO Group, it offers inspiration and insights, know-how and interviews, as well as the in...                                <\/p>\n                                                            <\/div>\n                            <button class=\"projekt-slider__button\" data-projekt-id=\"1278\"\n                                style=\"background-color: #ffffff;\">\n                                <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_auto,s_webp:avif\/mpm-ag.de\/wp-content\/themes\/mpm-theme\/images\/arrow_outward.svg\" alt=\"Details\" title=\"\">\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                        <div class=\"projekt-slider__item\">\n                <div class=\"projekt-slider__card\"\n                    style=\"background-image: url('https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/mpm-ag.de/wp-content/uploads/2025/11/ISPO-Collaborators-Club-Teaser-1024x684.jpg');\">\n                    <div class=\"projekt-slider__overlay\"\n                        style=\"background-color: rgba(0, 0, 0, 0.4);\"><\/div>\n                    <div class=\"projekt-slider__content\">\n                        <div class=\"projekt-slider__text-box glass-box-small\">\n                            <div class=\"projekt-slider__text\">\n                                <h3 class=\"projekt-slider__title\"\n                                    style=\"color: #ffffff;\">\n                                    ISPO Collaborators Club                                <\/h3>\n                                                                <p class=\"projekt-slider__excerpt\"\n                                    style=\"color: #ffffff;\">\n                                    The ISPO Collaborators Club is a platform that brings together passionate athletes and brands from the sports industry. ...                                <\/p>\n                                                            <\/div>\n                            <button class=\"projekt-slider__button\" data-projekt-id=\"1275\"\n                                style=\"background-color: #ffffff;\">\n                                <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_auto,s_webp:avif\/mpm-ag.de\/wp-content\/themes\/mpm-theme\/images\/arrow_outward.svg\" alt=\"Details\" title=\"\">\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                        <div class=\"projekt-slider__item\">\n                <div class=\"projekt-slider__card\"\n                    style=\"background-image: url('https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/mpm-ag.de/wp-content/uploads/2025/11/award-haupt-1024x683.jpg');\">\n                    <div class=\"projekt-slider__overlay\"\n                        style=\"background-color: rgba(0, 0, 0, 0.4);\"><\/div>\n                    <div class=\"projekt-slider__content\">\n                        <div class=\"projekt-slider__text-box glass-box-small\">\n                            <div class=\"projekt-slider__text\">\n                                <h3 class=\"projekt-slider__title\"\n                                    style=\"color: #ffffff;\">\n                                    ISPO Award                                <\/h3>\n                                                                <p class=\"projekt-slider__excerpt\"\n                                    style=\"color: #ffffff;\">\n                                    The ISPO Award recognizes innovative products and services in the sports industry. MPM AG is responsible for project man...                                <\/p>\n                                                            <\/div>\n                            <button class=\"projekt-slider__button\" data-projekt-id=\"1273\"\n                                style=\"background-color: #ffffff;\">\n                                <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_auto,s_webp:avif\/mpm-ag.de\/wp-content\/themes\/mpm-theme\/images\/arrow_outward.svg\" alt=\"Details\" title=\"\">\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                        <div class=\"projekt-slider__item\">\n                <div class=\"projekt-slider__card\"\n                    style=\"background-image: url('https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/mpm-ag.de/wp-content/uploads/2025/10/Ispohaupt.png');\">\n                    <div class=\"projekt-slider__overlay\"\n                        style=\"background-color: rgba(0, 0, 0, 0.4);\"><\/div>\n                    <div class=\"projekt-slider__content\">\n                        <div class=\"projekt-slider__text-box glass-box-small\">\n                            <div class=\"projekt-slider__text\">\n                                <h3 class=\"projekt-slider__title\"\n                                    style=\"color: #ffffff;\">\n                                    ISPO \u2013 Platform for the Future of Sports                                <\/h3>\n                                                                <p class=\"projekt-slider__excerpt\"\n                                    style=\"color: #ffffff;\">\n                                    For the international sports platform ISPO, MPM supports the further development and strategic positioning of key initia...                                <\/p>\n                                                            <\/div>\n                            <button class=\"projekt-slider__button\" data-projekt-id=\"1002\"\n                                style=\"background-color: #ffffff;\">\n                                <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_auto,s_webp:avif\/mpm-ag.de\/wp-content\/themes\/mpm-theme\/images\/arrow_outward.svg\" alt=\"Details\" title=\"\">\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                        <div class=\"projekt-slider__item\">\n                <div class=\"projekt-slider__card\"\n                    style=\"background-image: url('https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/mpm-ag.de/wp-content/uploads/2025/10/Padelbee-HGB-Projekt-1024x576.jpg');\">\n                    <div class=\"projekt-slider__overlay\"\n                        style=\"background-color: rgba(0, 0, 0, 0.4);\"><\/div>\n                    <div class=\"projekt-slider__content\">\n                        <div class=\"projekt-slider__text-box glass-box-small\">\n                            <div class=\"projekt-slider__text\">\n                                <h3 class=\"projekt-slider__title\"\n                                    style=\"color: #ffffff;\">\n                                    Padelbee \u2013 Growth for the trending sport of padel                                <\/h3>\n                                                                <p class=\"projekt-slider__excerpt\"\n                                    style=\"color: #ffffff;\">\n                                    MPM partners with the fast-growing sports brand Padelbee to drive strategic market expansion and open new sales channels...                                <\/p>\n                                                            <\/div>\n                            <button class=\"projekt-slider__button\" data-projekt-id=\"1113\"\n                                style=\"background-color: #ffffff;\">\n                                <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_auto,s_webp:avif\/mpm-ag.de\/wp-content\/themes\/mpm-theme\/images\/arrow_outward.svg\" alt=\"Details\" title=\"\">\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                        <div class=\"projekt-slider__item\">\n                <div class=\"projekt-slider__card\"\n                    style=\"background-image: url('https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/mpm-ag.de/wp-content/uploads/2025/10/Scheck-Club-HGB.jpg');\">\n                    <div class=\"projekt-slider__overlay\"\n                        style=\"background-color: rgba(0, 0, 0, 0.4);\"><\/div>\n                    <div class=\"projekt-slider__content\">\n                        <div class=\"projekt-slider__text-box glass-box-small\">\n                            <div class=\"projekt-slider__text\">\n                                <h3 class=\"projekt-slider__title\"\n                                    style=\"color: #ffffff;\">\n                                    SCHECK CLUB                                <\/h3>\n                                                                <p class=\"projekt-slider__excerpt\"\n                                    style=\"color: #ffffff;\">\n                                    For the Scheck Club, we develop tailored communication and marketing initiatives that make the Sport Scheck brand world ...                                <\/p>\n                                                            <\/div>\n                            <button class=\"projekt-slider__button\" data-projekt-id=\"1124\"\n                                style=\"background-color: #ffffff;\">\n                                <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_auto,s_webp:avif\/mpm-ag.de\/wp-content\/themes\/mpm-theme\/images\/arrow_outward.svg\" alt=\"Details\" title=\"\">\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                    <\/div>\n    <\/div>\n\n    <div class=\"projekt-slider__controls\">\n        <button class=\"projekt-slider__nav projekt-slider__nav--prev\" aria-label=\"Zur\u00fcck\">\n            <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_auto,s_webp:avif\/mpm-ag.de\/wp-content\/themes\/mpm-theme\/images\/arrow_outward.svg\" alt=\"Zur\u00fcck\" style=\"transform: rotate(180deg);\" title=\"\">\n        <\/button>\n\n        <div class=\"projekt-slider__pagination\"><\/div>\n\n        <button class=\"projekt-slider__nav projekt-slider__nav--next\" aria-label=\"Weiter\">\n            <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_auto,s_webp:avif\/mpm-ag.de\/wp-content\/themes\/mpm-theme\/images\/arrow_outward.svg\" alt=\"Weiter\" title=\"\">\n        <\/button>\n    <\/div>\n<\/div>\n\n<!-- Modal -->\n<div class=\"projekt-modal\" id=\"projekt-modal-af278f0\">\n    <div class=\"projekt-modal__overlay\"><\/div>\n    <div class=\"projekt-modal__content\">\n        <button class=\"projekt-modal__close\" aria-label=\"Schlie\u00dfen\">&times;<\/button>\n        <div class=\"projekt-modal__inner\"><\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* Enable smooth scrolling and hardware acceleration *\/\n* {\n    -webkit-tap-highlight-color: transparent;\n}\n\n.projekt-slider-wrapper {\n    position: relative;\n    width: 100%;\n    padding: 0 0 60px;\n}\n\n.projekt-slider {\n    overflow: hidden;\n    width: 100%;\n}\n\n.projekt-slider__track {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    grid-auto-rows: 1fr;\n    gap: 20px;\n    transition: transform 0.5s ease;\n}\n\n.projekt-slider__item {\n    width: 100%;\n    opacity: 1;\n    transition: opacity 0.3s ease;\n}\n\n.projekt-slider__item[style*=\"display: none\"] {\n    opacity: 0;\n}\n\n.projekt-slider__card {\n    position: relative;\n    width: 100%;\n    height: 400px;\n    border-radius: 20px;\n    overflow: hidden;\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    cursor: pointer;\n    transition: transform 0.3s ease;\n    will-change: transform;\n}\n\n\/* Fallback for cards without background images *\/\n.projekt-slider__card:not([style*=\"background-image\"]) {\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n}\n\n.projekt-slider__card:hover {\n    transform: translateY(-5px);\n}\n\n.projekt-slider__card:focus-within {\n    outline: 2px solid #000;\n    outline-offset: 4px;\n}\n\n.projekt-slider__overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 1;\n}\n\n.projekt-slider__content {\n    position: relative;\n    z-index: 2;\n    height: 100%;\n    padding: 30px;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n}\n\n.projekt-slider__text-box {\n    position: relative;\n    padding: 20px;\n}\n\n.projekt-slider__text {\n    position: relative;\n    z-index: 1;\n    padding-right: 60px;\n}\n\n.projekt-slider__title {\n    margin: 0 0 10px 0;\n    font-family: Gotham, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 28px;\n    font-weight: 500;\n    line-height: 1.2;\n}\n\n.projekt-slider__excerpt {\n    margin: 0;\n    font-family: Gotham, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 14px;\n    line-height: 1.4;\n    opacity: 0.9;\n}\n\n.projekt-slider__button {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    width: 48px;\n    height: 48px;\n    background: white;\n    border: none;\n    border-radius: 50%;\n    cursor: pointer;\n    padding: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s ease;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n    z-index: 2;\n    \/* Ensure minimum touch target size of 44x44px *\/\n    min-width: 44px;\n    min-height: 44px;\n    -webkit-tap-highlight-color: transparent;\n}\n\n.projekt-slider__button:hover {\n    transform: scale(1.1) rotate(45deg);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);\n}\n\n.projekt-slider__button:focus {\n    outline: 2px solid #000;\n    outline-offset: 2px;\n}\n\n.projekt-slider__button img {\n    width: 24px;\n    height: 24px;\n}\n\n.projekt-slider__controls {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 20px;\n    margin-top: 30px;\n}\n\n.projekt-slider__nav {\n    width: 50px;\n    height: 50px;\n    background: white;\n    border: none;\n    border-radius: 50%;\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s ease;\n    \/* Ensure minimum touch target size *\/\n    min-width: 44px;\n    min-height: 44px;\n    -webkit-tap-highlight-color: transparent;\n}\n\n.projekt-slider__nav:hover:not(:disabled) {\n    background: #f5f5f5;\n    transform: scale(1.1);\n}\n\n.projekt-slider__nav:disabled {\n    opacity: 0.3;\n    cursor: not-allowed;\n}\n\n.projekt-slider__nav:focus {\n    outline: 2px solid #000;\n    outline-offset: 2px;\n}\n\n.projekt-slider__nav img {\n    width: 24px;\n    height: 24px;\n}\n\n.projekt-slider__pagination {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n}\n\n.projekt-slider__dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background: #ddd;\n    border: none;\n    padding: 8px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    \/* Larger touch target while keeping visual size *\/\n    background-clip: content-box;\n    -webkit-tap-highlight-color: transparent;\n}\n\n.projekt-slider__dot.active {\n    background: #000;\n    width: 12px;\n    height: 12px;\n}\n\n.projekt-slider__dot:hover {\n    background: #666;\n}\n\n.projekt-slider__dot:focus {\n    outline: 2px solid #000;\n    outline-offset: 2px;\n}\n\n\/* Large Desktop *\/\n@media (min-width: 1441px) {\n    .projekt-slider__card {\n        height: 450px;\n    }\n\n    .projekt-slider__title {\n        font-size: 32px;\n    }\n\n    .projekt-slider__excerpt {\n        font-size: 16px;\n    }\n}\n\n\/* Small Desktop \/ Large Tablet *\/\n@media (max-width: 1280px) {\n    .projekt-slider__card {\n        height: 380px;\n    }\n\n    .projekt-slider__title {\n        font-size: 26px;\n    }\n}\n\n\/* Tablet *\/\n@media (max-width: 1024px) {\n    .projekt-slider__track {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 15px;\n    }\n\n    .projekt-slider__card {\n        height: 350px;\n    }\n\n    .projekt-slider__content {\n        padding: 24px;\n    }\n\n    .projekt-slider__title {\n        font-size: 24px;\n    }\n\n    .projekt-slider__excerpt {\n        font-size: 13px;\n    }\n}\n\n\/* Mobile *\/\n@media (max-width: 768px) {\n    .projekt-slider-wrapper {\n        padding: 0 0 40px;\n    }\n\n    .projekt-slider__track {\n        grid-template-columns: 1fr;\n        gap: 15px;\n    }\n\n    .projekt-slider__card {\n        height: 400px;\n    }\n\n    .projekt-slider__content {\n        padding: 24px;\n    }\n\n    .projekt-slider__text-box {\n        padding: 16px;\n    }\n\n    .projekt-slider__text {\n        padding-right: 50px;\n    }\n\n    .projekt-slider__title {\n        font-size: 22px;\n        margin-bottom: 8px;\n    }\n\n    .projekt-slider__excerpt {\n        font-size: 13px;\n        line-height: 1.5;\n    }\n\n    .projekt-slider__button {\n        width: 44px;\n        height: 44px;\n        top: 16px;\n        right: 16px;\n    }\n\n    .projekt-slider__button img {\n        width: 20px;\n        height: 20px;\n    }\n\n    .projekt-slider__controls {\n        gap: 15px;\n        margin-top: 20px;\n    }\n\n    .projekt-slider__nav {\n        width: 40px;\n        height: 40px;\n    }\n\n    .projekt-slider__nav img {\n        width: 20px;\n        height: 20px;\n    }\n\n    .projekt-slider__dot {\n        width: 8px;\n        height: 8px;\n    }\n\n    .projekt-slider__dot.active {\n        width: 10px;\n        height: 10px;\n    }\n}\n\n\/* Small Mobile *\/\n@media (max-width: 480px) {\n    .projekt-slider__card {\n        height: 350px;\n    }\n\n    .projekt-slider__content {\n        padding: 20px;\n    }\n\n    .projekt-slider__title {\n        font-size: 20px;\n    }\n\n    .projekt-slider__excerpt {\n        font-size: 12px;\n    }\n}\n\n\/* Modal Styles *\/\n.projekt-modal {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 99999;\n}\n\n.projekt-modal.active {\n    display: block;\n}\n\n.projekt-modal__overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(197, 219, 199, 0.15);\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    cursor: pointer;\n}\n\n.projekt-modal__content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    max-width: 1000px;\n    width: 90%;\n    max-height: 90vh;\n    overflow-y: auto;\n    overflow-x: hidden;\n    -webkit-overflow-scrolling: touch;\n}\n\n\/* Custom Scrollbar *\/\n.projekt-modal__content::-webkit-scrollbar {\n    width: 8px;\n}\n\n.projekt-modal__content::-webkit-scrollbar-track {\n    background: rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n}\n\n.projekt-modal__content::-webkit-scrollbar-thumb {\n    background: rgba(255, 255, 255, 0.6);\n    border-radius: 10px;\n}\n\n.projekt-modal__content::-webkit-scrollbar-thumb:hover {\n    background: rgba(255, 255, 255, 0.8);\n}\n\n.projekt-modal__close {\n    position: sticky;\n    top: 20px;\n    float: right;\n    margin: 20px 20px 0 0;\n    width: 40px;\n    height: 40px;\n    background: white;\n    border: none;\n    border-radius: 50%;\n    font-size: 30px;\n    line-height: 1;\n    cursor: pointer;\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n    transition: all 0.3s ease;\n    z-index: 10;\n    \/* Ensure minimum touch target size *\/\n    min-width: 44px;\n    min-height: 44px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    -webkit-tap-highlight-color: transparent;\n}\n\n.projekt-modal__close:hover {\n    background: #f5f5f5;\n    transform: rotate(90deg);\n}\n\n.projekt-modal__close:focus {\n    outline: 2px solid #000;\n    outline-offset: 2px;\n}\n\n.projekt-modal__inner {\n    padding: 40px;\n    clear: both;\n}\n\n.projekt-modal__header {\n    margin-bottom: 30px;\n    margin-top: -100px;\n}\n\n.projekt-modal__hero {\n    position: relative;\n    width: 100%;\n    height: 500px;\n    border-radius: 15px;\n    overflow: hidden;\n    margin-bottom: 20px;\n}\n\n.projekt-modal__hero img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n.projekt-modal__hero-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);\n    z-index: 1;\n}\n\n.projekt-modal__hero-content {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    padding: 40px;\n    z-index: 2;\n}\n\n.projekt-modal__hero-box {\n    padding: 30px;\n}\n\n.projekt-modal__title {\n    margin: 0 0 15px 0;\n    font-family: Gotham, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 36px;\n    font-weight: 500;\n    color: #fff;\n}\n\n.projekt-modal__description {\n    font-family: Gotham, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 16px;\n    line-height: 1.6;\n    color: #fff;\n    margin: 0;\n}\n\n.projekt-modal__description p {\n    margin: 0 0 10px 0;\n}\n\n.projekt-modal__description p:last-child {\n    margin: 0;\n}\n\n.projekt-modal__gallery {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 15px;\n}\n\n.projekt-modal__gallery-item {\n    border-radius: 10px;\n    overflow: hidden;\n    cursor: pointer;\n    transition: transform 0.3s ease;\n    aspect-ratio: 1 \/ 1;\n}\n\n.projekt-modal__gallery-item:hover {\n    transform: scale(1.05);\n}\n\n.projekt-modal__gallery-item img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n.projekt-modal__categories {\n    margin-bottom: 20px;\n}\n\n.projekt-modal__category-label {\n    font-family: Gotham, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 14px;\n    font-weight: 600;\n    color: #666;\n    margin-bottom: 10px;\n}\n\n.projekt-modal__category-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n}\n\n.projekt-modal__category-tag {\n    display: inline-block;\n    padding: 6px 16px;\n    background: #f0f0f0;\n    border-radius: 20px;\n    font-size: 14px;\n    color: #333;\n}\n\n.projekt-modal__cta {\n    margin-top: 40px;\n    text-align: left;\n    padding: 24px 32px;\n    background: #ffffff;\n    border-radius: 20px;\n}\n\n.projekt-modal__cta-title {\n    margin: 0 0 10px 0;\n    font-family: Gotham, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 28px;\n    font-weight: 500;\n    color: #000;\n}\n\n.projekt-modal__cta-text {\n    margin: 0 0 24px 0;\n    font-family: Gotham, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 16px;\n    color: #666;\n}\n\n.projekt-modal__cta-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    padding: 7px 8px 7px 26px;\n    height: 54px;\n    background-color: #000;\n    color: #fff;\n    font-family: Gotham, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 16px;\n    font-weight: 500;\n    text-decoration: none;\n    border-radius: 50px;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.projekt-modal__cta-button:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);\n    text-decoration: none;\n    color: #fff;\n}\n\n.projekt-modal__cta-button:active {\n    transform: translateY(0) scale(0.98);\n}\n\n.projekt-modal__cta-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    background-color: #fff;\n    border-radius: 50%;\n    flex-shrink: 0;\n    transition: transform 0.3s ease;\n}\n\n.projekt-modal__cta-icon img {\n    width: 20px;\n    height: 20px;\n}\n\n.projekt-modal__cta-button:hover .projekt-modal__cta-icon {\n    transform: rotate(45deg);\n}\n\n\/* Modal Responsive *\/\n@media (max-width: 1024px) {\n    .projekt-modal__content {\n        width: 95%;\n        max-height: 95vh;\n    }\n\n    .projekt-modal__hero {\n        height: 450px;\n    }\n\n    .projekt-modal__title {\n        font-size: 32px;\n    }\n}\n\n@media (max-width: 768px) {\n    .projekt-modal__content {\n        width: 95%;\n        max-width: none;\n    }\n\n    .projekt-modal__inner {\n        padding: 30px 20px;\n    }\n\n    .projekt-modal__close {\n        width: 36px;\n        height: 36px;\n        font-size: 24px;\n        margin: 15px 15px 0 0;\n        top: 15px;\n    }\n\n    .projekt-modal__hero {\n        height: 350px;\n        margin-bottom: 15px;\n    }\n\n    .projekt-modal__hero-content {\n        padding: 20px;\n    }\n\n    .projekt-modal__hero-box {\n        padding: 16px;\n    }\n\n    .projekt-modal__header {\n        margin-top: -80px;\n        margin-bottom: 20px;\n    }\n\n    .projekt-modal__title {\n        font-size: 24px;\n        margin-bottom: 10px;\n    }\n\n    .projekt-modal__description {\n        font-size: 14px;\n        line-height: 1.5;\n    }\n\n    .projekt-modal__gallery {\n        grid-template-columns: 1fr;\n        gap: 10px;\n    }\n\n    .projekt-modal__cta {\n        padding: 20px 24px;\n        margin-top: 30px;\n    }\n\n    .projekt-modal__cta-title {\n        font-size: 22px;\n    }\n\n    .projekt-modal__cta-text {\n        font-size: 14px;\n        margin-bottom: 20px;\n    }\n\n    .projekt-modal__cta-button {\n        width: 100%;\n        justify-content: center;\n    }\n}\n\n@media (max-width: 480px) {\n    .projekt-modal__inner {\n        padding: 20px 15px;\n    }\n\n    .projekt-modal__hero {\n        height: 300px;\n        border-radius: 10px;\n    }\n\n    .projekt-modal__title {\n        font-size: 20px;\n    }\n\n    .projekt-modal__description {\n        font-size: 13px;\n    }\n\n    .projekt-modal__cta-title {\n        font-size: 20px;\n    }\n\n    .projekt-modal__cta-button {\n        padding: 6px 7px 6px 20px;\n        height: 48px;\n        font-size: 14px;\n    }\n\n    .projekt-modal__cta-icon {\n        width: 36px;\n        height: 36px;\n    }\n\n    .projekt-modal__cta-icon img {\n        width: 18px;\n        height: 18px;\n    }\n}\n\n\/* Accessibility: Reduce motion for users who prefer it *\/\n@media (prefers-reduced-motion: reduce) {\n    * {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n        scroll-behavior: auto !important;\n    }\n\n    .projekt-slider__card:hover {\n        transform: none;\n    }\n\n    .projekt-slider__button:hover {\n        transform: none;\n    }\n\n    .projekt-slider__nav:hover:not(:disabled) {\n        transform: none;\n    }\n\n    .projekt-modal__close:hover {\n        transform: none;\n    }\n\n    .projekt-modal__cta-button:hover {\n        transform: none;\n    }\n\n    .projekt-modal__cta-button:active {\n        transform: none;\n    }\n\n    .projekt-modal__cta-button:hover .projekt-modal__cta-icon {\n        transform: none;\n    }\n}\n<\/style>\n\n<script>\n(function($) {\n    'use strict';\n\n    $(document).ready(function() {\n        const wrapper = $('#projekt-slider-af278f0');\n        const track = wrapper.find('.projekt-slider__track');\n        const items = wrapper.find('.projekt-slider__item');\n        const prevBtn = wrapper.find('.projekt-slider__nav--prev');\n        const nextBtn = wrapper.find('.projekt-slider__nav--next');\n        const pagination = wrapper.find('.projekt-slider__pagination');\n        const modal = $('#projekt-modal-af278f0');\n\n        let currentPage = 0;\n        const totalItems = items.length;\n\n        function getItemsPerPage() {\n            const windowWidth = $(window).width();\n            if (windowWidth <= 480) {\n                return 1; \/\/ Small Mobile\n            } else if (windowWidth <= 768) {\n                return 1; \/\/ Mobile\n            } else if (windowWidth <= 1024) {\n                return 2; \/\/ Tablet\n            } else {\n                return 4; \/\/ Desktop (2x2 Grid)\n            }\n        }\n\n        function getTotalPages() {\n            const itemsPerPage = getItemsPerPage();\n            return Math.ceil(totalItems \/ itemsPerPage);\n        }\n\n        function updatePagination() {\n            const totalPages = getTotalPages();\n            pagination.empty();\n\n            for (let i = 0; i < totalPages; i++) {\n                const dot = $('<button class=\"projekt-slider__dot\"><\/button>');\n                if (i === currentPage) {\n                    dot.addClass('active');\n                }\n                dot.on('click', function() {\n                    currentPage = i;\n                    updateSlider();\n                });\n                pagination.append(dot);\n            }\n        }\n\n        function updateSlider() {\n            const itemsPerPage = getItemsPerPage();\n            const totalPages = getTotalPages();\n\n            \/\/ Adjust currentPage if needed\n            if (currentPage >= totalPages) {\n                currentPage = totalPages - 1;\n            }\n\n            \/\/ Hide all items\n            items.hide();\n\n            \/\/ Show current page items\n            const startIndex = currentPage * itemsPerPage;\n            const endIndex = Math.min(startIndex + itemsPerPage, totalItems);\n\n            for (let i = startIndex; i < endIndex; i++) {\n                items.eq(i).show();\n            }\n\n            \/\/ Show\/hide controls based on whether there are multiple pages\n            if (totalPages <= 1) {\n                wrapper.find('.projekt-slider__controls').hide();\n            } else {\n                wrapper.find('.projekt-slider__controls').show();\n            }\n\n            \/\/ Update buttons\n            prevBtn.prop('disabled', currentPage === 0);\n            nextBtn.prop('disabled', currentPage >= totalPages - 1);\n\n            \/\/ Update pagination dots\n            updatePagination();\n        }\n\n        prevBtn.on('click', function() {\n            if (currentPage > 0) {\n                currentPage--;\n                updateSlider();\n            }\n        });\n\n        nextBtn.on('click', function() {\n            const totalPages = getTotalPages();\n            if (currentPage < totalPages - 1) {\n                currentPage++;\n                updateSlider();\n            }\n        });\n\n        \/\/ Initial state\n        updateSlider();\n\n        \/\/ Update on resize\n        let resizeTimer;\n        $(window).on('resize', function() {\n            clearTimeout(resizeTimer);\n            resizeTimer = setTimeout(function() {\n                updateSlider();\n            }, 250);\n        });\n\n        \/\/ Touch support for mobile swipe\n        let touchStartX = 0;\n        let touchEndX = 0;\n\n        track.on('touchstart', function(e) {\n            touchStartX = e.originalEvent.touches[0].clientX;\n        });\n\n        track.on('touchend', function(e) {\n            touchEndX = e.originalEvent.changedTouches[0].clientX;\n            handleSwipe();\n        });\n\n        function handleSwipe() {\n            const swipeThreshold = 50;\n            const diff = touchStartX - touchEndX;\n\n            if (Math.abs(diff) > swipeThreshold) {\n                const totalPages = getTotalPages();\n                if (diff > 0 && currentPage < totalPages - 1) {\n                    \/\/ Swipe left - next page\n                    currentPage++;\n                    updateSlider();\n                } else if (diff < 0 && currentPage > 0) {\n                    \/\/ Swipe right - previous page\n                    currentPage--;\n                    updateSlider();\n                }\n            }\n        }\n\n        \/\/ Open Modal\n        wrapper.on('click', '.projekt-slider__button', function(e) {\n            e.preventDefault();\n            e.stopPropagation();\n            const projektId = $(this).data('projekt-id');\n\n            $.ajax({\n                url: 'https:\/\/mpm-ag.de\/wp-admin\/admin-ajax.php',\n                type: 'POST',\n                data: {\n                    action: 'get_projekt_details',\n                    projekt_id: projektId\n                },\n                success: function(response) {\n                    if (response.success) {\n                        modal.find('.projekt-modal__inner').html(response.data.html);\n                        modal.addClass('active');\n                        \/\/ Prevent body scroll on mobile\n                        $('body').css({\n                            'overflow': 'hidden',\n                            'position': 'fixed',\n                            'width': '100%'\n                        });\n                    }\n                }\n            });\n        });\n\n        \/\/ Close Modal\n        modal.find('.projekt-modal__close, .projekt-modal__overlay').on('click', function() {\n            modal.removeClass('active');\n            \/\/ Re-enable body scroll\n            $('body').css({\n                'overflow': '',\n                'position': '',\n                'width': ''\n            });\n        });\n\n        \/\/ Keyboard navigation\n        $(document).on('keydown', function(e) {\n            \/\/ Only handle keyboard events when modal is not active\n            if (!modal.hasClass('active')) {\n                const totalPages = getTotalPages();\n\n                \/\/ Arrow left - previous\n                if (e.keyCode === 37 && currentPage > 0) {\n                    e.preventDefault();\n                    currentPage--;\n                    updateSlider();\n                }\n\n                \/\/ Arrow right - next\n                if (e.keyCode === 39 && currentPage < totalPages - 1) {\n                    e.preventDefault();\n                    currentPage++;\n                    updateSlider();\n                }\n            } else {\n                \/\/ ESC to close modal\n                if (e.keyCode === 27) {\n                    modal.removeClass('active');\n                    $('body').css({\n                        'overflow': '',\n                        'position': '',\n                        'width': ''\n                    });\n                }\n            }\n        });\n    });\n})(jQuery);\n<\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-82902b9 e-con-full e-flex e-con e-child\" data-id=\"82902b9\" data-element_type=\"container\" id=\"#Lifestyle\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1d8c9b elementor-widget elementor-widget-heading\" data-id=\"c1d8c9b\" data-element_type=\"widget\" id=\"Lifestyle\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Lifestyle &amp; Travel<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c659fab elementor-widget elementor-widget-mpm-projekt-slider\" data-id=\"c659fab\" data-element_type=\"widget\" data-widget_type=\"mpm-projekt-slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"projekt-slider-wrapper\" id=\"projekt-slider-c659fab\">\n    <div class=\"projekt-slider\">\n        <div class=\"projekt-slider__track\">\n                        <div class=\"projekt-slider__item\">\n                <div class=\"projekt-slider__card\"\n                    style=\"background-image: url('https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/mpm-ag.de/wp-content/uploads/2025/10/CIP-Hauptbild-neu-1024x724.png');\">\n                    <div class=\"projekt-slider__overlay\"\n                        style=\"background-color: rgba(0, 0, 0, 0.4);\"><\/div>\n                    <div class=\"projekt-slider__content\">\n                        <div class=\"projekt-slider__text-box glass-box-small\">\n                            <div class=\"projekt-slider__text\">\n                                <h3 class=\"projekt-slider__title\"\n                                    style=\"color: #ffffff;\">\n                                    Designreisen: Connection to Paradise                                <\/h3>\n                                                                <p class=\"projekt-slider__excerpt\"\n                                    style=\"color: #ffffff;\">\n                                    The exclusive customer magazine from DESIGNREISEN For DESIGNREISEN, we produce the high-quality customer magazine Connec...                                <\/p>\n                                                            <\/div>\n                            <button class=\"projekt-slider__button\" data-projekt-id=\"995\"\n                                style=\"background-color: #ffffff;\">\n                                <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_auto,s_webp:avif\/mpm-ag.de\/wp-content\/themes\/mpm-theme\/images\/arrow_outward.svg\" alt=\"Details\" title=\"\">\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                        <div class=\"projekt-slider__item\">\n                <div class=\"projekt-slider__card\"\n                    style=\"background-image: url('https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/mpm-ag.de/wp-content/uploads/2025/10/golfers-reisen-HGB.png');\">\n                    <div class=\"projekt-slider__overlay\"\n                        style=\"background-color: rgba(0, 0, 0, 0.4);\"><\/div>\n                    <div class=\"projekt-slider__content\">\n                        <div class=\"projekt-slider__text-box glass-box-small\">\n                            <div class=\"projekt-slider__text\">\n                                <h3 class=\"projekt-slider__title\"\n                                    style=\"color: #ffffff;\">\n                                    Designreisen: Golfers Paradise Day                                <\/h3>\n                                                                <p class=\"projekt-slider__excerpt\"\n                                    style=\"color: #ffffff;\">\n                                    An exclusive event series that combines luxury travel and golf. We support the Designreisen Golfers Paradise Day with st...                                <\/p>\n                                                            <\/div>\n                            <button class=\"projekt-slider__button\" data-projekt-id=\"1108\"\n                                style=\"background-color: #ffffff;\">\n                                <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_auto,s_webp:avif\/mpm-ag.de\/wp-content\/themes\/mpm-theme\/images\/arrow_outward.svg\" alt=\"Details\" title=\"\">\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                        <div class=\"projekt-slider__item\">\n                <div class=\"projekt-slider__card\"\n                    style=\"background-image: url('https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/mpm-ag.de/wp-content/uploads/2025/10/VIVA-HGB-1024x576.jpg');\">\n                    <div class=\"projekt-slider__overlay\"\n                        style=\"background-color: rgba(0, 0, 0, 0.4);\"><\/div>\n                    <div class=\"projekt-slider__content\">\n                        <div class=\"projekt-slider__text-box glass-box-small\">\n                            <div class=\"projekt-slider__text\">\n                                <h3 class=\"projekt-slider__title\"\n                                    style=\"color: #ffffff;\">\n                                    Viva Monaco                                <\/h3>\n                                                                <p class=\"projekt-slider__excerpt\"\n                                    style=\"color: #ffffff;\">\n                                    With Viva Monaco, we capture the pulse of Bavarian lifestyle. The magazine blends lifestyle, fashion, culinary delights,...                                <\/p>\n                                                            <\/div>\n                            <button class=\"projekt-slider__button\" data-projekt-id=\"1118\"\n                                style=\"background-color: #ffffff;\">\n                                <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_auto,s_webp:avif\/mpm-ag.de\/wp-content\/themes\/mpm-theme\/images\/arrow_outward.svg\" alt=\"Details\" title=\"\">\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                    <\/div>\n    <\/div>\n\n    <div class=\"projekt-slider__controls\">\n        <button class=\"projekt-slider__nav projekt-slider__nav--prev\" aria-label=\"Zur\u00fcck\">\n            <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_auto,s_webp:avif\/mpm-ag.de\/wp-content\/themes\/mpm-theme\/images\/arrow_outward.svg\" alt=\"Zur\u00fcck\" style=\"transform: rotate(180deg);\" title=\"\">\n        <\/button>\n\n        <div class=\"projekt-slider__pagination\"><\/div>\n\n        <button class=\"projekt-slider__nav projekt-slider__nav--next\" aria-label=\"Weiter\">\n            <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_auto,s_webp:avif\/mpm-ag.de\/wp-content\/themes\/mpm-theme\/images\/arrow_outward.svg\" alt=\"Weiter\" title=\"\">\n        <\/button>\n    <\/div>\n<\/div>\n\n<!-- Modal -->\n<div class=\"projekt-modal\" id=\"projekt-modal-c659fab\">\n    <div class=\"projekt-modal__overlay\"><\/div>\n    <div class=\"projekt-modal__content\">\n        <button class=\"projekt-modal__close\" aria-label=\"Schlie\u00dfen\">&times;<\/button>\n        <div class=\"projekt-modal__inner\"><\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* Enable smooth scrolling and hardware acceleration *\/\n* {\n    -webkit-tap-highlight-color: transparent;\n}\n\n.projekt-slider-wrapper {\n    position: relative;\n    width: 100%;\n    padding: 0 0 60px;\n}\n\n.projekt-slider {\n    overflow: hidden;\n    width: 100%;\n}\n\n.projekt-slider__track {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    grid-auto-rows: 1fr;\n    gap: 20px;\n    transition: transform 0.5s ease;\n}\n\n.projekt-slider__item {\n    width: 100%;\n    opacity: 1;\n    transition: opacity 0.3s ease;\n}\n\n.projekt-slider__item[style*=\"display: none\"] {\n    opacity: 0;\n}\n\n.projekt-slider__card {\n    position: relative;\n    width: 100%;\n    height: 400px;\n    border-radius: 20px;\n    overflow: hidden;\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    cursor: pointer;\n    transition: transform 0.3s ease;\n    will-change: transform;\n}\n\n\/* Fallback for cards without background images *\/\n.projekt-slider__card:not([style*=\"background-image\"]) {\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n}\n\n.projekt-slider__card:hover {\n    transform: translateY(-5px);\n}\n\n.projekt-slider__card:focus-within {\n    outline: 2px solid #000;\n    outline-offset: 4px;\n}\n\n.projekt-slider__overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 1;\n}\n\n.projekt-slider__content {\n    position: relative;\n    z-index: 2;\n    height: 100%;\n    padding: 30px;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n}\n\n.projekt-slider__text-box {\n    position: relative;\n    padding: 20px;\n}\n\n.projekt-slider__text {\n    position: relative;\n    z-index: 1;\n    padding-right: 60px;\n}\n\n.projekt-slider__title {\n    margin: 0 0 10px 0;\n    font-family: Gotham, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 28px;\n    font-weight: 500;\n    line-height: 1.2;\n}\n\n.projekt-slider__excerpt {\n    margin: 0;\n    font-family: Gotham, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 14px;\n    line-height: 1.4;\n    opacity: 0.9;\n}\n\n.projekt-slider__button {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    width: 48px;\n    height: 48px;\n    background: white;\n    border: none;\n    border-radius: 50%;\n    cursor: pointer;\n    padding: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s ease;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n    z-index: 2;\n    \/* Ensure minimum touch target size of 44x44px *\/\n    min-width: 44px;\n    min-height: 44px;\n    -webkit-tap-highlight-color: transparent;\n}\n\n.projekt-slider__button:hover {\n    transform: scale(1.1) rotate(45deg);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);\n}\n\n.projekt-slider__button:focus {\n    outline: 2px solid #000;\n    outline-offset: 2px;\n}\n\n.projekt-slider__button img {\n    width: 24px;\n    height: 24px;\n}\n\n.projekt-slider__controls {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 20px;\n    margin-top: 30px;\n}\n\n.projekt-slider__nav {\n    width: 50px;\n    height: 50px;\n    background: white;\n    border: none;\n    border-radius: 50%;\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s ease;\n    \/* Ensure minimum touch target size *\/\n    min-width: 44px;\n    min-height: 44px;\n    -webkit-tap-highlight-color: transparent;\n}\n\n.projekt-slider__nav:hover:not(:disabled) {\n    background: #f5f5f5;\n    transform: scale(1.1);\n}\n\n.projekt-slider__nav:disabled {\n    opacity: 0.3;\n    cursor: not-allowed;\n}\n\n.projekt-slider__nav:focus {\n    outline: 2px solid #000;\n    outline-offset: 2px;\n}\n\n.projekt-slider__nav img {\n    width: 24px;\n    height: 24px;\n}\n\n.projekt-slider__pagination {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n}\n\n.projekt-slider__dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background: #ddd;\n    border: none;\n    padding: 8px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    \/* Larger touch target while keeping visual size *\/\n    background-clip: content-box;\n    -webkit-tap-highlight-color: transparent;\n}\n\n.projekt-slider__dot.active {\n    background: #000;\n    width: 12px;\n    height: 12px;\n}\n\n.projekt-slider__dot:hover {\n    background: #666;\n}\n\n.projekt-slider__dot:focus {\n    outline: 2px solid #000;\n    outline-offset: 2px;\n}\n\n\/* Large Desktop *\/\n@media (min-width: 1441px) {\n    .projekt-slider__card {\n        height: 450px;\n    }\n\n    .projekt-slider__title {\n        font-size: 32px;\n    }\n\n    .projekt-slider__excerpt {\n        font-size: 16px;\n    }\n}\n\n\/* Small Desktop \/ Large Tablet *\/\n@media (max-width: 1280px) {\n    .projekt-slider__card {\n        height: 380px;\n    }\n\n    .projekt-slider__title {\n        font-size: 26px;\n    }\n}\n\n\/* Tablet *\/\n@media (max-width: 1024px) {\n    .projekt-slider__track {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 15px;\n    }\n\n    .projekt-slider__card {\n        height: 350px;\n    }\n\n    .projekt-slider__content {\n        padding: 24px;\n    }\n\n    .projekt-slider__title {\n        font-size: 24px;\n    }\n\n    .projekt-slider__excerpt {\n        font-size: 13px;\n    }\n}\n\n\/* Mobile *\/\n@media (max-width: 768px) {\n    .projekt-slider-wrapper {\n        padding: 0 0 40px;\n    }\n\n    .projekt-slider__track {\n        grid-template-columns: 1fr;\n        gap: 15px;\n    }\n\n    .projekt-slider__card {\n        height: 400px;\n    }\n\n    .projekt-slider__content {\n        padding: 24px;\n    }\n\n    .projekt-slider__text-box {\n        padding: 16px;\n    }\n\n    .projekt-slider__text {\n        padding-right: 50px;\n    }\n\n    .projekt-slider__title {\n        font-size: 22px;\n        margin-bottom: 8px;\n    }\n\n    .projekt-slider__excerpt {\n        font-size: 13px;\n        line-height: 1.5;\n    }\n\n    .projekt-slider__button {\n        width: 44px;\n        height: 44px;\n        top: 16px;\n        right: 16px;\n    }\n\n    .projekt-slider__button img {\n        width: 20px;\n        height: 20px;\n    }\n\n    .projekt-slider__controls {\n        gap: 15px;\n        margin-top: 20px;\n    }\n\n    .projekt-slider__nav {\n        width: 40px;\n        height: 40px;\n    }\n\n    .projekt-slider__nav img {\n        width: 20px;\n        height: 20px;\n    }\n\n    .projekt-slider__dot {\n        width: 8px;\n        height: 8px;\n    }\n\n    .projekt-slider__dot.active {\n        width: 10px;\n        height: 10px;\n    }\n}\n\n\/* Small Mobile *\/\n@media (max-width: 480px) {\n    .projekt-slider__card {\n        height: 350px;\n    }\n\n    .projekt-slider__content {\n        padding: 20px;\n    }\n\n    .projekt-slider__title {\n        font-size: 20px;\n    }\n\n    .projekt-slider__excerpt {\n        font-size: 12px;\n    }\n}\n\n\/* Modal Styles *\/\n.projekt-modal {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 99999;\n}\n\n.projekt-modal.active {\n    display: block;\n}\n\n.projekt-modal__overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(197, 219, 199, 0.15);\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    cursor: pointer;\n}\n\n.projekt-modal__content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    max-width: 1000px;\n    width: 90%;\n    max-height: 90vh;\n    overflow-y: auto;\n    overflow-x: hidden;\n    -webkit-overflow-scrolling: touch;\n}\n\n\/* Custom Scrollbar *\/\n.projekt-modal__content::-webkit-scrollbar {\n    width: 8px;\n}\n\n.projekt-modal__content::-webkit-scrollbar-track {\n    background: rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n}\n\n.projekt-modal__content::-webkit-scrollbar-thumb {\n    background: rgba(255, 255, 255, 0.6);\n    border-radius: 10px;\n}\n\n.projekt-modal__content::-webkit-scrollbar-thumb:hover {\n    background: rgba(255, 255, 255, 0.8);\n}\n\n.projekt-modal__close {\n    position: sticky;\n    top: 20px;\n    float: right;\n    margin: 20px 20px 0 0;\n    width: 40px;\n    height: 40px;\n    background: white;\n    border: none;\n    border-radius: 50%;\n    font-size: 30px;\n    line-height: 1;\n    cursor: pointer;\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n    transition: all 0.3s ease;\n    z-index: 10;\n    \/* Ensure minimum touch target size *\/\n    min-width: 44px;\n    min-height: 44px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    -webkit-tap-highlight-color: transparent;\n}\n\n.projekt-modal__close:hover {\n    background: #f5f5f5;\n    transform: rotate(90deg);\n}\n\n.projekt-modal__close:focus {\n    outline: 2px solid #000;\n    outline-offset: 2px;\n}\n\n.projekt-modal__inner {\n    padding: 40px;\n    clear: both;\n}\n\n.projekt-modal__header {\n    margin-bottom: 30px;\n    margin-top: -100px;\n}\n\n.projekt-modal__hero {\n    position: relative;\n    width: 100%;\n    height: 500px;\n    border-radius: 15px;\n    overflow: hidden;\n    margin-bottom: 20px;\n}\n\n.projekt-modal__hero img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n.projekt-modal__hero-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);\n    z-index: 1;\n}\n\n.projekt-modal__hero-content {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    padding: 40px;\n    z-index: 2;\n}\n\n.projekt-modal__hero-box {\n    padding: 30px;\n}\n\n.projekt-modal__title {\n    margin: 0 0 15px 0;\n    font-family: Gotham, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 36px;\n    font-weight: 500;\n    color: #fff;\n}\n\n.projekt-modal__description {\n    font-family: Gotham, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 16px;\n    line-height: 1.6;\n    color: #fff;\n    margin: 0;\n}\n\n.projekt-modal__description p {\n    margin: 0 0 10px 0;\n}\n\n.projekt-modal__description p:last-child {\n    margin: 0;\n}\n\n.projekt-modal__gallery {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 15px;\n}\n\n.projekt-modal__gallery-item {\n    border-radius: 10px;\n    overflow: hidden;\n    cursor: pointer;\n    transition: transform 0.3s ease;\n    aspect-ratio: 1 \/ 1;\n}\n\n.projekt-modal__gallery-item:hover {\n    transform: scale(1.05);\n}\n\n.projekt-modal__gallery-item img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n.projekt-modal__categories {\n    margin-bottom: 20px;\n}\n\n.projekt-modal__category-label {\n    font-family: Gotham, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 14px;\n    font-weight: 600;\n    color: #666;\n    margin-bottom: 10px;\n}\n\n.projekt-modal__category-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n}\n\n.projekt-modal__category-tag {\n    display: inline-block;\n    padding: 6px 16px;\n    background: #f0f0f0;\n    border-radius: 20px;\n    font-size: 14px;\n    color: #333;\n}\n\n.projekt-modal__cta {\n    margin-top: 40px;\n    text-align: left;\n    padding: 24px 32px;\n    background: #ffffff;\n    border-radius: 20px;\n}\n\n.projekt-modal__cta-title {\n    margin: 0 0 10px 0;\n    font-family: Gotham, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 28px;\n    font-weight: 500;\n    color: #000;\n}\n\n.projekt-modal__cta-text {\n    margin: 0 0 24px 0;\n    font-family: Gotham, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 16px;\n    color: #666;\n}\n\n.projekt-modal__cta-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    padding: 7px 8px 7px 26px;\n    height: 54px;\n    background-color: #000;\n    color: #fff;\n    font-family: Gotham, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 16px;\n    font-weight: 500;\n    text-decoration: none;\n    border-radius: 50px;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.projekt-modal__cta-button:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);\n    text-decoration: none;\n    color: #fff;\n}\n\n.projekt-modal__cta-button:active {\n    transform: translateY(0) scale(0.98);\n}\n\n.projekt-modal__cta-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    background-color: #fff;\n    border-radius: 50%;\n    flex-shrink: 0;\n    transition: transform 0.3s ease;\n}\n\n.projekt-modal__cta-icon img {\n    width: 20px;\n    height: 20px;\n}\n\n.projekt-modal__cta-button:hover .projekt-modal__cta-icon {\n    transform: rotate(45deg);\n}\n\n\/* Modal Responsive *\/\n@media (max-width: 1024px) {\n    .projekt-modal__content {\n        width: 95%;\n        max-height: 95vh;\n    }\n\n    .projekt-modal__hero {\n        height: 450px;\n    }\n\n    .projekt-modal__title {\n        font-size: 32px;\n    }\n}\n\n@media (max-width: 768px) {\n    .projekt-modal__content {\n        width: 95%;\n        max-width: none;\n    }\n\n    .projekt-modal__inner {\n        padding: 30px 20px;\n    }\n\n    .projekt-modal__close {\n        width: 36px;\n        height: 36px;\n        font-size: 24px;\n        margin: 15px 15px 0 0;\n        top: 15px;\n    }\n\n    .projekt-modal__hero {\n        height: 350px;\n        margin-bottom: 15px;\n    }\n\n    .projekt-modal__hero-content {\n        padding: 20px;\n    }\n\n    .projekt-modal__hero-box {\n        padding: 16px;\n    }\n\n    .projekt-modal__header {\n        margin-top: -80px;\n        margin-bottom: 20px;\n    }\n\n    .projekt-modal__title {\n        font-size: 24px;\n        margin-bottom: 10px;\n    }\n\n    .projekt-modal__description {\n        font-size: 14px;\n        line-height: 1.5;\n    }\n\n    .projekt-modal__gallery {\n        grid-template-columns: 1fr;\n        gap: 10px;\n    }\n\n    .projekt-modal__cta {\n        padding: 20px 24px;\n        margin-top: 30px;\n    }\n\n    .projekt-modal__cta-title {\n        font-size: 22px;\n    }\n\n    .projekt-modal__cta-text {\n        font-size: 14px;\n        margin-bottom: 20px;\n    }\n\n    .projekt-modal__cta-button {\n        width: 100%;\n        justify-content: center;\n    }\n}\n\n@media (max-width: 480px) {\n    .projekt-modal__inner {\n        padding: 20px 15px;\n    }\n\n    .projekt-modal__hero {\n        height: 300px;\n        border-radius: 10px;\n    }\n\n    .projekt-modal__title {\n        font-size: 20px;\n    }\n\n    .projekt-modal__description {\n        font-size: 13px;\n    }\n\n    .projekt-modal__cta-title {\n        font-size: 20px;\n    }\n\n    .projekt-modal__cta-button {\n        padding: 6px 7px 6px 20px;\n        height: 48px;\n        font-size: 14px;\n    }\n\n    .projekt-modal__cta-icon {\n        width: 36px;\n        height: 36px;\n    }\n\n    .projekt-modal__cta-icon img {\n        width: 18px;\n        height: 18px;\n    }\n}\n\n\/* Accessibility: Reduce motion for users who prefer it *\/\n@media (prefers-reduced-motion: reduce) {\n    * {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n        scroll-behavior: auto !important;\n    }\n\n    .projekt-slider__card:hover {\n        transform: none;\n    }\n\n    .projekt-slider__button:hover {\n        transform: none;\n    }\n\n    .projekt-slider__nav:hover:not(:disabled) {\n        transform: none;\n    }\n\n    .projekt-modal__close:hover {\n        transform: none;\n    }\n\n    .projekt-modal__cta-button:hover {\n        transform: none;\n    }\n\n    .projekt-modal__cta-button:active {\n        transform: none;\n    }\n\n    .projekt-modal__cta-button:hover .projekt-modal__cta-icon {\n        transform: none;\n    }\n}\n<\/style>\n\n<script>\n(function($) {\n    'use strict';\n\n    $(document).ready(function() {\n        const wrapper = $('#projekt-slider-c659fab');\n        const track = wrapper.find('.projekt-slider__track');\n        const items = wrapper.find('.projekt-slider__item');\n        const prevBtn = wrapper.find('.projekt-slider__nav--prev');\n        const nextBtn = wrapper.find('.projekt-slider__nav--next');\n        const pagination = wrapper.find('.projekt-slider__pagination');\n        const modal = $('#projekt-modal-c659fab');\n\n        let currentPage = 0;\n        const totalItems = items.length;\n\n        function getItemsPerPage() {\n            const windowWidth = $(window).width();\n            if (windowWidth <= 480) {\n                return 1; \/\/ Small Mobile\n            } else if (windowWidth <= 768) {\n                return 1; \/\/ Mobile\n            } else if (windowWidth <= 1024) {\n                return 2; \/\/ Tablet\n            } else {\n                return 4; \/\/ Desktop (2x2 Grid)\n            }\n        }\n\n        function getTotalPages() {\n            const itemsPerPage = getItemsPerPage();\n            return Math.ceil(totalItems \/ itemsPerPage);\n        }\n\n        function updatePagination() {\n            const totalPages = getTotalPages();\n            pagination.empty();\n\n            for (let i = 0; i < totalPages; i++) {\n                const dot = $('<button class=\"projekt-slider__dot\"><\/button>');\n                if (i === currentPage) {\n                    dot.addClass('active');\n                }\n                dot.on('click', function() {\n                    currentPage = i;\n                    updateSlider();\n                });\n                pagination.append(dot);\n            }\n        }\n\n        function updateSlider() {\n            const itemsPerPage = getItemsPerPage();\n            const totalPages = getTotalPages();\n\n            \/\/ Adjust currentPage if needed\n            if (currentPage >= totalPages) {\n                currentPage = totalPages - 1;\n            }\n\n            \/\/ Hide all items\n            items.hide();\n\n            \/\/ Show current page items\n            const startIndex = currentPage * itemsPerPage;\n            const endIndex = Math.min(startIndex + itemsPerPage, totalItems);\n\n            for (let i = startIndex; i < endIndex; i++) {\n                items.eq(i).show();\n            }\n\n            \/\/ Show\/hide controls based on whether there are multiple pages\n            if (totalPages <= 1) {\n                wrapper.find('.projekt-slider__controls').hide();\n            } else {\n                wrapper.find('.projekt-slider__controls').show();\n            }\n\n            \/\/ Update buttons\n            prevBtn.prop('disabled', currentPage === 0);\n            nextBtn.prop('disabled', currentPage >= totalPages - 1);\n\n            \/\/ Update pagination dots\n            updatePagination();\n        }\n\n        prevBtn.on('click', function() {\n            if (currentPage > 0) {\n                currentPage--;\n                updateSlider();\n            }\n        });\n\n        nextBtn.on('click', function() {\n            const totalPages = getTotalPages();\n            if (currentPage < totalPages - 1) {\n                currentPage++;\n                updateSlider();\n            }\n        });\n\n        \/\/ Initial state\n        updateSlider();\n\n        \/\/ Update on resize\n        let resizeTimer;\n        $(window).on('resize', function() {\n            clearTimeout(resizeTimer);\n            resizeTimer = setTimeout(function() {\n                updateSlider();\n            }, 250);\n        });\n\n        \/\/ Touch support for mobile swipe\n        let touchStartX = 0;\n        let touchEndX = 0;\n\n        track.on('touchstart', function(e) {\n            touchStartX = e.originalEvent.touches[0].clientX;\n        });\n\n        track.on('touchend', function(e) {\n            touchEndX = e.originalEvent.changedTouches[0].clientX;\n            handleSwipe();\n        });\n\n        function handleSwipe() {\n            const swipeThreshold = 50;\n            const diff = touchStartX - touchEndX;\n\n            if (Math.abs(diff) > swipeThreshold) {\n                const totalPages = getTotalPages();\n                if (diff > 0 && currentPage < totalPages - 1) {\n                    \/\/ Swipe left - next page\n                    currentPage++;\n                    updateSlider();\n                } else if (diff < 0 && currentPage > 0) {\n                    \/\/ Swipe right - previous page\n                    currentPage--;\n                    updateSlider();\n                }\n            }\n        }\n\n        \/\/ Open Modal\n        wrapper.on('click', '.projekt-slider__button', function(e) {\n            e.preventDefault();\n            e.stopPropagation();\n            const projektId = $(this).data('projekt-id');\n\n            $.ajax({\n                url: 'https:\/\/mpm-ag.de\/wp-admin\/admin-ajax.php',\n                type: 'POST',\n                data: {\n                    action: 'get_projekt_details',\n                    projekt_id: projektId\n                },\n                success: function(response) {\n                    if (response.success) {\n                        modal.find('.projekt-modal__inner').html(response.data.html);\n                        modal.addClass('active');\n                        \/\/ Prevent body scroll on mobile\n                        $('body').css({\n                            'overflow': 'hidden',\n                            'position': 'fixed',\n                            'width': '100%'\n                        });\n                    }\n                }\n            });\n        });\n\n        \/\/ Close Modal\n        modal.find('.projekt-modal__close, .projekt-modal__overlay').on('click', function() {\n            modal.removeClass('active');\n            \/\/ Re-enable body scroll\n            $('body').css({\n                'overflow': '',\n                'position': '',\n                'width': ''\n            });\n        });\n\n        \/\/ Keyboard navigation\n        $(document).on('keydown', function(e) {\n            \/\/ Only handle keyboard events when modal is not active\n            if (!modal.hasClass('active')) {\n                const totalPages = getTotalPages();\n\n                \/\/ Arrow left - previous\n                if (e.keyCode === 37 && currentPage > 0) {\n                    e.preventDefault();\n                    currentPage--;\n                    updateSlider();\n                }\n\n                \/\/ Arrow right - next\n                if (e.keyCode === 39 && currentPage < totalPages - 1) {\n                    e.preventDefault();\n                    currentPage++;\n                    updateSlider();\n                }\n            } else {\n                \/\/ ESC to close modal\n                if (e.keyCode === 27) {\n                    modal.removeClass('active');\n                    $('body').css({\n                        'overflow': '',\n                        'position': '',\n                        'width': ''\n                    });\n                }\n            }\n        });\n    });\n})(jQuery);\n<\/script>\n\n\t\t\t\t<\/div>\n\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-cfea3f8 e-flex e-con-boxed e-con e-parent\" data-id=\"cfea3f8\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-48a1795 e-con-full e-flex e-con e-child\" data-id=\"48a1795\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-330303d elementor-widget elementor-widget-heading\" data-id=\"330303d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Let's get started together<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a0888bb elementor-widget elementor-widget-text-editor\" data-id=\"a0888bb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<article class=\"text-token-text-primary w-full focus:outline-none [--shadow-height:45px] has-data-writing-block:pointer-events-none has-data-writing-block:-mt-(--shadow-height) has-data-writing-block:pt-(--shadow-height) [&amp;:has([data-writing-block])&gt;*]:pointer-events-auto scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]\" dir=\"auto\" tabindex=\"-1\" data-turn-id=\"request-68fa3ddf-cc58-8332-b7f1-5ec2403f3bc5-1\" data-testid=\"conversation-turn-33\" data-scroll-anchor=\"true\" data-turn=\"assistant\"><div class=\"text-base my-auto mx-auto pb-10 [--thread-content-margin:--spacing(4)] thread-sm:[--thread-content-margin:--spacing(6)] thread-lg:[--thread-content-margin:--spacing(16)] px-(--thread-content-margin)\"><div class=\"[--thread-content-max-width:40rem] thread-lg:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\" tabindex=\"-1\"><div class=\"flex max-w-full flex-col grow\"><div class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal [.text-message+&amp;]:mt-1\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"7ffe3255-c94a-4457-80c4-dedc5c4aee30\" data-message-model-slug=\"gpt-5\"><div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[1px]\"><div class=\"markdown prose dark:prose-invert w-full break-words dark markdown-new-styling\"><p data-start=\"0\" data-end=\"30\" data-is-last-node=\"\" data-is-only-node=\"\">Let&#8217;s talk about your project.<\/p><\/div><\/div><\/div><\/div><\/div><\/div><\/article>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-570fe98 elementor-widget elementor-widget-mpm-cta-button\" data-id=\"570fe98\" data-element_type=\"widget\" data-widget_type=\"mpm-cta-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"mpm-cta-button-wrapper\" style=\"text-align: left;\">\n    <a href=\"\/en\/contact\/\" class=\"mpm-cta-button\"\n        style=\"background-color: #151515; color: #FFFFFF;\"\n        >\n        Contact        <span class=\"mpm-cta-button__icon\"\n            style=\"background-color: #FFFFFF;\">\n                        <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_auto,s_webp:avif,p_h\/mpm-ag.de\/wp-content\/uploads\/2025\/09\/arrow_outward-1.svg\" alt=\"Icon\" style=\"filter: none;\" title=\"\">\n                    <\/span>\n    <\/a>\n<\/div>\n\n<style>\n.mpm-cta-button-wrapper {\n    margin: 20px 0;\n}\n\n.mpm-cta-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    padding: 7px 8px 7px 26px;\n    height: 54px;\n    font-family:\n        Gotham,\n        -apple-system,\n        BlinkMacSystemFont,\n        'Segoe UI',\n        Roboto,\n        sans-serif;\n    font-size: 16px;\n    font-weight: 500;\n    text-decoration: none;\n    border-radius: 50px;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.mpm-cta-button:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);\n    text-decoration: none;\n}\n\n.mpm-cta-button:active {\n    transform: translateY(0) scale(0.98);\n}\n\n.mpm-cta-button__icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    flex-shrink: 0;\n    transition: transform 0.3s ease;\n}\n\n.mpm-cta-button__icon img {\n    width: 20px;\n    height: 20px;\n}\n\n.mpm-cta-button:hover .mpm-cta-button__icon {\n    transform: rotate(45deg);\n}\n<\/style>\n\n\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Projects An insight into what we passionately create Contact Green-Tech Sport Lifestyle &amp; Travel Green-Tech DMU \u2013 Pioneers in Site Clearance and Building Material Recycling. With over 30 years of experience, DMU sets new standards for sustainable construction. MPM supports DMU with business de&#8230; Ecoflows \u2013 the Solution for Circular Material Flows and Construction Cost [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-969","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/mpm-ag.de\/en\/wp-json\/wp\/v2\/pages\/969","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mpm-ag.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mpm-ag.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mpm-ag.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mpm-ag.de\/en\/wp-json\/wp\/v2\/comments?post=969"}],"version-history":[{"count":8,"href":"https:\/\/mpm-ag.de\/en\/wp-json\/wp\/v2\/pages\/969\/revisions"}],"predecessor-version":[{"id":1183,"href":"https:\/\/mpm-ag.de\/en\/wp-json\/wp\/v2\/pages\/969\/revisions\/1183"}],"wp:attachment":[{"href":"https:\/\/mpm-ag.de\/en\/wp-json\/wp\/v2\/media?parent=969"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}