{"id":1032,"date":"2026-09-20T08:45:49","date_gmt":"2026-09-20T06:45:49","guid":{"rendered":"https:\/\/radwildlife.com\/?page_id=1032"},"modified":"2026-09-25T00:32:32","modified_gmt":"2026-09-24T22:32:32","slug":"collaborations","status":"publish","type":"page","link":"https:\/\/radwildlife.com\/en\/collaborations\/","title":{"rendered":"Collaborations"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   JULIAN RAD\n   COLLABORATIONS INTRO\n   ========================================================= *\/\n\n\n\/* =========================================================\n   BOX SIZING\n   ========================================================= *\/\n\n#jrCollabIntro,\n#jrCollabIntro *,\n#jrCollabIntro *::before,\n#jrCollabIntro *::after {\n    box-sizing:\n        border-box;\n}\n\n\n\/* =========================================================\n   MAIN SECTION\n   ========================================================= *\/\n\n#jrCollabIntro {\n    position:\n        relative;\n\n    width:\n        100%;\n\n    margin:\n        0;\n\n    padding:\n        58px\n        32px\n        28px;\n\n    background:\n        #F7F2EC;\n}\n\n\n\/* =========================================================\n   INNER\n   ========================================================= *\/\n\n#jrCollabIntro\n.jrci-inner {\n    width:\n        min(\n            100%,\n            1380px\n        );\n\n    margin:\n        0\n        auto;\n\n    text-align:\n        center;\n}\n\n\n\/* =========================================================\n   TITLE\n   ========================================================= *\/\n\n#jrCollabIntro\n.jrci-title {\n    margin:\n        0 !important;\n\n    padding:\n        0;\n\n    font-family:\n        \"Bacasime Antique\",\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-weight:\n        400;\n\n    line-height:\n        .92;\n\n    text-align:\n        center;\n}\n\n\n\/* =========================================================\n   SOCIAL MEDIA\n   ========================================================= *\/\n\n#jrCollabIntro\n.jrci-title-main {\n    display:\n        block;\n\n    font-size:\n        clamp(\n            58px,\n            6vw,\n            90px\n        );\n\n    font-weight:\n        400;\n\n    font-style:\n        normal;\n\n    line-height:\n        .95;\n\n    letter-spacing:\n        -.025em;\n\n    color:\n        #292522;\n}\n\n\n\/* =========================================================\n   COLLABORATIONS\n   ========================================================= *\/\n\n#jrCollabIntro\n.jrci-title-accent {\n    display:\n        block;\n\n    margin-top:\n        7px;\n\n    font-size:\n        clamp(\n            60px,\n            6.25vw,\n            94px\n        );\n\n    font-weight:\n        400;\n\n    font-style:\n        italic;\n\n    line-height:\n        .92;\n\n    letter-spacing:\n        -.03em;\n\n    color:\n        #C56D45;\n}\n\n\n\/* =========================================================\n   SUBTITLE\n   ========================================================= *\/\n\n#jrCollabIntro\n.jrci-subtitle {\n    width:\n        min(\n            100%,\n            690px\n        );\n\n    margin:\n        29px\n        auto\n        0;\n\n    font-family:\n        Inter,\n        Arial,\n        sans-serif;\n\n    font-size:\n        16px;\n\n    font-weight:\n        400;\n\n    line-height:\n        1.55;\n\n    letter-spacing:\n        0;\n\n    color:\n        #70645C;\n}\n\n\n\/* =========================================================\n   SMALL TERRACOTTA LINE\n   ========================================================= *\/\n\n#jrCollabIntro\n.jrci-line {\n    width:\n        54px;\n\n    height:\n        2px;\n\n    margin:\n        28px\n        auto\n        0;\n\n    background:\n        #C56D45;\n\n    opacity:\n        .68;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width:900px) {\n\n    #jrCollabIntro {\n        padding:\n            50px\n            24px\n            25px;\n    }\n\n\n    #jrCollabIntro\n    .jrci-title-main {\n        font-size:\n            62px;\n    }\n\n\n    #jrCollabIntro\n    .jrci-title-accent {\n        font-size:\n            64px;\n    }\n\n\n    #jrCollabIntro\n    .jrci-subtitle {\n        max-width:\n            620px;\n\n        font-size:\n            15px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width:600px) {\n\n    #jrCollabIntro {\n        padding:\n            42px\n            20px\n            22px;\n    }\n\n\n    #jrCollabIntro\n    .jrci-title {\n        line-height:\n            .96;\n    }\n\n\n    #jrCollabIntro\n    .jrci-title-main {\n        font-size:\n            46px;\n\n        line-height:\n            .96;\n    }\n\n\n    #jrCollabIntro\n    .jrci-title-accent {\n        margin-top:\n            4px;\n\n        font-size:\n            48px;\n\n        line-height:\n            .95;\n    }\n\n\n    #jrCollabIntro\n    .jrci-subtitle {\n        width:\n            min(\n                100%,\n                440px\n            );\n\n        margin-top:\n            22px;\n\n        font-size:\n            14px;\n\n        line-height:\n            1.55;\n    }\n\n\n    #jrCollabIntro\n    .jrci-line {\n        width:\n            42px;\n\n        margin-top:\n            23px;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n    #jrCollabIntro *,\n    #jrCollabIntro *::before,\n    #jrCollabIntro *::after {\n        animation:\n            none !important;\n\n        transition:\n            none !important;\n    }\n\n}\n<\/style>\n\n<section id=\"jrCollabIntro\">\n\n    <div class=\"jrci-inner\">\n\n        <h1 class=\"jrci-title\">\n\n            <span class=\"jrci-title-main\">\n                Social Media\n            <\/span>\n\n            <span class=\"jrci-title-accent\">\n                Kooperationen\n            <\/span>\n\n        <\/h1>\n\n\n        <p class=\"jrci-subtitle\">\n            Kreative Markenkooperationen, inspiriert von der Welt der Wildtiere.\n        <\/p>\n\n\n        <div class=\"jrci-line\"><\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   JULIAN RAD\n   COLLABORATION REELS\n   ========================================================= *\/\n\n\n\/* =========================================================\n   BOX SIZING\n   ========================================================= *\/\n\n#jrCollabReels,\n#jrCollabReels *,\n#jrCollabReels *::before,\n#jrCollabReels *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   MAIN SECTION\n   ========================================================= *\/\n\n#jrCollabReels {\n    width: 100%;\n    margin: 0;\n\n    padding:\n        8px\n        32px\n        74px;\n\n    background: #F7F2EC;\n}\n\n\n\/* =========================================================\n   INNER GRID\n   ========================================================= *\/\n\n#jrCollabReels\n.jrcr-inner {\n    width: min(100%, 1500px);\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(4, minmax(0,1fr));\n\n    gap: 32px;\n\n    align-items: start;\n}\n\n\n\/* =========================================================\n   ITEM\n   ========================================================= *\/\n\n#jrCollabReels\n.jrcr-item {\n    min-width: 0;\n\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n}\n\n\n\/* =========================================================\n   LOGO AREA\n   ========================================================= *\/\n\n#jrCollabReels\n.jrcr-logo-wrap {\n    height: 58px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    margin-bottom: 10px;\n}\n\n\n#jrCollabReels\n.jrcr-logo {\n    display: block;\n\n    width: auto;\n    height: auto;\n\n    max-width: 150px;\n    max-height: 40px;\n\n    margin: 0;\n\n    object-fit: contain;\n}\n\n\n\/* =========================================================\n   INDIVIDUAL LOGO SIZING\n   ========================================================= *\/\n\n#jrCollabReels\n.jrcr-logo-meta {\n    max-width: 140px;\n}\n\n\n#jrCollabReels\n.jrcr-logo-insta360 {\n    max-width: 145px;\n}\n\n\n#jrCollabReels\n.jrcr-logo-laowa {\n    max-width: 128px;\n}\n\n\n#jrCollabReels\n.jrcr-logo-dji {\n    max-width: 88px;\n    max-height: 34px;\n}\n\n\n\/* =========================================================\n   PREVIEW IMAGE\n   ========================================================= *\/\n\n#jrCollabReels\n.jrcr-preview {\n    position: relative;\n\n    display: block;\n\n    width: 100%;\n\n    aspect-ratio: 9 \/ 16;\n\n    overflow: hidden;\n\n    border-radius: 7px;\n\n    background: #E5DED6;\n\n    text-decoration: none !important;\n\n    box-shadow:\n        0 2px 5px rgba(45,35,29,.05);\n\n    transition:\n        transform .32s cubic-bezier(.2,.8,.2,1),\n        box-shadow .32s ease;\n}\n\n\n#jrCollabReels\n.jrcr-preview > img {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    margin: 0 !important;\n    padding: 0;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition:\n        transform .55s cubic-bezier(.2,.8,.2,1);\n}\n\n\n\/* =========================================================\n   KEIN ZUS\u00c4TZLICHES VIEW OVERLAY\n   Auge + View-Zahl sind bereits im Bild\n   ========================================================= *\/\n\n#jrCollabReels\n.jrcr-preview::before,\n#jrCollabReels\n.jrcr-preview::after {\n    display: none;\n}\n\n\n\/* =========================================================\n   PLAY BUTTON\n   ========================================================= *\/\n\n#jrCollabReels\n.jrcr-play {\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    z-index: 3;\n\n    width: 54px;\n    height: 54px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border:\n        1px solid rgba(255,255,255,.38);\n\n    border-radius: 50%;\n\n    background:\n        rgba(28,23,20,.18);\n\n    backdrop-filter:\n        blur(4px);\n\n    -webkit-backdrop-filter:\n        blur(4px);\n\n    box-shadow:\n        0 5px 15px rgba(22,17,14,.09),\n        inset 0 1px 0 rgba(255,255,255,.12);\n\n    transform:\n        translate(-50%,-50%);\n\n    pointer-events: none;\n\n    transition:\n        transform .28s ease,\n        background-color .28s ease,\n        border-color .28s ease,\n        box-shadow .28s ease;\n}\n\n\n\/* =========================================================\n   PLAY TRIANGLE\n   ========================================================= *\/\n\n#jrCollabReels\n.jrcr-play-triangle {\n    width: 0;\n    height: 0;\n\n    margin-left: 3px;\n\n    border-top:\n        8px solid transparent;\n\n    border-bottom:\n        8px solid transparent;\n\n    border-left:\n        13px solid rgba(255,255,255,.96);\n}\n\n\n\/* =========================================================\n   HOVER\n   ========================================================= *\/\n\n@media (hover:hover) and (pointer:fine) {\n\n    #jrCollabReels\n    .jrcr-preview:hover {\n        transform:\n            translateY(-5px);\n\n        box-shadow:\n            0 5px 12px rgba(50,38,30,.07),\n            0 18px 34px rgba(50,38,30,.10);\n    }\n\n\n    #jrCollabReels\n    .jrcr-preview:hover > img {\n        transform:\n            scale(1.022);\n    }\n\n\n    #jrCollabReels\n    .jrcr-preview:hover\n    .jrcr-play {\n        background:\n            rgba(28,23,20,.28);\n\n        border-color:\n            rgba(255,255,255,.52);\n\n        transform:\n            translate(-50%,-50%)\n            scale(1.055);\n\n        box-shadow:\n            0 7px 18px rgba(22,17,14,.13),\n            inset 0 1px 0 rgba(255,255,255,.15);\n    }\n\n}\n\n\n\/* =========================================================\n   TEXT UNDER IMAGE\n   ========================================================= *\/\n\n#jrCollabReels\n.jrcr-copy {\n    padding-top: 15px;\n}\n\n\n\/* =========================================================\n   REEL CAMPAIGN\n   ========================================================= *\/\n\n#jrCollabReels\n.jrcr-kicker {\n    margin:\n        0\n        0\n        7px;\n\n    font-family:\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    font-size: 9px;\n\n    font-weight: 600;\n\n    line-height: 1;\n\n    letter-spacing: .23em;\n\n    text-transform: uppercase;\n\n    color: #74685F;\n}\n\n\n\/* =========================================================\n   CAPTION\n   ========================================================= *\/\n\n#jrCollabReels\n.jrcr-caption {\n    margin: 0;\n\n    font-family:\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    font-size: 14px;\n\n    font-weight: 400;\n\n    line-height: 1.45;\n\n    color: #514842;\n}\n\n\n\/* =========================================================\n   LARGE DESKTOP\n   ========================================================= *\/\n\n@media (min-width:1600px) {\n\n    #jrCollabReels\n    .jrcr-inner {\n        gap: 40px;\n    }\n\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width:1100px) {\n\n    #jrCollabReels {\n        padding:\n            8px\n            24px\n            68px;\n    }\n\n\n    #jrCollabReels\n    .jrcr-inner {\n        grid-template-columns:\n            repeat(2, minmax(0,1fr));\n\n        column-gap: 28px;\n        row-gap: 52px;\n    }\n\n\n    #jrCollabReels\n    .jrcr-preview {\n        width: min(100%, 390px);\n        margin: 0 auto;\n    }\n\n\n    #jrCollabReels\n    .jrcr-copy {\n        width: min(100%, 390px);\n        margin: 0 auto;\n    }\n\n\n    #jrCollabReels\n    .jrcr-play {\n        width: 50px;\n        height: 50px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width:640px) {\n\n    #jrCollabReels {\n        padding:\n            6px\n            20px\n            58px;\n    }\n\n\n    #jrCollabReels\n    .jrcr-inner {\n        grid-template-columns: 1fr;\n\n        gap: 52px;\n    }\n\n\n    #jrCollabReels\n    .jrcr-logo-wrap {\n        height: 48px;\n\n        margin-bottom: 9px;\n    }\n\n\n    #jrCollabReels\n    .jrcr-preview {\n        width: min(100%, 350px);\n\n        margin: 0 auto;\n    }\n\n\n    #jrCollabReels\n    .jrcr-copy {\n        width: min(100%, 350px);\n\n        margin: 0 auto;\n\n        padding-top: 13px;\n    }\n\n\n    #jrCollabReels\n    .jrcr-play {\n        width: 48px;\n        height: 48px;\n    }\n\n\n    #jrCollabReels\n    .jrcr-play-triangle {\n        border-top-width: 7px;\n        border-bottom-width: 7px;\n        border-left-width: 12px;\n    }\n\n\n    #jrCollabReels\n    .jrcr-kicker {\n        font-size: 8px;\n    }\n\n\n    #jrCollabReels\n    .jrcr-caption {\n        font-size: 13px;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n    #jrCollabReels *,\n    #jrCollabReels *::before,\n    #jrCollabReels *::after {\n        animation: none !important;\n        transition: none !important;\n    }\n\n}\n<\/style>\n\n<!-- =========================================================\n     JULIAN RAD \u2014 KOOPERATIONS-REELS\n     Desktop: 4 Spalten\n     Mobile:  2 Spalten \u00d7 2 Zeilen\n========================================================== -->\n\n<section id=\"jrCollabReels\">\n\n    <style>\n        \/* Nur innerhalb dieses Blocks wirksam *\/\n        #jrCollabReels,\n        #jrCollabReels * {\n            box-sizing: border-box;\n        }\n\n        \/*\n         * MOBILE\n         * Zwei Spalten und zwei Zeilen\n         *\/\n        @media (max-width: 767px) {\n\n            #jrCollabReels {\n                width: 100%;\n                padding-inline: 14px;\n                overflow: hidden;\n            }\n\n            #jrCollabReels .jrcr-inner {\n                display: grid !important;\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                align-items: start !important;\n                gap: 28px 14px !important;\n                width: 100% !important;\n                max-width: none !important;\n                margin: 0 auto !important;\n            }\n\n            #jrCollabReels .jrcr-item {\n                display: block !important;\n                width: auto !important;\n                min-width: 0 !important;\n                max-width: none !important;\n                margin: 0 !important;\n            }\n\n            \/* Logos *\/\n            #jrCollabReels .jrcr-logo-wrap {\n                display: flex !important;\n                align-items: center !important;\n                justify-content: center !important;\n                width: 100% !important;\n                height: 44px !important;\n                margin: 0 0 9px !important;\n                padding: 0 8px !important;\n            }\n\n            #jrCollabReels .jrcr-logo {\n                display: block !important;\n                width: auto !important;\n                max-width: 100% !important;\n                height: auto !important;\n                max-height: 31px !important;\n                object-fit: contain !important;\n                object-position: center !important;\n            }\n\n            #jrCollabReels .jrcr-logo-meta {\n                max-height: 27px !important;\n            }\n\n            #jrCollabReels .jrcr-logo-insta360 {\n                max-height: 24px !important;\n            }\n\n            #jrCollabReels .jrcr-logo-laowa {\n                max-height: 27px !important;\n            }\n\n            #jrCollabReels .jrcr-logo-dji {\n                max-height: 25px !important;\n            }\n\n            \/* Reel-Vorschau *\/\n            #jrCollabReels .jrcr-preview {\n                position: relative !important;\n                display: block !important;\n                width: 100% !important;\n                aspect-ratio: 9 \/ 16 !important;\n                overflow: hidden !important;\n                border-radius: 7px !important;\n                background: #ece7df !important;\n                box-shadow:\n                    0 8px 18px rgba(64, 48, 36, 0.08),\n                    0 1px 3px rgba(64, 48, 36, 0.06) !important;\n            }\n\n            #jrCollabReels .jrcr-preview > img {\n                display: block !important;\n                width: 100% !important;\n                height: 100% !important;\n                max-width: none !important;\n                object-fit: cover !important;\n                object-position: center !important;\n            }\n\n            \/* Play-Button *\/\n            #jrCollabReels .jrcr-play {\n                position: absolute !important;\n                top: 50% !important;\n                left: 50% !important;\n                display: grid !important;\n                place-items: center !important;\n                width: 38px !important;\n                height: 38px !important;\n                border: 1px solid rgba(255, 255, 255, 0.48) !important;\n                border-radius: 50% !important;\n                background: rgba(47, 43, 37, 0.42) !important;\n                box-shadow: 0 4px 13px rgba(0, 0, 0, 0.17) !important;\n                backdrop-filter: blur(3px);\n                -webkit-backdrop-filter: blur(3px);\n                transform: translate(-50%, -50%) !important;\n            }\n\n            #jrCollabReels .jrcr-play-triangle {\n                display: block !important;\n                width: 0 !important;\n                height: 0 !important;\n                margin-left: 3px !important;\n                border-top: 6px solid transparent !important;\n                border-bottom: 6px solid transparent !important;\n                border-left: 9px solid #fff !important;\n            }\n\n            \/* Text unter den Karten *\/\n            #jrCollabReels .jrcr-copy {\n                width: 100% !important;\n                margin-top: 10px !important;\n                padding-inline: 1px !important;\n            }\n\n            #jrCollabReels .jrcr-kicker {\n                margin: 0 0 5px !important;\n                color: #a55a40 !important;\n                font-family: Arial, Helvetica, sans-serif !important;\n                font-size: 8px !important;\n                font-weight: 700 !important;\n                line-height: 1.2 !important;\n                letter-spacing: 0.20em !important;\n                text-transform: uppercase !important;\n            }\n\n            #jrCollabReels .jrcr-caption {\n                margin: 0 !important;\n                color: #4f4b47 !important;\n                font-family: Arial, Helvetica, sans-serif !important;\n                font-size: 12px !important;\n                font-weight: 400 !important;\n                line-height: 1.35 !important;\n            }\n        }\n\n        \/*\n         * Sehr kleine Smartphones:\n         * weiterhin zwei Spalten\n         *\/\n        @media (max-width: 380px) {\n\n            #jrCollabReels {\n                padding-inline: 10px;\n            }\n\n            #jrCollabReels .jrcr-inner {\n                gap: 24px 10px !important;\n            }\n\n            #jrCollabReels .jrcr-logo-wrap {\n                height: 40px !important;\n                margin-bottom: 7px !important;\n                padding-inline: 6px !important;\n            }\n\n            #jrCollabReels .jrcr-logo {\n                max-height: 27px !important;\n            }\n\n            #jrCollabReels .jrcr-play {\n                width: 34px !important;\n                height: 34px !important;\n            }\n\n            #jrCollabReels .jrcr-copy {\n                margin-top: 8px !important;\n            }\n\n            #jrCollabReels .jrcr-kicker {\n                font-size: 7px !important;\n                letter-spacing: 0.17em !important;\n            }\n\n            #jrCollabReels .jrcr-caption {\n                font-size: 11px !important;\n                line-height: 1.3 !important;\n            }\n        }\n    <\/style>\n\n\n    <div class=\"jrcr-inner\">\n\n\n    <!-- =====================================================\n                    META\n====================================================== -->\n\n<article class=\"jrcr-item\">\n\n    <div class=\"jrcr-logo-wrap\">\n        <img decoding=\"async\"\n            class=\"jrcr-logo jrcr-logo-meta\"\n            src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Meta_Platforms_Inc._logo.svg-Kopie.webp\"\n            alt=\"Meta\"\n        >\n    <\/div>\n\n    <a\n        class=\"jrcr-preview\"\n        href=\"https:\/\/www.instagram.com\/facebook\/reel\/DRSS8cLDg9k\/\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        aria-label=\"Meta-Kooperation auf Instagram ansehen\"\n    >\n        <img decoding=\"async\"\n            src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Preview_1_webp.webp\"\n            alt=\"Reel-Kooperation mit Meta\"\n        >\n\n        <span class=\"jrcr-play\" aria-hidden=\"true\">\n            <span class=\"jrcr-play-triangle\"><\/span>\n        <\/span>\n    <\/a>\n\n    <div class=\"jrcr-copy\">\n\n        <div class=\"jrcr-kicker\">\n            REEL-KAMPAGNE\n        <\/div>\n\n        <div class=\"jrcr-caption\">\n            Kunde: META\n        <\/div>\n\n    <\/div>\n\n<\/article>\n\n        <!-- =====================================================\n             INSTA360\n        ====================================================== -->\n\n        <article class=\"jrcr-item\">\n\n            <div class=\"jrcr-logo-wrap\">\n                <img decoding=\"async\" class=\"jrcr-logo jrcr-logo-insta360\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/insta360-logo.png\" alt=\"Insta360\">\n            <\/div>\n\n            <a class=\"jrcr-preview\" href=\"#\" aria-label=\"Insta360-Kooperation ansehen\">\n                <img decoding=\"async\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Preview_2_webp.webp\" alt=\"Reel-Kooperation mit Insta360\">\n\n                <span class=\"jrcr-play\" aria-hidden=\"true\">\n                    <span class=\"jrcr-play-triangle\"><\/span>\n                <\/span>\n            <\/a>\n\n            <div class=\"jrcr-copy\">\n\n                <div class=\"jrcr-kicker\">\n                    REEL-KAMPAGNE\n                <\/div>\n\n                <div class=\"jrcr-caption\">\n                    Kunde: INSTA360\n                <\/div>\n\n            <\/div>\n\n        <\/article>\n\n\n        <!-- =====================================================\n             LAOWA\n        ====================================================== -->\n\n        <article class=\"jrcr-item\">\n\n            <div class=\"jrcr-logo-wrap\">\n                <img decoding=\"async\" class=\"jrcr-logo jrcr-logo-laowa\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Laowa-logo.png\" alt=\"LAOWA\">\n            <\/div>\n\n            <a class=\"jrcr-preview\" href=\"#\" aria-label=\"LAOWA-Kooperation ansehen\">\n                <img decoding=\"async\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Preview_3_webp.webp\" alt=\"Reel-Kooperation mit LAOWA\">\n\n                <span class=\"jrcr-play\" aria-hidden=\"true\">\n                    <span class=\"jrcr-play-triangle\"><\/span>\n                <\/span>\n            <\/a>\n\n            <div class=\"jrcr-copy\">\n\n                <div class=\"jrcr-kicker\">\n                    REEL-KAMPAGNE\n                <\/div>\n\n                <div class=\"jrcr-caption\">\n                    Kunde: LAOWA\n                <\/div>\n\n            <\/div>\n\n        <\/article>\n\n\n        <!-- =====================================================\n             DJI\n        ====================================================== -->\n\n        <article class=\"jrcr-item\">\n\n            <div class=\"jrcr-logo-wrap\">\n                <img decoding=\"async\" class=\"jrcr-logo jrcr-logo-dji\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/DJI-logo.webp\" alt=\"DJI\">\n            <\/div>\n\n            <a class=\"jrcr-preview\" href=\"#\" aria-label=\"DJI-Kooperation ansehen\">\n                <img decoding=\"async\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Preview_4_webp.webp\" alt=\"Reel-Kooperation mit DJI\">\n\n                <span class=\"jrcr-play\" aria-hidden=\"true\">\n                    <span class=\"jrcr-play-triangle\"><\/span>\n                <\/span>\n            <\/a>\n\n            <div class=\"jrcr-copy\">\n\n                <div class=\"jrcr-kicker\">\n                    REEL-KAMPAGNE\n                <\/div>\n\n                <div class=\"jrcr-caption\">\n                    Kunde: DJI\n                <\/div>\n\n            <\/div>\n\n        <\/article>\n\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     JULIAN RAD \u2014 WAS ICH KREIERE \/ REEL-MOCKUP\n     WordPress: Diesen gesamten Inhalt in einen \u201eIndividuelles HTML\u201c-Block kopieren.\n     Nur VIDEO-URL und optional den Link des Buttons austauschen.\n========================================================== -->\n\n<section id=\"jr-create-block\" aria-labelledby=\"jr-create-title\">\n  <style>\n    #jr-create-block,\n    #jr-create-block * { box-sizing: border-box; }\n\n    #jr-create-block {\n      --jr-ink: #26323a;\n      --jr-copy: #6f6b67;\n      --jr-accent: #ce6845;\n      --jr-accent-dark: #b95536;\n      --jr-paper: #f6f0e8;\n      --jr-circle: #eee3d7;\n      position: relative;\n      isolation: isolate;\n      width: 100%;\n      overflow: visible;\n      color: var(--jr-ink);\n      background: transparent;\n      border: 0;\n      border-radius: 0;\n      box-shadow: none;\n      padding: clamp(24px, 2.2vw, 38px) clamp(18px, 2.6vw, 44px) 12px;\n      font-family: Arial, Helvetica, sans-serif;\n    }\n\n    #jr-create-block .jr-create-grid {\n      width: min(100%, 1840px);\n      min-height: clamp(380px, 29vw, 465px);\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: minmax(255px, 1.02fr) minmax(205px, .74fr) minmax(300px, 1.12fr);\n      align-items: center;\n      gap: clamp(18px, 2.1vw, 36px);\n    }\n\n    \/* LINKS *\/\n    #jr-create-block .jr-copy { align-self: center; }\n\n    #jr-create-block .jr-eyebrow {\n      margin: 0 0 12px;\n      color: var(--jr-accent);\n      font-size: clamp(11px, .8vw, 14px);\n      font-weight: 800;\n      letter-spacing: .28em;\n      text-transform: uppercase;\n    }\n\n    #jr-create-block h2 {\n      margin: 0;\n      max-width: 620px;\n      color: var(--jr-ink);\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: clamp(42px, 3.7vw, 64px);\n      font-weight: 400;\n      line-height: .98;\n      letter-spacing: -.045em;\n    }\n\n    #jr-create-block h2 em {\n      color: var(--jr-accent);\n      font-weight: 400;\n    }\n\n    #jr-create-block .jr-intro {\n      max-width: 610px;\n      margin: 16px 0 0;\n      color: var(--jr-copy);\n      font-size: clamp(14px, .95vw, 17px);\n      line-height: 1.48;\n    }\n\n    #jr-create-block .jr-cta {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 18px;\n      min-width: 225px;\n      min-height: 49px;\n      margin-top: 20px;\n      padding: 12px 20px;\n      border: 1px solid rgba(153,64,38,.16);\n      border-radius: 7px;\n      color: #fff;\n      background: linear-gradient(180deg, #d67552, #ca6240);\n      box-shadow: 0 13px 28px rgba(173, 78, 46, .17), inset 0 1px rgba(255,255,255,.22);\n      font-size: 11px;\n      font-weight: 800;\n      letter-spacing: .19em;\n      text-decoration: none;\n      text-transform: uppercase;\n      transition: transform .25s ease, box-shadow .25s ease, background .25s ease;\n    }\n\n    #jr-create-block .jr-cta:hover {\n      color: #fff;\n      background: linear-gradient(180deg, #d97a58, #bd5535);\n      box-shadow: 0 17px 32px rgba(173, 78, 46, .24), inset 0 1px rgba(255,255,255,.22);\n      transform: translateY(-2px);\n    }\n\n    #jr-create-block .jr-cta:focus-visible {\n      outline: 3px solid rgba(206,104,69,.35);\n      outline-offset: 4px;\n    }\n\n    #jr-create-block .jr-cta-arrow {\n      font-size: 29px;\n      font-weight: 300;\n      line-height: .7;\n      transition: transform .25s ease;\n    }\n\n    #jr-create-block .jr-cta:hover .jr-cta-arrow { transform: translateX(5px); }\n\n    #jr-create-block .jr-note {\n      margin: 9px 0 0;\n      color: #99938d;\n      font-size: 11px;\n    }\n\n    \/* SMARTPHONE *\/\n    #jr-create-block .jr-phone-column {\n      position: relative;\n      height: 100%;\n      min-height: 0;\n      max-height: 455px;\n      display: grid;\n      place-items: center;\n    }\n\n    #jr-create-block .jr-phone-column::before {\n      content: \"\";\n      position: absolute;\n      z-index: 0;\n      left: 50%;\n      top: 50%;\n      width: 155%;\n      aspect-ratio: 1;\n      border-radius: 50%;\n      pointer-events: none;\n      background: radial-gradient(circle,\n        rgba(220, 181, 145, .29) 0%,\n        rgba(232, 205, 180, .16) 34%,\n        rgba(244, 231, 216, .06) 57%,\n        transparent 72%);\n      filter: blur(3px);\n      transform: translate(-50%, -50%);\n    }\n\n    #jr-create-block .jr-phone-column::after {\n      content: \"\";\n      position: absolute;\n      left: 50%;\n      bottom: 2px;\n      width: 76%;\n      height: 34px;\n      border-radius: 50%;\n      z-index: 1;\n      background: rgba(71, 53, 40, .16);\n      filter: blur(14px);\n      transform: translateX(-50%) rotate(-2deg);\n    }\n\n    #jr-create-block .jr-phone-float {\n      position: relative;\n      z-index: 2;\n      width: min(100%, 221px);\n      aspect-ratio: 9 \/ 19.5;\n      animation: jrPhoneFloat 6.4s ease-in-out infinite;\n      transform-style: preserve-3d;\n    }\n\n    #jr-create-block .jr-phone {\n      position: absolute;\n      inset: 0;\n      padding: 5px;\n      border: 1px solid rgba(18,18,17,.96);\n      border-radius: 32px;\n      background:\n        linear-gradient(90deg,\n          #171716 0%,\n          #777875 10%,\n          #242422 21%,\n          #9b9b97 49%,\n          #343431 78%,\n          #111110 100%);\n      box-shadow:\n        10px 16px 25px rgba(31,24,18,.24),\n        3px 2px 0 #777773,\n        5px 3px 0 #2f2f2c,\n        inset 1px 0 0 rgba(255,255,255,.48),\n        inset -1px 0 0 rgba(0,0,0,.72);\n      overflow: visible;\n    }\n\n    #jr-create-block .jr-phone::before,\n    #jr-create-block .jr-phone::after {\n      content: \"\";\n      position: absolute;\n      right: -6px;\n      width: 3px;\n      border-radius: 0 2px 2px 0;\n      border: 1px solid rgba(20,20,19,.7);\n      background: linear-gradient(90deg,#4f504e,#a0a19e 46%,#343432);\n      box-shadow: inset 0 1px rgba(255,255,255,.34);\n    }\n\n    #jr-create-block .jr-phone::before { top: 83px; height: 46px; }\n    #jr-create-block .jr-phone::after { top: 145px; height: 28px; }\n\n    #jr-create-block .jr-screen {\n      position: relative;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n      border-radius: 27px;\n      background: #15150f;\n      isolation: isolate;\n    }\n\n    #jr-create-block .jr-reel-video {\n      position: absolute;\n      inset: 0;\n      z-index: -2;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      background: linear-gradient(160deg, #697044, #252617);\n    }\n\n    #jr-create-block .jr-screen-shade {\n      position: absolute;\n      inset: 0;\n      z-index: -1;\n      pointer-events: none;\n      background: linear-gradient(to bottom, rgba(0,0,0,.30), transparent 23%, transparent 60%, rgba(0,0,0,.60));\n    }\n\n    #jr-create-block .jr-island {\n      position: absolute;\n      z-index: 8;\n      top: 9px;\n      left: 50%;\n      width: 78px;\n      height: 22px;\n      border-radius: 18px;\n      background: #070706;\n      transform: translateX(-50%);\n      box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);\n    }\n\n    #jr-create-block .jr-status {\n      position: absolute;\n      z-index: 7;\n      top: 14px;\n      left: 15px;\n      right: 14px;\n      display: flex;\n      justify-content: space-between;\n      color: #fff;\n      font-size: 7.5px;\n      font-weight: 700;\n      text-shadow: 0 1px 4px rgba(0,0,0,.6);\n    }\n\n    #jr-create-block .jr-reels-head {\n      position: absolute;\n      z-index: 5;\n      top: 43px;\n      left: 14px;\n      right: 14px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      color: #fff;\n    }\n\n    #jr-create-block .jr-reels-head strong {\n      font-size: 14px;\n      letter-spacing: -.02em;\n      text-shadow: 0 1px 5px rgba(0,0,0,.5);\n    }\n\n    #jr-create-block .jr-camera {\n      position: relative;\n      display: block;\n      width: 18px;\n      height: 15px;\n      border: 1.8px solid #fff;\n      border-radius: 4px;\n      filter: drop-shadow(0 1px 3px rgba(0,0,0,.55));\n    }\n\n    #jr-create-block .jr-camera::before {\n      content: \"\";\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      width: 5px;\n      height: 5px;\n      border: 1.5px solid #fff;\n      border-radius: 50%;\n      transform: translate(-50%,-50%);\n    }\n\n    #jr-create-block .jr-camera::after {\n      content: \"\";\n      position: absolute;\n      left: 4px;\n      top: -4px;\n      width: 7px;\n      height: 3px;\n      border-radius: 2px 2px 0 0;\n      background: #fff;\n    }\n\n    #jr-create-block .jr-actions {\n      position: absolute;\n      z-index: 5;\n      right: 8px;\n      bottom: 108px;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n      color: #fff;\n      text-align: center;\n      text-shadow: 0 1px 5px rgba(0,0,0,.65);\n    }\n\n    #jr-create-block .jr-action { position: relative; min-width: 34px; }\n\n    #jr-create-block .jr-action-icon-img {\n      display: block;\n      width: 30px;\n      height: 30px;\n      margin: 0 auto;\n      object-fit: contain;\n      object-position: center;\n      filter: drop-shadow(0 1px 2px rgba(0,0,0,.95)) drop-shadow(0 0 4px rgba(0,0,0,.45));\n    }\n\n    #jr-create-block .jr-action small {\n      display: block;\n      margin-top: 2px;\n      color: #fff;\n      font-size: 8px;\n      font-weight: 800;\n      line-height: 1;\n    }\n\n    #jr-create-block .jr-heart-pop {\n      position: absolute;\n      left: 50%;\n      top: 4px;\n      color: #ff315c;\n      opacity: 0;\n      font-size: 17px;\n      pointer-events: none;\n      filter: drop-shadow(0 2px 4px rgba(0,0,0,.25));\n      animation: jrHeartPop 2.55s ease-out infinite;\n    }\n\n    #jr-create-block .jr-heart-pop:nth-of-type(2) { animation-delay: .45s; }\n    #jr-create-block .jr-heart-pop:nth-of-type(3) { animation-delay: .9s; }\n\n    #jr-create-block .jr-hearts-field {\n      position: absolute;\n      z-index: 4;\n      right: 44px;\n      bottom: 160px;\n      width: 78px;\n      height: 190px;\n      pointer-events: none;\n    }\n\n    #jr-create-block .jr-float-heart {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      color: #ff315c;\n      font-size: 18px;\n      opacity: 0;\n      animation: jrHeartRise 3.15s ease-out infinite;\n      filter: drop-shadow(0 2px 5px rgba(0,0,0,.24));\n    }\n\n    #jr-create-block .jr-float-heart:nth-child(2) { right: 21px; animation-delay: .72s; font-size: 14px; }\n    #jr-create-block .jr-float-heart:nth-child(3) { right: 3px; animation-delay: 1.42s; font-size: 21px; }\n    #jr-create-block .jr-float-heart:nth-child(4) { right: 29px; animation-delay: 2.12s; font-size: 16px; }\n\n    #jr-create-block .jr-reel-meta {\n      position: absolute;\n      z-index: 5;\n      left: 15px;\n      right: 9px;\n      bottom: 18px;\n      color: #fff;\n      text-shadow: 0 1px 5px rgba(0,0,0,.65);\n    }\n\n    #jr-create-block .jr-userline { display: flex; align-items: center; gap: 4px; min-width: 0; }\n\n    #jr-create-block .jr-avatar {\n      display: grid;\n      place-items: center;\n      width: 22px;\n      height: 22px;\n      flex: 0 0 auto;\n      border: 1.3px solid rgba(255,255,255,.82);\n      border-radius: 50%;\n      color: #fff;\n      background: #b86543;\n      font: 700 7px Georgia, serif;\n    }\n\n    #jr-create-block .jr-name { min-width: 0; font-size: 8px; font-weight: 800; white-space: nowrap; }\n\n    #jr-create-block .jr-verified {\n      display: inline-grid;\n      place-items: center;\n      width: 10px;\n      height: 10px;\n      flex: 0 0 auto;\n      border-radius: 50%;\n      color: #fff;\n      background: #2196f3;\n      font-size: 7px;\n      line-height: 1;\n    }\n\n    #jr-create-block .jr-follow {\n      flex: 0 0 auto;\n      margin-left: 1px;\n      padding: 3px 5px;\n      border: 1px solid rgba(255,255,255,.9);\n      border-radius: 4px;\n      color: #fff;\n      background: rgba(0,0,0,.20);\n      font-size: 7px;\n      font-weight: 700;\n    }\n\n    #jr-create-block .jr-caption { max-width: 135px; margin: 5px 0 0; font-size: 7.2px; line-height: 1.3; }\n    #jr-create-block .jr-audio { margin: 4px 0 0; font-size: 6.8px; opacity: .94; }\n\n    #jr-create-block .jr-gloss {\n      position: absolute;\n      z-index: 9;\n      inset: 5px;\n      border-radius: 27px;\n      pointer-events: none;\n      background:\n        linear-gradient(112deg,\n          rgba(255,255,255,.10) 0%,\n          rgba(255,255,255,.03) 16%,\n          transparent 31%,\n          transparent 78%,\n          rgba(255,255,255,.035) 100%);\n    }\n\n    \/* LEISTUNGEN *\/\n    #jr-create-block .jr-services {\n      min-width: 0;\n      align-self: center;\n    }\n\n    #jr-create-block .jr-services-track {\n      display: grid;\n      gap: clamp(12px, 1.15vw, 19px);\n      align-content: center;\n    }\n\n    #jr-create-block .jr-services-nav { display: none; }\n\n    #jr-create-block .jr-service {\n      display: block;\n      min-width: 0;\n      padding: 1px 0;\n    }\n\n    #jr-create-block .jr-service-icon { display: none; }\n\n    #jr-create-block .jr-service h3 {\n      --jr-paper-rotate: -.45deg;\n      --jr-line-width: 52px;\n      position: relative;\n      isolation: isolate;\n      display: inline-block;\n      margin: 0 0 8px;\n      padding: 2px 7px 3px 4px;\n      color: var(--jr-ink);\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: clamp(19px, 1.35vw, 26px);\n      font-weight: 400;\n      line-height: 1.08;\n      letter-spacing: -.018em;\n    }\n\n    \/* Unregelm\u00e4\u00dfiger Papierstreifen hinter der \u00dcberschrift *\/\n    #jr-create-block .jr-service h3::before {\n      content: \"\";\n      position: absolute;\n      z-index: -2;\n      top: -7px;\n      right: -18px;\n      bottom: -6px;\n      left: -14px;\n      background:\n        linear-gradient(103deg,\n          rgba(233,224,211,.58),\n          rgba(242,235,225,.82) 48%,\n          rgba(229,220,207,.55));\n      clip-path: polygon(\n        1% 12%, 7% 5%, 15% 9%, 24% 3%, 34% 7%,\n        45% 2%, 57% 8%, 68% 4%, 80% 9%, 91% 3%, 99% 11%,\n        97% 30%, 100% 48%, 97% 67%, 99% 88%, 91% 95%,\n        80% 91%, 68% 98%, 57% 93%, 45% 99%, 34% 92%,\n        22% 97%, 13% 91%, 4% 96%, 1% 82%, 3% 63%, 0 45%\n      );\n      transform: rotate(var(--jr-paper-rotate));\n      transform-origin: 50% 50%;\n      filter: drop-shadow(0 2px 4px rgba(85,64,48,.035));\n    }\n\n    \/* Kleine, handgezeichnet wirkende Linie *\/\n    #jr-create-block .jr-service h3::after {\n      content: \"\";\n      position: absolute;\n      z-index: -1;\n      left: 3px;\n      bottom: -3px;\n      width: var(--jr-line-width);\n      height: 2px;\n      border-radius: 50%;\n      background: linear-gradient(90deg,\n        rgba(206,104,69,.88),\n        rgba(206,104,69,.46) 72%,\n        transparent);\n      transform: rotate(-1.4deg) skewX(-13deg);\n    }\n\n    #jr-create-block .jr-service:nth-child(2) h3 {\n      --jr-paper-rotate: .35deg;\n      --jr-line-width: 61px;\n    }\n\n    #jr-create-block .jr-service:nth-child(3) h3 {\n      --jr-paper-rotate: -.8deg;\n      --jr-line-width: 49px;\n    }\n\n    #jr-create-block .jr-service:nth-child(4) h3 {\n      --jr-paper-rotate: .55deg;\n      --jr-line-width: 58px;\n    }\n\n    #jr-create-block .jr-service:nth-child(5) h3 {\n      --jr-paper-rotate: -.3deg;\n      --jr-line-width: 55px;\n    }\n\n    #jr-create-block .jr-service p {\n      margin: 0;\n      max-width: 520px;\n      color: var(--jr-copy);\n      font-size: clamp(11px, .78vw, 14px);\n      line-height: 1.38;\n    }\n\n    @keyframes jrPhoneFloat {\n      0%, 100% { transform: perspective(1200px) rotate(-2.8deg) rotateY(-4deg) translateY(0); }\n      50% { transform: perspective(1200px) rotate(-1.5deg) rotateY(-2deg) translateY(-8px); }\n    }\n\n    @keyframes jrHeartPop {\n      0%, 8%, 100% { opacity: 0; transform: translate(-50%, 0) scale(.2) rotate(-12deg); }\n      22% { opacity: 1; transform: translate(-50%, -8px) scale(1.12) rotate(7deg); }\n      55% { opacity: 0; transform: translate(-95%, -35px) scale(.82) rotate(-9deg); }\n    }\n\n    @keyframes jrHeartRise {\n      0% { opacity: 0; transform: translate(0, 8px) scale(.3) rotate(-10deg); }\n      16% { opacity: 1; }\n      62% { opacity: .9; transform: translate(-12px, -88px) scale(1) rotate(8deg); }\n      100% { opacity: 0; transform: translate(8px, -160px) scale(1.25) rotate(-5deg); }\n    }\n\n    @media (max-width: 1180px) {\n      #jr-create-block { aspect-ratio: auto; min-height: 0; padding: 44px clamp(24px, 4vw, 50px); }\n      #jr-create-block .jr-create-grid { grid-template-columns: 1fr .80fr; gap: 42px; }\n      #jr-create-block .jr-phone-column { min-height: 620px; max-height: none; }\n      #jr-create-block .jr-phone-float { width: min(100%, 315px); }\n      #jr-create-block .jr-services { grid-column: 1 \/ -1; margin-top: 10px; }\n      #jr-create-block .jr-services-track { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n      #jr-create-block .jr-service:last-child { grid-column: 1 \/ -1; max-width: 52%; }\n    }\n\n    @media (max-width: 760px) {\n      #jr-create-block { border-radius: 0; padding: 42px 20px 34px; }\n      #jr-create-block .jr-create-grid { min-height: 0; grid-template-columns: 1fr; gap: 48px; }\n      #jr-create-block .jr-copy { text-align: center; }\n      #jr-create-block .jr-eyebrow { margin-bottom: 17px; font-size: 12px; }\n      #jr-create-block h2 { margin-inline: auto; font-size: clamp(50px, 15vw, 67px); }\n      #jr-create-block .jr-intro { margin-top: 24px; font-size: 17px; }\n      #jr-create-block .jr-cta { min-width: min(100%, 315px); margin-top: 30px; }\n      #jr-create-block .jr-note { font-size: 13px; }\n      #jr-create-block .jr-phone-column { min-height: 625px; order: 2; }\n      #jr-create-block .jr-phone-float { width: min(78vw, 315px); }\n      #jr-create-block .jr-services {\n        order: 3;\n        position: relative;\n        width: 100%;\n        margin-top: -8px;\n        padding: 9px 12px 13px;\n        border: 1px solid rgba(116, 88, 69, .10);\n        border-radius: 22px;\n        background: rgba(255, 252, 248, .42);\n        box-shadow:\n          0 18px 42px rgba(84, 62, 46, .055),\n          inset 0 1px 0 rgba(255, 255, 255, .72);\n      }\n\n      #jr-create-block .jr-services-track {\n        display: flex;\n        gap: 0;\n        width: 100%;\n        overflow-x: auto;\n        overscroll-behavior-x: contain;\n        scroll-behavior: smooth;\n        scroll-snap-type: x mandatory;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n        touch-action: pan-x pan-y;\n      }\n\n      #jr-create-block .jr-services-track::-webkit-scrollbar { display: none; }\n\n      #jr-create-block .jr-service,\n      #jr-create-block .jr-service:last-child {\n        display: flex;\n        flex: 0 0 100%;\n        align-items: center;\n        justify-content: center;\n        min-width: 100%;\n        min-height: 150px;\n        max-width: none;\n        padding: 25px 24px 18px;\n        border: 0;\n        scroll-snap-align: center;\n        scroll-snap-stop: always;\n        text-align: center;\n      }\n\n      #jr-create-block .jr-service-icon { display: none; }\n\n      #jr-create-block .jr-service h3 {\n        margin-bottom: 11px;\n        padding: 1px 5px 2px 3px;\n        font-size: 25px;\n        line-height: 1.12;\n      }\n\n      #jr-create-block .jr-service h3::before {\n        top: -5px;\n        right: -12px;\n        bottom: -4px;\n        left: -10px;\n        opacity: .68;\n      }\n\n      #jr-create-block .jr-service h3::after {\n        left: 50%;\n        bottom: -4px;\n        width: 54px;\n        transform: translateX(-50%) rotate(-1.4deg) skewX(-13deg);\n      }\n\n      #jr-create-block .jr-service p {\n        max-width: 300px;\n        margin: 0 auto;\n        font-size: 14px;\n        line-height: 1.42;\n        text-wrap: balance;\n      }\n\n      #jr-create-block .jr-services-nav {\n        display: grid;\n        grid-template-columns: 42px 1fr 42px;\n        align-items: center;\n        gap: 14px;\n        width: min(100%, 270px);\n        margin: 4px auto 1px;\n      }\n\n      #jr-create-block .jr-slider-arrow {\n        display: grid;\n        place-items: center;\n        width: 42px;\n        height: 42px;\n        padding: 0;\n        border: 1px solid rgba(206, 104, 69, .42);\n        border-radius: 50%;\n        color: var(--jr-accent);\n        background: rgba(255, 252, 248, .76);\n        box-shadow: 0 7px 18px rgba(91, 61, 43, .07);\n        font: 300 24px\/1 Arial, Helvetica, sans-serif;\n        cursor: pointer;\n        transition: color .2s ease, background .2s ease, transform .2s ease;\n        -webkit-tap-highlight-color: transparent;\n      }\n\n      #jr-create-block .jr-slider-arrow:active {\n        color: #fff;\n        background: var(--jr-accent);\n        transform: scale(.94);\n      }\n\n      #jr-create-block .jr-slider-arrow:focus-visible {\n        outline: 3px solid rgba(206, 104, 69, .25);\n        outline-offset: 3px;\n      }\n\n      #jr-create-block .jr-slider-dots {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n      }\n\n      #jr-create-block .jr-slider-dot {\n        width: 7px;\n        height: 7px;\n        padding: 0;\n        border: 0;\n        border-radius: 50%;\n        background: rgba(38, 50, 58, .20);\n        cursor: pointer;\n        transition: width .25s ease, border-radius .25s ease, background .25s ease;\n        -webkit-tap-highlight-color: transparent;\n      }\n\n      #jr-create-block .jr-slider-dot.is-active {\n        width: 22px;\n        border-radius: 20px;\n        background: var(--jr-accent);\n      }\n    }\n\n    @media (max-width: 390px) {\n      #jr-create-block .jr-phone-column { min-height: 565px; }\n      #jr-create-block .jr-services { padding: 8px 10px 12px; border-radius: 19px; }\n\n      #jr-create-block .jr-service,\n      #jr-create-block .jr-service:last-child {\n        min-height: 142px;\n        padding: 22px 17px 16px;\n      }\n\n      #jr-create-block .jr-service h3 { font-size: 23px; }\n      #jr-create-block .jr-service p { font-size: 13px; }\n\n      #jr-create-block .jr-services-nav {\n        grid-template-columns: 38px 1fr 38px;\n        width: min(100%, 250px);\n      }\n\n      #jr-create-block .jr-slider-arrow { width: 38px; height: 38px; }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      #jr-create-block .jr-phone-float,\n      #jr-create-block .jr-heart-pop,\n      #jr-create-block .jr-float-heart { animation: none !important; }\n    }\n  <\/style>\n\n  <div class=\"jr-create-grid\">\n    <div class=\"jr-copy\">\n\n      <h2 id=\"jr-create-title\">F\u00fcr Ihre <em>Marke<\/em><\/h2>\n      <p class=\"jr-intro\">Ich verbinde Ihre Marke mit authentischen Wildtieraufnahmen und erreiche damit genau die Zielgruppe, die Sie ansprechen m\u00f6chten.<\/p>\n\n      <a class=\"jr-cta\" href=\"#contact\">\n        <span>Kooperation anfragen<\/span>\n        <span class=\"jr-cta-arrow\" aria-hidden=\"true\">\u2192<\/span>\n      <\/a>\n    <\/div>\n\n    <div class=\"jr-phone-column\" aria-label=\"Instagram-Reel von julianradwildlife\">\n      <div class=\"jr-phone-float\">\n        <div class=\"jr-phone\">\n          <div class=\"jr-screen\">\n            <!-- HIER DEINE ECHTE MP4-URL EINSETZEN -->\n            <video class=\"jr-reel-video\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" preload=\"metadata\" poster=\"\">\n              <source src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/time-fb.mp4\" type=\"video\/mp4\">\n            <\/video>\n            <div class=\"jr-screen-shade\"><\/div>\n\n            <div class=\"jr-island\"><\/div>\n            <div class=\"jr-status\"><span>9:41<\/span><span>\u25ae\u25ae \u25d4 \u25b0<\/span><\/div>\n\n            <div class=\"jr-reels-head\">\n              <strong>Reels<\/strong>\n              <span class=\"jr-camera\" aria-hidden=\"true\"><\/span>\n            <\/div>\n\n            <div class=\"jr-hearts-field\" aria-hidden=\"true\">\n              <span class=\"jr-float-heart\">\u2665<\/span><span class=\"jr-float-heart\">\u2665<\/span><span class=\"jr-float-heart\">\u2665<\/span><span class=\"jr-float-heart\">\u2665<\/span>\n            <\/div>\n\n            <div class=\"jr-actions\" aria-hidden=\"true\">\n              <div class=\"jr-action jr-liked\">\n                <img loading=\"lazy\" decoding=\"async\" class=\"jr-action-icon-img\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Heart_White.webp\" alt=\"\" width=\"30\" height=\"30\">\n                <small class=\"jr-like-count\">525K<\/small>\n                <span class=\"jr-heart-pop\">\u2665<\/span><span class=\"jr-heart-pop\">\u2665<\/span><span class=\"jr-heart-pop\">\u2665<\/span>\n              <\/div>\n\n              <div class=\"jr-action\">\n                <img loading=\"lazy\" decoding=\"async\" class=\"jr-action-icon-img\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/comment_white.webp\" alt=\"\" width=\"30\" height=\"30\">\n                <small>2.822<\/small>\n              <\/div>\n\n              <div class=\"jr-action\">\n                <img loading=\"lazy\" decoding=\"async\" class=\"jr-action-icon-img\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/send_white.webp\" alt=\"\" width=\"30\" height=\"30\">\n                <small>4.524<\/small>\n              <\/div>\n            <\/div>\n\n            <div class=\"jr-reel-meta\">\n              <div class=\"jr-userline\">\n                <span class=\"jr-avatar\">JR<\/span>\n                <span class=\"jr-name\">julianradwildlife<\/span>\n                <span class=\"jr-verified\" aria-label=\"Verifiziert\">\u2713<\/span>\n                <span class=\"jr-follow\">Folgen<\/span>\n              <\/div>\n              <p class=\"jr-caption\">Ein stiller Moment in der Natur. Kleine Augenblicke, gro\u00dfe Wirkung.<\/p>\n              <p class=\"jr-audio\">\u266b Original-Audio \u00b7 Julian Rad<\/p>\n            <\/div>\n\n          <\/div>\n          <div class=\"jr-gloss\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"jr-services\" aria-label=\"Leistungen\">\n      <div class=\"jr-services-track\">\n\n        <article class=\"jr-service\">\n          <div class=\"jr-service-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M9 3 7.5 5H5a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3h-2.5L15 3H9zm3 5a5 5 0 1 1 0 10 5 5 0 0 1 0-10z\"><\/path><\/svg>\n          <\/div>\n          <div>\n            <h3>Reels &amp; Kurzvideos<\/h3>\n            <p>Cinematischer, authentischer und plattformgerechter Content f\u00fcr Instagram, YouTube und Facebook.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"jr-service\">\n          <div class=\"jr-service-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M4 3h16a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm1 15h14l-4.5-6-3.3 4.2-2.4-3L5 18zm3-9.2a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\"><\/path><\/svg>\n          <\/div>\n          <div>\n            <h3>Fotokampagnen<\/h3>\n            <p>Ausdrucksstarke Wildtieraufnahmen f\u00fcr Ihre Marke \u2013 digital und im Printbereich.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"jr-service\">\n          <div class=\"jr-service-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M21.5 2.5C13 2.4 6 5.4 4.2 11.7c-.6 2-.2 3.8.8 5.1L2.4 21l1.6 1 2.7-4c1.4.6 3.2.5 5-.2 6.1-2.5 8.8-8.6 9.8-15.3zM7.2 16.3c2.9-4.1 6.4-6.7 10.9-9.1-3.7 2.9-6.6 6.1-8.7 9.9-.8 0-1.6-.2-2.2-.8z\"><\/path><\/svg>\n          <\/div>\n          <div>\n            <h3>Storytelling<\/h3>\n            <p>Authentische Wildlife-Aufnahmen geben Ihren Produkten einen besonderen Rahmen.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"jr-service\">\n          <div class=\"jr-service-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"m12 2 9 4.8v10.4L12 22l-9-4.8V6.8L12 2zm0 2.3L6.1 7.4 12 10.6l5.9-3.2L12 4.3zm-7 4.8v6.8l6 3.2v-6.8L5 9.1zm8 10 6-3.2V9.1l-6 3.2v6.8z\"><\/path><\/svg>\n          <\/div>\n          <div>\n            <h3>Produktintegration<\/h3>\n            <p>Ich setze Ihre Produkte bei der Arbeit in der Natur authentisch in Szene.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"jr-service\">\n          <div class=\"jr-service-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M8 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm8 0a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 13c-4.4 0-7 2.2-7 5v3h10v-3c0-1.5.7-2.8 1.8-3.8A9.7 9.7 0 0 0 8 13zm8 0c-1 0-2 .1-2.8.4A5.8 5.8 0 0 1 15 18v3h8v-3c0-2.8-2.6-5-7-5z\"><\/path><\/svg>\n          <\/div>\n          <div>\n            <h3>Langfristige Partnerschaften<\/h3>\n            <p>Eine Zusammenarbeit, die \u00fcber einzelne Kampagnen hinausgeht und sich mit gemeinsamen Projekten weiterentwickelt.<\/p>\n          <\/div>\n        <\/article>\n\n      <\/div>\n\n      <div class=\"jr-services-nav\" aria-label=\"Leistungen durchbl\u00e4ttern\">\n        <button class=\"jr-slider-arrow jr-slider-prev\" type=\"button\" aria-label=\"Vorherige Leistung\">\u2039<\/button>\n\n        <div class=\"jr-slider-dots\" role=\"tablist\" aria-label=\"Leistung ausw\u00e4hlen\">\n          <button class=\"jr-slider-dot is-active\" type=\"button\" role=\"tab\" aria-label=\"Leistung 1 von 5\" aria-selected=\"true\"><\/button>\n          <button class=\"jr-slider-dot\" type=\"button\" role=\"tab\" aria-label=\"Leistung 2 von 5\" aria-selected=\"false\"><\/button>\n          <button class=\"jr-slider-dot\" type=\"button\" role=\"tab\" aria-label=\"Leistung 3 von 5\" aria-selected=\"false\"><\/button>\n          <button class=\"jr-slider-dot\" type=\"button\" role=\"tab\" aria-label=\"Leistung 4 von 5\" aria-selected=\"false\"><\/button>\n          <button class=\"jr-slider-dot\" type=\"button\" role=\"tab\" aria-label=\"Leistung 5 von 5\" aria-selected=\"false\"><\/button>\n        <\/div>\n\n        <button class=\"jr-slider-arrow jr-slider-next\" type=\"button\" aria-label=\"N\u00e4chste Leistung\">\u203a<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (() => {\n      const block = document.getElementById('jr-create-block');\n      if (!block || block.dataset.ready === '1') return;\n      block.dataset.ready = '1';\n\n      const video = block.querySelector('.jr-reel-video');\n      if (video) {\n        video.muted = true;\n        video.play().catch(() => {\n          const resumeVideo = () => {\n            video.play().catch(() => {});\n            document.removeEventListener('touchstart', resumeVideo);\n            document.removeEventListener('click', resumeVideo);\n          };\n          document.addEventListener('touchstart', resumeVideo, { once: true });\n          document.addEventListener('click', resumeVideo, { once: true });\n        });\n      }\n\n      const servicesTrack = block.querySelector('.jr-services-track');\n      const serviceSlides = [...block.querySelectorAll('.jr-service')];\n      const sliderDots = [...block.querySelectorAll('.jr-slider-dot')];\n      const prevButton = block.querySelector('.jr-slider-prev');\n      const nextButton = block.querySelector('.jr-slider-next');\n      let activeService = 0;\n      let scrollFrame = 0;\n\n      const updateServiceSlider = (index) => {\n        activeService = (index + serviceSlides.length) % serviceSlides.length;\n        sliderDots.forEach((dot, dotIndex) => {\n          const active = dotIndex === activeService;\n          dot.classList.toggle('is-active', active);\n          dot.setAttribute('aria-selected', String(active));\n        });\n      };\n\n      const showService = (index, smooth = true) => {\n        if (!servicesTrack || !serviceSlides.length) return;\n        updateServiceSlider(index);\n        servicesTrack.scrollTo({\n          left: activeService * servicesTrack.clientWidth,\n          behavior: smooth ? 'smooth' : 'auto'\n        });\n      };\n\n      prevButton?.addEventListener('click', () => showService(activeService - 1));\n      nextButton?.addEventListener('click', () => showService(activeService + 1));\n      sliderDots.forEach((dot, index) => dot.addEventListener('click', () => showService(index)));\n\n      servicesTrack?.addEventListener('scroll', () => {\n        cancelAnimationFrame(scrollFrame);\n        scrollFrame = requestAnimationFrame(() => {\n          if (!servicesTrack.clientWidth) return;\n          updateServiceSlider(Math.round(servicesTrack.scrollLeft \/ servicesTrack.clientWidth));\n        });\n      }, { passive: true });\n\n      window.addEventListener('resize', () => {\n        if (window.matchMedia('(max-width: 760px)').matches) showService(activeService, false);\n      });\n    })();\n  <\/script>\n<\/section>\n\n\n\n<!-- =========================================================\n     JULIAN RAD \u2014 KOOPERATIONSPROZESS 1\u20134\n     Separater WordPress-Block: vollst\u00e4ndig in einen\n     \u201eIndividuelles HTML\u201c-Block kopieren.\n========================================================== -->\n\n<section id=\"jr-collaboration-process\" aria-label=\"So l\u00e4uft eine Kooperation ab\">\n  <style>\n    #jr-collaboration-process,\n    #jr-collaboration-process * {\n      box-sizing: border-box;\n    }\n\n    #jr-collaboration-process {\n      --jr-process-ink: #26323a;\n      --jr-process-copy: #6f6b67;\n      --jr-process-accent: #ce6845;\n      --jr-process-paper: #f8f3ed;\n      --jr-process-gap: clamp(24px, 3vw, 48px);\n\n      width: 100%;\n      margin: 0;\n      padding: clamp(24px, 3vw, 46px) clamp(18px, 3vw, 48px);\n      color: var(--jr-process-ink);\n      background: transparent;\n      font-family: Arial, Helvetica, sans-serif;\n      isolation: isolate;\n    }\n\n    #jr-collaboration-process .jr-process-inner {\n      width: min(100%, 1320px);\n      margin: 0 auto;\n    }\n\n    #jr-collaboration-process .jr-process-list {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: var(--jr-process-gap);\n      margin: 0;\n      padding: 0;\n      list-style: none;\n    }\n\n    #jr-collaboration-process .jr-process-item {\n      position: relative;\n      min-width: 0;\n      text-align: center;\n    }\n\n    #jr-collaboration-process .jr-process-marker {\n      position: relative;\n      z-index: 1;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      height: 38px;\n      margin-bottom: 11px;\n    }\n\n    #jr-collaboration-process .jr-process-marker::after {\n      content: \"\";\n      position: absolute;\n      z-index: -1;\n      top: 50%;\n      left: 50%;\n      width: calc(100% + var(--jr-process-gap));\n      height: 1px;\n      background: linear-gradient(\n        90deg,\n        rgba(206, 104, 69, 0.50),\n        rgba(206, 104, 69, 0.25)\n      );\n      transform: translateY(-50%);\n    }\n\n    \/* Nach Punkt 4 endet die Linie. *\/\n    #jr-collaboration-process\n    .jr-process-item:last-child\n    .jr-process-marker::after {\n      content: none !important;\n      display: none !important;\n    }\n\n    #jr-collaboration-process .jr-process-number {\n      position: relative;\n      z-index: 2;\n      display: grid;\n      place-items: center;\n      width: 36px;\n      height: 36px;\n      border: 1px solid rgba(206, 104, 69, 0.78);\n      border-radius: 50%;\n      color: var(--jr-process-accent);\n      background: var(--jr-process-paper);\n      box-shadow: 0 0 0 8px var(--jr-process-paper);\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: 13px;\n      font-weight: 400;\n      line-height: 1;\n    }\n\n    #jr-collaboration-process .jr-process-title {\n      margin: 0 auto 6px;\n      color: var(--jr-process-ink);\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: clamp(17px, 1.25vw, 21px);\n      font-weight: 400;\n      line-height: 1.18;\n      letter-spacing: -0.015em;\n      text-align: center;\n    }\n\n    #jr-collaboration-process .jr-process-description {\n      width: min(100%, 255px);\n      margin: 0 auto;\n      color: var(--jr-process-copy);\n      font-size: clamp(11px, 0.78vw, 13px);\n      line-height: 1.45;\n      text-align: center;\n      text-wrap: balance;\n    }\n\n    \/* ======================================================\n       TABLET\n    ====================================================== *\/\n\n    @media (max-width: 820px) and (min-width: 521px) {\n      #jr-collaboration-process {\n        padding: 34px 20px;\n      }\n\n      #jr-collaboration-process .jr-process-list {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 38px 24px;\n      }\n\n      #jr-collaboration-process\n      .jr-process-item:nth-child(2)\n      .jr-process-marker::after,\n      #jr-collaboration-process\n      .jr-process-item:last-child\n      .jr-process-marker::after {\n        content: none !important;\n        display: none !important;\n      }\n\n      #jr-collaboration-process .jr-process-description {\n        font-size: 13px;\n      }\n    }\n\n    \/* ======================================================\n       MOBILE \u2014 4 PUNKTE HORIZONTAL, NUR \u00dcBERSCHRIFTEN\n    ====================================================== *\/\n\n    @media (max-width: 520px) {\n      #jr-collaboration-process {\n        padding: 18px 10px 24px;\n      }\n\n      #jr-collaboration-process .jr-process-inner {\n        width: 100%;\n      }\n\n      #jr-collaboration-process .jr-process-list {\n        grid-template-columns: repeat(4, minmax(0, 1fr));\n        gap: 0;\n        width: 100%;\n      }\n\n      #jr-collaboration-process .jr-process-item {\n        display: block;\n        min-width: 0;\n        padding: 0 3px;\n        text-align: center;\n      }\n\n      #jr-collaboration-process .jr-process-marker {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: auto;\n        height: 32px;\n        min-height: 0;\n        margin: 0 0 10px;\n      }\n\n      #jr-collaboration-process .jr-process-marker::after {\n        content: \"\" !important;\n        display: block !important;\n        position: absolute;\n        z-index: -1;\n        top: 50%;\n        right: auto;\n        bottom: auto;\n        left: 50%;\n        width: 100%;\n        height: 1px;\n        background: linear-gradient(\n          90deg,\n          rgba(206, 104, 69, 0.52),\n          rgba(206, 104, 69, 0.22)\n        );\n        transform: translateY(-50%);\n      }\n\n      \/* Tablet-Ausnahme f\u00fcr Punkt 2 auf Mobile zur\u00fccksetzen. *\/\n      #jr-collaboration-process\n      .jr-process-item:nth-child(2)\n      .jr-process-marker::after {\n        content: \"\" !important;\n        display: block !important;\n      }\n\n      \/* Nach Punkt 4 darf keine Linie erscheinen. *\/\n      #jr-collaboration-process\n      .jr-process-item:last-child\n      .jr-process-marker::after {\n        content: none !important;\n        display: none !important;\n      }\n\n      #jr-collaboration-process .jr-process-number {\n        width: 30px;\n        height: 30px;\n        border-width: 1px;\n        background: var(--jr-process-paper);\n        box-shadow: 0 0 0 5px var(--jr-process-paper);\n        font-size: 11px;\n      }\n\n      #jr-collaboration-process .jr-process-title {\n        margin: 0 auto;\n        padding: 0 1px;\n        color: var(--jr-process-ink);\n        font-size: clamp(11px, 3.45vw, 14px);\n        line-height: 1.15;\n        text-align: center;\n        text-wrap: balance;\n      }\n\n      \/* Beschreibung nur auf Mobile ausblenden. *\/\n      #jr-collaboration-process .jr-process-description {\n        display: none;\n      }\n    }\n\n    \/* Sehr kleine Smartphones *\/\n    @media (max-width: 360px) {\n      #jr-collaboration-process {\n        padding-inline: 6px;\n      }\n\n      #jr-collaboration-process .jr-process-item {\n        padding-inline: 1px;\n      }\n\n      #jr-collaboration-process .jr-process-number {\n        width: 28px;\n        height: 28px;\n        font-size: 10px;\n      }\n\n      #jr-collaboration-process .jr-process-title {\n        font-size: 10.5px;\n      }\n    }\n  <\/style>\n\n  <div class=\"jr-process-inner\">\n    <ol class=\"jr-process-list\">\n\n      <li class=\"jr-process-item\">\n        <div class=\"jr-process-marker\" aria-hidden=\"true\">\n          <span class=\"jr-process-number\">1<\/span>\n        <\/div>\n\n        <h3 class=\"jr-process-title\">Kontaktaufnahme<\/h3>\n\n        <p class=\"jr-process-description\">\n          Teilen Sie Ihre Idee, Ihre Kampagnenziele oder die Geschichte, die Sie erz\u00e4hlen m\u00f6chten.\n        <\/p>\n      <\/li>\n\n      <li class=\"jr-process-item\">\n        <div class=\"jr-process-marker\" aria-hidden=\"true\">\n          <span class=\"jr-process-number\">2<\/span>\n        <\/div>\n\n        <h3 class=\"jr-process-title\">Gemeinsame Planung<\/h3>\n\n        <p class=\"jr-process-description\">\n          Gemeinsam legen wir das passende Format, die Bildsprache und die Umsetzung f\u00fcr Ihre Marke fest.\n        <\/p>\n      <\/li>\n\n      <li class=\"jr-process-item\">\n        <div class=\"jr-process-marker\" aria-hidden=\"true\">\n          <span class=\"jr-process-number\">3<\/span>\n        <\/div>\n\n        <h3 class=\"jr-process-title\">Produktion<\/h3>\n\n        <p class=\"jr-process-description\">\n          Authentische Wildlife-Inhalte entstehen mit Sorgfalt und Verantwortung direkt drau\u00dfen in der Natur.\n        <\/p>\n      <\/li>\n\n      <li class=\"jr-process-item\">\n        <div class=\"jr-process-marker\" aria-hidden=\"true\">\n          <span class=\"jr-process-number\">4<\/span>\n        <\/div>\n\n        <h3 class=\"jr-process-title\">Ver\u00f6ffentlichung<\/h3>\n\n        <p class=\"jr-process-description\">\n          Die fertigen Inhalte bringen Ihre Marke zu einer engagierten Zielgruppe.\n        <\/p>\n      <\/li>\n\n    <\/ol>\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   JULIAN RAD\n   FAQ\n   MODERN SMOOTH ACCORDION\n   ========================================================= *\/\n\n\n\/* =========================================================\n   BOX SIZING\n   ========================================================= *\/\n\n#jrFaq,\n#jrFaq *,\n#jrFaq *::before,\n#jrFaq *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   SECTION\n   ========================================================= *\/\n\n#jrFaq {\n    position: relative;\n\n    width: 100%;\n\n    padding:\n        48px\n        34px\n        58px;\n\n    overflow: hidden;\n\n    background:\n        #F7F2EC;\n}\n\n\n\/* subtle background atmosphere *\/\n\n#jrFaq::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 520px;\n    height: 520px;\n\n    top: -300px;\n    right: -170px;\n\n    border-radius: 50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(197,109,69,.09) 0%,\n            rgba(197,109,69,.035) 42%,\n            rgba(197,109,69,0) 72%\n        );\n\n    pointer-events: none;\n}\n\n\n#jrFaq::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 460px;\n    height: 460px;\n\n    bottom: -300px;\n    left: -150px;\n\n    border-radius: 50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(92,110,88,.055) 0%,\n            rgba(92,110,88,.02) 45%,\n            rgba(92,110,88,0) 72%\n        );\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   INNER\n   ========================================================= *\/\n\n#jrFaq .jrfaq-inner {\n    position: relative;\n\n    z-index: 1;\n\n    width:\n        min(\n            100%,\n            1500px\n        );\n\n    margin:\n        0 auto;\n\n    padding:\n        47px\n        42px\n        44px;\n\n    border:\n        1px solid rgba(74,61,52,.10);\n\n    border-radius:\n        18px;\n\n    background:\n        rgba(255,255,255,.19);\n\n    box-shadow:\n        0\n        12px\n        40px\n        rgba(70,54,43,.025);\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n#jrFaq .jrfaq-head {\n    width: 100%;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n\n    margin-bottom: 37px;\n\n    text-align: center;\n}\n\n\n\/* =========================================================\n   EYEBROW\n   ========================================================= *\/\n\n#jrFaq .jrfaq-eyebrow {\n    display: inline-flex;\n\n    align-items: center;\n\n    margin-bottom: 10px;\n\n    font-family:\n        Inter,\n        Arial,\n        sans-serif;\n\n    font-size: 10px;\n\n    font-weight: 500;\n\n    line-height: 1;\n\n    letter-spacing: .20em;\n\n    text-transform: uppercase;\n\n    color:\n        #A26E55;\n}\n\n\n#jrFaq .jrfaq-eyebrow::before,\n#jrFaq .jrfaq-eyebrow::after {\n    content: \"\";\n\n    width: 24px;\n    height: 1px;\n\n    margin:\n        0\n        11px;\n\n    background:\n        rgba(197,109,69,.48);\n}\n\n\n\/* =========================================================\n   TITLE\n   ========================================================= *\/\n\n#jrFaq .jrfaq-title {\n    margin: 0;\n\n    text-align: center;\n\n    font-family:\n        \"Bacasime Antique\",\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size:\n        clamp(\n            42px,\n            4.2vw,\n            62px\n        );\n\n    font-weight: 400;\n\n    line-height: .98;\n\n    letter-spacing: -.027em;\n\n    color:\n        #2F2925;\n}\n\n\n#jrFaq .jrfaq-title span {\n    color:\n        #C56D45;\n\n    font-style: italic;\n\n    font-weight: 400;\n}\n\n\n\/* =========================================================\n   FAQ LIST\n   ========================================================= *\/\n\n#jrFaq .jrfaq-list {\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 8px;\n\n    max-width: 1360px;\n\n    margin:\n        0 auto;\n}\n\n\n\/* =========================================================\n   FAQ ITEM\n   ========================================================= *\/\n\n#jrFaq .jrfaq-item {\n    position: relative;\n\n    width: 100%;\n\n    overflow: hidden;\n\n    border:\n        1px solid\n        rgba(78,65,56,.055);\n\n    border-radius:\n        11px;\n\n    background:\n        rgba(238,232,224,.68);\n\n    box-shadow:\n        0\n        2px\n        9px\n        rgba(74,57,46,.015);\n\n    transition:\n        background-color .3s ease,\n        border-color .3s ease,\n        box-shadow .3s ease,\n        transform .3s ease;\n}\n\n\n\/* left accent line *\/\n\n#jrFaq .jrfaq-item::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    left: 0;\n\n    width: 3px;\n    height: 100%;\n\n    background:\n        #C56D45;\n\n    opacity: 0;\n\n    transform:\n        scaleY(.35);\n\n    transform-origin:\n        center;\n\n    transition:\n        opacity .3s ease,\n        transform .38s cubic-bezier(.2,.8,.2,1);\n}\n\n\n\/* open item *\/\n\n#jrFaq .jrfaq-item.is-open {\n    background:\n        rgba(246,240,233,.98);\n\n    border-color:\n        rgba(197,109,69,.16);\n\n    box-shadow:\n        0\n        8px\n        24px\n        rgba(77,57,44,.055);\n}\n\n\n#jrFaq .jrfaq-item.is-open::before {\n    opacity: 1;\n\n    transform:\n        scaleY(1);\n}\n\n\n\/* hover *\/\n\n@media (hover:hover) and (pointer:fine) {\n\n    #jrFaq .jrfaq-item:hover {\n        background:\n            rgba(242,236,229,.92);\n\n        border-color:\n            rgba(197,109,69,.12);\n\n        transform:\n            translateY(-1px);\n\n        box-shadow:\n            0\n            6px\n            18px\n            rgba(74,57,46,.04);\n    }\n\n}\n\n\n\/* =========================================================\n   QUESTION BUTTON\n   ========================================================= *\/\n\n#jrFaq .jrfaq-question {\n    width: 100%;\n\n    min-height: 58px;\n\n    padding:\n        0\n        17px\n        0\n        18px;\n\n    display: grid;\n\n    grid-template-columns:\n        36px\n        minmax(0,1fr)\n        34px;\n\n    align-items: center;\n\n    gap: 13px;\n\n    border: 0;\n\n    appearance: none;\n\n    -webkit-appearance: none;\n\n    background:\n        transparent;\n\n    cursor: pointer;\n\n    text-align: left;\n\n    color:\n        #38312D;\n}\n\n\n\/* =========================================================\n   NUMBER\n   ========================================================= *\/\n\n#jrFaq .jrfaq-number {\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 30px;\n    height: 30px;\n\n    border:\n        1px solid\n        rgba(130,103,87,.13);\n\n    border-radius: 50%;\n\n    background:\n        rgba(255,255,255,.32);\n\n    font-family:\n        Inter,\n        Arial,\n        sans-serif;\n\n    font-size: 10px;\n\n    font-weight: 500;\n\n    line-height: 1;\n\n    color:\n        #9A7A68;\n\n    transition:\n        color .3s ease,\n        border-color .3s ease,\n        background-color .3s ease;\n}\n\n\n#jrFaq .jrfaq-item.is-open\n.jrfaq-number {\n    color:\n        #C56D45;\n\n    border-color:\n        rgba(197,109,69,.25);\n\n    background:\n        rgba(197,109,69,.065);\n}\n\n\n\/* =========================================================\n   QUESTION TEXT\n   ========================================================= *\/\n\n#jrFaq .jrfaq-question-text {\n    min-width: 0;\n\n    font-family:\n        Inter,\n        Arial,\n        sans-serif;\n\n    font-size: 14px;\n\n    font-weight: 400;\n\n    line-height: 1.45;\n\n    color:\n        #39322E;\n\n    transition:\n        color .25s ease;\n}\n\n\n#jrFaq .jrfaq-item.is-open\n.jrfaq-question-text {\n    color:\n        #2E2824;\n}\n\n\n@media (hover:hover) and (pointer:fine) {\n\n    #jrFaq .jrfaq-question:hover\n    .jrfaq-question-text {\n        color:\n            #B96344;\n    }\n\n}\n\n\n\/* =========================================================\n   TOGGLE CIRCLE\n   ========================================================= *\/\n\n#jrFaq .jrfaq-toggle {\n    position: relative;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 30px;\n    height: 30px;\n\n    justify-self: end;\n\n    border:\n        1px solid\n        rgba(128,101,85,.15);\n\n    border-radius: 50%;\n\n    background:\n        rgba(255,255,255,.28);\n\n    transition:\n        border-color .3s ease,\n        background-color .3s ease,\n        transform .3s ease;\n}\n\n\n#jrFaq .jrfaq-item.is-open\n.jrfaq-toggle {\n    border-color:\n        rgba(197,109,69,.30);\n\n    background:\n        rgba(197,109,69,.08);\n}\n\n\n\/* =========================================================\n   PLUS \/ MINUS\n   ========================================================= *\/\n\n#jrFaq .jrfaq-plus {\n    position: relative;\n\n    width: 12px;\n    height: 12px;\n}\n\n\n#jrFaq .jrfaq-plus::before,\n#jrFaq .jrfaq-plus::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 11px;\n    height: 1px;\n\n    background:\n        #8B6F60;\n\n    transform:\n        translate(-50%,-50%);\n\n    transition:\n        transform .3s ease,\n        opacity .3s ease,\n        background-color .3s ease;\n}\n\n\n#jrFaq .jrfaq-plus::after {\n    transform:\n        translate(-50%,-50%)\n        rotate(90deg);\n}\n\n\n#jrFaq .jrfaq-item.is-open\n.jrfaq-plus::before {\n    background:\n        #C56D45;\n}\n\n\n#jrFaq .jrfaq-item.is-open\n.jrfaq-plus::after {\n    opacity: 0;\n\n    transform:\n        translate(-50%,-50%)\n        rotate(0deg);\n}\n\n\n\/* =========================================================\n   ANSWER\n   ========================================================= *\/\n\n#jrFaq .jrfaq-answer {\n    height: 0;\n\n    overflow: hidden;\n\n    opacity: 0;\n\n    transition:\n        height .42s cubic-bezier(.22,.75,.18,1),\n        opacity .24s ease;\n}\n\n\n#jrFaq .jrfaq-item.is-open\n.jrfaq-answer {\n    opacity: 1;\n}\n\n\n\/* =========================================================\n   ANSWER INNER\n   ========================================================= *\/\n\n#jrFaq .jrfaq-answer-inner {\n    max-width:\n        1050px;\n\n    margin-left:\n        67px;\n\n    margin-right:\n        65px;\n\n    padding:\n        14px\n        0\n        20px;\n\n    border-top:\n        1px solid\n        rgba(120,93,77,.075);\n\n    font-family:\n        Inter,\n        Arial,\n        sans-serif;\n\n    font-size: 13px;\n\n    font-weight: 400;\n\n    line-height: 1.7;\n\n    color:\n        #6D6058;\n\n    transform:\n        translateY(-6px);\n\n    transition:\n        transform .35s cubic-bezier(.22,.75,.18,1);\n}\n\n\n#jrFaq .jrfaq-item.is-open\n.jrfaq-answer-inner {\n    transform:\n        translateY(0);\n}\n\n\n#jrFaq .jrfaq-answer-inner p {\n    margin:\n        0\n        0\n        8px;\n}\n\n\n#jrFaq .jrfaq-answer-inner p:last-child {\n    margin-bottom:\n        0;\n}\n\n\n\/* =========================================================\n   FOCUS\n   ========================================================= *\/\n\n#jrFaq .jrfaq-question:focus-visible {\n    outline:\n        1px solid\n        rgba(197,109,69,.55);\n\n    outline-offset:\n        -4px;\n\n    border-radius:\n        9px;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width:900px) {\n\n    #jrFaq {\n        padding:\n            38px\n            24px\n            48px;\n    }\n\n\n    #jrFaq .jrfaq-inner {\n        padding:\n            38px\n            28px\n            34px;\n    }\n\n\n    #jrFaq .jrfaq-title {\n        font-size:\n            46px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width:640px) {\n\n    #jrFaq {\n        padding:\n            28px\n            15px\n            38px;\n    }\n\n\n    #jrFaq .jrfaq-inner {\n        padding:\n            29px\n            13px\n            18px;\n\n        border-radius:\n            13px;\n    }\n\n\n    #jrFaq .jrfaq-head {\n        margin-bottom:\n            25px;\n    }\n\n\n    #jrFaq .jrfaq-eyebrow {\n        margin-bottom:\n            9px;\n\n        font-size:\n            9px;\n    }\n\n\n    #jrFaq .jrfaq-eyebrow::before,\n    #jrFaq .jrfaq-eyebrow::after {\n        width:\n            18px;\n\n        margin:\n            0\n            8px;\n    }\n\n\n    #jrFaq .jrfaq-title {\n        font-size:\n            39px;\n\n        line-height:\n            .98;\n    }\n\n\n    #jrFaq .jrfaq-list {\n        gap:\n            6px;\n    }\n\n\n    #jrFaq .jrfaq-question {\n        min-height:\n            58px;\n\n        padding:\n            0\n            12px;\n\n        grid-template-columns:\n            29px\n            minmax(0,1fr)\n            29px;\n\n        gap:\n            10px;\n    }\n\n\n    #jrFaq .jrfaq-number {\n        width:\n            27px;\n\n        height:\n            27px;\n\n        font-size:\n            9px;\n    }\n\n\n    #jrFaq .jrfaq-question-text {\n        font-size:\n            12.5px;\n\n        line-height:\n            1.4;\n    }\n\n\n    #jrFaq .jrfaq-toggle {\n        width:\n            28px;\n\n        height:\n            28px;\n    }\n\n\n    #jrFaq .jrfaq-answer-inner {\n        margin-left:\n            51px;\n\n        margin-right:\n            38px;\n\n        padding:\n            12px\n            0\n            17px;\n\n        font-size:\n            12px;\n\n        line-height:\n            1.65;\n    }\n\n}\n\n\n\/* =========================================================\n   VERY SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width:380px) {\n\n    #jrFaq .jrfaq-title {\n        font-size:\n            35px;\n    }\n\n\n    #jrFaq .jrfaq-question {\n        grid-template-columns:\n            27px\n            minmax(0,1fr)\n            27px;\n\n        gap:\n            8px;\n    }\n\n\n    #jrFaq .jrfaq-question-text {\n        font-size:\n            12px;\n    }\n\n\n    #jrFaq .jrfaq-answer-inner {\n        margin-left:\n            47px;\n\n        margin-right:\n            30px;\n\n        font-size:\n            11.5px;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n    #jrFaq *,\n    #jrFaq *::before,\n    #jrFaq *::after {\n        transition:\n            none !important;\n\n        animation:\n            none !important;\n    }\n\n}\n<\/style>\n\n<section id=\"jrFaq\">\n\n    <div class=\"jrfaq-inner\">\n\n        <!-- =====================================================\n             \u00dcBERSCHRIFT\n        ====================================================== -->\n\n        <div class=\"jrfaq-head\">\n\n            <span class=\"jrfaq-eyebrow\">\n                Kooperationen\n            <\/span>\n\n            <h2 class=\"jrfaq-title\">\n                H\u00e4ufige\n                <span>Fragen<\/span>\n            <\/h2>\n\n        <\/div>\n\n\n        <!-- =====================================================\n             FAQ-LISTE\n        ====================================================== -->\n\n        <div class=\"jrfaq-list\">\n\n\n            <!-- 1 -->\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">1<\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        Welche Arten von Kooperationen sind m\u00f6glich?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Ich arbeite mit Marken an Social-Media-Kampagnen,\n                            gebrandeten Reels, Produktintegrationen, Kampagnenfotografie,\n                            Content-Produktionen, Bildlizenzen und ausgew\u00e4hlten\n                            langfristigen Partnerschaften.\n                        <\/p>\n\n                        <p>\n                            Jede Kooperation wird individuell auf die Marke, das Produkt\n                            und die Kampagnenziele abgestimmt. Dabei bleibt die Geschichte\n                            rund um die Tierwelt authentisch und nat\u00fcrlich.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 2 -->\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">2<\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        Mit welchen Marken sind Kooperationen m\u00f6glich?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Ich arbeite vor allem mit Marken, deren Produkte sich\n                            authentisch in die Naturfotografie und visuelles Storytelling\n                            integrieren lassen.\n                        <\/p>\n\n                        <p>\n                            Dazu z\u00e4hlen unter anderem Hersteller von Kameras und Objektiven,\n                            Smartphone- und Technologieunternehmen, Outdoor-Marken sowie\n                            ausgew\u00e4hlte Unternehmen aus den Bereichen Natur, Kreativit\u00e4t\n                            und visuelle Kommunikation.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 3 -->\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">3<\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        Sind internationale Kooperationen m\u00f6glich?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Ja. Ich arbeite international mit Unternehmen, Agenturen\n                            und Produktionspartnern zusammen.\n                        <\/p>\n\n                        <p>\n                            Viele Projekte lassen sich remote planen und umsetzen.\n                            Wenn eine Kampagne einen bestimmten Ort, eine Tierart oder\n                            ein besonderes Produktionskonzept erfordert, kann auch eine\n                            Reise eingeplant werden.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 4 -->\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">4<\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        K\u00f6nnen Inhalte f\u00fcr eigene Markenkan\u00e4le produziert werden?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Ja. Ich kann Foto- und Videoinhalte speziell f\u00fcr Ihre\n                            Social-Media-Kan\u00e4le, Ihre Website, digitale Kampagnen oder\n                            andere vereinbarte Einsatzbereiche produzieren.\n                        <\/p>\n\n                        <p>\n                            Eine Ver\u00f6ffentlichung auf meinen eigenen Kan\u00e4len ist nicht\n                            automatisch erforderlich. Sie kann zus\u00e4tzlich vereinbart\n                            werden, wenn die Ver\u00f6ffentlichung durch mich Teil der\n                            Kampagne sein soll.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 5 -->\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">5<\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        K\u00f6nnen bestehende Tierfotos und -videos lizenziert werden?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Ja. Ausgew\u00e4hlte Fotos und Videoclips aus meinem bestehenden\n                            Tierbildarchiv k\u00f6nnen f\u00fcr Social Media, Websites, digitale\n                            Kampagnen, Print, redaktionelle Beitr\u00e4ge und andere vereinbarte\n                            Zwecke lizenziert werden.\n                        <\/p>\n\n                        <p>\n                            Die Lizenzgeb\u00fchr richtet sich nach dem ausgew\u00e4hlten Material,\n                            dem geplanten Einsatz, der Nutzungsdauer, dem Gebiet, den\n                            Medien und m\u00f6glichen Exklusivit\u00e4tsanforderungen.\n                        <\/p>\n\n                        <p>\n                            Wenn passendes Archivmaterial verf\u00fcgbar ist, kann eine Lizenz\n                            eine schnellere Alternative zu einer vollst\u00e4ndig neuen\n                            Produktion sein.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 6 -->\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">6<\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        Ist eine Produktintegration in eine Wildlife-Szene m\u00f6glich?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Ja, sofern sich das Konzept nat\u00fcrlich in einer echten\n                            Umgebung mit Wildtieren umsetzen l\u00e4sst.\n                        <\/p>\n\n                        <p>\n                            Besonders wichtig sind mir Integrationen, bei denen das\n                            Produkt Teil einer authentischen Geschichte wird, statt eine\n                            k\u00fcnstliche Werbesituation rund um das Tier zu schaffen.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 7 -->\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">7<\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        Lassen sich bestimmte Tiere oder Verhaltensweisen garantieren?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Ein bestimmtes Verhalten von Wildtieren l\u00e4sst sich nicht\n                            garantieren. Wildtiere k\u00f6nnen nicht wie Schauspieler\n                            angeleitet werden. Ihr Verhalten h\u00e4ngt unter anderem von\n                            Jahreszeit, Wetter und Lebensraum ab.\n                        <\/p>\n\n                        <p>\n                            Deshalb orientieren sich Kampagnenkonzepte an realistischen\n                            saisonalen M\u00f6glichkeiten und am nat\u00fcrlichen Verhalten der Tiere.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 8 -->\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">8<\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        Welche Nutzungsrechte k\u00f6nnen vereinbart werden?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Die Nutzungsrechte k\u00f6nnen auf die jeweilige Kampagne\n                            abgestimmt werden. M\u00f6glich sind zum Beispiel Nutzungen auf\n                            Social Media, Websites und digitalen Plattformen sowie in\n                            Printmedien, der Pressearbeit und der internen\n                            Markenkommunikation.\n                        <\/p>\n\n                        <p>\n                            Im Angebot oder Vertrag werden die erlaubten Plattformen,\n                            die Nutzungsdauer, das Gebiet und m\u00f6gliche Exklusivit\u00e4tsrechte\n                            festgelegt. Enthalten sind nur die Rechte, die ausdr\u00fccklich\n                            vereinbart wurden.\n                        <\/p>\n\n                        <p>\n                            Bezahlte Werbung, das Bewerben von Beitr\u00e4gen und\n                            Partnership Ads sind nicht automatisch enthalten und werden\n                            separat vereinbart.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 9 -->\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">9<\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        Sind Nutzungsrechte f\u00fcr bezahlte Werbung enthalten?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Nutzungsrechte f\u00fcr bezahlte Werbung werden \u00fcblicherweise\n                            getrennt von der regul\u00e4ren organischen Nutzung vereinbart.\n                        <\/p>\n\n                        <p>\n                            Dazu geh\u00f6ren zum Beispiel Partnership Ads, das Bewerben\n                            von Beitr\u00e4gen, bezahlte Social-Media-Kampagnen und andere\n                            Formen bezahlter Werbung, bei denen die Inhalte oder das\n                            Creator-Profil verwendet werden.\n                        <\/p>\n\n                        <p>\n                            Die Geb\u00fchr richtet sich unter anderem nach Nutzungsdauer,\n                            Gebiet, Werbeplattform und Umfang der Kampagne.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 10 -->\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">10<\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        Was gilt, wenn die Produktion bereits begonnen hat?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Sobald Konzept, Leistungen und Projektumfang freigegeben\n                            wurden und die Produktion begonnen hat, gilt der Auftrag als\n                            verbindlich. Das vereinbarte Produktionshonorar bleibt\n                            entsprechend f\u00e4llig.\n                        <\/p>\n\n                        <p>\n                            Eine bereits beauftragte und begonnene Produktion kann nicht\n                            wegen einer sp\u00e4teren \u00c4nderung der pers\u00f6nlichen Pr\u00e4ferenz,\n                            der Kampagnenausrichtung oder der internen Strategie\n                            kostenfrei abgelehnt oder storniert werden.\n                        <\/p>\n\n                        <p>\n                            Feedback und die vereinbarten Korrekturrunden sind im\n                            best\u00e4tigten Projektumfang weiterhin m\u00f6glich. Weicht ein\n                            Ergebnis wesentlich vom freigegebenen Briefing ab, wird\n                            dies selbstverst\u00e4ndlich besprochen.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 11 -->\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">11<\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        Wie lange dauert eine Kooperation \u00fcblicherweise?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Die Produktionsdauer h\u00e4ngt vom Konzept, der Jahreszeit,\n                            der Aktivit\u00e4t der Tiere, dem Ort und der Anzahl der\n                            vereinbarten Inhalte ab.\n                        <\/p>\n\n                        <p>\n                            Produktionen mit Wildtieren erfordern oft mehr Flexibilit\u00e4t\n                            als herk\u00f6mmliche Werbedrehs, da die Tiere bestimmen, wann\n                            sich eine Szene tats\u00e4chlich umsetzen l\u00e4sst.\n                        <\/p>\n\n                        <p>\n                            Eine ausreichende Vorlaufzeit tr\u00e4gt daher meist zu einem\n                            besonders authentischen Ergebnis bei.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 12 -->\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">12<\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        Wie setzt sich das Honorar zusammen?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Jedes Projekt wird individuell kalkuliert.\n                        <\/p>\n\n                        <p>\n                            Das Honorar richtet sich unter anderem nach Konzept und\n                            Produktionsumfang, der Anzahl der Inhalte, den geplanten\n                            Ver\u00f6ffentlichungen, den Nutzungsrechten, einer m\u00f6glichen\n                            Exklusivit\u00e4t, dem Zeitaufwand und weiteren Anforderungen\n                            der Kampagne.\n                        <\/p>\n\n                        <p>\n                            Sobald die wichtigsten Eckdaten der Kampagne feststehen,\n                            erstelle ich gerne ein passendes Angebot.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         AKKORDEON-JAVASCRIPT\n    ====================================================== -->\n\n    <script>\n    (function () {\n\n        const faq = document.getElementById('jrFaq');\n\n        if (!faq) return;\n\n        const items = faq.querySelectorAll('.jrfaq-item');\n\n\n        function closeItem(item) {\n\n            const button = item.querySelector('.jrfaq-question');\n            const answer = item.querySelector('.jrfaq-answer');\n\n            if (!item.classList.contains('is-open')) return;\n\n            answer.style.height = answer.scrollHeight + 'px';\n\n            requestAnimationFrame(function () {\n\n                answer.style.height = '0px';\n\n                item.classList.remove('is-open');\n\n                button.setAttribute('aria-expanded', 'false');\n\n            });\n\n        }\n\n\n        function openItem(item) {\n\n            const button = item.querySelector('.jrfaq-question');\n            const answer = item.querySelector('.jrfaq-answer');\n\n            item.classList.add('is-open');\n\n            button.setAttribute('aria-expanded', 'true');\n\n            answer.style.height = '0px';\n\n            const targetHeight = answer.scrollHeight;\n\n            requestAnimationFrame(function () {\n\n                answer.style.height = targetHeight + 'px';\n\n            });\n\n        }\n\n\n        items.forEach(function (item) {\n\n            const button = item.querySelector('.jrfaq-question');\n            const answer = item.querySelector('.jrfaq-answer');\n\n            answer.style.height = '0px';\n\n            button.addEventListener('click', function () {\n\n                const isOpen = item.classList.contains('is-open');\n\n                items.forEach(function (otherItem) {\n\n                    if (otherItem !== item) {\n                        closeItem(otherItem);\n                    }\n\n                });\n\n                if (isOpen) {\n                    closeItem(item);\n                } else {\n                    openItem(item);\n                }\n\n            });\n\n\n            answer.addEventListener('transitionend', function (event) {\n\n                if (\n                    event.propertyName === 'height' &&\n                    item.classList.contains('is-open')\n                ) {\n                    answer.style.height = 'auto';\n                }\n\n            });\n\n        });\n\n\n        window.addEventListener('resize', function () {\n\n            items.forEach(function (item) {\n\n                if (item.classList.contains('is-open')) {\n\n                    const answer = item.querySelector('.jrfaq-answer');\n\n                    answer.style.height = 'auto';\n\n                }\n\n            });\n\n        });\n\n    })();\n    <\/script>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Social Media Kooperationen Kreative Markenkooperationen, inspiriert von der Welt der Wildtiere. REEL-KAMPAGNE Kunde: META REEL-KAMPAGNE Kunde: INSTA360 REEL-KAMPAGNE Kunde: LAOWA REEL-KAMPAGNE Kunde: DJI F\u00fcr Ihre Marke Ich verbinde Ihre Marke mit authentischen Wildtieraufnahmen und erreiche damit genau die Zielgruppe, die Sie ansprechen m\u00f6chten. Kooperation anfragen \u2192 9:41\u25ae\u25ae \u25d4 \u25b0 Reels \u2665\u2665\u2665\u2665 525K \u2665\u2665\u2665 2.822 4.524 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1032","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/radwildlife.com\/en\/wp-json\/wp\/v2\/pages\/1032","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/radwildlife.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/radwildlife.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/radwildlife.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/radwildlife.com\/en\/wp-json\/wp\/v2\/comments?post=1032"}],"version-history":[{"count":24,"href":"https:\/\/radwildlife.com\/en\/wp-json\/wp\/v2\/pages\/1032\/revisions"}],"predecessor-version":[{"id":1096,"href":"https:\/\/radwildlife.com\/en\/wp-json\/wp\/v2\/pages\/1032\/revisions\/1096"}],"wp:attachment":[{"href":"https:\/\/radwildlife.com\/en\/wp-json\/wp\/v2\/media?parent=1032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}