{"id":1229,"date":"2026-10-07T11:01:08","date_gmt":"2026-10-07T09:01:08","guid":{"rendered":"https:\/\/radwildlife.com\/?page_id=1229"},"modified":"2026-10-09T13:58:26","modified_gmt":"2026-10-09T11:58:26","slug":"lizenzierung","status":"publish","type":"page","link":"https:\/\/radwildlife.com\/en\/lizenzierung\/","title":{"rendered":"lizenzierung"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   JULIAN RAD \u2013 BILDLIZENZEN & PUBLIKATIONEN HERO\n   FULL WIDTH \/ GESAMTES BILD SICHTBAR\n   MIT TRENNLINIE + PFOTENBILD\n   ========================================================= *\/\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.jr-license-hero {\n    position: relative;\n\n    display: block;\n\n    width: 100vw;\n    max-width: none;\n\n    margin:\n        0\n        0\n        0\n        calc(50% - 50vw) !important;\n\n    margin-block-start: 0 !important;\n    margin-block-end: 0 !important;\n\n    padding: 0 !important;\n\n    overflow: visible;\n\n    background: #F4EFE8;\n\n    border: 0;\n\n    box-sizing: border-box;\n\n    isolation: isolate;\n\n    z-index: 1;\n}\n\n\n\/* =========================================================\n   HERO ISOLIEREN\n   ========================================================= *\/\n\n.jr-license-hero,\n.jr-license-hero *,\n.jr-license-hero *::before,\n.jr-license-hero *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   HERO IMAGE\n   ========================================================= *\/\n\n.jr-license-hero .jr-license-hero-image {\n    display: block;\n\n    width: 100%;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    overflow: hidden;\n}\n\n\n.jr-license-hero .jr-license-hero-image img {\n    display: block;\n\n    width: 100%;\n    height: auto;\n\n    max-width: none;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    border: 0;\n}\n\n\n\/* =========================================================\n   HERO CONTENT\n   ========================================================= *\/\n\n.jr-license-hero .jr-license-hero-content {\n    position: absolute;\n\n    top: 50%;\n\n    left: clamp(260px, 20vw, 420px);\n\n    transform: translateY(-50%);\n\n    width: min(540px, 34vw);\n\n    margin: 0;\n    padding: 0;\n\n    z-index: 2;\n\n    color: #3A302B;\n}\n\n\n\/* =========================================================\n   TITLE\n   ========================================================= *\/\n\n.jr-license-hero .jr-license-hero-title {\n    margin: 0 !important;\n    padding: 0;\n\n    font-family:\n        \"Bacasime Antique\",\n        Georgia,\n        serif;\n\n    font-size: clamp(46px, 3.9vw, 68px);\n\n    font-weight: 400;\n\n    line-height: 0.91;\n\n    letter-spacing: -0.025em;\n\n    color: #3A302B;\n}\n\n\n.jr-license-hero .jr-license-hero-title em {\n    font-style: italic;\n\n    font-weight: 400;\n\n    color: #B96F52;\n}\n\n\n\/* =========================================================\n   KLEINE LINIE UNTER H1\n   ========================================================= *\/\n\n.jr-license-hero .jr-license-hero-line {\n    width: 36px;\n    height: 1px;\n\n    margin:\n        24px\n        0\n        18px;\n\n    padding: 0;\n\n    background: #B96F52;\n}\n\n\n\/* =========================================================\n   BESCHREIBUNG\n   ========================================================= *\/\n\n.jr-license-hero .jr-license-hero-text {\n    margin:\n        0\n        0\n        27px\n        0 !important;\n\n    padding: 0;\n\n    font-family:\n        \"Bacasime Antique\",\n        Georgia,\n        serif;\n\n    font-size: 17px;\n\n    font-weight: 400;\n\n    line-height: 1.4;\n\n    color: #514841;\n}\n\n\n\/* =========================================================\n   BUTTON\n   ========================================================= *\/\n\n.jr-license-hero .jr-license-btn {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 24px;\n\n    min-height: 48px;\n\n    margin: 0;\n\n    padding:\n        0\n        25px;\n\n    background: #B96F52;\n\n    border:\n        1px solid\n        #B96F52;\n\n    font-family:\n        Inter,\n        Arial,\n        sans-serif;\n\n    font-size: 10px;\n\n    font-weight: 600;\n\n    letter-spacing: 0.12em;\n\n    line-height: 1;\n\n    text-transform: uppercase;\n\n    text-decoration: none !important;\n\n    color: #FFFFFF !important;\n\n    transition:\n        background-color 0.25s ease,\n        border-color 0.25s ease;\n}\n\n\n.jr-license-hero .jr-license-btn:hover {\n    background: #9F5C43;\n\n    border-color: #9F5C43;\n\n    color: #FFFFFF !important;\n}\n\n\n.jr-license-hero .jr-license-btn-text {\n    display: inline-block;\n}\n\n\n.jr-license-hero .jr-license-btn-arrow {\n    display: inline-block;\n\n    font-size: 14px;\n\n    line-height: 1;\n\n    transition: transform 0.25s ease;\n}\n\n\n.jr-license-hero\n.jr-license-btn:hover\n.jr-license-btn-arrow {\n    transform: translateX(4px);\n}\n\n\n\/* =========================================================\n   TRENNLINIE UNTEN MIT PFOTE\n   ========================================================= *\/\n\n.jr-license-hero .jr-license-hero-divider {\n    position: absolute;\n\n    left: 0;\n    right: 0;\n    bottom: 0;\n\n    height: 0;\n\n    z-index: 6;\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   HORIZONTALE LINIE\n   ========================================================= *\/\n\n.jr-license-hero .jr-license-hero-divider-line {\n    position: absolute;\n\n    left: 0;\n    right: 0;\n    top: 0;\n\n    display: block;\n\n    height: 1px;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(150,135,124,0.10) 0%,\n            rgba(150,135,124,0.34) 18%,\n            rgba(150,135,124,0.42) 50%,\n            rgba(150,135,124,0.34) 82%,\n            rgba(150,135,124,0.10) 100%\n        );\n\n    box-shadow:\n        0 1px 0 rgba(255,255,255,0.72),\n        0 6px 16px rgba(83,65,52,0.045);\n}\n\n\n\/* =========================================================\n   BADGE\n   ========================================================= *\/\n\n.jr-license-hero\n.jr-license-hero-divider-badge {\n    position: absolute;\n\n    left: 50%;\n    top: 0;\n\n    transform:\n        translate(\n            -50%,\n            -50%\n        );\n\n    width: 45px;\n    height: 45px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 50%;\n\n    background:\n        linear-gradient(\n            180deg,\n            #FAF6F1 0%,\n            #F5EFE8 100%\n        );\n\n    border:\n        1px solid\n        rgba(176,159,146,0.52);\n\n    box-shadow:\n        0 0 0 4px\n        rgba(247,242,236,0.96),\n\n        0 8px 20px\n        rgba(78,61,48,0.075);\n\n    overflow: hidden;\n}\n\n\n\/* =========================================================\n   PFOTENBILD\n   ========================================================= *\/\n\n.jr-license-hero\n.jr-license-hero-divider-paw {\n    display: block;\n\n    width: 21px;\n    height: 21px;\n\n    max-width: none;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    object-fit: contain;\n\n    object-position: center;\n\n    pointer-events: none;\n\n    user-select: none;\n    -webkit-user-select: none;\n\n    -webkit-user-drag: none;\n\n    transform: translateY(0);\n}\n\n\n\/* =========================================================\n   LARGE DESKTOP\n   ========================================================= *\/\n\n@media (min-width: 1700px) {\n\n    .jr-license-hero\n    .jr-license-hero-content {\n        left: 420px;\n\n        width: 520px;\n    }\n\n\n    .jr-license-hero\n    .jr-license-hero-title {\n        font-size: 66px;\n    }\n\n\n    .jr-license-hero\n    .jr-license-hero-text {\n        font-size: 18px;\n    }\n\n\n    .jr-license-hero\n    .jr-license-hero-divider-badge {\n        width: 47px;\n        height: 47px;\n    }\n\n\n    .jr-license-hero\n    .jr-license-hero-divider-paw {\n        width: 22px;\n        height: 22px;\n    }\n\n}\n\n\n\/* =========================================================\n   TABLET \/ SMALL DESKTOP\n   ========================================================= *\/\n\n@media (max-width: 1400px) {\n\n    .jr-license-hero\n    .jr-license-hero-content {\n        left: 220px;\n\n        width: 38vw;\n    }\n\n\n    .jr-license-hero\n    .jr-license-hero-title {\n        font-size: 48px;\n    }\n\n\n    .jr-license-hero\n    .jr-license-hero-line {\n        margin:\n            20px\n            0\n            16px;\n    }\n\n\n    .jr-license-hero\n    .jr-license-hero-text {\n        font-size: 15px;\n\n        margin-bottom:\n            23px !important;\n    }\n\n\n    .jr-license-hero\n    .jr-license-btn {\n        min-height: 44px;\n\n        padding:\n            0\n            20px;\n\n        gap: 18px;\n\n        font-size: 9px;\n    }\n\n\n    .jr-license-hero\n    .jr-license-hero-divider-badge {\n        width: 43px;\n        height: 43px;\n    }\n\n\n    .jr-license-hero\n    .jr-license-hero-divider-paw {\n        width: 20px;\n        height: 20px;\n    }\n\n}\n\n\n\/* =========================================================\n   TABLET PORTRAIT\n   ========================================================= *\/\n\n@media (max-width: 1000px) {\n\n    .jr-license-hero\n    .jr-license-hero-content {\n        left: 70px;\n\n        width: 42vw;\n    }\n\n\n    .jr-license-hero\n    .jr-license-hero-title {\n        font-size: 40px;\n    }\n\n\n    .jr-license-hero\n    .jr-license-hero-text {\n        font-size: 13px;\n\n        line-height: 1.35;\n    }\n\n\n    .jr-license-hero\n    .jr-license-btn {\n        min-height: 40px;\n\n        padding:\n            0\n            16px;\n\n        font-size: 8px;\n\n        letter-spacing: 0.10em;\n    }\n\n\n    .jr-license-hero\n    .jr-license-hero-divider-badge {\n        width: 41px;\n        height: 41px;\n    }\n\n\n    .jr-license-hero\n    .jr-license-hero-divider-paw {\n        width: 19px;\n        height: 19px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .jr-license-hero {\n        display: flex;\n\n        flex-direction: column;\n\n        width: 100%;\n\n        margin: 0 !important;\n\n        margin-block-start: 0 !important;\n        margin-block-end: 0 !important;\n\n        padding: 0 !important;\n\n        overflow: visible;\n\n        background: #F4EFE8;\n    }\n\n\n    .jr-license-hero\n    .jr-license-hero-image {\n        width: 100%;\n\n        margin: 0 !important;\n        padding: 0 !important;\n\n        overflow: hidden;\n    }\n\n\n    .jr-license-hero\n    .jr-license-hero-image img {\n        display: block;\n\n        width: 100%;\n        height: auto;\n\n        max-width: none;\n\n        margin: 0 !important;\n    }\n\n\n    .jr-license-hero\n    .jr-license-hero-content {\n        position: relative;\n\n        top: auto;\n        left: auto;\n\n        transform: none;\n\n        width: 100%;\n\n        margin: 0 !important;\n\n        padding:\n            30px\n            24px\n            42px;\n\n        background: #F4EFE8;\n    }\n\n\n    .jr-license-hero\n    .jr-license-hero-title {\n        margin: 0 !important;\n\n        font-size: 40px;\n\n        line-height: 0.96;\n\n        letter-spacing:\n            -0.015em;\n    }\n\n\n    .jr-license-hero\n    .jr-license-hero-line {\n        margin:\n            20px\n            0\n            17px;\n    }\n\n\n    .jr-license-hero\n    .jr-license-hero-text {\n        margin:\n            0\n            0\n            23px\n            0 !important;\n\n        font-size: 16px;\n\n        line-height: 1.45;\n    }\n\n\n    .jr-license-hero\n    .jr-license-hero-text br {\n        display: none;\n    }\n\n\n    .jr-license-hero\n    .jr-license-btn {\n        min-height: 46px;\n\n        padding:\n            0\n            21px;\n\n        gap: 18px;\n\n        font-size: 10px;\n\n        letter-spacing: 0.10em;\n    }\n\n\n    .jr-license-hero\n    .jr-license-hero-divider-badge {\n        width: 39px;\n        height: 39px;\n\n        box-shadow:\n            0 0 0 3px\n            rgba(247,242,236,0.96),\n\n            0 6px 15px\n            rgba(78,61,48,0.065);\n    }\n\n\n    .jr-license-hero\n    .jr-license-hero-divider-paw {\n        width: 18px;\n        height: 18px;\n    }\n\n}\n\n\n\/* =========================================================\n   VERY SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 390px) {\n\n    .jr-license-hero\n    .jr-license-hero-content {\n        padding:\n            27px\n            20px\n            38px;\n    }\n\n\n    .jr-license-hero\n    .jr-license-hero-title {\n        font-size: 36px;\n    }\n\n\n    .jr-license-hero\n    .jr-license-hero-text {\n        font-size: 15px;\n    }\n\n\n    .jr-license-hero\n    .jr-license-btn {\n        padding:\n            0\n            16px;\n\n        gap: 14px;\n\n        font-size: 9px;\n    }\n\n\n    .jr-license-hero\n    .jr-license-hero-divider-badge {\n        width: 37px;\n        height: 37px;\n    }\n\n\n    .jr-license-hero\n    .jr-license-hero-divider-paw {\n        width: 17px;\n        height: 17px;\n    }\n\n}\n<\/style>\n\n<section class=\"jr-license-hero\">\n\n  <div class=\"jr-license-hero-image\">\n    <img\n      src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/Hero-Lizenzierung.webp\"\n      alt=\"Bildlizenzen und Publikationen von Julian Rad\"\n      fetchpriority=\"high\"\n      loading=\"eager\"\n      decoding=\"async\"\n    >\n  <\/div>\n\n  <div class=\"jr-license-hero-content\">\n\n    <h1 class=\"jr-license-hero-title\">\n      Bildlizenzen &amp;<br>\n      <em>Publikationen<\/em>\n    <\/h1>\n\n    <div class=\"jr-license-hero-line\"><\/div>\n\n    <p class=\"jr-license-hero-text\">\n      Wildtierfotografie f\u00fcr Magazine, Verlage,<br>\n      Medien, Marken und Projekte.\n    <\/p>\n\n    <a class=\"jr-license-btn\" href=\"#lizenzierung\">\n      <span class=\"jr-license-btn-text\">\n        LIZENZIERUNG ANFRAGEN\n      <\/span>\n\n      <span\n        class=\"jr-license-btn-arrow\"\n        aria-hidden=\"true\"\n      >\n        \u2192\n      <\/span>\n    <\/a>\n\n  <\/div>\n\n\n  <!-- =====================================================\n       HERO DIVIDER MIT PFOTE\n       ===================================================== -->\n\n  <div\n    class=\"jr-license-hero-divider\"\n    aria-hidden=\"true\"\n  >\n\n    <span class=\"jr-license-hero-divider-line\"><\/span>\n\n    <span class=\"jr-license-hero-divider-badge\">\n\n      <img\n        class=\"jr-license-hero-divider-paw\"\n        src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/pfote.webp\"\n        alt=\"\"\n        loading=\"eager\"\n        decoding=\"async\"\n        draggable=\"false\"\n      >\n\n    <\/span>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   JULIAN RAD \u2013 PUBLICATION SHELF\n   INFINITE LOOP + SAFE FADE ZONES\n   ========================================================= *\/\n\n\n\/* =========================================================\n   RESET\n   ========================================================= *\/\n\n.jr-publication-showcase,\n.jr-publication-showcase *,\n.jr-publication-showcase *::before,\n.jr-publication-showcase *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   SECTION\n   ========================================================= *\/\n\n.jr-publication-showcase {\n    --jr-publication-item-width: 230px;\n\n    position: relative;\n\n    width: 100%;\n    max-width: 1680px;\n\n    margin: 0 auto;\n\n    padding:\n        52px\n        30px\n        58px;\n\n    color: #3A302B;\n\n    background: transparent;\n}\n\n\n\/* =========================================================\n   HEADLINE\n   ========================================================= *\/\n\n.jr-publication-showcase-head {\n    width: 100%;\n    max-width: 1050px;\n\n    margin:\n        0\n        auto\n        18px;\n\n    padding:\n        0\n        20px;\n\n    text-align: center;\n}\n\n\n\/* =========================================================\n   SUBTITLE + LINIEN\n   ========================================================= *\/\n\n.jr-publication-showcase-head p {\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 100%;\n\n    margin: 0;\n\n    padding: 0;\n\n    gap: 27px;\n\n    white-space: nowrap;\n\n    font-family:\n        Inter,\n        Arial,\n        sans-serif;\n\n    font-size: 11px;\n\n    font-weight: 500;\n\n    line-height: 1.5;\n\n    letter-spacing: 0.22em;\n\n    text-transform: uppercase;\n\n    color: #766A63;\n}\n\n\n\/* LINKE + RECHTE LINIE *\/\n\n.jr-publication-showcase-head p::before,\n.jr-publication-showcase-head p::after {\n    content: \"\";\n\n    display: block;\n\n    flex:\n        1\n        1\n        auto;\n\n    max-width: 225px;\n\n    height: 1px;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(122,105,94,0.06) 0%,\n            rgba(122,105,94,0.26) 20%,\n            rgba(122,105,94,0.35) 100%\n        );\n}\n\n\n\/* rechte Linie spiegeln *\/\n\n.jr-publication-showcase-head p::after {\n    background:\n        linear-gradient(\n            90deg,\n            rgba(122,105,94,0.35) 0%,\n            rgba(122,105,94,0.26) 80%,\n            rgba(122,105,94,0.06) 100%\n        );\n}\n\n\n\/* =========================================================\n   STAGE\n   ========================================================= *\/\n\n.jr-publication-stage {\n    position: relative;\n\n    width: 100%;\n    max-width: 1560px;\n\n    height: 390px;\n\n    margin:\n        -28px\n        auto\n        0;\n\n    padding: 0;\n\n    isolation: isolate;\n}\n\n\n\/* =========================================================\n   VIEWPORT\n   ========================================================= *\/\n\n.jr-publication-viewport {\n    --jr-publication-fade: 92px;\n\n    position: absolute;\n\n    left: 3.5%;\n    right: 3.5%;\n\n    bottom: 70px;\n\n    height: 295px;\n\n    overflow: hidden;\n\n    z-index: 5;\n\n    cursor: grab;\n\n    user-select: none;\n\n    -webkit-user-select: none;\n\n    touch-action: pan-y;\n\n    -webkit-tap-highlight-color:\n        transparent;\n}\n\n\n.jr-publication-viewport.is-dragging {\n    cursor: grabbing;\n}\n\n\n\/* =========================================================\n   FADE ZONES\n   DESKTOP + TABLET ONLY\n   ========================================================= *\/\n\n@media (min-width: 701px) {\n\n    .jr-publication-viewport::before,\n    .jr-publication-viewport::after {\n        content: \"\";\n\n        position: absolute;\n\n        top: 0;\n        bottom: 0;\n\n        width:\n            var(\n                --jr-publication-fade\n            );\n\n        z-index: 20;\n\n        pointer-events: none;\n    }\n\n\n    .jr-publication-viewport::before {\n        left: 0;\n\n        background:\n            linear-gradient(\n                to right,\n\n                #F7F2EC 0%,\n\n                rgba(\n                    247,\n                    242,\n                    236,\n                    0.96\n                ) 14%,\n\n                rgba(\n                    247,\n                    242,\n                    236,\n                    0.78\n                ) 36%,\n\n                rgba(\n                    247,\n                    242,\n                    236,\n                    0.42\n                ) 62%,\n\n                rgba(\n                    247,\n                    242,\n                    236,\n                    0.10\n                ) 84%,\n\n                rgba(\n                    247,\n                    242,\n                    236,\n                    0\n                ) 100%\n            );\n    }\n\n\n    .jr-publication-viewport::after {\n        right: 0;\n\n        background:\n            linear-gradient(\n                to left,\n\n                #F7F2EC 0%,\n\n                rgba(\n                    247,\n                    242,\n                    236,\n                    0.96\n                ) 14%,\n\n                rgba(\n                    247,\n                    242,\n                    236,\n                    0.78\n                ) 36%,\n\n                rgba(\n                    247,\n                    242,\n                    236,\n                    0.42\n                ) 62%,\n\n                rgba(\n                    247,\n                    242,\n                    236,\n                    0.10\n                ) 84%,\n\n                rgba(\n                    247,\n                    242,\n                    236,\n                    0\n                ) 100%\n            );\n    }\n\n}\n\n\n\/* =========================================================\n   TRACK\n   ========================================================= *\/\n\n.jr-publication-track {\n    position: absolute;\n\n    left:\n        var(\n            --jr-publication-fade\n        );\n\n    bottom: 0;\n\n    display: flex;\n\n    align-items: flex-end;\n\n    width: max-content;\n    height: 100%;\n\n    margin: 0;\n\n    padding: 0;\n\n    transform:\n        translate3d(\n            0,\n            0,\n            0\n        );\n\n    will-change: transform;\n\n    backface-visibility: hidden;\n\n    -webkit-backface-visibility: hidden;\n}\n\n\n\/* =========================================================\n   SET\n   ========================================================= *\/\n\n.jr-publication-set {\n    display: flex;\n\n    align-items: flex-end;\n\n    flex:\n        0\n        0\n        auto;\n\n    gap: 40px;\n\n    padding:\n        0\n        40px\n        0\n        0;\n\n    height: 100%;\n}\n\n\n\/* =========================================================\n   ITEM\n   ========================================================= *\/\n\n.jr-publication-item {\n    position: relative;\n\n    display: flex;\n\n    align-items: flex-end;\n    justify-content: center;\n\n    width:\n        var(\n            --jr-publication-item-width\n        );\n\n    min-width:\n        var(\n            --jr-publication-item-width\n        );\n\n    flex:\n        0\n        0\n        var(\n            --jr-publication-item-width\n        );\n\n    height: 100%;\n\n    margin: 0;\n\n    padding: 0;\n\n    overflow: visible;\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   COVER\n   ========================================================= *\/\n\n.jr-publication-item img {\n    display: block;\n\n    height: 285px;\n\n    width: auto;\n\n    max-width: none;\n    max-height: none;\n\n    margin: 0 !important;\n\n    padding: 0 !important;\n\n    object-fit: contain;\n\n    object-position:\n        center\n        bottom;\n\n    user-select: none;\n\n    -webkit-user-select: none;\n\n    -webkit-user-drag: none;\n\n    pointer-events: none;\n\n    transform:\n        translate3d(\n            0,\n            0,\n            0\n        );\n\n    backface-visibility: hidden;\n\n    -webkit-backface-visibility: hidden;\n\n    filter:\n        drop-shadow(\n            0\n            3px\n            2px\n            rgba(\n                42,\n                31,\n                24,\n                0.22\n            )\n        )\n        drop-shadow(\n            0\n            13px\n            12px\n            rgba(\n                42,\n                31,\n                24,\n                0.17\n            )\n        );\n}\n\n\n\/* =========================================================\n   SHELF\n   ========================================================= *\/\n\n.jr-publication-shelf {\n    position: absolute;\n\n    left: 50%;\n    bottom: 0;\n\n    transform:\n        translateX(-50%);\n\n    width: 96%;\n\n    margin: 0;\n\n    padding: 0;\n\n    z-index: 2;\n\n    pointer-events: none;\n}\n\n\n.jr-publication-shelf img {\n    display: block;\n\n    width: 100%;\n    height: auto;\n\n    max-width: none;\n\n    margin: 0 !important;\n\n    padding: 0 !important;\n\n    object-fit: contain;\n\n    pointer-events: none;\n\n    user-select: none;\n\n    -webkit-user-select: none;\n\n    -webkit-user-drag: none;\n}\n\n\n\/* =========================================================\n   ARROWS\n   ========================================================= *\/\n\n.jr-publication-arrow {\n    position: absolute;\n\n    top: 48%;\n\n    transform:\n        translateY(-50%);\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 46px;\n    height: 46px;\n\n    margin: 0;\n\n    padding:\n        0\n        0\n        3px;\n\n    z-index: 30;\n\n    border:\n        1px solid\n        rgba(\n            58,\n            48,\n            43,\n            0.28\n        );\n\n    border-radius: 50%;\n\n    background:\n        rgba(\n            247,\n            242,\n            236,\n            0.94\n        );\n\n    color: #4D423C;\n\n    font-family:\n        Georgia,\n        serif;\n\n    font-size: 31px;\n\n    font-weight: 300;\n\n    line-height: 1;\n\n    cursor: pointer;\n\n    backdrop-filter:\n        blur(8px);\n\n    -webkit-backdrop-filter:\n        blur(8px);\n\n    transition:\n        background-color 0.25s ease,\n        border-color 0.25s ease,\n        color 0.25s ease;\n}\n\n\n.jr-publication-arrow:hover {\n    background: #FFFFFF;\n\n    border-color: #B96F52;\n\n    color: #B96F52;\n}\n\n\n.jr-publication-arrow-left {\n    left: 0;\n}\n\n\n.jr-publication-arrow-right {\n    right: 0;\n}\n\n\n\/* =========================================================\n   LARGE DESKTOP\n   ========================================================= *\/\n\n@media (min-width: 1600px) {\n\n    .jr-publication-showcase {\n        padding-top: 48px;\n    }\n\n\n    .jr-publication-showcase-head {\n        margin-bottom: 35px;\n    }\n\n\n    .jr-publication-showcase-head p {\n        gap: 30px;\n    }\n\n\n    .jr-publication-showcase-head p::before,\n    .jr-publication-showcase-head p::after {\n        max-width: 250px;\n    }\n\n\n    .jr-publication-stage {\n        max-width: 1580px;\n\n        height: 400px;\n\n        margin-top: -34px;\n    }\n\n\n    .jr-publication-viewport {\n        --jr-publication-fade: 105px;\n\n        left: 3%;\n        right: 3%;\n\n        bottom: 70px;\n\n        height: 305px;\n    }\n\n\n    .jr-publication-set {\n        gap: 44px;\n\n        padding-right: 44px;\n    }\n\n\n    .jr-publication-item img {\n        height: 295px;\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL DESKTOP\n   ========================================================= *\/\n\n@media (max-width: 1350px) {\n\n    .jr-publication-showcase {\n        padding-top: 48px;\n    }\n\n\n    .jr-publication-showcase-head {\n        margin-bottom: 16px;\n    }\n\n\n    .jr-publication-showcase-head p::before,\n    .jr-publication-showcase-head p::after {\n        max-width: 180px;\n    }\n\n\n    .jr-publication-stage {\n        height: 355px;\n\n        margin-top: -24px;\n    }\n\n\n    .jr-publication-viewport {\n        --jr-publication-fade: 72px;\n\n        left: 3.5%;\n        right: 3.5%;\n\n        bottom: 62px;\n\n        height: 260px;\n    }\n\n\n    .jr-publication-set {\n        gap: 30px;\n\n        padding-right: 30px;\n    }\n\n\n    .jr-publication-item img {\n        height: 250px;\n    }\n\n}\n\n\n\/* =========================================================\n   TABLET \/ IPAD\n   ========================================================= *\/\n\n@media (max-width: 1000px) {\n\n    .jr-publication-showcase {\n        padding:\n            48px\n            0\n            50px;\n    }\n\n\n    .jr-publication-showcase-head {\n        margin-bottom: 20px;\n\n        padding:\n            0\n            24px;\n    }\n\n\n    .jr-publication-showcase-head p {\n        gap: 20px;\n    }\n\n\n    .jr-publication-showcase-head p::before,\n    .jr-publication-showcase-head p::after {\n        max-width: 120px;\n    }\n\n\n    .jr-publication-stage {\n        height: 285px;\n\n        margin-top: -14px;\n    }\n\n\n    .jr-publication-viewport {\n        --jr-publication-fade: 48px;\n\n        left: 20px;\n        right: 20px;\n\n        bottom: 37px;\n\n        height: 220px;\n    }\n\n\n    .jr-publication-set {\n        gap: 32px;\n\n        padding-right: 32px;\n    }\n\n\n    .jr-publication-item img {\n        height: 215px;\n    }\n\n\n    .jr-publication-arrow {\n        top: 43%;\n\n        width: 40px;\n        height: 40px;\n\n        font-size: 28px;\n    }\n\n\n    .jr-publication-arrow-left {\n        left: 5px;\n    }\n\n\n    .jr-publication-arrow-right {\n        right: 5px;\n    }\n\n\n    .jr-publication-shelf {\n        width: 96%;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 700px) {\n\n    .jr-publication-showcase {\n        padding:\n            38px\n            0\n            34px;\n    }\n\n\n    .jr-publication-showcase-head {\n        margin-bottom: 20px;\n\n        padding:\n            0\n            18px;\n    }\n\n\n    .jr-publication-showcase-head p {\n        width: 100%;\n\n        max-width: 360px;\n\n        margin:\n            0\n            auto;\n\n        gap: 12px;\n\n        font-size: 8px;\n\n        line-height: 1.5;\n\n        letter-spacing: 0.13em;\n\n        white-space: nowrap;\n    }\n\n\n    .jr-publication-showcase-head p::before,\n    .jr-publication-showcase-head p::after {\n        max-width: 55px;\n\n        min-width: 20px;\n    }\n\n\n    .jr-publication-stage {\n        height: 205px;\n\n        margin-top: 0;\n    }\n\n\n    .jr-publication-shelf {\n        display: none;\n    }\n\n\n    .jr-publication-viewport {\n        --jr-publication-fade: 0px;\n\n        left: 40px;\n        right: 40px;\n\n        top: 0;\n        bottom: auto;\n\n        height: 195px;\n    }\n\n\n    .jr-publication-track {\n        left: 0;\n    }\n\n\n    .jr-publication-set {\n        gap: 34px;\n\n        padding-right: 34px;\n    }\n\n\n    .jr-publication-item img {\n        height: 185px;\n\n        filter:\n            drop-shadow(\n                0\n                3px\n                3px\n                rgba(\n                    42,\n                    31,\n                    24,\n                    0.19\n                )\n            )\n            drop-shadow(\n                0\n                10px\n                10px\n                rgba(\n                    42,\n                    31,\n                    24,\n                    0.14\n                )\n            );\n    }\n\n\n    .jr-publication-arrow {\n        top: 48%;\n\n        width: 36px;\n        height: 36px;\n\n        font-size: 25px;\n\n        background:\n            rgba(\n                247,\n                242,\n                236,\n                0.96\n            );\n    }\n\n\n    .jr-publication-arrow-left {\n        left: 4px;\n    }\n\n\n    .jr-publication-arrow-right {\n        right: 4px;\n    }\n\n}\n\n\n\/* =========================================================\n   VERY SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 390px) {\n\n    .jr-publication-showcase {\n        padding-top: 34px;\n\n        padding-bottom: 30px;\n    }\n\n\n    .jr-publication-showcase-head {\n        margin-bottom: 18px;\n\n        padding:\n            0\n            12px;\n    }\n\n\n    .jr-publication-showcase-head p {\n        gap: 9px;\n\n        font-size: 7.5px;\n\n        letter-spacing: 0.11em;\n    }\n\n\n    .jr-publication-showcase-head p::before,\n    .jr-publication-showcase-head p::after {\n        max-width: 38px;\n\n        min-width: 15px;\n    }\n\n\n    .jr-publication-stage {\n        height: 188px;\n\n        margin-top: 0;\n    }\n\n\n    .jr-publication-viewport {\n        left: 37px;\n        right: 37px;\n\n        height: 180px;\n    }\n\n\n    .jr-publication-set {\n        gap: 26px;\n\n        padding-right: 26px;\n    }\n\n\n    .jr-publication-item img {\n        height: 172px;\n    }\n\n\n    .jr-publication-arrow {\n        width: 34px;\n        height: 34px;\n\n        font-size: 23px;\n    }\n\n}\n<\/style>\n\n<section class=\"jr-publication-showcase\">\n\n  <!-- =====================================================\n       HEADLINE\n       ===================================================== -->\n\n  <div class=\"jr-publication-showcase-head\">\n\n    <p>\n      Ausgew\u00e4hlte Magazinpublikationen\n    <\/p>\n\n  <\/div>\n\n\n  <!-- =====================================================\n       STAGE\n       ===================================================== -->\n\n  <div class=\"jr-publication-stage\">\n\n    <button\n      class=\"jr-publication-arrow jr-publication-arrow-left\"\n      type=\"button\"\n      aria-label=\"Vorherige Publikationen\"\n    >\n      \u2039\n    <\/button>\n\n\n    <div class=\"jr-publication-viewport\">\n\n      <div class=\"jr-publication-track\"><\/div>\n\n    <\/div>\n\n\n    <button\n      class=\"jr-publication-arrow jr-publication-arrow-right\"\n      type=\"button\"\n      aria-label=\"N\u00e4chste Publikationen\"\n    >\n      \u203a\n    <\/button>\n\n\n    <!-- ===================================================\n         REGAL\n         =================================================== -->\n\n    <div class=\"jr-publication-shelf\">\n\n      <img\n        src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/Regal-Heller2-Kopie.webp\"\n        alt=\"\"\n        loading=\"lazy\"\n        decoding=\"async\"\n        draggable=\"false\"\n      >\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<script>\n(function () {\n\n  \/* =======================================================\n     COVER DATEN\n     ======================================================= *\/\n\n  const publications = [\n\n    {\n      image:\n        \"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/Hoerzu.webp\",\n\n      alt:\n        \"H\u00d6RZU\"\n    },\n\n    {\n      image:\n        \"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/TvHus-2.webp\",\n\n      alt:\n        \"TV H\u00f6ren und Sehen\"\n    },\n\n    {\n      image:\n        \"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/Amateur-Photographer.webp\",\n\n      alt:\n        \"Amateur Photographer\"\n    },\n\n    {\n      image:\n        \"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/tvhus-3.webp\",\n\n      alt:\n        \"TV H\u00f6ren und Sehen\"\n    },\n\n    {\n      image:\n        \"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/Ozark-Hills-Hollows.webp\",\n\n      alt:\n        \"Ozark Hills & Hollows\"\n    },\n\n    {\n      image:\n        \"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/tvhus-4.webp\",\n\n      alt:\n        \"TV H\u00f6ren und Sehen\"\n    },\n\n    {\n      image:\n        \"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/Tiroler-Tageszeitung.webp\",\n\n      alt:\n        \"Tiroler Tageszeitung\"\n    },\n\n    {\n      image:\n        \"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/tvhus-5.webp\",\n\n      alt:\n        \"TV H\u00f6ren und Sehen\"\n    },\n\n    {\n      image:\n        \"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/TV-Land-und-Luet.webp\",\n\n      alt:\n        \"TV Land und L\u00fct\"\n    },\n\n    {\n      image:\n        \"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/tvhus-6.webp\",\n\n      alt:\n        \"TV H\u00f6ren und Sehen\"\n    },\n\n    {\n      image:\n        \"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/tvhus-1.webp\",\n\n      alt:\n        \"TV H\u00f6ren und Sehen\"\n    }\n\n  ];\n\n\n  \/* =======================================================\n     INIT\n     ======================================================= *\/\n\n  function initJRPublicationSlider() {\n\n    const sliders =\n      document.querySelectorAll(\n        '.jr-publication-showcase'\n      );\n\n\n    sliders.forEach(function (section) {\n\n      if (\n        section.dataset.jrPublicationInitialized ===\n        'true'\n      ) {\n        return;\n      }\n\n\n      section.dataset.jrPublicationInitialized =\n        'true';\n\n\n      const viewport =\n        section.querySelector(\n          '.jr-publication-viewport'\n        );\n\n\n      const track =\n        section.querySelector(\n          '.jr-publication-track'\n        );\n\n\n      const prev =\n        section.querySelector(\n          '.jr-publication-arrow-left'\n        );\n\n\n      const next =\n        section.querySelector(\n          '.jr-publication-arrow-right'\n        );\n\n\n      if (\n        !viewport ||\n        !track ||\n        !prev ||\n        !next\n      ) {\n        return;\n      }\n\n\n      \/* ===================================================\n         SET ERZEUGEN\n         =================================================== *\/\n\n      function createSet(hidden) {\n\n        const set =\n          document.createElement('div');\n\n\n        set.className =\n          'jr-publication-set';\n\n\n        if (hidden) {\n\n          set.setAttribute(\n            'aria-hidden',\n            'true'\n          );\n\n        }\n\n\n        publications.forEach(\n          function (publication) {\n\n            const item =\n              document.createElement(\n                'article'\n              );\n\n\n            item.className =\n              'jr-publication-item';\n\n\n            const img =\n              document.createElement(\n                'img'\n              );\n\n\n            img.src =\n              publication.image;\n\n\n            img.alt =\n              hidden\n                ? ''\n                : publication.alt;\n\n\n            img.loading =\n              'lazy';\n\n\n            img.decoding =\n              'async';\n\n\n            img.draggable =\n              false;\n\n\n            item.appendChild(img);\n\n            set.appendChild(item);\n\n          }\n        );\n\n\n        return set;\n\n      }\n\n\n      \/* ===================================================\n         3 SETS F\u00dcR ENDLOS-LOOP\n         =================================================== *\/\n\n      track.appendChild(\n        createSet(true)\n      );\n\n\n      track.appendChild(\n        createSet(false)\n      );\n\n\n      track.appendChild(\n        createSet(true)\n      );\n\n\n      const sets =\n        track.querySelectorAll(\n          '.jr-publication-set'\n        );\n\n\n      \/* ===================================================\n         STATE\n         =================================================== *\/\n\n      let position = 0;\n\n      let setWidth = 0;\n\n      let itemWidth = 0;\n\n      let gap = 40;\n\n      let fadeWidth = 0;\n\n      let dragging = false;\n\n      let dragStartX = 0;\n\n      let dragStartPosition = 0;\n\n      let arrowAnimating = false;\n\n      let resizeTimer = null;\n\n\n      \/* ===================================================\n         SICHTBARE COVER\n         =================================================== *\/\n\n      function getVisibleCount() {\n\n        const width =\n          window.innerWidth;\n\n\n        if (width <= 700) {\n          return 2;\n        }\n\n\n        if (width <= 1000) {\n          return 3;\n        }\n\n\n        return 5;\n\n      }\n\n\n      \/* ===================================================\n         GAP\n         =================================================== *\/\n\n      function getGap() {\n\n        const style =\n          window.getComputedStyle(\n            sets[0]\n          );\n\n\n        return (\n          parseFloat(\n            style.columnGap ||\n            style.gap\n          ) || 40\n        );\n\n      }\n\n\n      \/* ===================================================\n         FADE WIDTH\n         =================================================== *\/\n\n      function getFadeWidth() {\n\n        const style =\n          window.getComputedStyle(\n            viewport\n          );\n\n\n        const value =\n          parseFloat(\n            style.getPropertyValue(\n              '--jr-publication-fade'\n            )\n          );\n\n\n        return (\n          isNaN(value)\n            ? 0\n            : value\n        );\n\n      }\n\n\n      \/* ===================================================\n         MESSEN\n         =================================================== *\/\n\n      function measure() {\n\n        gap =\n          getGap();\n\n\n        fadeWidth =\n          getFadeWidth();\n\n\n        const visible =\n          getVisibleCount();\n\n\n        const viewportWidth =\n          viewport.clientWidth;\n\n\n        const safeWidth =\n          viewportWidth -\n          (\n            fadeWidth * 2\n          );\n\n\n        itemWidth =\n          (\n            safeWidth -\n            gap * (visible - 1)\n          ) \/ visible;\n\n\n        section.style.setProperty(\n          '--jr-publication-item-width',\n          itemWidth + 'px'\n        );\n\n\n        requestAnimationFrame(\n          function () {\n\n            setWidth =\n              sets[0]\n                .getBoundingClientRect()\n                .width;\n\n\n            if (!setWidth) {\n              return;\n            }\n\n\n            position =\n              -setWidth;\n\n\n            normalize();\n\n            render();\n\n          }\n        );\n\n      }\n\n\n      \/* ===================================================\n         INFINITE NORMALIZE\n         =================================================== *\/\n\n      function normalize() {\n\n        if (!setWidth) {\n          return;\n        }\n\n\n        while (\n          position <=\n          -(setWidth * 2)\n        ) {\n\n          position +=\n            setWidth;\n\n        }\n\n\n        while (\n          position >= 0\n        ) {\n\n          position -=\n            setWidth;\n\n        }\n\n      }\n\n\n      \/* ===================================================\n         RENDER\n         =================================================== *\/\n\n      function render() {\n\n        track.style.transform =\n          'translate3d(' +\n          position +\n          'px,0,0)';\n\n      }\n\n\n      \/* ===================================================\n         DRAG START\n         =================================================== *\/\n\n      viewport.addEventListener(\n        'pointerdown',\n        function (event) {\n\n          if (\n            event.pointerType === 'mouse' &&\n            event.button !== 0\n          ) {\n            return;\n          }\n\n\n          dragging = true;\n\n          arrowAnimating = false;\n\n\n          dragStartX =\n            event.clientX;\n\n\n          dragStartPosition =\n            position;\n\n\n          viewport.classList.add(\n            'is-dragging'\n          );\n\n\n          if (\n            viewport.setPointerCapture\n          ) {\n\n            viewport.setPointerCapture(\n              event.pointerId\n            );\n\n          }\n\n        }\n      );\n\n\n      \/* ===================================================\n         DRAG MOVE\n         =================================================== *\/\n\n      viewport.addEventListener(\n        'pointermove',\n        function (event) {\n\n          if (!dragging) {\n            return;\n          }\n\n\n          const movement =\n            event.clientX -\n            dragStartX;\n\n\n          position =\n            dragStartPosition +\n            movement;\n\n\n          normalize();\n\n          render();\n\n\n          dragStartPosition =\n            position;\n\n\n          dragStartX =\n            event.clientX;\n\n        }\n      );\n\n\n      \/* ===================================================\n         DRAG STOP\n         =================================================== *\/\n\n      function stopDragging(event) {\n\n        if (!dragging) {\n          return;\n        }\n\n\n        dragging = false;\n\n\n        viewport.classList.remove(\n          'is-dragging'\n        );\n\n\n        normalize();\n\n        render();\n\n\n        if (\n          event &&\n          viewport.releasePointerCapture &&\n          viewport.hasPointerCapture &&\n          viewport.hasPointerCapture(\n            event.pointerId\n          )\n        ) {\n\n          viewport.releasePointerCapture(\n            event.pointerId\n          );\n\n        }\n\n      }\n\n\n      viewport.addEventListener(\n        'pointerup',\n        stopDragging\n      );\n\n\n      viewport.addEventListener(\n        'pointercancel',\n        stopDragging\n      );\n\n\n      viewport.addEventListener(\n        'lostpointercapture',\n        function () {\n\n          dragging = false;\n\n\n          viewport.classList.remove(\n            'is-dragging'\n          );\n\n        }\n      );\n\n\n      viewport.addEventListener(\n        'dragstart',\n        function (event) {\n\n          event.preventDefault();\n\n        }\n      );\n\n\n      \/* ===================================================\n         PFEIL-ANIMATION\n         =================================================== *\/\n\n      function moveBy(distance) {\n\n        if (\n          arrowAnimating ||\n          dragging\n        ) {\n          return;\n        }\n\n\n        arrowAnimating =\n          true;\n\n\n        const start =\n          position;\n\n\n        const target =\n          position +\n          distance;\n\n\n        const duration =\n          420;\n\n\n        const startTime =\n          performance.now();\n\n\n        function easeOutCubic(t) {\n\n          return (\n            1 -\n            Math.pow(\n              1 - t,\n              3\n            )\n          );\n\n        }\n\n\n        function frame(now) {\n\n          if (!arrowAnimating) {\n            return;\n          }\n\n\n          const progress =\n            Math.min(\n              (\n                now -\n                startTime\n              ) \/\n              duration,\n              1\n            );\n\n\n          const eased =\n            easeOutCubic(\n              progress\n            );\n\n\n          position =\n            start +\n            (\n              target -\n              start\n            ) *\n            eased;\n\n\n          normalize();\n\n          render();\n\n\n          if (\n            progress <\n            1\n          ) {\n\n            requestAnimationFrame(\n              frame\n            );\n\n          } else {\n\n            arrowAnimating =\n              false;\n\n\n            normalize();\n\n            render();\n\n          }\n\n        }\n\n\n        requestAnimationFrame(\n          frame\n        );\n\n      }\n\n\n      \/* ===================================================\n         ARROWS\n         =================================================== *\/\n\n      prev.addEventListener(\n        'click',\n        function () {\n\n          moveBy(\n            itemWidth +\n            gap\n          );\n\n        }\n      );\n\n\n      next.addEventListener(\n        'click',\n        function () {\n\n          moveBy(\n            -(\n              itemWidth +\n              gap\n            )\n          );\n\n        }\n      );\n\n\n      \/* ===================================================\n         RESIZE\n         =================================================== *\/\n\n      window.addEventListener(\n        'resize',\n        function () {\n\n          clearTimeout(\n            resizeTimer\n          );\n\n\n          resizeTimer =\n            setTimeout(\n              function () {\n\n                measure();\n\n              },\n              120\n            );\n\n        }\n      );\n\n\n      \/* ===================================================\n         START\n         =================================================== *\/\n\n      requestAnimationFrame(\n        function () {\n\n          measure();\n\n        }\n      );\n\n    });\n\n  }\n\n\n  if (\n    document.readyState ===\n    'loading'\n  ) {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      initJRPublicationSlider\n    );\n\n  } else {\n\n    initJRPublicationSlider();\n\n  }\n\n})();\n<\/script>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   JULIAN RAD\n   LICENSE STEPS\n   ========================================================= *\/\n\n\n\/* =========================================================\n   BOX SIZING\n   ========================================================= *\/\n\n#jrLicenseSteps,\n#jrLicenseSteps *,\n#jrLicenseSteps *::before,\n#jrLicenseSteps *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   SECTION\n   ========================================================= *\/\n\n#jrLicenseSteps {\n    position: relative;\n\n    width: 100%;\n\n    padding:\n        72px\n        34px\n        78px;\n\n    background:\n        #F7F2EC;\n\n    overflow: hidden;\n}\n\n\n#jrLicenseSteps::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: -180px;\n    right: -120px;\n\n    width: 420px;\n    height: 420px;\n\n    border-radius: 50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(197,109,69,.07) 0%,\n            rgba(197,109,69,.025) 44%,\n            rgba(197,109,69,0) 72%\n        );\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   INNER\n   ========================================================= *\/\n\n#jrLicenseSteps .jr-license-steps-inner {\n    position: relative;\n    z-index: 1;\n\n    width:\n        min(\n            100%,\n            1500px\n        );\n\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\n   HEAD\n   ========================================================= *\/\n\n#jrLicenseSteps .jr-license-steps-head {\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n\n    text-align: center;\n\n    margin-bottom: 54px;\n}\n\n\n#jrLicenseSteps .jr-license-steps-eyebrow {\n    display: inline-block;\n\n    margin-bottom: 12px;\n\n    font-family:\n        Inter,\n        Arial,\n        sans-serif;\n\n    font-size: 11px;\n\n    font-weight: 600;\n\n    line-height: 1;\n\n    letter-spacing: .22em;\n\n    text-transform: uppercase;\n\n    color: #C07A5A;\n}\n\n\n#jrLicenseSteps .jr-license-steps-title {\n    margin: 0;\n\n    font-family:\n        \"Bacasime Antique\",\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size:\n        clamp(\n            40px,\n            4vw,\n            62px\n        );\n\n    font-weight: 400;\n\n    line-height: .98;\n\n    letter-spacing: -.025em;\n\n    color: #2F2925;\n}\n\n\n#jrLicenseSteps .jr-license-steps-title span {\n    color: #C56D45;\n\n    font-style: italic;\n\n    font-weight: 400;\n}\n\n\n\/* =========================================================\n   GRID\n   ========================================================= *\/\n\n#jrLicenseSteps .jr-license-steps-grid {\n    display: grid;\n\n    grid-template-columns:\n        repeat(4, minmax(0, 1fr));\n\n    gap: 42px;\n}\n\n\n\/* =========================================================\n   STEP\n   ========================================================= *\/\n\n#jrLicenseSteps .jr-license-step {\n    position: relative;\n\n    min-width: 0;\n}\n\n\n#jrLicenseSteps .jr-license-step-top {\n    display: flex;\n\n    align-items: center;\n\n    gap: 20px;\n\n    margin-bottom: 22px;\n}\n\n\n\/* =========================================================\n   NUMBER\n   ========================================================= *\/\n\n#jrLicenseSteps .jr-license-step-number {\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 66px;\n    height: 66px;\n\n    flex: 0 0 66px;\n\n    border-radius: 50%;\n\n    background: #C56D45;\n\n    color: #FFFFFF;\n\n    font-family:\n        Inter,\n        Arial,\n        sans-serif;\n\n    font-size: 27px;\n\n    font-weight: 600;\n\n    line-height: 1;\n\n    box-shadow:\n        0 8px 22px rgba(197,109,69,.17);\n}\n\n\n\/* =========================================================\n   LINE\n   ========================================================= *\/\n\n#jrLicenseSteps .jr-license-step-line {\n    flex: 1 1 auto;\n\n    height: 1px;\n\n    background:\n        linear-gradient(\n            to right,\n            rgba(197,109,69,.22) 0%,\n            rgba(197,109,69,.08) 100%\n        );\n}\n\n\n\/* =========================================================\n   TITLE\n   ========================================================= *\/\n\n#jrLicenseSteps .jr-license-step-title {\n    margin:\n        0\n        0\n        12px;\n\n    font-family:\n        \"Bacasime Antique\",\n        Georgia,\n        serif;\n\n    font-size: 24px;\n\n    font-weight: 400;\n\n    line-height: 1.15;\n\n    color: #2F2925;\n}\n\n\n\/* =========================================================\n   TEXT\n   ========================================================= *\/\n\n#jrLicenseSteps .jr-license-step-text {\n    margin: 0;\n\n    max-width: 330px;\n\n    font-family:\n        Inter,\n        Arial,\n        sans-serif;\n\n    font-size: 17px;\n\n    font-weight: 400;\n\n    line-height: 1.65;\n\n    color: #6D6058;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1100px) {\n\n    #jrLicenseSteps {\n        padding:\n            62px\n            24px\n            68px;\n    }\n\n\n    #jrLicenseSteps .jr-license-steps-grid {\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        gap:\n            34px\n            28px;\n    }\n\n\n    #jrLicenseSteps .jr-license-step-title {\n        font-size: 22px;\n    }\n\n\n    #jrLicenseSteps .jr-license-step-text {\n        font-size: 16px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 640px) {\n\n    #jrLicenseSteps {\n        padding:\n            46px\n            16px\n            52px;\n    }\n\n\n    #jrLicenseSteps .jr-license-steps-head {\n        margin-bottom: 34px;\n    }\n\n\n    #jrLicenseSteps .jr-license-steps-eyebrow {\n        font-size: 9px;\n\n        letter-spacing: .19em;\n    }\n\n\n    #jrLicenseSteps .jr-license-steps-title {\n        font-size: 37px;\n\n        line-height: 1.02;\n    }\n\n\n    #jrLicenseSteps .jr-license-steps-grid {\n        grid-template-columns: 1fr;\n\n        gap: 24px;\n    }\n\n\n    #jrLicenseSteps .jr-license-step {\n        padding:\n            20px\n            18px\n            18px;\n\n        border: 1px solid rgba(74,61,52,.08);\n\n        border-radius: 14px;\n\n        background: rgba(255,255,255,.38);\n    }\n\n\n    #jrLicenseSteps .jr-license-step-top {\n        gap: 16px;\n\n        margin-bottom: 18px;\n    }\n\n\n    #jrLicenseSteps .jr-license-step-number {\n        width: 54px;\n        height: 54px;\n\n        flex-basis: 54px;\n\n        font-size: 22px;\n    }\n\n\n    #jrLicenseSteps .jr-license-step-title {\n        font-size: 21px;\n\n        margin-bottom: 10px;\n    }\n\n\n    #jrLicenseSteps .jr-license-step-text {\n        max-width: none;\n\n        font-size: 14px;\n\n        line-height: 1.6;\n    }\n\n}\n\n\n\/* =========================================================\n   VERY SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 380px) {\n\n    #jrLicenseSteps .jr-license-steps-title {\n        font-size: 33px;\n    }\n\n\n    #jrLicenseSteps .jr-license-step {\n        padding:\n            18px\n            15px\n            16px;\n    }\n\n\n    #jrLicenseSteps .jr-license-step-number {\n        width: 50px;\n        height: 50px;\n\n        flex-basis: 50px;\n\n        font-size: 20px;\n    }\n\n\n    #jrLicenseSteps .jr-license-step-title {\n        font-size: 19px;\n    }\n\n\n    #jrLicenseSteps .jr-license-step-text {\n        font-size: 13px;\n    }\n\n}\n<\/style>\n\n<!-- =========================================================\n     JULIAN RAD \u2014 LIZENZIERUNGSPROZESS 1\u20134\n     Separater WordPress-Block\n========================================================== -->\n\n<section id=\"jr-license-process\" aria-label=\"In 4 Schritten zur Bildlizenz\">\n\n  <style>\n\n    #jr-license-process,\n    #jr-license-process * {\n      box-sizing: border-box;\n    }\n\n\n    #jr-license-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\n      padding:\n        clamp(34px, 4vw, 58px)\n        clamp(18px, 3vw, 48px)\n        clamp(30px, 4vw, 50px);\n\n      color: var(--jr-process-ink);\n\n      background: transparent;\n\n      font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n      isolation: isolate;\n    }\n\n\n    \/* =====================================================\n       INNER\n    ====================================================== *\/\n\n    #jr-license-process .jr-process-inner {\n      width: min(100%, 1320px);\n\n      margin: 0 auto;\n    }\n\n\n    \/* =====================================================\n       HEADER\n    ====================================================== *\/\n\n    #jr-license-process .jr-process-head {\n      display: flex;\n\n      flex-direction: column;\n\n      align-items: center;\n\n      margin-bottom: 42px;\n\n      text-align: center;\n    }\n\n\n    \/* =====================================================\n       EYEBROW\n    ====================================================== *\/\n\n    #jr-license-process .jr-process-eyebrow {\n      margin-bottom: 11px;\n\n      font-family:\n        Inter,\n        Arial,\n        sans-serif;\n\n      font-size: 10px;\n\n      font-weight: 600;\n\n      line-height: 1;\n\n      letter-spacing: .24em;\n\n      text-transform: uppercase;\n\n      color: #c47b5c;\n    }\n\n\n    \/* =====================================================\n       MAIN TITLE\n    ====================================================== *\/\n\n    #jr-license-process .jr-process-main-title {\n      margin: 0;\n\n      color: #2f2925;\n\n      font-family:\n        \"Bacasime Antique\",\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n      font-size:\n        clamp(\n          40px,\n          4.2vw,\n          58px\n        );\n\n      font-weight: 400;\n\n      line-height: 1;\n\n      letter-spacing: -.025em;\n    }\n\n\n    #jr-license-process .jr-process-main-title span {\n      color: var(--jr-process-accent);\n\n      font-style: italic;\n\n      font-weight: 400;\n    }\n\n\n    \/* =====================================================\n       LIST\n    ====================================================== *\/\n\n    #jr-license-process .jr-process-list {\n      display: grid;\n\n      grid-template-columns:\n        repeat(4, minmax(0, 1fr));\n\n      gap: var(--jr-process-gap);\n\n      margin: 0;\n\n      padding: 0;\n\n      list-style: none;\n    }\n\n\n    \/* =====================================================\n       ITEM\n    ====================================================== *\/\n\n    #jr-license-process .jr-process-item {\n      position: relative;\n\n      min-width: 0;\n\n      text-align: center;\n    }\n\n\n    \/* =====================================================\n       MARKER\n    ====================================================== *\/\n\n    #jr-license-process .jr-process-marker {\n      position: relative;\n\n      z-index: 1;\n\n      display: flex;\n\n      align-items: center;\n\n      justify-content: center;\n\n      height: 42px;\n\n      margin-bottom: 13px;\n    }\n\n\n    \/* Verbindungslinie *\/\n\n    #jr-license-process .jr-process-marker::after {\n      content: \"\";\n\n      position: absolute;\n\n      z-index: -1;\n\n      top: 50%;\n      left: 50%;\n\n      width:\n        calc(\n          100% +\n          var(--jr-process-gap)\n        );\n\n      height: 1px;\n\n      background:\n        linear-gradient(\n          90deg,\n          rgba(206,104,69,.42),\n          rgba(206,104,69,.16)\n        );\n\n      transform:\n        translateY(-50%);\n    }\n\n\n    #jr-license-process\n    .jr-process-item:last-child\n    .jr-process-marker::after {\n      content: none !important;\n\n      display: none !important;\n    }\n\n\n    \/* =====================================================\n       NUMBER\n    ====================================================== *\/\n\n    #jr-license-process .jr-process-number {\n      position: relative;\n\n      z-index: 2;\n\n      display: grid;\n\n      place-items: center;\n\n      width: 42px;\n      height: 42px;\n\n      border: 1px solid var(--jr-process-accent);\n\n      border-radius: 50%;\n\n      color: #ffffff;\n\n      background:\n        var(--jr-process-accent);\n\n      box-shadow:\n        0 0 0 8px var(--jr-process-paper),\n        0 7px 17px rgba(206,104,69,.14);\n\n      font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n      font-size: 15px;\n\n      font-weight: 400;\n\n      line-height: 1;\n    }\n\n\n    \/* =====================================================\n       STEP TITLE\n    ====================================================== *\/\n\n    #jr-license-process .jr-process-title {\n      margin:\n        0\n        auto\n        7px;\n\n      color:\n        var(--jr-process-ink);\n\n      font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n      font-size:\n        clamp(\n          17px,\n          1.25vw,\n          21px\n        );\n\n      font-weight: 400;\n\n      line-height: 1.18;\n\n      letter-spacing: -.015em;\n\n      text-align: center;\n    }\n\n\n    \/* =====================================================\n       DESCRIPTION\n    ====================================================== *\/\n\n    #jr-license-process .jr-process-description {\n      width:\n        min(\n          100%,\n          260px\n        );\n\n      margin: 0 auto;\n\n      color:\n        var(--jr-process-copy);\n\n      font-size:\n        clamp(\n          11px,\n          .78vw,\n          13px\n        );\n\n      line-height: 1.5;\n\n      text-align: center;\n\n      text-wrap: balance;\n    }\n\n\n    \/* =====================================================\n       TABLET\n    ====================================================== *\/\n\n    @media (max-width: 820px) and (min-width: 521px) {\n\n      #jr-license-process {\n        padding:\n          38px\n          20px;\n      }\n\n\n      #jr-license-process .jr-process-head {\n        margin-bottom: 36px;\n      }\n\n\n      #jr-license-process .jr-process-main-title {\n        font-size: 44px;\n      }\n\n\n      #jr-license-process .jr-process-list {\n        grid-template-columns:\n          repeat(2, minmax(0, 1fr));\n\n        gap:\n          38px\n          24px;\n      }\n\n\n      #jr-license-process\n      .jr-process-item:nth-child(2)\n      .jr-process-marker::after,\n      #jr-license-process\n      .jr-process-item:last-child\n      .jr-process-marker::after {\n\n        content: none !important;\n\n        display: none !important;\n      }\n\n\n      #jr-license-process .jr-process-description {\n        font-size: 13px;\n      }\n\n    }\n\n\n    \/* =====================================================\n       MOBILE\n       4 PUNKTE HORIZONTAL\n    ====================================================== *\/\n\n    @media (max-width: 520px) {\n\n      #jr-license-process {\n        padding:\n          28px\n          10px\n          24px;\n      }\n\n\n      #jr-license-process .jr-process-head {\n        margin-bottom: 30px;\n      }\n\n\n      #jr-license-process .jr-process-eyebrow {\n        margin-bottom: 9px;\n\n        font-size: 8.5px;\n\n        letter-spacing: .20em;\n      }\n\n\n      #jr-license-process .jr-process-main-title {\n        font-size: 34px;\n\n        line-height: 1.02;\n      }\n\n\n      #jr-license-process .jr-process-inner {\n        width: 100%;\n      }\n\n\n      #jr-license-process .jr-process-list {\n        grid-template-columns:\n          repeat(4, minmax(0, 1fr));\n\n        gap: 0;\n\n        width: 100%;\n      }\n\n\n      #jr-license-process .jr-process-item {\n        display: block;\n\n        min-width: 0;\n\n        padding:\n          0\n          3px;\n\n        text-align: center;\n      }\n\n\n      #jr-license-process .jr-process-marker {\n        display: flex;\n\n        align-items: center;\n\n        justify-content: center;\n\n        width: auto;\n\n        height: 34px;\n\n        min-height: 0;\n\n        margin:\n          0\n          0\n          10px;\n      }\n\n\n      #jr-license-process .jr-process-marker::after {\n        content: \"\" !important;\n\n        display: block !important;\n\n        position: absolute;\n\n        z-index: -1;\n\n        top: 50%;\n\n        left: 50%;\n\n        width: 100%;\n\n        height: 1px;\n\n        background:\n          linear-gradient(\n            90deg,\n            rgba(206,104,69,.44),\n            rgba(206,104,69,.16)\n          );\n\n        transform:\n          translateY(-50%);\n      }\n\n\n      #jr-license-process\n      .jr-process-item:nth-child(2)\n      .jr-process-marker::after {\n\n        content: \"\" !important;\n\n        display: block !important;\n      }\n\n\n      #jr-license-process\n      .jr-process-item:last-child\n      .jr-process-marker::after {\n\n        content: none !important;\n\n        display: none !important;\n      }\n\n\n      #jr-license-process .jr-process-number {\n        width: 32px;\n        height: 32px;\n\n        border: 0;\n\n        color: #ffffff;\n\n        background:\n          var(--jr-process-accent);\n\n        box-shadow:\n          0 0 0 5px var(--jr-process-paper),\n          0 5px 12px rgba(206,104,69,.13);\n\n        font-size: 11px;\n      }\n\n\n      #jr-license-process .jr-process-title {\n        margin: 0 auto;\n\n        padding:\n          0\n          1px;\n\n        font-size:\n          clamp(\n            10.5px,\n            3.25vw,\n            13.5px\n          );\n\n        line-height: 1.15;\n\n        text-align: center;\n\n        text-wrap: balance;\n      }\n\n\n      #jr-license-process .jr-process-description {\n        display: none;\n      }\n\n    }\n\n\n    \/* =====================================================\n       VERY SMALL MOBILE\n    ====================================================== *\/\n\n    @media (max-width: 360px) {\n\n      #jr-license-process {\n        padding-inline: 6px;\n      }\n\n\n      #jr-license-process .jr-process-main-title {\n        font-size: 31px;\n      }\n\n\n      #jr-license-process .jr-process-item {\n        padding-inline: 1px;\n      }\n\n\n      #jr-license-process .jr-process-number {\n        width: 29px;\n        height: 29px;\n\n        font-size: 10px;\n      }\n\n\n      #jr-license-process .jr-process-title {\n        font-size: 10px;\n      }\n\n    }\n\n  <\/style>\n\n\n  <div class=\"jr-process-inner\">\n\n\n    <!-- =====================================================\n         \u00dcBERSCHRIFT\n    ====================================================== -->\n\n    <div class=\"jr-process-head\">\n\n      <span class=\"jr-process-eyebrow\">\n        So einfach geht\u2019s\n      <\/span>\n\n      <h2 class=\"jr-process-main-title\">\n        In 4 Schritten\n        <span>zur Bildlizenz<\/span>\n      <\/h2>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         PROZESS\n    ====================================================== -->\n\n    <ol class=\"jr-process-list\">\n\n\n      <!-- 1 -->\n\n      <li class=\"jr-process-item\">\n\n        <div class=\"jr-process-marker\" aria-hidden=\"true\">\n\n          <span class=\"jr-process-number\">\n            1\n          <\/span>\n\n        <\/div>\n\n        <h3 class=\"jr-process-title\">\n          Anfrage stellen\n        <\/h3>\n\n        <p class=\"jr-process-description\">\n          Teilen Sie mir mit, welches Motiv Sie suchen und\n          wof\u00fcr das Bild verwendet werden soll.\n        <\/p>\n\n      <\/li>\n\n\n      <!-- 2 -->\n\n      <li class=\"jr-process-item\">\n\n        <div class=\"jr-process-marker\" aria-hidden=\"true\">\n\n          <span class=\"jr-process-number\">\n            2\n          <\/span>\n\n        <\/div>\n\n        <h3 class=\"jr-process-title\">\n          Angebot erhalten\n        <\/h3>\n\n        <p class=\"jr-process-description\">\n          Sie erhalten ein individuelles Angebot mit den\n          passenden Nutzungsrechten f\u00fcr Ihr Projekt.\n        <\/p>\n\n      <\/li>\n\n\n      <!-- 3 -->\n\n      <li class=\"jr-process-item\">\n\n        <div class=\"jr-process-marker\" aria-hidden=\"true\">\n\n          <span class=\"jr-process-number\">\n            3\n          <\/span>\n\n        <\/div>\n\n        <h3 class=\"jr-process-title\">\n          Lizenzierung\n        <\/h3>\n\n        <p class=\"jr-process-description\">\n          Nach Ihrer Zusage erhalten Sie die vereinbarten\n          Nutzungsrechte und die Bilddateien in hoher Qualit\u00e4t.\n        <\/p>\n\n      <\/li>\n\n\n      <!-- 4 -->\n\n      <li class=\"jr-process-item\">\n\n        <div class=\"jr-process-marker\" aria-hidden=\"true\">\n\n          <span class=\"jr-process-number\">\n            4\n          <\/span>\n\n        <\/div>\n\n        <h3 class=\"jr-process-title\">\n          Ver\u00f6ffentlichung\n        <\/h3>\n\n        <p class=\"jr-process-description\">\n          Das lizenzierte Bild kann nun im vereinbarten Rahmen\n          f\u00fcr Ihre Publikation oder Ihr Projekt verwendet werden.\n        <\/p>\n\n      <\/li>\n\n\n    <\/ol>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   JULIAN RAD \u2013 PUBLICATIONS LOGO MARQUEE\n   AUF BASIS DES PARTNERS-BANNERS\n   ========================================================= *\/\n\n\n\/* =========================================================\n   RESET \/ ISOLATION\n   ========================================================= *\/\n\n.jr-publications-banner,\n.jr-publications-banner *,\n.jr-publications-banner *::before,\n.jr-publications-banner *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   BANNER\n   ========================================================= *\/\n\n.jr-publications-banner {\n    width: 75%;\n\n    max-width: 1450px;\n\n    margin:\n        28px\n        auto\n        42px;\n\n    padding: 0;\n\n    color: #352B26;\n\n    font-family:\n        Inter,\n        Arial,\n        sans-serif;\n}\n\n\n\/* =========================================================\n   MARQUEE\n   ========================================================= *\/\n\n.jr-publications-marquee {\n    position: relative;\n\n    width: 100%;\n\n    overflow: hidden;\n\n    padding:\n        24px\n        0;\n\n    cursor: grab;\n\n    user-select: none;\n\n    -webkit-user-select: none;\n\n    touch-action: pan-y;\n\n    -webkit-tap-highlight-color:\n        transparent;\n}\n\n\n.jr-publications-marquee.is-dragging {\n    cursor: grabbing;\n}\n\n\n\/* =========================================================\n   EDGE FADES\n   ========================================================= *\/\n\n.jr-publications-marquee::before,\n.jr-publications-marquee::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    bottom: 0;\n\n    z-index: 10;\n\n    width: 105px;\n\n    pointer-events: none;\n}\n\n\n.jr-publications-marquee::before {\n    left: 0;\n\n    background:\n        linear-gradient(\n            to right,\n            #F7F2EC 0%,\n            rgba(247, 242, 236, 0.95) 25%,\n            rgba(247, 242, 236, 0.55) 55%,\n            rgba(247, 242, 236, 0) 100%\n        );\n}\n\n\n.jr-publications-marquee::after {\n    right: 0;\n\n    background:\n        linear-gradient(\n            to left,\n            #F7F2EC 0%,\n            rgba(247, 242, 236, 0.95) 25%,\n            rgba(247, 242, 236, 0.55) 55%,\n            rgba(247, 242, 236, 0) 100%\n        );\n}\n\n\n\/* =========================================================\n   TRACK\n   ========================================================= *\/\n\n.jr-publications-marquee-track {\n    display: flex;\n\n    align-items: center;\n\n    width: max-content;\n\n    margin: 0;\n    padding: 0;\n\n    transform:\n        translate3d(\n            0,\n            0,\n            0\n        );\n\n    will-change: transform;\n\n    pointer-events: none;\n\n    backface-visibility: hidden;\n\n    -webkit-backface-visibility: hidden;\n}\n\n\n\/* =========================================================\n   LOGO SET\n   ========================================================= *\/\n\n.jr-publications-logo-set {\n    display: flex;\n\n    align-items: center;\n\n    flex:\n        0\n        0\n        auto;\n\n    gap: 66px;\n\n    margin: 0;\n\n    padding:\n        0\n        66px\n        0\n        0;\n}\n\n\n\/* =========================================================\n   GENERAL LOGO\n   ========================================================= *\/\n\n.jr-publications-logo {\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 135px;\n    height: 62px;\n\n    flex:\n        0\n        0\n        auto;\n\n    margin: 0;\n    padding: 0;\n}\n\n\n.jr-publications-logo img {\n    display: block;\n\n    width: auto;\n    height: auto;\n\n    max-width: 135px;\n    max-height: 48px;\n\n    margin: 0;\n    padding: 0;\n\n    object-fit: contain;\n\n    pointer-events: none;\n\n    user-select: none;\n\n    -webkit-user-select: none;\n\n    -webkit-user-drag: none;\n\n    \/*\n     * Keine opacity-\/scale-Animation.\n     * Dadurch bleiben die Logos beim Scrollen ruhig.\n     *\/\n    transform: none;\n\n    backface-visibility: hidden;\n\n    -webkit-backface-visibility: hidden;\n}\n\n\n\/* =========================================================\n   INDIVIDUAL LOGO WIDTHS\n   ========================================================= *\/\n\n\n\/* GU *\/\n\n.jr-publications-logo-gu {\n    width: 115px;\n}\n\n.jr-publications-logo-gu img {\n    max-width: 115px;\n    max-height: 46px;\n}\n\n\n\/* GV *\/\n\n.jr-publications-logo-gv {\n    width: 150px;\n}\n\n.jr-publications-logo-gv img {\n    max-width: 150px;\n    max-height: 48px;\n}\n\n\n\/* H\u00d6RZU *\/\n\n.jr-publications-logo-hz {\n    width: 120px;\n}\n\n.jr-publications-logo-hz img {\n    max-width: 120px;\n    max-height: 46px;\n}\n\n\n\/* KoVe *\/\n\n.jr-publications-logo-kove {\n    width: 145px;\n}\n\n.jr-publications-logo-kove img {\n    max-width: 145px;\n    max-height: 47px;\n}\n\n\n\/* LV *\/\n\n.jr-publications-logo-lv {\n    width: 125px;\n}\n\n.jr-publications-logo-lv img {\n    max-width: 125px;\n    max-height: 45px;\n}\n\n\n\/* TV14 *\/\n\n.jr-publications-logo-tv14 {\n    width: 110px;\n}\n\n.jr-publications-logo-tv14 img {\n    max-width: 110px;\n    max-height: 44px;\n}\n\n\n\/* TV H\u00f6ren und Sehen *\/\n\n.jr-publications-logo-tvh {\n    width: 145px;\n}\n\n.jr-publications-logo-tvh img {\n    max-width: 145px;\n    max-height: 47px;\n}\n\n\n\/* WdW *\/\n\n.jr-publications-logo-wdw {\n    width: 125px;\n}\n\n.jr-publications-logo-wdw img {\n    max-width: 125px;\n    max-height: 45px;\n}\n\n\n\/* =========================================================\n   LARGE DESKTOP\n   ========================================================= *\/\n\n@media (min-width: 1700px) {\n\n    .jr-publications-banner {\n        width: 74%;\n\n        max-width: 1520px;\n    }\n\n\n    .jr-publications-logo-set {\n        gap: 76px;\n\n        padding-right: 76px;\n    }\n\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1100px) {\n\n    .jr-publications-banner {\n        width: 86%;\n\n        max-width: 930px;\n    }\n\n\n    .jr-publications-marquee::before,\n    .jr-publications-marquee::after {\n        width: 70px;\n    }\n\n\n    .jr-publications-logo-set {\n        gap: 48px;\n\n        padding-right: 48px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 700px) {\n\n    .jr-publications-banner {\n        width:\n            calc(\n                100% - 28px\n            );\n\n        margin:\n            20px\n            auto\n            30px;\n    }\n\n\n    .jr-publications-marquee {\n        padding:\n            18px\n            0;\n    }\n\n\n    .jr-publications-marquee::before,\n    .jr-publications-marquee::after {\n        width: 38px;\n    }\n\n\n    .jr-publications-logo-set {\n        gap: 34px;\n\n        padding-right: 34px;\n    }\n\n\n    \/* GENERAL *\/\n\n    .jr-publications-logo {\n        width: 92px;\n\n        height: 48px;\n    }\n\n\n    .jr-publications-logo img {\n        max-width: 92px;\n\n        max-height: 34px;\n    }\n\n\n    \/* GU *\/\n\n    .jr-publications-logo-gu {\n        width: 78px;\n    }\n\n    .jr-publications-logo-gu img {\n        max-width: 78px;\n    }\n\n\n    \/* GV *\/\n\n    .jr-publications-logo-gv {\n        width: 108px;\n    }\n\n    .jr-publications-logo-gv img {\n        max-width: 108px;\n    }\n\n\n    \/* HZ *\/\n\n    .jr-publications-logo-hz {\n        width: 82px;\n    }\n\n    .jr-publications-logo-hz img {\n        max-width: 82px;\n    }\n\n\n    \/* KoVe *\/\n\n    .jr-publications-logo-kove {\n        width: 104px;\n    }\n\n    .jr-publications-logo-kove img {\n        max-width: 104px;\n    }\n\n\n    \/* LV *\/\n\n    .jr-publications-logo-lv {\n        width: 90px;\n    }\n\n    .jr-publications-logo-lv img {\n        max-width: 90px;\n    }\n\n\n    \/* TV14 *\/\n\n    .jr-publications-logo-tv14 {\n        width: 78px;\n    }\n\n    .jr-publications-logo-tv14 img {\n        max-width: 78px;\n    }\n\n\n    \/* TV H\u00f6ren und Sehen *\/\n\n    .jr-publications-logo-tvh {\n        width: 104px;\n    }\n\n    .jr-publications-logo-tvh img {\n        max-width: 104px;\n    }\n\n\n    \/* WdW *\/\n\n    .jr-publications-logo-wdw {\n        width: 90px;\n    }\n\n    .jr-publications-logo-wdw img {\n        max-width: 90px;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (\n    prefers-reduced-motion: reduce\n) {\n\n    .jr-publications-marquee-track {\n        transform:\n            translate3d(\n                0,\n                0,\n                0\n            ) !important;\n    }\n\n}\n<\/style>\n\n<div class=\"jr-publications-banner\">\n\n  <div class=\"jr-publications-marquee\">\n\n    <div class=\"jr-publications-marquee-track\">\n\n\n      <!-- =================================================\n           SET 1\n           ================================================= -->\n\n      <div class=\"jr-publications-logo-set\">\n\n        <div class=\"jr-publications-logo jr-publications-logo-gu\">\n          <img\n            src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/GU.webp\"\n            alt=\"GU\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/div>\n\n        <div class=\"jr-publications-logo jr-publications-logo-gv\">\n          <img\n            src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/GV.webp\"\n            alt=\"GV\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/div>\n\n        <div class=\"jr-publications-logo jr-publications-logo-hz\">\n          <img\n            src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/HZ.webp\"\n            alt=\"H\u00d6RZU\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/div>\n\n        <div class=\"jr-publications-logo jr-publications-logo-kove\">\n          <img\n            src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/KoVe.webp\"\n            alt=\"KoVe\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/div>\n\n        <div class=\"jr-publications-logo jr-publications-logo-lv\">\n          <img\n            src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/LV.webp\"\n            alt=\"LV\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/div>\n\n        <div class=\"jr-publications-logo jr-publications-logo-tv14\">\n          <img\n            src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/Tv14.webp\"\n            alt=\"TV14\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/div>\n\n        <div class=\"jr-publications-logo jr-publications-logo-tvh\">\n          <img\n            src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/TvHuS.webp\"\n            alt=\"TV H\u00f6ren und Sehen\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/div>\n\n        <div class=\"jr-publications-logo jr-publications-logo-wdw\">\n          <img\n            src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/WdW.webp\"\n            alt=\"WdW\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/div>\n\n      <\/div>\n\n\n      <!-- =================================================\n           SET 2\n           ================================================= -->\n\n      <div class=\"jr-publications-logo-set\" aria-hidden=\"true\">\n\n        <div class=\"jr-publications-logo jr-publications-logo-gu\">\n          <img decoding=\"async\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/GU.webp\" alt=\"\">\n        <\/div>\n\n        <div class=\"jr-publications-logo jr-publications-logo-gv\">\n          <img decoding=\"async\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/GV.webp\" alt=\"\">\n        <\/div>\n\n        <div class=\"jr-publications-logo jr-publications-logo-hz\">\n          <img decoding=\"async\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/HZ.webp\" alt=\"\">\n        <\/div>\n\n        <div class=\"jr-publications-logo jr-publications-logo-kove\">\n          <img decoding=\"async\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/KoVe.webp\" alt=\"\">\n        <\/div>\n\n        <div class=\"jr-publications-logo jr-publications-logo-lv\">\n          <img decoding=\"async\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/LV.webp\" alt=\"\">\n        <\/div>\n\n        <div class=\"jr-publications-logo jr-publications-logo-tv14\">\n          <img decoding=\"async\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/Tv14.webp\" alt=\"\">\n        <\/div>\n\n        <div class=\"jr-publications-logo jr-publications-logo-tvh\">\n          <img decoding=\"async\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/TvHuS.webp\" alt=\"\">\n        <\/div>\n\n        <div class=\"jr-publications-logo jr-publications-logo-wdw\">\n          <img decoding=\"async\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/WdW.webp\" alt=\"\">\n        <\/div>\n\n      <\/div>\n\n\n      <!-- =================================================\n           SET 3\n           ================================================= -->\n\n      <div class=\"jr-publications-logo-set\" aria-hidden=\"true\">\n\n        <div class=\"jr-publications-logo jr-publications-logo-gu\">\n          <img decoding=\"async\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/GU.webp\" alt=\"\">\n        <\/div>\n\n        <div class=\"jr-publications-logo jr-publications-logo-gv\">\n          <img decoding=\"async\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/GV.webp\" alt=\"\">\n        <\/div>\n\n        <div class=\"jr-publications-logo jr-publications-logo-hz\">\n          <img decoding=\"async\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/HZ.webp\" alt=\"\">\n        <\/div>\n\n        <div class=\"jr-publications-logo jr-publications-logo-kove\">\n          <img decoding=\"async\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/KoVe.webp\" alt=\"\">\n        <\/div>\n\n        <div class=\"jr-publications-logo jr-publications-logo-lv\">\n          <img decoding=\"async\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/LV.webp\" alt=\"\">\n        <\/div>\n\n        <div class=\"jr-publications-logo jr-publications-logo-tv14\">\n          <img decoding=\"async\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/Tv14.webp\" alt=\"\">\n        <\/div>\n\n        <div class=\"jr-publications-logo jr-publications-logo-tvh\">\n          <img decoding=\"async\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/TvHuS.webp\" alt=\"\">\n        <\/div>\n\n        <div class=\"jr-publications-logo jr-publications-logo-wdw\">\n          <img decoding=\"async\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/WdW.webp\" alt=\"\">\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<script>\n(function () {\n\n  function initJRPublicationsMarquee() {\n\n    const marquees =\n      document.querySelectorAll('.jr-publications-marquee');\n\n\n    marquees.forEach(function (marquee) {\n\n      if (marquee.dataset.jrInitialized === 'true') {\n        return;\n      }\n\n      marquee.dataset.jrInitialized = 'true';\n\n\n      const track =\n        marquee.querySelector('.jr-publications-marquee-track');\n\n      const sets =\n        marquee.querySelectorAll('.jr-publications-logo-set');\n\n\n      if (!track || sets.length < 3) {\n        return;\n      }\n\n\n      let position = 0;\n      let setWidth = 0;\n\n      let dragging = false;\n\n      let pointerStartX = 0;\n      let positionStart = 0;\n\n      let lastTimestamp = performance.now();\n\n\n      \/*\n       * Geschwindigkeit in Pixel\/Sekunde.\n       * Kleiner = langsamer.\n       *\/\n      const speed = 26;\n\n\n      \/* =====================================================\n         MEASURE\n         ===================================================== *\/\n\n      function measure() {\n\n        setWidth =\n          sets[0].getBoundingClientRect().width;\n\n\n        if (setWidth > 0) {\n\n          \/*\n           * Wir starten im mittleren Set.\n           * Dadurch kann jederzeit nach links und rechts\n           * normalisiert werden.\n           *\/\n\n          position = -setWidth;\n\n          render();\n\n        }\n\n      }\n\n\n      \/* =====================================================\n         NORMALIZE\n         ===================================================== *\/\n\n      function normalize() {\n\n        if (!setWidth) {\n          return;\n        }\n\n\n        while (position <= -(setWidth * 2)) {\n          position += setWidth;\n        }\n\n\n        while (position >= 0) {\n          position -= setWidth;\n        }\n\n      }\n\n\n      \/* =====================================================\n         RENDER\n         ===================================================== *\/\n\n      function render() {\n\n        track.style.transform =\n          'translate3d(' + position + 'px,0,0)';\n\n      }\n\n\n      \/* =====================================================\n         AUTO SCROLL\n         ===================================================== *\/\n\n      function animate(timestamp) {\n\n        const delta = Math.min(\n          (timestamp - lastTimestamp) \/ 1000,\n          0.05\n        );\n\n\n        lastTimestamp = timestamp;\n\n\n        if (!dragging && setWidth > 0) {\n\n          position -= speed * delta;\n\n          normalize();\n\n          render();\n\n        }\n\n\n        requestAnimationFrame(animate);\n\n      }\n\n\n      \/* =====================================================\n         MOUSE \/ TOUCH DRAG\n         ===================================================== *\/\n\n      marquee.addEventListener(\n        'pointerdown',\n        function (event) {\n\n          dragging = true;\n\n          pointerStartX = event.clientX;\n\n          positionStart = position;\n\n          marquee.classList.add('is-dragging');\n\n\n          if (marquee.setPointerCapture) {\n\n            marquee.setPointerCapture(\n              event.pointerId\n            );\n\n          }\n\n        }\n      );\n\n\n      marquee.addEventListener(\n        'pointermove',\n        function (event) {\n\n          if (!dragging) {\n            return;\n          }\n\n\n          const movement =\n            event.clientX - pointerStartX;\n\n\n          position =\n            positionStart + movement;\n\n\n          normalize();\n\n          render();\n\n        }\n      );\n\n\n      function stopDragging(event) {\n\n        if (!dragging) {\n          return;\n        }\n\n\n        dragging = false;\n\n        marquee.classList.remove('is-dragging');\n\n        lastTimestamp =\n          performance.now();\n\n\n        if (\n          event &&\n          marquee.releasePointerCapture &&\n          marquee.hasPointerCapture &&\n          marquee.hasPointerCapture(event.pointerId)\n        ) {\n\n          marquee.releasePointerCapture(\n            event.pointerId\n          );\n\n        }\n\n      }\n\n\n      marquee.addEventListener(\n        'pointerup',\n        stopDragging\n      );\n\n\n      marquee.addEventListener(\n        'pointercancel',\n        stopDragging\n      );\n\n\n      marquee.addEventListener(\n        'pointerleave',\n        function (event) {\n\n          if (\n            dragging &&\n            event.buttons === 0\n          ) {\n\n            stopDragging(event);\n\n          }\n\n        }\n      );\n\n\n      marquee.addEventListener(\n        'dragstart',\n        function (event) {\n\n          event.preventDefault();\n\n        }\n      );\n\n\n      \/* =====================================================\n         RESIZE\n         ===================================================== *\/\n\n      window.addEventListener(\n        'resize',\n        measure\n      );\n\n\n      \/* =====================================================\n         START\n         ===================================================== *\/\n\n      requestAnimationFrame(function () {\n\n        measure();\n\n        lastTimestamp =\n          performance.now();\n\n        requestAnimationFrame(\n          animate\n        );\n\n      });\n\n    });\n\n  }\n\n\n  if (\n    document.readyState === 'loading'\n  ) {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      initJRPublicationsMarquee\n    );\n\n  } else {\n\n    initJRPublicationsMarquee();\n\n  }\n\n})();\n<\/script>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   JULIAN RAD\n   BILDLIZENZEN FAQ\n   ========================================================= *\/\n\n\n\/* =========================================================\n   BOX SIZING\n   ========================================================= *\/\n\n#jrLicenseFaq,\n#jrLicenseFaq *,\n#jrLicenseFaq *::before,\n#jrLicenseFaq *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   SECTION\n   ========================================================= *\/\n\n#jrLicenseFaq {\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#jrLicenseFaq::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#jrLicenseFaq::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#jrLicenseFaq .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\n        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#jrLicenseFaq .jrfaq-head {\n    width: 100%;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n\n    margin-bottom:\n        37px;\n\n    text-align: center;\n}\n\n\n\/* =========================================================\n   EYEBROW\n   ========================================================= *\/\n\n#jrLicenseFaq .jrfaq-eyebrow {\n    display: inline-flex;\n\n    align-items: center;\n\n    margin-bottom:\n        10px;\n\n    font-family:\n        Inter,\n        Arial,\n        sans-serif;\n\n    font-size:\n        10px;\n\n    font-weight:\n        500;\n\n    line-height:\n        1;\n\n    letter-spacing:\n        .20em;\n\n    text-transform:\n        uppercase;\n\n    color:\n        #A26E55;\n}\n\n\n#jrLicenseFaq .jrfaq-eyebrow::before,\n#jrLicenseFaq .jrfaq-eyebrow::after {\n    content: \"\";\n\n    width:\n        24px;\n\n    height:\n        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#jrLicenseFaq .jrfaq-title {\n    margin:\n        0;\n\n    text-align:\n        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:\n        400;\n\n    line-height:\n        .98;\n\n    letter-spacing:\n        -.027em;\n\n    color:\n        #2F2925;\n}\n\n\n#jrLicenseFaq .jrfaq-title span {\n    color:\n        #C56D45;\n\n    font-style:\n        italic;\n\n    font-weight:\n        400;\n}\n\n\n\/* =========================================================\n   FAQ LIST\n   ========================================================= *\/\n\n#jrLicenseFaq .jrfaq-list {\n    display:\n        flex;\n\n    flex-direction:\n        column;\n\n    gap:\n        8px;\n\n    max-width:\n        1360px;\n\n    margin:\n        0 auto;\n}\n\n\n\/* =========================================================\n   FAQ ITEM\n   ========================================================= *\/\n\n#jrLicenseFaq .jrfaq-item {\n    position:\n        relative;\n\n    width:\n        100%;\n\n    overflow:\n        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#jrLicenseFaq .jrfaq-item::before {\n    content: \"\";\n\n    position:\n        absolute;\n\n    top:\n        0;\n\n    left:\n        0;\n\n    width:\n        3px;\n\n    height:\n        100%;\n\n    background:\n        #C56D45;\n\n    opacity:\n        0;\n\n    transform:\n        scaleY(.35);\n\n    transform-origin:\n        center;\n\n    transition:\n        opacity .3s ease,\n        transform .38s\n        cubic-bezier(.2,.8,.2,1);\n}\n\n\n\/* OPEN *\/\n\n#jrLicenseFaq .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#jrLicenseFaq\n.jrfaq-item.is-open::before {\n    opacity:\n        1;\n\n    transform:\n        scaleY(1);\n}\n\n\n\/* HOVER *\/\n\n@media (hover:hover) and (pointer:fine) {\n\n    #jrLicenseFaq\n    .jrfaq-item:hover {\n\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\n   ========================================================= *\/\n\n#jrLicenseFaq .jrfaq-question {\n    width:\n        100%;\n\n    min-height:\n        58px;\n\n    padding:\n        0\n        17px\n        0\n        18px;\n\n    display:\n        grid;\n\n    grid-template-columns:\n        36px\n        minmax(0,1fr)\n        34px;\n\n    align-items:\n        center;\n\n    gap:\n        13px;\n\n    border:\n        0;\n\n    appearance:\n        none;\n\n    -webkit-appearance:\n        none;\n\n    background:\n        transparent;\n\n    cursor:\n        pointer;\n\n    text-align:\n        left;\n\n    color:\n        #38312D;\n}\n\n\n\/* =========================================================\n   NUMBER\n   ========================================================= *\/\n\n#jrLicenseFaq .jrfaq-number {\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    width:\n        30px;\n\n    height:\n        30px;\n\n    border:\n        1px solid\n        rgba(130,103,87,.13);\n\n    border-radius:\n        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:\n        10px;\n\n    font-weight:\n        500;\n\n    line-height:\n        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#jrLicenseFaq\n.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#jrLicenseFaq\n.jrfaq-question-text {\n    min-width:\n        0;\n\n    font-family:\n        Inter,\n        Arial,\n        sans-serif;\n\n    font-size:\n        14px;\n\n    font-weight:\n        400;\n\n    line-height:\n        1.45;\n\n    color:\n        #39322E;\n\n    transition:\n        color .25s ease;\n}\n\n\n#jrLicenseFaq\n.jrfaq-item.is-open\n.jrfaq-question-text {\n    color:\n        #2E2824;\n}\n\n\n@media (hover:hover) and (pointer:fine) {\n\n    #jrLicenseFaq\n    .jrfaq-question:hover\n    .jrfaq-question-text {\n\n        color:\n            #B96344;\n    }\n\n}\n\n\n\/* =========================================================\n   TOGGLE\n   ========================================================= *\/\n\n#jrLicenseFaq .jrfaq-toggle {\n    position:\n        relative;\n\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    width:\n        30px;\n\n    height:\n        30px;\n\n    justify-self:\n        end;\n\n    border:\n        1px solid\n        rgba(128,101,85,.15);\n\n    border-radius:\n        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#jrLicenseFaq\n.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#jrLicenseFaq .jrfaq-plus {\n    position:\n        relative;\n\n    width:\n        12px;\n\n    height:\n        12px;\n}\n\n\n#jrLicenseFaq\n.jrfaq-plus::before,\n#jrLicenseFaq\n.jrfaq-plus::after {\n    content: \"\";\n\n    position:\n        absolute;\n\n    top:\n        50%;\n\n    left:\n        50%;\n\n    width:\n        11px;\n\n    height:\n        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#jrLicenseFaq\n.jrfaq-plus::after {\n    transform:\n        translate(-50%,-50%)\n        rotate(90deg);\n}\n\n\n#jrLicenseFaq\n.jrfaq-item.is-open\n.jrfaq-plus::before {\n    background:\n        #C56D45;\n}\n\n\n#jrLicenseFaq\n.jrfaq-item.is-open\n.jrfaq-plus::after {\n    opacity:\n        0;\n\n    transform:\n        translate(-50%,-50%)\n        rotate(0deg);\n}\n\n\n\/* =========================================================\n   ANSWER\n   ========================================================= *\/\n\n#jrLicenseFaq .jrfaq-answer {\n    height:\n        0;\n\n    overflow:\n        hidden;\n\n    opacity:\n        0;\n\n    transition:\n        height .42s\n        cubic-bezier(.22,.75,.18,1),\n        opacity .24s ease;\n}\n\n\n#jrLicenseFaq\n.jrfaq-item.is-open\n.jrfaq-answer {\n    opacity:\n        1;\n}\n\n\n\/* =========================================================\n   ANSWER INNER\n   ========================================================= *\/\n\n#jrLicenseFaq\n.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:\n        13px;\n\n    font-weight:\n        400;\n\n    line-height:\n        1.7;\n\n    color:\n        #6D6058;\n\n    transform:\n        translateY(-6px);\n\n    transition:\n        transform .35s\n        cubic-bezier(.22,.75,.18,1);\n}\n\n\n#jrLicenseFaq\n.jrfaq-item.is-open\n.jrfaq-answer-inner {\n    transform:\n        translateY(0);\n}\n\n\n#jrLicenseFaq\n.jrfaq-answer-inner p {\n    margin:\n        0\n        0\n        8px;\n}\n\n\n#jrLicenseFaq\n.jrfaq-answer-inner p:last-child {\n    margin-bottom:\n        0;\n}\n\n\n\/* =========================================================\n   FOCUS\n   ========================================================= *\/\n\n#jrLicenseFaq\n.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    #jrLicenseFaq {\n        padding:\n            38px\n            24px\n            48px;\n    }\n\n\n    #jrLicenseFaq\n    .jrfaq-inner {\n        padding:\n            38px\n            28px\n            34px;\n    }\n\n\n    #jrLicenseFaq\n    .jrfaq-title {\n        font-size:\n            46px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width:640px) {\n\n    #jrLicenseFaq {\n        padding:\n            28px\n            15px\n            38px;\n    }\n\n\n    #jrLicenseFaq\n    .jrfaq-inner {\n        padding:\n            29px\n            13px\n            18px;\n\n        border-radius:\n            13px;\n    }\n\n\n    #jrLicenseFaq\n    .jrfaq-head {\n        margin-bottom:\n            25px;\n    }\n\n\n    #jrLicenseFaq\n    .jrfaq-eyebrow {\n        margin-bottom:\n            9px;\n\n        font-size:\n            9px;\n    }\n\n\n    #jrLicenseFaq\n    .jrfaq-eyebrow::before,\n    #jrLicenseFaq\n    .jrfaq-eyebrow::after {\n\n        width:\n            18px;\n\n        margin:\n            0\n            8px;\n    }\n\n\n    #jrLicenseFaq\n    .jrfaq-title {\n        font-size:\n            39px;\n\n        line-height:\n            .98;\n    }\n\n\n    #jrLicenseFaq\n    .jrfaq-list {\n        gap:\n            6px;\n    }\n\n\n    #jrLicenseFaq\n    .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    #jrLicenseFaq\n    .jrfaq-number {\n        width:\n            27px;\n\n        height:\n            27px;\n\n        font-size:\n            9px;\n    }\n\n\n    #jrLicenseFaq\n    .jrfaq-question-text {\n        font-size:\n            12.5px;\n\n        line-height:\n            1.4;\n    }\n\n\n    #jrLicenseFaq\n    .jrfaq-toggle {\n        width:\n            28px;\n\n        height:\n            28px;\n    }\n\n\n    #jrLicenseFaq\n    .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    #jrLicenseFaq\n    .jrfaq-title {\n        font-size:\n            35px;\n    }\n\n\n    #jrLicenseFaq\n    .jrfaq-question {\n        grid-template-columns:\n            27px\n            minmax(0,1fr)\n            27px;\n\n        gap:\n            8px;\n    }\n\n\n    #jrLicenseFaq\n    .jrfaq-question-text {\n        font-size:\n            12px;\n    }\n\n\n    #jrLicenseFaq\n    .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    #jrLicenseFaq *,\n    #jrLicenseFaq *::before,\n    #jrLicenseFaq *::after {\n\n        transition:\n            none !important;\n\n        animation:\n            none !important;\n    }\n\n}\n<\/style>\n\n<section id=\"jrLicenseFaq\">\n\n    <div class=\"jrfaq-inner\">\n\n        <!-- =====================================================\n             \u00dcBERSCHRIFT\n        ====================================================== -->\n\n        <div class=\"jrfaq-head\">\n\n            <span class=\"jrfaq-eyebrow\">\n                Bildlizenzen\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            <!-- =================================================\n                 1\n            ================================================== -->\n\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">\n                        1\n                    <\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        Welche Bilder k\u00f6nnen 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\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Es k\u00f6nnen alle Bilder aus meinem\n                            bestehenden Fot-Archiv f\u00fcr redaktionelle und\n                            kommerzielle Projekte lizenziert werden.\n                        <\/p>\n\n                        <p>\n                            Dazu geh\u00f6ren unter anderem Aufnahmen von Feldhamstern,\n                            Zieseln, Eichh\u00f6rnchen, M\u00e4usen, F\u00fcchsen, Wildkaninchen\n                            und verschiedenen Vogelarten.\n                        <\/p>\n\n                        <p>\n                            Wenn Sie ein bestimmtes Tier, Motiv oder Verhalten\n                            suchen, k\u00f6nnen Sie mir Ihre Anforderungen gerne\n                            direkt mitteilen. Ich stelle anschlie\u00dfend eine\n                            passende Bildauswahl zusammen.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 2\n            ================================================== -->\n\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">\n                        2\n                    <\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        F\u00fcr welche Zwecke k\u00f6nnen die Bilder verwendet 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\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Bildlizenzen sind unter anderem f\u00fcr Magazine,\n                            Zeitungen, B\u00fccher, Kalender, Websites, Social Media,\n                            Werbekampagnen, Unternehmenskommunikation und andere\n                            Print- oder Digitalmedien m\u00f6glich.\n                        <\/p>\n\n                        <p>\n                            Der konkrete Nutzungsumfang wird f\u00fcr jedes Projekt\n                            individuell festgelegt. So erhalten Sie genau die\n                            Rechte, die f\u00fcr Ihre geplante Ver\u00f6ffentlichung\n                            erforderlich sind.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 3\n            ================================================== -->\n\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">\n                        3\n                    <\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        Wie wird der Preis einer Bildlizenz berechnet?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Die Lizenzgeb\u00fchr richtet sich nach dem konkreten\n                            Verwendungszweck und dem Umfang der ben\u00f6tigten\n                            Nutzungsrechte.\n                        <\/p>\n\n                        <p>\n                            Ber\u00fccksichtigt werden unter anderem Medium,\n                            Auflage oder Reichweite, Nutzungsdauer,\n                            Verbreitungsgebiet, Gr\u00f6\u00dfe der Abbildung,\n                            kommerzielle oder redaktionelle Nutzung sowie\n                            m\u00f6gliche Exklusivit\u00e4tsanforderungen.\n                        <\/p>\n\n                        <p>\n                            Nach Bekanntgabe der wichtigsten Eckdaten erhalten\n                            Sie ein individuell kalkuliertes Angebot.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 4\n            ================================================== -->\n\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">\n                        4\n                    <\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        Welche Angaben werden f\u00fcr eine Lizenzanfrage ben\u00f6tigt?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            F\u00fcr ein passendes Angebot helfen m\u00f6glichst konkrete\n                            Angaben zum geplanten Projekt.\n                        <\/p>\n\n                        <p>\n                            Besonders relevant sind das gew\u00fcnschte Bild oder\n                            Motiv, das Medium, die geplante Verwendung,\n                            die Nutzungsdauer, das Verbreitungsgebiet sowie\n                            bei Printprodukten die Auflage und ungef\u00e4hr\n                            geplante Abbildungsgr\u00f6\u00dfe.\n                        <\/p>\n\n                        <p>\n                            Wenn noch nicht alle Details feststehen, ist das\n                            kein Problem. Eine erste Anfrage kann auch mit\n                            den bereits bekannten Eckdaten gestellt werden.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 5\n            ================================================== -->\n\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">\n                        5\n                    <\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        Sind exklusive Bildlizenzen 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\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Ja. Je nach Bild und Projekt k\u00f6nnen auch exklusive\n                            oder teilweise exklusive Nutzungsrechte vereinbart\n                            werden.\n                        <\/p>\n\n                        <p>\n                            Die Exklusivit\u00e4t kann beispielsweise auf einen\n                            bestimmten Zeitraum, ein Land, eine Branche,\n                            eine Produktkategorie oder einen konkreten\n                            Verwendungszweck beschr\u00e4nkt werden.\n                        <\/p>\n\n                        <p>\n                            Da exklusive Rechte die weitere Lizenzierung\n                            eines Bildes einschr\u00e4nken k\u00f6nnen, werden sie\n                            individuell kalkuliert.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 6\n            ================================================== -->\n\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">\n                        6\n                    <\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        K\u00f6nnen Bildlizenzen international genutzt 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\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Ja. Meine Bilder werden international von\n                            Magazinen, Verlagen, Medienunternehmen und\n                            anderen Kunden genutzt.\n                        <\/p>\n\n                        <p>\n                            Die Lizenz kann je nach Projekt beispielsweise\n                            f\u00fcr ein einzelnes Land, mehrere L\u00e4nder,\n                            bestimmte Regionen oder eine weltweite Nutzung\n                            vereinbart werden.\n                        <\/p>\n\n                        <p>\n                            Das vereinbarte Verbreitungsgebiet wird im\n                            Lizenzumfang klar festgehalten.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 7\n            ================================================== -->\n\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">\n                        7\n                    <\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        D\u00fcrfen lizenzierte Bilder zugeschnitten oder bearbeitet 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\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            \u00dcbliche technische Anpassungen f\u00fcr das jeweilige\n                            Layout, etwa ein sinnvoller Beschnitt oder eine\n                            Gr\u00f6\u00dfenanpassung, sind in der Regel m\u00f6glich.\n                        <\/p>\n\n                        <p>\n                            Ver\u00e4nderungen, die den Bildinhalt wesentlich\n                            ver\u00e4ndern, Tiere oder Bildelemente entfernen\n                            beziehungsweise hinzuf\u00fcgen oder den Charakter\n                            der Aufnahme verf\u00e4lschen, sollten vorab\n                            abgestimmt werden.\n                        <\/p>\n\n                        <p>\n                            Bei Unsicherheit gen\u00fcgt eine kurze R\u00fcckfrage\n                            vor der Ver\u00f6ffentlichung.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 8\n            ================================================== -->\n\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">\n                        8\n                    <\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        Ist ein Bildnachweis erforderlich?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Sofern nicht anders vereinbart, sollte bei\n                            redaktionellen Ver\u00f6ffentlichungen ein gut\n                            lesbarer Bildnachweis angegeben werden.\n                        <\/p>\n\n                        <p>\n                            Die genaue Form des Credits wird im Rahmen\n                            der Lizenzvereinbarung mitgeteilt und kann\n                            beispielsweise direkt beim Bild oder im\n                            entsprechenden Bildnachweis der Publikation\n                            erscheinen.\n                        <\/p>\n\n                        <p>\n                            Bei bestimmten kommerziellen Anwendungen kann\n                            eine abweichende Regelung vereinbart werden.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 9\n            ================================================== -->\n\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">\n                        9\n                    <\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        In welchem Format werden die Bilder geliefert?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Nach Abschluss der Lizenzierung erhalten Sie\n                            die ausgew\u00e4hlten Bilder in hochaufl\u00f6sender\n                            Qualit\u00e4t und passend f\u00fcr den vereinbarten\n                            Einsatzzweck.\n                        <\/p>\n\n                        <p>\n                            F\u00fcr Printproduktionen k\u00f6nnen druckf\u00e4hige Dateien\n                            bereitgestellt werden, f\u00fcr digitale Anwendungen\n                            entsprechend optimierte Versionen.\n                        <\/p>\n\n                        <p>\n                            Falls Ihre Produktion bestimmte technische\n                            Anforderungen an Dateiformat, Farbraum oder\n                            Aufl\u00f6sung stellt, k\u00f6nnen diese vorab abgestimmt\n                            werden.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 10\n            ================================================== -->\n\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">\n                        10\n                    <\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        Wie l\u00e4uft eine Bildlizenzierung ab?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Sie senden mir zun\u00e4chst eine Anfrage mit dem\n                            gew\u00fcnschten Bild oder einer Beschreibung des\n                            gesuchten Motivs und den geplanten\n                            Nutzungsbedingungen.\n                        <\/p>\n\n                        <p>\n                            Anschlie\u00dfend erhalten Sie eine passende\n                            Bildauswahl beziehungsweise ein konkretes\n                            Lizenzangebot. Nach Freigabe werden die\n                            vereinbarten Nutzungsrechte best\u00e4tigt und\n                            die hochaufl\u00f6senden Dateien bereitgestellt.\n                        <\/p>\n\n                        <p>\n                            Auch bei kurzfristigen Ver\u00f6ffentlichungen\n                            k\u00f6nnen Anfragen gerne gestellt werden.\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 =\n            document.getElementById(\n                'jrLicenseFaq'\n            );\n\n        if (!faq) return;\n\n\n        const items =\n            faq.querySelectorAll(\n                '.jrfaq-item'\n            );\n\n\n        function closeItem(item) {\n\n            const button =\n                item.querySelector(\n                    '.jrfaq-question'\n                );\n\n            const answer =\n                item.querySelector(\n                    '.jrfaq-answer'\n                );\n\n\n            if (\n                !item.classList.contains(\n                    'is-open'\n                )\n            ) {\n                return;\n            }\n\n\n            answer.style.height =\n                answer.scrollHeight +\n                'px';\n\n\n            requestAnimationFrame(\n                function () {\n\n                    answer.style.height =\n                        '0px';\n\n\n                    item.classList.remove(\n                        'is-open'\n                    );\n\n\n                    button.setAttribute(\n                        'aria-expanded',\n                        'false'\n                    );\n\n                }\n            );\n\n        }\n\n\n        function openItem(item) {\n\n            const button =\n                item.querySelector(\n                    '.jrfaq-question'\n                );\n\n            const answer =\n                item.querySelector(\n                    '.jrfaq-answer'\n                );\n\n\n            item.classList.add(\n                'is-open'\n            );\n\n\n            button.setAttribute(\n                'aria-expanded',\n                'true'\n            );\n\n\n            answer.style.height =\n                '0px';\n\n\n            const targetHeight =\n                answer.scrollHeight;\n\n\n            requestAnimationFrame(\n                function () {\n\n                    answer.style.height =\n                        targetHeight +\n                        'px';\n\n                }\n            );\n\n        }\n\n\n        items.forEach(\n            function (item) {\n\n                const button =\n                    item.querySelector(\n                        '.jrfaq-question'\n                    );\n\n\n                const answer =\n                    item.querySelector(\n                        '.jrfaq-answer'\n                    );\n\n\n                answer.style.height =\n                    '0px';\n\n\n                button.addEventListener(\n                    'click',\n                    function () {\n\n                        const isOpen =\n                            item.classList.contains(\n                                'is-open'\n                            );\n\n\n                        items.forEach(\n                            function (\n                                otherItem\n                            ) {\n\n                                if (\n                                    otherItem !==\n                                    item\n                                ) {\n\n                                    closeItem(\n                                        otherItem\n                                    );\n\n                                }\n\n                            }\n                        );\n\n\n                        if (isOpen) {\n\n                            closeItem(\n                                item\n                            );\n\n                        } else {\n\n                            openItem(\n                                item\n                            );\n\n                        }\n\n                    }\n                );\n\n\n                answer.addEventListener(\n                    'transitionend',\n                    function (event) {\n\n                        if (\n                            event.propertyName ===\n                            'height' &&\n                            item.classList.contains(\n                                'is-open'\n                            )\n                        ) {\n\n                            answer.style.height =\n                                'auto';\n\n                        }\n\n                    }\n                );\n\n            }\n        );\n\n\n        window.addEventListener(\n            'resize',\n            function () {\n\n                items.forEach(\n                    function (item) {\n\n                        if (\n                            item.classList.contains(\n                                'is-open'\n                            )\n                        ) {\n\n                            const answer =\n                                item.querySelector(\n                                    '.jrfaq-answer'\n                                );\n\n\n                            answer.style.height =\n                                'auto';\n\n                        }\n\n                    }\n                );\n\n            }\n        );\n\n    })();\n    <\/script>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Bildlizenzen &amp; Publikationen Wildtierfotografie f\u00fcr Magazine, Verlage, Medien, Marken und Projekte. LIZENZIERUNG ANFRAGEN \u2192 Ausgew\u00e4hlte Magazinpublikationen \u2039 \u203a So einfach geht\u2019s In 4 Schritten zur Bildlizenz 1 Anfrage stellen Teilen Sie mir mit, welches Motiv Sie suchen und wof\u00fcr das Bild verwendet werden soll. 2 Angebot erhalten Sie erhalten ein individuelles Angebot mit den passenden [&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-1229","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/radwildlife.com\/en\/wp-json\/wp\/v2\/pages\/1229","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=1229"}],"version-history":[{"count":13,"href":"https:\/\/radwildlife.com\/en\/wp-json\/wp\/v2\/pages\/1229\/revisions"}],"predecessor-version":[{"id":1278,"href":"https:\/\/radwildlife.com\/en\/wp-json\/wp\/v2\/pages\/1229\/revisions\/1278"}],"wp:attachment":[{"href":"https:\/\/radwildlife.com\/en\/wp-json\/wp\/v2\/media?parent=1229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}