{"id":26,"date":"2026-09-13T01:39:38","date_gmt":"2026-09-12T23:39:38","guid":{"rendered":"https:\/\/radwildlife.com\/?page_id=26"},"modified":"2026-10-25T19:16:17","modified_gmt":"2026-10-25T18:16:17","slug":"home","status":"publish","type":"page","link":"https:\/\/radwildlife.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<style data-wp-block-html=\"css\">\n\/* =========================================================\n   JULIAN RAD \u2013 HOMEPAGE BOOK HERO\n   RESPONSIVE \u2013 TEXT N\u00c4HER AM BUCH\n   ========================================================= *\/\n\n\/* =========================================================\n   BASIS\n   ========================================================= *\/\n\n.jr-hero,\n.jr-hero *,\n.jr-hero *::before,\n.jr-hero *::after {\n    box-sizing: border-box;\n}\n\n.jr-hero {\n    position: relative;\n    isolation: isolate;\n\n    display: grid;\n    grid-template-columns: minmax(0, 1fr);\n    align-items: center;\n\n    width: 100vw;\n    max-width: none;\n    min-width: 0;\n\n    height: auto;\n    min-height: 0;\n\n    margin: 0 0 0 calc(50% - 50vw) !important;\n    margin-block-start: 0 !important;\n    margin-block-end: 0 !important;\n\n    padding: 0 !important;\n\n    background: #F4EFE8;\n    border: 0;\n\n    overflow: hidden;\n}\n\n\/* =========================================================\n   HINTERGRUNDBILD \u2013 DESKTOP\n   ========================================================= *\/\n\n.jr-hero .jr-hero-image {\n    grid-column: 1;\n    grid-row: 1;\n\n    display: block;\n\n    width: 100%;\n    min-width: 0;\n    height: auto;\n\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n.jr-hero .jr-hero-image img {\n    display: block;\n\n    width: 100%;\n    height: auto;\n    max-width: 100%;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    object-fit: contain;\n    object-position: center;\n\n    border: 0;\n}\n\n\/* =========================================================\n   TEXTBLOCK \u2013 DESKTOP\n   N\u00c4HER AM BUCH POSITIONIERT\n   ========================================================= *\/\n\n.jr-hero .jr-hero-content {\n    grid-column: 1;\n    grid-row: 1;\n\n    position: relative;\n\n    justify-self: end;\n    align-self: center;\n\n    width: 42%;\n    max-width: 850px;\n    min-width: 0;\n\n    margin: 0 8.5% 0 0 !important;\n\n    padding: 28px 0 32px;\n\n    transform: none;\n\n    z-index: 2;\n\n    color: #3A302B;\n}\n\n\/* =========================================================\n   EYEBROW\n   ========================================================= *\/\n\n.jr-hero .jr-hero-eyebrow {\n    margin: 0 0 11px 0;\n    padding: 0;\n\n    font-family: Inter, Arial, sans-serif;\n\n    font-size: clamp(10px, 0.8vw, 15px);\n    font-weight: 600;\n\n    letter-spacing: 0.25em;\n    line-height: 1.4;\n\n    text-transform: uppercase;\n\n    color: #B96F52;\n}\n\n\/* =========================================================\n   DECORATIVE LINE\n   ========================================================= *\/\n\n.jr-hero .jr-hero-line {\n    display: block;\n\n    width: 46px;\n    height: 1px;\n\n    margin: 0 0 20px;\n\n    background: #B96F52;\n}\n\n\/* =========================================================\n   HEADLINE\n   ========================================================= *\/\n\n.jr-hero .jr-hero-title {\n    margin: 0 0 17px 0 !important;\n    padding: 0 !important;\n\n    font-family:\n        \"Bacasime Antique\",\n        Georgia,\n        serif;\n\n    font-size: clamp(38px, 3.5vw, 74px);\n    font-weight: 400;\n\n    line-height: 1.02;\n    letter-spacing: -0.025em;\n\n    color: #3A302B;\n\n    overflow-wrap: normal;\n}\n\n.jr-hero .jr-hero-title em {\n    display: block;\n\n    font-style: italic;\n    font-weight: 400;\n\n    color: #B96F52;\n}\n\n\/* =========================================================\n   SUBTITLE\n   ========================================================= *\/\n\n.jr-hero .jr-hero-text {\n    margin: 0 0 17px 0 !important;\n    padding: 0;\n\n    font-family:\n        \"Bacasime Antique\",\n        Georgia,\n        serif;\n\n    font-size: clamp(18px, 1.55vw, 32px);\n    font-weight: 400;\n\n    line-height: 1.2;\n\n    color: #3A302B;\n}\n\n\/* =========================================================\n   AUTHOR\n   ========================================================= *\/\n\n.jr-hero .jr-hero-author {\n    margin: 0 0 24px 0;\n    padding: 0;\n\n    font-family: Inter, Arial, sans-serif;\n\n    font-size: clamp(9px, 0.72vw, 13px);\n    font-weight: 500;\n\n    line-height: 1.5;\n    letter-spacing: 0.18em;\n\n    text-transform: uppercase;\n\n    color: #B96F52;\n}\n\n\/* =========================================================\n   BUTTON CONTAINER\n   ========================================================= *\/\n\n.jr-hero .jr-hero-buttons {\n    display: grid;\n\n    grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n    width: 100%;\n    min-width: 0;\n\n    align-items: stretch;\n\n    gap: 12px;\n\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n\/* =========================================================\n   BUTTONS\n   ========================================================= *\/\n\n.jr-hero .jr-btn {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 10px;\n\n    width: 100%;\n    min-width: 0;\n    min-height: 48px;\n    height: auto;\n\n    margin: 0;\n    padding: 12px;\n\n    font-family: Inter, Arial, sans-serif;\n\n    font-size: clamp(9px, 0.7vw, 12px);\n    font-weight: 600;\n\n    line-height: 1.3;\n    letter-spacing: 0.09em;\n\n    text-align: center;\n    text-transform: uppercase;\n    text-decoration: none !important;\n\n    white-space: normal;\n    border-radius: 0;\n\n    cursor: pointer;\n\n    transition:\n        background-color 0.25s ease,\n        border-color 0.25s ease,\n        color 0.25s ease;\n}\n\n.jr-hero .jr-btn-label {\n    display: inline-block;\n    min-width: 0;\n\n    white-space: normal;\n}\n\n.jr-hero .jr-btn-arrow {\n    display: inline-block;\n    flex-shrink: 0;\n\n    font-size: 17px;\n    font-weight: 400;\n    line-height: 1;\n}\n\n\/* =========================================================\n   PRIMARY \u2013 AMAZON\n   ========================================================= *\/\n\n.jr-hero .jr-btn-primary {\n    background: #B96F52;\n    border: 1px solid #B96F52;\n\n    color: #FFFFFF !important;\n}\n\n.jr-hero .jr-btn-primary:hover {\n    background: #9F5C43;\n    border-color: #9F5C43;\n\n    color: #FFFFFF !important;\n}\n\n\/* =========================================================\n   SECONDARY \u2013 SHOP\n   ========================================================= *\/\n\n.jr-hero .jr-btn-secondary {\n    background: rgba(255,255,255,0.35);\n    border: 1px solid #B96F52;\n\n    color: #B96F52 !important;\n}\n\n.jr-hero .jr-btn-secondary:hover {\n    background: #FFFFFF;\n    border-color: #9F5C43;\n\n    color: #9F5C43 !important;\n}\n\n\/* =========================================================\n   LARGE DESKTOP\n   AB 1600px\n   ========================================================= *\/\n\n@media (min-width: 1600px) {\n\n    .jr-hero .jr-hero-content {\n        width: 41%;\n        max-width: 950px;\n\n        margin-right: 8% !important;\n\n        padding-top: 38px;\n        padding-bottom: 42px;\n    }\n\n    .jr-hero .jr-hero-title {\n        font-size: clamp(58px, 3.5vw, 74px);\n    }\n}\n\n\/* =========================================================\n   LAPTOP \/ SMALL DESKTOP\n   1101px \u2013 1599px\n   ========================================================= *\/\n\n@media (min-width: 1101px) and (max-width: 1599px) {\n\n    .jr-hero .jr-hero-content {\n        width: 43%;\n        max-width: 850px;\n\n        margin-right: 7% !important;\n\n        padding-top: 20px;\n        padding-bottom: 24px;\n    }\n\n    .jr-hero .jr-hero-eyebrow {\n        font-size: 10px;\n        margin-bottom: 8px;\n    }\n\n    .jr-hero .jr-hero-line {\n        width: 36px;\n        margin-bottom: 14px;\n    }\n\n    .jr-hero .jr-hero-title {\n        font-size: clamp(36px, 3.25vw, 54px);\n        margin-bottom: 12px !important;\n    }\n\n    .jr-hero .jr-hero-text {\n        font-size: clamp(17px, 1.45vw, 24px);\n        margin-bottom: 12px !important;\n    }\n\n    .jr-hero .jr-hero-author {\n        font-size: 10px;\n        margin-bottom: 18px;\n    }\n\n    .jr-hero .jr-btn {\n        min-height: 44px;\n        padding: 10px 8px;\n\n        font-size: 10px;\n        gap: 7px;\n    }\n\n    .jr-hero .jr-btn-arrow {\n        font-size: 15px;\n    }\n}\n\n\/* =========================================================\n   TABLET \/ SMALL SCREENS\n   BIS 1100px\n   BILD OBEN \u2013 TEXT UNTEN\n   ========================================================= *\/\n\n@media (max-width: 1100px) {\n\n    .jr-hero {\n        display: flex;\n        flex-direction: column;\n\n        width: 100vw;\n        height: auto;\n        min-height: 0;\n\n        margin: 0 0 0 calc(50% - 50vw) !important;\n\n        padding: 0 !important;\n    }\n\n    \/* IMAGE *\/\n\n    .jr-hero .jr-hero-image {\n        position: relative;\n        display: block;\n\n        width: 100%;\n        height: clamp(330px, 43vw, 440px);\n\n        margin: 0 !important;\n        padding: 0 !important;\n\n        overflow: hidden;\n    }\n\n    .jr-hero .jr-hero-image img {\n        display: block;\n\n        width: 100%;\n        height: 100%;\n        max-width: none;\n\n        object-fit: cover;\n        object-position: 34% center;\n    }\n\n    \/* CONTENT *\/\n\n    .jr-hero .jr-hero-content {\n        position: relative;\n\n        display: block;\n\n        width: 100%;\n        max-width: none;\n        min-width: 0;\n\n        margin: 0 !important;\n\n        padding: 32px 36px 38px;\n\n        transform: none;\n\n        background: #F4EFE8;\n    }\n\n    .jr-hero .jr-hero-eyebrow {\n        font-size: 11px;\n        margin-bottom: 10px;\n    }\n\n    .jr-hero .jr-hero-line {\n        width: 38px;\n        margin-bottom: 20px;\n    }\n\n    .jr-hero .jr-hero-title {\n        font-size: clamp(40px, 6vw, 60px);\n        margin-bottom: 18px !important;\n    }\n\n    .jr-hero .jr-hero-text {\n        font-size: clamp(21px, 2.5vw, 27px);\n        margin-bottom: 18px !important;\n    }\n\n    .jr-hero .jr-hero-author {\n        font-size: 10px;\n        margin-bottom: 24px;\n    }\n\n    .jr-hero .jr-hero-buttons {\n        gap: 12px;\n    }\n\n    .jr-hero .jr-btn {\n        min-height: 48px;\n        padding: 12px;\n\n        font-size: 11px;\n        gap: 9px;\n    }\n}\n\n\/* =========================================================\n   MOBILE\n   BIS 767px\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .jr-hero .jr-hero-image {\n        height: clamp(285px, 78vw, 390px);\n    }\n\n    .jr-hero .jr-hero-image img {\n        object-position: 35% center;\n    }\n\n    .jr-hero .jr-hero-content {\n        padding: 28px 24px 34px;\n    }\n\n    .jr-hero .jr-hero-eyebrow {\n        font-size: 10px;\n        margin-bottom: 10px;\n    }\n\n    .jr-hero .jr-hero-line {\n        width: 35px;\n        margin-bottom: 20px;\n    }\n\n    .jr-hero .jr-hero-title {\n        font-size: clamp(34px, 9vw, 51px);\n\n        line-height: 1.02;\n\n        margin-bottom: 18px !important;\n    }\n\n    .jr-hero .jr-hero-text {\n        font-size: 21px;\n\n        line-height: 1.25;\n\n        margin-bottom: 20px !important;\n    }\n\n    .jr-hero .jr-hero-author {\n        font-size: 10px;\n\n        letter-spacing: 0.15em;\n\n        margin-bottom: 24px;\n    }\n\n    .jr-hero .jr-hero-buttons {\n        gap: 10px;\n    }\n\n    .jr-hero .jr-btn {\n        min-height: 46px;\n\n        padding: 11px 9px;\n\n        font-size: 10px;\n        letter-spacing: 0.05em;\n\n        gap: 7px;\n    }\n\n    .jr-hero .jr-btn-arrow {\n        font-size: 15px;\n    }\n}\n\n\/* =========================================================\n   VERY SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 390px) {\n\n    .jr-hero .jr-hero-image {\n        height: 285px;\n    }\n\n    .jr-hero .jr-hero-content {\n        padding: 26px 20px 30px;\n    }\n\n    .jr-hero .jr-hero-title {\n        font-size: 35px;\n    }\n\n    .jr-hero .jr-hero-text {\n        font-size: 19px;\n    }\n\n    .jr-hero .jr-hero-buttons {\n        gap: 8px;\n    }\n\n    .jr-hero .jr-btn {\n        min-height: 44px;\n\n        padding: 10px 7px;\n\n        font-size: 9px;\n        letter-spacing: 0.03em;\n\n        gap: 5px;\n    }\n}\n\n\/* =========================================================\n   ULTRA SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 320px) {\n\n    .jr-hero .jr-hero-buttons {\n        grid-template-columns: 1fr;\n    }\n\n    .jr-hero .jr-btn {\n        min-height: 44px;\n    }\n}\n\n\/* =========================================================\n   ACCESSIBILITY\n   ========================================================= *\/\n\n.jr-hero .jr-btn:focus-visible {\n    outline: 2px solid #3A302B;\n    outline-offset: 3px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n\n    .jr-hero .jr-btn {\n        transition: none;\n    }\n}\n<\/style>\n\n<!-- ================================================\n     JULIAN RAD \u2013 HOMEPAGE BOOK HERO\n     ================================================ -->\n\n<section class=\"jr-hero\" aria-label=\"Kleine Helden, gro\u00dfe Geschichten\">\n\n  <!-- HERO BACKGROUND -->\n\n  <div class=\"jr-hero-image\">\n\n    <img src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/10\/Kleine-Helden-grosse-Geschichten.webp\" alt=\"Kleine Helden, gro\u00dfe Geschichten \u2013 Das neue Fotobuch von Julian Rad\" width=\"2560\" height=\"853\" fetchpriority=\"high\" loading=\"eager\" decoding=\"async\">\n\n  <\/div>\n\n\n  <!-- HERO CONTENT -->\n\n  <div class=\"jr-hero-content\">\n\n    <div class=\"jr-hero-eyebrow\">\n      NEW RELEASE\n    <\/div>\n\n    <span class=\"jr-hero-line\" aria-hidden=\"true\"><\/span>\n\n\n    <h1 class=\"jr-hero-title\">\n      Kleine Helden,\n      <em>gro\u00dfe Geschichten<\/em>\n    <\/h1>\n\n\n    <p class=\"jr-hero-text\">\n      Eine fotografische Reise zu unseren\n      tierischen Stadtbewohnern\n    <\/p>\n\n\n    <div class=\"jr-hero-author\">\n      THE NEW BOOK BY JULIAN RAD\n    <\/div>\n\n\n    <!-- BUTTONS -->\n\n    <div class=\"jr-hero-buttons\">\n\n      <a class=\"jr-btn jr-btn-primary\" href=\"https:\/\/amzn.eu\/d\/0d06fycq\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Buch Kleine Helden, gro\u00dfe Geschichten bei Amazon entdecken\">\n        <span class=\"jr-btn-label\">DISCOVER THE BOOK<\/span>\n        <span class=\"jr-btn-arrow\" aria-hidden=\"true\">\u2192<\/span>\n      <\/a>\n\n\n      <a class=\"jr-btn jr-btn-secondary\" href=\"\/en\/kalender\/\">\n        <span class=\"jr-btn-label\">Calendar 2027<\/span>\n        <span class=\"jr-btn-arrow\" aria-hidden=\"true\">\u2192<\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   JULIAN RAD\n   SHOP-KATEGORIEN\n   DESKTOP + TABLET SICHTBAR\n   MOBILE KOMPLETT AUSGEBLENDET\n\n   SHIMMER:\n   NUR AUF DEN SICHTBAREN PIXELN DER ICONS\n   ========================================================= *\/\n\n\n\/* =========================================================\n   WORDPRESS RESET\n   ========================================================= *\/\n\nbody .entry-content > .wp-block-html:has(#jr-shop-categories-2026),\nbody .wp-block-post-content > .wp-block-html:has(#jr-shop-categories-2026),\nbody .wp-site-blocks > .wp-block-html:has(#jr-shop-categories-2026) {\n\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n}\n\n\nbody .entry-content > * + .wp-block-html:has(#jr-shop-categories-2026),\nbody .wp-block-post-content > * + .wp-block-html:has(#jr-shop-categories-2026),\nbody .wp-site-blocks > * + .wp-block-html:has(#jr-shop-categories-2026) {\n\n    margin-block-start: 0 !important;\n}\n\n\n\/* =========================================================\n   SECTION\n   ========================================================= *\/\n\n#jr-shop-categories-2026 {\n\n    position: relative;\n\n    display: block;\n\n    width: 100vw;\n\n    max-width: none;\n\n    margin:\n        0\n        0\n        0\n        calc(50% - 50vw) !important;\n\n    padding: 0 !important;\n\n    background:\n        #F4EFE8;\n\n    border: 0;\n\n    isolation: isolate;\n}\n\n\n\/* =========================================================\n   BOX MODEL\n   ========================================================= *\/\n\n#jr-shop-categories-2026,\n#jr-shop-categories-2026 *,\n#jr-shop-categories-2026 *::before,\n#jr-shop-categories-2026 *::after {\n\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   INNER\n   SAME WIDTH AS PRODUCT BLOCK BELOW\n   ========================================================= *\/\n\n#jr-shop-categories-2026 .jrsc-inner {\n\n    width:\n        min(\n            calc(100% - 46px),\n            1780px\n        );\n\n    margin:\n        0 auto;\n\n    padding: 0;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(5, minmax(0, 1fr));\n\n    gap:\n        clamp(\n            12px,\n            1vw,\n            20px\n        );\n\n    align-items: stretch;\n}\n\n\n\/* =========================================================\n   CATEGORY\n   ========================================================= *\/\n\n#jr-shop-categories-2026 .jrsc-category {\n\n    position: relative;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n\n    justify-content: center;\n\n    min-width: 0;\n\n    min-height:\n        220px;\n\n    margin: 0;\n\n    padding:\n        28px\n        12px;\n\n    text-align:\n        center;\n\n    text-decoration:\n        none !important;\n\n    color:\n        #3A302B !important;\n\n    background:\n        transparent;\n\n    border: 0;\n\n    transition:\n        background-color .22s ease;\n}\n\n\n\/* =========================================================\n   SEPARATORS\n   ========================================================= *\/\n\n#jr-shop-categories-2026 .jrsc-category + .jrsc-category::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    left:\n        calc(\n            clamp(12px, 1vw, 20px) \/ -2\n        );\n\n    top:\n        25%;\n\n    width:\n        1px;\n\n    height:\n        50%;\n\n    background:\n        rgba(150,132,118,.28);\n\n    pointer-events:\n        none;\n}\n\n\n\/* =========================================================\n   CATEGORY HOVER\n   ========================================================= *\/\n\n#jr-shop-categories-2026 .jrsc-category:hover {\n\n    background:\n        rgba(255,255,255,.18);\n}\n\n\n\/* =========================================================\n   ICON WRAPPER\n   ========================================================= *\/\n\n#jr-shop-categories-2026 .jrsc-icon-wrap {\n\n    position: relative;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width:\n        54px;\n\n    height:\n        54px;\n\n    margin:\n        0\n        0\n        17px\n        0;\n\n    padding: 0;\n\n    overflow:\n        visible;\n\n    isolation:\n        isolate;\n\n    transition:\n        transform .28s ease;\n}\n\n\n\/* =========================================================\n   ICON\n   ========================================================= *\/\n\n#jr-shop-categories-2026 .jrsc-icon {\n\n    position: relative;\n\n    z-index: 1;\n\n    display: block;\n\n    width:\n        44px;\n\n    height:\n        44px;\n\n    max-width:\n        none;\n\n    margin:\n        0 !important;\n\n    padding: 0;\n\n    object-fit:\n        contain;\n\n    object-position:\n        center;\n\n    border: 0;\n\n    transition:\n        filter .28s ease;\n}\n\n\n\/* =========================================================\n   HOVER MOVEMENT\n   ========================================================= *\/\n\n#jr-shop-categories-2026 .jrsc-category:hover .jrsc-icon-wrap {\n\n    transform:\n        translateY(-3px);\n}\n\n\n#jr-shop-categories-2026 .jrsc-category:hover .jrsc-icon {\n\n    filter:\n        brightness(1.035)\n        drop-shadow(\n            0 5px 7px rgba(80,60,48,.08)\n        );\n}\n\n\n\/* =========================================================\n   REAL ICON SHIMMER\n\n   WICHTIG:\n   Das Icon selbst dient hier als CSS-Maske.\n\n   Dadurch kann der wei\u00dfe Lichtreflex ausschlie\u00dflich\n   auf den tats\u00e4chlich sichtbaren Pixeln erscheinen.\n\n   Transparente Bereiche bleiben komplett transparent.\n   ========================================================= *\/\n\n#jr-shop-categories-2026 .jrsc-icon-wrap::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    z-index: 3;\n\n    top:\n        5px;\n\n    left:\n        5px;\n\n    width:\n        44px;\n\n    height:\n        44px;\n\n    pointer-events:\n        none;\n\n    opacity:\n        0;\n\n\n    \/* -----------------------------------------------------\n       LICHTREFLEX\n       ----------------------------------------------------- *\/\n\n    background:\n        linear-gradient(\n            110deg,\n\n            transparent 0%,\n            transparent 35%,\n\n            rgba(255,255,255,.10) 40%,\n            rgba(255,255,255,.45) 45%,\n            rgba(255,255,255,.95) 50%,\n            rgba(255,255,255,.45) 55%,\n            rgba(255,255,255,.10) 60%,\n\n            transparent 65%,\n            transparent 100%\n        );\n\n    background-size:\n        260% 100%;\n\n    background-position:\n        150% 0;\n\n\n    \/* -----------------------------------------------------\n       ICON ALS MASKE\n       ----------------------------------------------------- *\/\n\n    -webkit-mask-image:\n        var(--jrsc-icon);\n\n    mask-image:\n        var(--jrsc-icon);\n\n\n    -webkit-mask-repeat:\n        no-repeat;\n\n    mask-repeat:\n        no-repeat;\n\n\n    -webkit-mask-position:\n        center;\n\n    mask-position:\n        center;\n\n\n    -webkit-mask-size:\n        contain;\n\n    mask-size:\n        contain;\n}\n\n\n\/* =========================================================\n   SHIMMER ON HOVER\n   ========================================================= *\/\n\n#jr-shop-categories-2026 .jrsc-category:hover .jrsc-icon-wrap::after {\n\n    animation:\n        jrsc-icon-shimmer\n        .75s\n        cubic-bezier(.22,.61,.36,1)\n        forwards;\n}\n\n\n\/* =========================================================\n   SHIMMER KEYFRAMES\n   ========================================================= *\/\n\n@keyframes jrsc-icon-shimmer {\n\n    0% {\n\n        opacity:\n            0;\n\n        background-position:\n            150% 0;\n    }\n\n\n    12% {\n\n        opacity:\n            1;\n    }\n\n\n    82% {\n\n        opacity:\n            1;\n    }\n\n\n    100% {\n\n        opacity:\n            0;\n\n        background-position:\n            -50% 0;\n    }\n\n}\n\n\n\/* =========================================================\n   NAME\n   ========================================================= *\/\n\n#jr-shop-categories-2026 .jrsc-name {\n\n    margin:\n        0\n        0\n        9px\n        0;\n\n    padding: 0;\n\n    font-family:\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    font-size:\n        11px;\n\n    font-weight:\n        600;\n\n    line-height:\n        1.2;\n\n    letter-spacing:\n        .15em;\n\n    text-transform:\n        uppercase;\n\n    color:\n        #5A4E47;\n\n    transition:\n        color .22s ease;\n}\n\n\n#jr-shop-categories-2026 .jrsc-category:hover .jrsc-name {\n\n    color:\n        #40352F;\n}\n\n\n\/* =========================================================\n   DESCRIPTION\n   ========================================================= *\/\n\n#jr-shop-categories-2026 .jrsc-description {\n\n    margin: 0;\n\n    padding: 0;\n\n    font-family:\n        \"Bacasime Antique\",\n        Georgia,\n        serif;\n\n    font-size:\n        16px;\n\n    font-weight:\n        400;\n\n    line-height:\n        1.25;\n\n    color:\n        #786A61;\n}\n\n\n\/* =========================================================\n   LARGE DESKTOP\n   ========================================================= *\/\n\n@media (min-width: 1500px) {\n\n    #jr-shop-categories-2026 .jrsc-inner {\n\n        width:\n            min(\n                calc(100% - 58px),\n                1840px\n            );\n\n        gap:\n            16px;\n    }\n\n\n    #jr-shop-categories-2026 .jrsc-category {\n\n        min-height:\n            180px;\n\n        padding:\n            28px\n            12px;\n    }\n\n}\n\n\n\/* =========================================================\n   VERY LARGE DESKTOP\n   ========================================================= *\/\n\n@media (min-width: 1850px) {\n\n    #jr-shop-categories-2026 .jrsc-inner {\n\n        max-width:\n            1900px;\n    }\n\n}\n\n\n\/* =========================================================\n   TABLET \/ SMALL DESKTOP\n   ========================================================= *\/\n\n@media (max-width: 1250px) {\n\n    #jr-shop-categories-2026 .jrsc-inner {\n\n        width:\n            calc(100% - 36px);\n\n        gap:\n            12px;\n    }\n\n\n    #jr-shop-categories-2026 .jrsc-category {\n\n        min-height:\n            205px;\n\n        padding:\n            25px\n            10px;\n    }\n\n\n    #jr-shop-categories-2026 .jrsc-icon-wrap {\n\n        width:\n            50px;\n\n        height:\n            50px;\n    }\n\n\n    #jr-shop-categories-2026 .jrsc-icon {\n\n        width:\n            40px;\n\n        height:\n            40px;\n    }\n\n\n    \/*\n       Maske ebenfalls auf 40 \u00d7 40 anpassen\n    *\/\n\n    #jr-shop-categories-2026 .jrsc-icon-wrap::after {\n\n        top:\n            5px;\n\n        left:\n            5px;\n\n        width:\n            40px;\n\n        height:\n            40px;\n    }\n\n\n    #jr-shop-categories-2026 .jrsc-name {\n\n        font-size:\n            10px;\n    }\n\n\n    #jr-shop-categories-2026 .jrsc-description {\n\n        font-size:\n            14px;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    #jr-shop-categories-2026 .jrsc-category,\n    #jr-shop-categories-2026 .jrsc-icon-wrap,\n    #jr-shop-categories-2026 .jrsc-icon,\n    #jr-shop-categories-2026 .jrsc-name {\n\n        transition:\n            none;\n    }\n\n\n    #jr-shop-categories-2026 .jrsc-category:hover .jrsc-icon-wrap::after {\n\n        animation:\n            none;\n\n        opacity:\n            0;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   COMPLETE CATEGORY BLOCK HIDDEN\n   PRODUCT IMAGES START IMMEDIATELY\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n    #jr-shop-categories-2026 {\n\n        display:\n            none !important;\n    }\n\n\n    body .entry-content > .wp-block-html:has(#jr-shop-categories-2026),\n    body .wp-block-post-content > .wp-block-html:has(#jr-shop-categories-2026),\n    body .wp-site-blocks > .wp-block-html:has(#jr-shop-categories-2026) {\n\n        display:\n            none !important;\n\n        margin:\n            0 !important;\n\n        padding:\n            0 !important;\n\n        min-height:\n            0 !important;\n\n        height:\n            0 !important;\n    }\n\n}\n<\/style>\n\n<section id=\"jr-shop-categories-2026\">\n\n    <div class=\"jrsc-inner\">\n\n        <!-- FINE-ART-PRINTS -->\n        <a class=\"jrsc-category\" href=\"\/en\/prints\/\">\n\n            <div\n                class=\"jrsc-icon-wrap\"\n                style=\"--jrsc-icon: url('https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Icon_Print.webp');\"\n            >\n\n                <img\n                    class=\"jrsc-icon\"\n                    src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Icon_Print.webp\"\n                    alt=\"Fine-Art-Prints\"\n                    loading=\"lazy\"\n                    decoding=\"async\"\n                >\n\n            <\/div>\n\n            <div class=\"jrsc-name\">\n                PRINTS\n            <\/div>\n\n        <\/a>\n\n\n        <!-- PUZZLE -->\n        <a class=\"jrsc-category\" href=\"\/en\/puzzle\/\">\n\n            <div\n                class=\"jrsc-icon-wrap\"\n                style=\"--jrsc-icon: url('https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Icon_Puzzle.webp');\"\n            >\n\n                <img\n                    class=\"jrsc-icon\"\n                    src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Icon_Puzzle.webp\"\n                    alt=\"Puzzle\"\n                    loading=\"lazy\"\n                    decoding=\"async\"\n                >\n\n            <\/div>\n\n            <div class=\"jrsc-name\">\n                PUZZLE\n            <\/div>\n\n        <\/a>\n\n\n        <!-- WANDKALENDER -->\n        <a class=\"jrsc-category\" href=\"\/en\/kalender\/\">\n\n            <div\n                class=\"jrsc-icon-wrap\"\n                style=\"--jrsc-icon: url('https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Icon_Calendar.webp');\"\n            >\n\n                <img\n                    class=\"jrsc-icon\"\n                    src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Icon_Calendar.webp\"\n                    alt=\"Wandkalender\"\n                    loading=\"lazy\"\n                    decoding=\"async\"\n                >\n\n            <\/div>\n\n            <div class=\"jrsc-name\">\n                CALENDAR\n            <\/div>\n\n        <\/a>\n\n\n        <!-- POSTKARTEN -->\n        <a class=\"jrsc-category\" href=\"\/en\/postkarten\/\">\n\n            <div\n                class=\"jrsc-icon-wrap\"\n                style=\"--jrsc-icon: url('https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Icon_Postcards.webp');\"\n            >\n\n                <img\n                    class=\"jrsc-icon\"\n                    src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Icon_Postcards.webp\"\n                    alt=\"Postkarten\"\n                    loading=\"lazy\"\n                    decoding=\"async\"\n                >\n\n            <\/div>\n\n            <div class=\"jrsc-name\">\n                POSTCARDS\n            <\/div>\n\n        <\/a>\n\n\n        <!-- LEINWAND -->\n        <a class=\"jrsc-category\" href=\"\/en\/leinwand\/\">\n\n            <div\n                class=\"jrsc-icon-wrap\"\n                style=\"--jrsc-icon: url('https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Icon_Canvas.webp');\"\n            >\n\n                <img\n                    class=\"jrsc-icon\"\n                    src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Icon_Canvas.webp\"\n                    alt=\"Leinwand\"\n                    loading=\"lazy\"\n                    decoding=\"async\"\n                >\n\n            <\/div>\n\n            <div class=\"jrsc-name\">\n                CANVAS\n            <\/div>\n\n        <\/a>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   JULIAN RAD\n   PRODUCT SHOWCASE 2026\n\n   DESKTOP:\n   PRODUCT TITLES HIDDEN\n   BUTTONS ALWAYS VISIBLE\n\n   TABLET \/ MOBILE:\n   PRODUCT TITLES VISIBLE\n\n   IMAGES:\n   SQUARE\n   NO SIDE BORDERS\n   NO HOVER ZOOM\n   ========================================================= *\/\n\n\n\/* =========================================================\n   WORDPRESS RESET\n   ========================================================= *\/\n\nbody .entry-content > .wp-block-html:has(#jr-product-showcase-2026),\nbody .wp-block-post-content > .wp-block-html:has(#jr-product-showcase-2026),\nbody .wp-site-blocks > .wp-block-html:has(#jr-product-showcase-2026) {\n\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n}\n\n\nbody .entry-content > * + .wp-block-html:has(#jr-product-showcase-2026),\nbody .wp-block-post-content > * + .wp-block-html:has(#jr-product-showcase-2026),\nbody .wp-site-blocks > * + .wp-block-html:has(#jr-product-showcase-2026) {\n\n    margin-block-start: 0 !important;\n}\n\n\n\n\/* =========================================================\n   SECTION\n   ========================================================= *\/\n\n#jr-product-showcase-2026 {\n\n    position: relative;\n\n    width: 100vw;\n\n    max-width: none;\n\n    margin:\n        0\n        0\n        0\n        calc(50% - 50vw) !important;\n\n    padding:\n        34px\n        0\n        40px;\n\n    overflow: hidden;\n\n    background:\n        #F7F2EC;\n}\n\n\n\n\/* =========================================================\n   BOX SIZING\n   ========================================================= *\/\n\n#jr-product-showcase-2026,\n#jr-product-showcase-2026 *,\n#jr-product-showcase-2026 *::before,\n#jr-product-showcase-2026 *::after {\n\n    box-sizing: border-box;\n}\n\n\n\n\/* =========================================================\n   INNER\n   ========================================================= *\/\n\n#jr-product-showcase-2026 .jrps-inner {\n\n    width:\n        min(\n            calc(100% - 46px),\n            1780px\n        );\n\n    margin:\n        0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(5, minmax(0, 1fr));\n\n    gap:\n        clamp(\n            12px,\n            1vw,\n            20px\n        );\n\n    align-items:\n        start;\n}\n\n\n\n\/* =========================================================\n   PRODUCT ITEM\n   ========================================================= *\/\n\n#jr-product-showcase-2026 .jrps-item {\n\n    position: relative;\n\n    min-width: 0;\n\n    margin: 0;\n\n    padding: 0;\n\n    text-align:\n        center;\n}\n\n\n\n\/* =========================================================\n   IMAGE LINK\n   SQUARE\n   ========================================================= *\/\n\n#jr-product-showcase-2026 .jrps-image {\n\n    position: relative;\n\n    display: block;\n\n    width: 100%;\n\n    aspect-ratio:\n        1 \/ 1;\n\n    overflow: hidden;\n\n    background:\n        #EEE6DC;\n\n    text-decoration:\n        none !important;\n}\n\n\n\n\/* =========================================================\n   IMAGE\n   FULL SQUARE\n   NO SIDE BORDERS\n   NO ZOOM\n   ========================================================= *\/\n\n#jr-product-showcase-2026 .jrps-image img {\n\n    display: block;\n\n    width:\n        100%;\n\n    height:\n        100%;\n\n    object-fit:\n        cover;\n\n    object-position:\n        center;\n\n    transform:\n        none !important;\n\n    transition:\n        none !important;\n}\n\n\n\n\/* =========================================================\n   VERY SUBTLE IMAGE OVERLAY\n   ========================================================= *\/\n\n#jr-product-showcase-2026 .jrps-image::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    inset: 0;\n\n    pointer-events:\n        none;\n\n    box-shadow:\n        inset\n        0\n        0\n        0\n        1px\n        rgba(93,69,53,.035);\n}\n\n\n\n\/* =========================================================\n   IMAGE HOVER\n   NO ZOOM\n   ========================================================= *\/\n\n#jr-product-showcase-2026 .jrps-item:hover .jrps-image img {\n\n    transform:\n        none !important;\n}\n\n\n\n\/* =========================================================\n   CONTENT\n   DESKTOP:\n   ONLY BUTTON BELOW IMAGE\n   ========================================================= *\/\n\n#jr-product-showcase-2026 .jrps-content {\n\n    display: flex;\n\n    flex-direction:\n        column;\n\n    align-items:\n        center;\n\n    justify-content:\n        flex-start;\n\n    min-height:\n        auto;\n\n    padding:\n        20px\n        8px\n        0;\n}\n\n\n\n\/* =========================================================\n   PRODUCT TITLE\n   HIDDEN ON DESKTOP\n   ========================================================= *\/\n\n#jr-product-showcase-2026 .jrps-title {\n\n    display:\n        none;\n\n    margin:\n        0\n        0\n        17px !important;\n\n    padding:\n        0;\n\n    font-family:\n        \"Bacasime Antique\",\n        Georgia,\n        serif;\n\n    font-size:\n        20px;\n\n    font-weight:\n        400;\n\n    line-height:\n        1;\n\n    letter-spacing:\n        .15em;\n\n    text-transform:\n        uppercase;\n\n    color:\n        #51433B;\n}\n\n\n\n\/* =========================================================\n   BUTTON\n   ALWAYS VISIBLE\n   ========================================================= *\/\n\n#jr-product-showcase-2026 .jrps-button {\n\n    display:\n        inline-flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    gap:\n        14px;\n\n    min-width:\n        205px;\n\n    min-height:\n        43px;\n\n    padding:\n        11px\n        20px;\n\n    border:\n        1px solid\n        rgba(185,111,82,.62);\n\n    background:\n        transparent;\n\n    font-family:\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    font-size:\n        8px;\n\n    font-weight:\n        700;\n\n    line-height:\n        1;\n\n    letter-spacing:\n        .14em;\n\n    text-transform:\n        uppercase;\n\n    text-decoration:\n        none !important;\n\n    white-space:\n        nowrap;\n\n    color:\n        #A65F45 !important;\n\n    transition:\n        gap .24s ease,\n        color .24s ease,\n        background-color .24s ease,\n        border-color .24s ease,\n        transform .24s ease;\n}\n\n\n\n\/* =========================================================\n   BUTTON ARROW\n   ========================================================= *\/\n\n#jr-product-showcase-2026 .jrps-button b {\n\n    display:\n        inline-block;\n\n    margin: 0;\n\n    padding: 0;\n\n    font-family:\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    font-size:\n        13px;\n\n    font-weight:\n        400;\n\n    line-height:\n        1;\n\n    color:\n        #B96F52;\n\n    transition:\n        transform .24s ease,\n        color .24s ease;\n}\n\n\n\n\/* =========================================================\n   BUTTON HOVER\n   ========================================================= *\/\n\n#jr-product-showcase-2026 .jrps-button:hover {\n\n    gap:\n        18px;\n\n    transform:\n        translateY(-1px);\n\n    background:\n        #B96F52;\n\n    border-color:\n        #B96F52;\n\n    color:\n        #FFFFFF !important;\n}\n\n\n#jr-product-showcase-2026 .jrps-button:hover b {\n\n    transform:\n        translateX(2px);\n\n    color:\n        #FFFFFF;\n}\n\n\n\n\/* =========================================================\n   LARGE DESKTOP\n   ========================================================= *\/\n\n@media (min-width: 1500px) {\n\n    #jr-product-showcase-2026 {\n\n        padding:\n            0\n            0\n            42px;\n    }\n\n\n    #jr-product-showcase-2026 .jrps-inner {\n\n        width:\n            min(\n                calc(100% - 58px),\n                1840px\n            );\n\n        gap:\n            16px;\n    }\n\n\n    #jr-product-showcase-2026 .jrps-content {\n\n        padding-top:\n            20px;\n    }\n\n\n    #jr-product-showcase-2026 .jrps-title {\n\n        display:\n            none;\n    }\n\n\n    #jr-product-showcase-2026 .jrps-button {\n\n        min-width:\n            215px;\n\n        min-height:\n            44px;\n\n        font-size:\n            8px;\n    }\n\n}\n\n\n\n\/* =========================================================\n   VERY LARGE DESKTOP\n   ========================================================= *\/\n\n@media (min-width: 1850px) {\n\n    #jr-product-showcase-2026 .jrps-inner {\n\n        max-width:\n            1900px;\n    }\n\n}\n\n\n\n\/* =========================================================\n   MEDIUM DESKTOP\n   TITLES STILL HIDDEN\n   ========================================================= *\/\n\n@media (max-width: 1250px) and (min-width: 901px) {\n\n    #jr-product-showcase-2026 .jrps-inner {\n\n        width:\n            calc(100% - 36px);\n\n        gap:\n            12px;\n    }\n\n\n    #jr-product-showcase-2026 .jrps-title {\n\n        display:\n            none;\n    }\n\n\n    #jr-product-showcase-2026 .jrps-content {\n\n        padding-top:\n            18px;\n    }\n\n\n    #jr-product-showcase-2026 .jrps-button {\n\n        min-width:\n            0;\n\n        width:\n            auto;\n\n        padding:\n            10px\n            14px;\n\n        font-size:\n            6.7px;\n    }\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n   TITLES RETURN\n   ========================================================= *\/\n\n@media (max-width: 900px) {\n\n    #jr-product-showcase-2026 {\n\n        padding:\n            30px\n            0\n            38px;\n    }\n\n\n    #jr-product-showcase-2026 .jrps-inner {\n\n        width:\n            calc(100% - 32px);\n\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        gap:\n            36px\n            18px;\n    }\n\n\n    #jr-product-showcase-2026 .jrps-content {\n\n        min-height:\n            auto;\n\n        padding:\n            18px\n            6px\n            0;\n    }\n\n\n    #jr-product-showcase-2026 .jrps-title {\n\n        display:\n            block;\n\n        margin:\n            0\n            0\n            17px !important;\n\n        font-size:\n            20px;\n\n        letter-spacing:\n            .15em;\n    }\n\n\n    #jr-product-showcase-2026 .jrps-button {\n\n        min-width:\n            190px;\n\n        min-height:\n            41px;\n\n        padding:\n            10px\n            17px;\n\n        font-size:\n            7.3px;\n    }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 600px) {\n\n    #jr-product-showcase-2026 {\n\n        width:\n            100%;\n\n        margin:\n            0 !important;\n\n        padding:\n            26px\n            0\n            36px;\n    }\n\n\n    #jr-product-showcase-2026 .jrps-inner {\n\n        width:\n            calc(100% - 32px);\n\n        grid-template-columns:\n            1fr;\n\n        gap:\n            34px;\n    }\n\n\n    #jr-product-showcase-2026 .jrps-item {\n\n        width:\n            100%;\n    }\n\n\n    #jr-product-showcase-2026 .jrps-image {\n\n        aspect-ratio:\n            1 \/ 1;\n    }\n\n\n    #jr-product-showcase-2026 .jrps-content {\n\n        padding-top:\n            17px;\n    }\n\n\n    #jr-product-showcase-2026 .jrps-title {\n\n        display:\n            block;\n\n        margin:\n            0\n            0\n            16px !important;\n\n        font-size:\n            20px;\n\n        letter-spacing:\n            .15em;\n    }\n\n\n    #jr-product-showcase-2026 .jrps-button {\n\n        min-width:\n            195px;\n\n        min-height:\n            42px;\n\n        padding:\n            10px\n            18px;\n\n        font-size:\n            7.5px;\n    }\n\n}\n\n\n\n\/* =========================================================\n   SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 390px) {\n\n    #jr-product-showcase-2026 .jrps-inner {\n\n        width:\n            calc(100% - 24px);\n    }\n\n\n    #jr-product-showcase-2026 .jrps-title {\n\n        display:\n            block;\n\n        font-size:\n            18px;\n    }\n\n\n    #jr-product-showcase-2026 .jrps-button {\n\n        min-width:\n            185px;\n\n        font-size:\n            7px;\n    }\n\n}\n\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    #jr-product-showcase-2026 .jrps-button,\n    #jr-product-showcase-2026 .jrps-button b {\n\n        transition-duration:\n            .01ms;\n    }\n\n}\n<\/style>\n\n<section id=\"jr-product-showcase-2026\">\n\n    <div class=\"jrps-inner\">\n\n\n        <!-- =====================================================\n             FINE ART PRINTS\n             ===================================================== -->\n\n        <article class=\"jrps-item\">\n\n            <a class=\"jrps-image\" href=\"\/en\/prints\/\" aria-label=\"Fine-Art-Prints ansehen\">\n\n                <img src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Product-Image-Print.webp\" alt=\"Fine-Art-Prints von Julian Rad\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\n\n            <\/a>\n\n            <div class=\"jrps-content\">\n\n                <h3 class=\"jrps-title\">\n                    Fine-Art-Prints\n                <\/h3>\n\n                <a class=\"jrps-button\" href=\"\/en\/prints\/\">\n\n                    <span>\n                        ZUR KOLLEKTION\n                    <\/span>\n\n                    <b>\n                        \u2192\n                    <\/b>\n\n                <\/a>\n\n            <\/div>\n\n        <\/article>\n\n\n\n        <!-- =====================================================\n             PUZZLE\n             ===================================================== -->\n\n        <article class=\"jrps-item\">\n\n            <a class=\"jrps-image\" href=\"\/en\/puzzle\/\" aria-label=\"Puzzle entdecken\">\n\n                <img src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Product-Image-Puzzle.webp\" alt=\"Wildlife Puzzle von Julian Rad\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\n\n            <\/a>\n\n            <div class=\"jrps-content\">\n\n                <h3 class=\"jrps-title\">\n                    Puzzle\n                <\/h3>\n\n                <a class=\"jrps-button\" href=\"\/en\/puzzle\/\">\n\n                    <span>\n                        PUZZLES ENTDECKEN\n                    <\/span>\n\n                    <b>\n                        \u2192\n                    <\/b>\n\n                <\/a>\n\n            <\/div>\n\n        <\/article>\n\n\n\n        <!-- =====================================================\n             WANDKALENDER\n             ===================================================== -->\n\n        <article class=\"jrps-item\">\n\n            <a class=\"jrps-image\" href=\"\/en\/kalender\/\" aria-label=\"Wandkalender ansehen\">\n\n                <img src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Product-Image-Calendar.webp\" alt=\"Wildlife Wandkalender von Julian Rad\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\n\n            <\/a>\n\n            <div class=\"jrps-content\">\n\n                <h3 class=\"jrps-title\">\n                    Wandkalender\n                <\/h3>\n\n                <a class=\"jrps-button\" href=\"\/en\/kalender\/\">\n\n                    <span>\n                        KALENDER ANSEHEN\n                    <\/span>\n\n                    <b>\n                        \u2192\n                    <\/b>\n\n                <\/a>\n\n            <\/div>\n\n        <\/article>\n\n\n\n        <!-- =====================================================\n             POSTKARTEN\n             ===================================================== -->\n\n        <article class=\"jrps-item\">\n\n            <a class=\"jrps-image\" href=\"\/en\/postkarten\/\" aria-label=\"Postkarten ansehen\">\n\n                <img src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Product-Image-Postcard.webp\" alt=\"Wildlife Postkarten von Julian Rad\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\n\n            <\/a>\n\n            <div class=\"jrps-content\">\n\n                <h3 class=\"jrps-title\">\n                    Postcards\n                <\/h3>\n\n                <a class=\"jrps-button\" href=\"\/en\/postkarten\/\">\n\n                    <span>\n                        POSTKARTEN ANSEHEN\n                    <\/span>\n\n                    <b>\n                        \u2192\n                    <\/b>\n\n                <\/a>\n\n            <\/div>\n\n        <\/article>\n\n\n\n        <!-- =====================================================\n             LEINWAND\n             ===================================================== -->\n\n        <article class=\"jrps-item\">\n\n            <a class=\"jrps-image\" href=\"\/en\/leinwand\/\" aria-label=\"Leinw\u00e4nde entdecken\">\n\n                <img src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Product-Image-Canvas.webp\" alt=\"Wildlife Leinwand von Julian Rad\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\n\n            <\/a>\n\n            <div class=\"jrps-content\">\n\n                <h3 class=\"jrps-title\">\n                    Canvas\n                <\/h3>\n\n                <a class=\"jrps-button\" href=\"\/en\/leinwand\/\">\n\n                    <span>\n                        LEINW\u00c4NDE ENTDECKEN\n                    <\/span>\n\n                    <b>\n                        \u2192\n                    <\/b>\n\n                <\/a>\n\n            <\/div>\n\n        <\/article>\n\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   JULIAN RAD\n   SOCIAL MEDIA + LICENSING\n   PREMIUM EDITORIAL SLIDER\n   TOP + BOTTOM DIVIDER\n   ========================================================= *\/\n\n\n\/* =========================================================\n   WORDPRESS RESET\n   ========================================================= *\/\n\nbody .entry-content > .wp-block-html:has(#jr-business-slider-2026),\nbody .wp-block-post-content > .wp-block-html:has(#jr-business-slider-2026),\nbody .wp-site-blocks > .wp-block-html:has(#jr-business-slider-2026) {\n\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n}\n\n\nbody .entry-content > * + .wp-block-html:has(#jr-business-slider-2026),\nbody .wp-block-post-content > * + .wp-block-html:has(#jr-business-slider-2026),\nbody .wp-site-blocks > * + .wp-block-html:has(#jr-business-slider-2026) {\n\n    margin-block-start: 0 !important;\n}\n\n\n\n\/* =========================================================\n   MAIN SECTION\n   ========================================================= *\/\n\n#jr-business-slider-2026 {\n\n    position: relative;\n\n    width: 100vw;\n\n    max-width: none;\n\n    margin:\n        0\n        0\n        0\n        calc(50% - 50vw) !important;\n\n    padding: 0 !important;\n\n    overflow: hidden;\n\n    border: 0;\n\n    background:\n        #F7F2EC;\n}\n\n\n\n\/* =========================================================\n   ELEGANT TOP DIVIDER\n   ========================================================= *\/\n\n#jr-business-slider-2026::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    z-index: 40;\n\n    left: 50%;\n\n    top: 0;\n\n    width:\n        min(\n            calc(100% - 150px),\n            1360px\n        );\n\n    height:\n        1px;\n\n    transform:\n        translateX(-50%);\n\n    pointer-events:\n        none;\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent 0%,\n            rgba(133,106,89,.05) 8%,\n            rgba(133,106,89,.12) 24%,\n            rgba(185,111,82,.22) 44%,\n            rgba(185,111,82,.34) 49%,\n            rgba(185,111,82,.34) 51%,\n            rgba(185,111,82,.22) 56%,\n            rgba(133,106,89,.12) 76%,\n            rgba(133,106,89,.05) 92%,\n            transparent 100%\n        );\n}\n\n\n\n\/* =========================================================\n   ELEGANT BOTTOM DIVIDER\n   ========================================================= *\/\n\n#jr-business-slider-2026::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    z-index: 40;\n\n    left: 50%;\n\n    bottom: 0;\n\n    width:\n        min(\n            calc(100% - 120px),\n            1380px\n        );\n\n    height:\n        1px;\n\n    transform:\n        translateX(-50%);\n\n    pointer-events:\n        none;\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent 0%,\n            rgba(134,107,91,.10) 12%,\n            rgba(134,107,91,.18) 35%,\n            rgba(185,111,82,.40) 48%,\n            rgba(185,111,82,.40) 52%,\n            rgba(134,107,91,.18) 65%,\n            rgba(134,107,91,.10) 88%,\n            transparent 100%\n        );\n}\n\n\n\n\/* =========================================================\n   BOX SIZING\n   ========================================================= *\/\n\n#jr-business-slider-2026,\n#jr-business-slider-2026 *,\n#jr-business-slider-2026 *::before,\n#jr-business-slider-2026 *::after {\n\n    box-sizing: border-box;\n}\n\n\n\n\/* =========================================================\n   CAROUSEL\n   ========================================================= *\/\n\n#jr-business-slider-2026 .jrbs-carousel {\n\n    position: relative;\n\n    width: 100%;\n\n    overflow: hidden;\n\n    outline: none;\n\n    cursor: grab;\n\n    touch-action: pan-y;\n\n    user-select: none;\n\n    -webkit-user-select: none;\n\n    background:\n        #F7F2EC;\n}\n\n\n#jr-business-slider-2026 .jrbs-carousel.is-dragging {\n\n    cursor: grabbing;\n}\n\n\n\n\/* =========================================================\n   TRACK\n   ========================================================= *\/\n\n#jr-business-slider-2026 .jrbs-track {\n\n    display: flex;\n\n    width: 100%;\n\n    transform:\n        translate3d(\n            0,\n            0,\n            0\n        );\n\n    will-change:\n        transform;\n}\n\n\n#jr-business-slider-2026 .jrbs-track.is-animating {\n\n    transition:\n        transform\n        .48s\n        cubic-bezier(\n            .22,\n            .82,\n            .28,\n            1\n        );\n}\n\n\n\n\/* =========================================================\n   SLIDE\n   ========================================================= *\/\n\n#jr-business-slider-2026 .jrbs-slide {\n\n    position: relative;\n\n    flex:\n        0\n        0\n        100%;\n\n    width: 100%;\n\n    min-width: 100%;\n\n    overflow: hidden;\n\n    background:\n        #F7F2EC;\n}\n\n\n#jr-business-slider-2026 .jrbs-slide::before {\n\n    content: none;\n}\n\n\n\n\/* =========================================================\n   INNER LAYOUT\n   ========================================================= *\/\n\n#jr-business-slider-2026 .jrbs-inner {\n\n    position: relative;\n\n    z-index: 2;\n\n    width:\n        min(\n            calc(100% - 170px),\n            1320px\n        );\n\n    min-height:\n        330px;\n\n    margin:\n        0 auto;\n\n    padding:\n        34px\n        0\n        64px;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(255px,.80fr)\n        minmax(430px,1.12fr)\n        minmax(255px,.80fr);\n\n    align-items:\n        center;\n\n    column-gap:\n        clamp(\n            40px,\n            4.2vw,\n            72px\n        );\n}\n\n\n\n\/* =========================================================\n   SIDE VISUALS\n   ========================================================= *\/\n\n#jr-business-slider-2026 .jrbs-side {\n\n    position: relative;\n\n    display: flex;\n\n    align-items: center;\n\n    min-width: 0;\n}\n\n\n#jr-business-slider-2026 .jrbs-side-left {\n\n    justify-content:\n        flex-end;\n}\n\n\n#jr-business-slider-2026 .jrbs-side-right {\n\n    justify-content:\n        flex-start;\n}\n\n\n\n\/* =========================================================\n   SOCIAL LEFT\n   ========================================================= *\/\n\n#jr-business-slider-2026 .jrbs-social-left img {\n\n    display: block;\n\n    width:\n        min(\n            100%,\n            270px\n        );\n\n    height: auto;\n\n    max-height:\n        225px;\n\n    object-fit:\n        contain;\n\n    pointer-events:\n        none;\n\n    user-select:\n        none;\n\n    transform:\n        translateX(48px);\n\n    filter:\n        drop-shadow(\n            0\n            12px\n            18px\n            rgba(55,40,30,.075)\n        );\n}\n\n\n\n\/* =========================================================\n   SOCIAL RIGHT\n   ========================================================= *\/\n\n#jr-business-slider-2026 .jrbs-social-right img {\n\n    display: block;\n\n    width:\n        min(\n            100%,\n            250px\n        );\n\n    height: auto;\n\n    max-height:\n        230px;\n\n    object-fit:\n        contain;\n\n    pointer-events:\n        none;\n\n    user-select:\n        none;\n\n    transform:\n        translateX(-48px);\n\n    filter:\n        drop-shadow(\n            0\n            12px\n            18px\n            rgba(55,40,30,.075)\n        );\n}\n\n\n\n\/* =========================================================\n   LICENSE LEFT\n   ========================================================= *\/\n\n#jr-business-slider-2026 .jrbs-license-left img {\n\n    display: block;\n\n    width:\n        min(\n            100%,\n            295px\n        );\n\n    height: auto;\n\n    max-height:\n        240px;\n\n    object-fit:\n        contain;\n\n    pointer-events:\n        none;\n\n    user-select:\n        none;\n\n    filter:\n        drop-shadow(\n            0\n            13px\n            18px\n            rgba(50,37,29,.09)\n        );\n}\n\n\n\n\/* =========================================================\n   LICENSE RIGHT\n   ========================================================= *\/\n\n#jr-business-slider-2026 .jrbs-license-right img {\n\n    display: block;\n\n    width:\n        min(\n            100%,\n            305px\n        );\n\n    height: auto;\n\n    max-height:\n        240px;\n\n    object-fit:\n        contain;\n\n    pointer-events:\n        none;\n\n    user-select:\n        none;\n\n    filter:\n        drop-shadow(\n            0\n            13px\n            18px\n            rgba(50,37,29,.09)\n        );\n}\n\n\n\n\/* =========================================================\n   CENTER CONTENT\n   ========================================================= *\/\n\n#jr-business-slider-2026 .jrbs-content {\n\n    position: relative;\n\n    z-index: 5;\n\n    display: flex;\n\n    flex-direction:\n        column;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    min-width: 0;\n\n    text-align:\n        center;\n}\n\n\n\n\/* =========================================================\n   KICKER\n   ========================================================= *\/\n\n#jr-business-slider-2026 .jrbs-kicker {\n\n    margin:\n        0\n        0\n        8px;\n\n    font-family:\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    font-size:\n        6.6px;\n\n    font-weight:\n        700;\n\n    line-height:\n        1;\n\n    letter-spacing:\n        .21em;\n\n    text-transform:\n        uppercase;\n\n    color:\n        #B96F52;\n}\n\n\n\n\/* =========================================================\n   TITLE\n   ========================================================= *\/\n\n#jr-business-slider-2026 .jrbs-title {\n\n    margin:\n        0 !important;\n\n    padding: 0;\n\n    font-family:\n        \"Bacasime Antique\",\n        Georgia,\n        serif;\n\n    font-size:\n        clamp(\n            37px,\n            2.55vw,\n            47px\n        );\n\n    font-weight:\n        400;\n\n    line-height:\n        .94;\n\n    letter-spacing:\n        -.018em;\n\n    color:\n        #392F2A;\n}\n\n\n#jr-business-slider-2026 .jrbs-title em {\n\n    display:\n        block;\n\n    margin-top:\n        5px;\n\n    font-style:\n        italic;\n\n    font-weight:\n        400;\n\n    color:\n        #B96F52;\n}\n\n\n\n\/* =========================================================\n   RULE\n   ========================================================= *\/\n\n#jr-business-slider-2026 .jrbs-rule {\n\n    width:\n        38px;\n\n    height:\n        1px;\n\n    margin:\n        15px\n        auto\n        16px;\n\n    background:\n        rgba(185,111,82,.72);\n}\n\n\n\n\/* =========================================================\n   DESCRIPTION\n   ========================================================= *\/\n\n#jr-business-slider-2026 .jrbs-description {\n\n    width:\n        100%;\n\n    max-width:\n        410px;\n\n    margin:\n        0\n        auto\n        18px !important;\n\n    padding: 0;\n\n    font-family:\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    font-size:\n        10px;\n\n    font-weight:\n        400;\n\n    line-height:\n        1.58;\n\n    color:\n        #5B504A;\n}\n\n\n\n\/* =========================================================\n   SOCIAL SERVICES\n   ========================================================= *\/\n\n#jr-business-slider-2026 .jrbs-social-services {\n\n    display: flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    flex-wrap:\n        nowrap;\n\n    gap:\n        12px;\n\n    width:\n        100%;\n\n    margin:\n        0\n        0\n        19px;\n\n    font-family:\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    font-size:\n        10px;\n\n    font-weight:\n        600;\n\n    line-height:\n        1;\n\n    letter-spacing:\n        .13em;\n\n    text-transform:\n        uppercase;\n\n    white-space:\n        nowrap;\n\n    color:\n        #8E7A70;\n}\n\n\n#jr-business-slider-2026 .jrbs-social-services i {\n\n    font-family:\n        Georgia,\n        serif;\n\n    font-size:\n        9px;\n\n    font-style:\n        normal;\n\n    color:\n        #B96F52;\n}\n\n\n\n\/* =========================================================\n   FOLLOWERS\n   ========================================================= *\/\n\n#jr-business-slider-2026 .jrbs-followers {\n\n    display: flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    gap:\n        23px;\n\n    margin:\n        0\n        0\n        20px;\n}\n\n\n#jr-business-slider-2026 .jrbs-follow-item {\n\n    display: flex;\n\n    align-items:\n        center;\n\n    gap:\n        10px;\n}\n\n\n#jr-business-slider-2026 .jrbs-follow-item > img {\n\n    display: block;\n\n    width:\n        33px;\n\n    height:\n        33px;\n\n    flex:\n        0\n        0\n        33px;\n\n    object-fit:\n        contain;\n\n    pointer-events:\n        none;\n}\n\n\n\n\/* =========================================================\n   FOLLOW TEXT\n   ========================================================= *\/\n\n#jr-business-slider-2026 .jrbs-follow-text {\n\n    display: flex;\n\n    flex-direction:\n        column;\n\n    align-items:\n        flex-start;\n}\n\n\n#jr-business-slider-2026 .jrbs-follow-text strong {\n\n    font-family:\n        \"Bacasime Antique\",\n        Georgia,\n        serif;\n\n    font-size:\n        30px;\n\n    font-weight:\n        400;\n\n    line-height:\n        1;\n\n    white-space:\n        nowrap;\n\n    color:\n        #392F2A;\n}\n\n\n#jr-business-slider-2026 .jrbs-follow-text span {\n\n    margin-top:\n        3px;\n\n    margin-left:\n        4px;\n\n    font-family:\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    font-size:\n        8px;\n\n    font-weight:\n        700;\n\n    line-height:\n        1;\n\n    letter-spacing:\n        .16em;\n\n    text-transform:\n        uppercase;\n\n    color:\n        #8C756A;\n}\n\n\n#jr-business-slider-2026 .jrbs-follow-divider {\n\n    width:\n        1px;\n\n    height:\n        38px;\n\n    background:\n        rgba(106,85,72,.13);\n}\n\n\n\n\/* =========================================================\n   LICENSE SERVICES\n   ========================================================= *\/\n\n#jr-business-slider-2026 .jrbs-license-services {\n\n    display: flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    flex-wrap:\n        wrap;\n\n    gap:\n        8px;\n\n    margin:\n        -1px\n        0\n        19px;\n\n    font-family:\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    font-size:\n        11px;\n\n    font-weight:\n        600;\n\n    line-height:\n        1.3;\n\n    letter-spacing:\n        .12em;\n\n    text-transform:\n        uppercase;\n\n    color:\n        #8E7A70;\n}\n\n\n#jr-business-slider-2026 .jrbs-license-services i {\n\n    font-family:\n        Georgia,\n        serif;\n\n    font-size:\n        9px;\n\n    font-style:\n        normal;\n\n    color:\n        #B96F52;\n}\n\n\n\n\/* =========================================================\n   BUTTON\n   ========================================================= *\/\n\n#jr-business-slider-2026 .jrbs-button {\n\n    display:\n        inline-flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    gap:\n        15px;\n\n    width:\n        fit-content;\n\n    min-height:\n        40px;\n\n    padding:\n        11px\n        21px;\n\n    border:\n        1px solid\n        rgba(185,111,82,.48);\n\n    background:\n        rgba(255,255,255,.18);\n\n    font-family:\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    font-size:\n        9px;\n\n    font-weight:\n        700;\n\n    line-height:\n        1;\n\n    letter-spacing:\n        .13em;\n\n    text-transform:\n        uppercase;\n\n    text-decoration:\n        none !important;\n\n    color:\n        #8D5947 !important;\n\n    transition:\n        gap .22s ease,\n        background-color .22s ease,\n        border-color .22s ease,\n        color .22s ease,\n        transform .22s ease;\n}\n\n\n#jr-business-slider-2026 .jrbs-button b {\n\n    font-family:\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    font-size:\n        13px;\n\n    font-weight:\n        400;\n\n    line-height:\n        1;\n}\n\n\n#jr-business-slider-2026 .jrbs-button:hover {\n\n    gap:\n        19px;\n\n    transform:\n        translateY(-1px);\n\n    background:\n        #B96F52;\n\n    border-color:\n        #B96F52;\n\n    color:\n        #FFFFFF !important;\n}\n\n\n\n\/* =========================================================\n   ACTIVE SLIDE ANIMATION\n   ========================================================= *\/\n\n#jr-business-slider-2026 .jrbs-side,\n#jr-business-slider-2026 .jrbs-content {\n\n    opacity:\n        .44;\n\n    transform:\n        translateY(4px)\n        scale(.995);\n\n    transition:\n        opacity .31s ease,\n        transform .42s cubic-bezier(.22,1,.36,1);\n}\n\n\n#jr-business-slider-2026 .jrbs-slide.is-active .jrbs-side,\n#jr-business-slider-2026 .jrbs-slide.is-active .jrbs-content {\n\n    opacity: 1;\n\n    transform:\n        translateY(0)\n        scale(1);\n}\n\n\n\n\/* =========================================================\n   ARROWS\n   ========================================================= *\/\n\n#jr-business-slider-2026 .jrbs-arrow {\n\n    position:\n        absolute;\n\n    z-index:\n        30;\n\n    top:\n        50%;\n\n    transform:\n        translateY(-50%);\n\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    width:\n        40px;\n\n    height:\n        40px;\n\n    margin: 0;\n\n    padding: 0;\n\n    border:\n        1px solid\n        rgba(110,88,74,.14);\n\n    border-radius:\n        50%;\n\n    background:\n        rgba(250,247,242,.90);\n\n    box-shadow:\n        0\n        5px\n        17px\n        rgba(54,41,31,.04);\n\n    color:\n        #80685A;\n\n    cursor:\n        pointer;\n\n    transition:\n        background-color .22s ease,\n        border-color .22s ease,\n        color .22s ease;\n}\n\n\n#jr-business-slider-2026 .jrbs-arrow span {\n\n    display:\n        block;\n\n    margin-top:\n        -3px;\n\n    font-family:\n        Georgia,\n        serif;\n\n    font-size:\n        26px;\n\n    font-weight:\n        400;\n\n    line-height:\n        1;\n}\n\n\n#jr-business-slider-2026 .jrbs-arrow:hover {\n\n    background:\n        #B96F52;\n\n    border-color:\n        #B96F52;\n\n    color:\n        #FFFFFF;\n}\n\n\n#jr-business-slider-2026 .jrbs-arrow-left {\n\n    left:\n        clamp(\n            70px,\n            7vw,\n            125px\n        );\n}\n\n\n#jr-business-slider-2026 .jrbs-arrow-right {\n\n    right:\n        clamp(\n            70px,\n            7vw,\n            125px\n        );\n}\n\n\n\n\/* =========================================================\n   DOTS\n   ========================================================= *\/\n\n#jr-business-slider-2026 .jrbs-navigation {\n\n    position:\n        absolute;\n\n    z-index:\n        30;\n\n    left:\n        50%;\n\n    bottom:\n        27px;\n\n    transform:\n        translateX(-50%);\n\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    gap:\n        6px;\n}\n\n\n#jr-business-slider-2026 .jrbs-dot {\n\n    display:\n        block;\n\n    width:\n        6px;\n\n    height:\n        6px;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    border-radius:\n        20px;\n\n    background:\n        rgba(83,67,57,.17);\n\n    cursor:\n        pointer;\n\n    transition:\n        width .25s ease,\n        background-color .25s ease;\n}\n\n\n#jr-business-slider-2026 .jrbs-dot.is-active {\n\n    width:\n        6px;\n\n    background:\n        #B96F52;\n}\n\n\n\n\/* =========================================================\n   LARGE DESKTOP\n   ========================================================= *\/\n\n@media (min-width: 1500px) {\n\n    #jr-business-slider-2026 .jrbs-inner {\n\n        width:\n            min(\n                calc(100% - 220px),\n                1400px\n            );\n\n        min-height:\n            350px;\n\n        grid-template-columns:\n            minmax(280px,.80fr)\n            minmax(455px,1.12fr)\n            minmax(280px,.80fr);\n\n        column-gap:\n            76px;\n\n        padding:\n            38px\n            0\n            68px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-social-left img {\n\n        width:\n            285px;\n\n        max-height:\n            240px;\n\n        transform:\n            translateX(52px);\n    }\n\n\n    #jr-business-slider-2026 .jrbs-social-right img {\n\n        width:\n            260px;\n\n        max-height:\n            245px;\n\n        transform:\n            translateX(-52px);\n    }\n\n\n    #jr-business-slider-2026 .jrbs-license-left img {\n\n        width:\n            340px;\n\n        max-height:\n            250px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-license-right img {\n\n        width:\n            325px;\n\n        max-height:\n            250px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-arrow-left {\n\n        left:\n            clamp(\n                95px,\n                8vw,\n                155px\n            );\n    }\n\n\n    #jr-business-slider-2026 .jrbs-arrow-right {\n\n        right:\n            clamp(\n                95px,\n                8vw,\n                155px\n            );\n    }\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1180px) {\n\n    #jr-business-slider-2026 .jrbs-inner {\n\n        width:\n            calc(100% - 110px);\n\n        min-height:\n            315px;\n\n        grid-template-columns:\n            minmax(190px,.72fr)\n            minmax(340px,1.10fr)\n            minmax(190px,.72fr);\n\n        column-gap:\n            26px;\n\n        padding:\n            32px\n            0\n            58px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-title {\n\n        font-size:\n            35px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-social-left img {\n\n        width:\n            220px;\n\n        max-height:\n            195px;\n\n        transform:\n            translateX(22px);\n    }\n\n\n    #jr-business-slider-2026 .jrbs-social-right img {\n\n        width:\n            200px;\n\n        max-height:\n            200px;\n\n        transform:\n            translateX(-22px);\n    }\n\n\n    #jr-business-slider-2026 .jrbs-license-left img {\n\n        width:\n            235px;\n\n        max-height:\n            205px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-license-right img {\n\n        width:\n            245px;\n\n        max-height:\n            205px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-followers {\n\n        gap:\n            15px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-follow-item > img {\n\n        width:\n            29px;\n\n        height:\n            29px;\n\n        flex-basis:\n            29px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-follow-text strong {\n\n        font-size:\n            21px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-arrow-left {\n\n        left:\n            38px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-arrow-right {\n\n        right:\n            38px;\n    }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n    #jr-business-slider-2026 {\n\n        width:\n            100%;\n\n        margin:\n            0 !important;\n    }\n\n\n    #jr-business-slider-2026::before,\n    #jr-business-slider-2026::after {\n\n        width:\n            calc(100% - 44px);\n    }\n\n\n    #jr-business-slider-2026 .jrbs-inner {\n\n        width:\n            100%;\n\n        min-height:\n            auto;\n\n        display:\n            grid;\n\n        grid-template-columns:\n            1fr;\n\n        row-gap:\n            21px;\n\n        padding:\n            38px\n            46px\n            54px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-content {\n\n        order:\n            1;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-side-left {\n\n        order:\n            2;\n\n        justify-content:\n            center;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-side-right {\n\n        display:\n            none !important;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-title {\n\n        font-size:\n            33px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-description {\n\n        max-width:\n            330px;\n\n        font-size:\n            9.7px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-social-services {\n\n        flex-wrap:\n            wrap;\n\n        gap:\n            6px\n            9px;\n\n        max-width:\n            290px;\n\n        margin-bottom:\n            18px;\n\n        font-size:\n            8px;\n\n        line-height:\n            1.5;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-followers {\n\n        gap:\n            16px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-social-left img {\n\n        width:\n            min(\n                100%,\n                255px\n            );\n\n        max-height:\n            220px;\n\n        margin:\n            0 auto;\n\n        transform:\n            none;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-license-left img {\n\n        width:\n            min(\n                100%,\n                280px\n            );\n\n        max-height:\n            220px;\n\n        margin:\n            0 auto;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-arrow {\n\n        width:\n            32px;\n\n        height:\n            32px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-arrow span {\n\n        font-size:\n            21px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-arrow-left {\n\n        left:\n            12px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-arrow-right {\n\n        right:\n            12px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-navigation {\n\n        bottom:\n            15px;\n    }\n\n}\n\n\n\n\/* =========================================================\n   SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 390px) {\n\n    #jr-business-slider-2026 .jrbs-inner {\n\n        padding:\n            33px\n            40px\n            50px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-title {\n\n        font-size:\n            30px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-description {\n\n        font-size:\n            9px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-social-services {\n\n        max-width:\n            260px;\n\n        font-size:\n            5.8px;\n\n        gap:\n            5px\n            7px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-followers {\n\n        gap:\n            10px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-follow-item {\n\n        gap:\n            6px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-follow-item > img {\n\n        width:\n            26px;\n\n        height:\n            26px;\n\n        flex-basis:\n            26px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-follow-text strong {\n\n        font-size:\n            17px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-follow-text span {\n\n        font-size:\n            5.4px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-social-left img {\n\n        width:\n            min(\n                100%,\n                230px\n            );\n\n        transform:\n            none;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-license-left img {\n\n        width:\n            min(\n                100%,\n                250px\n            );\n    }\n\n\n    #jr-business-slider-2026 .jrbs-arrow-left {\n\n        left:\n            8px;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-arrow-right {\n\n        right:\n            8px;\n    }\n\n}\n\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    #jr-business-slider-2026 .jrbs-track.is-animating {\n\n        transition-duration:\n            .01ms;\n    }\n\n\n    #jr-business-slider-2026 .jrbs-side,\n    #jr-business-slider-2026 .jrbs-content {\n\n        transition-duration:\n            .01ms;\n    }\n\n}\n<\/style>\n\n<section id=\"jr-business-slider-2026\">\n\n    <div class=\"jrbs-carousel\" id=\"jrbs-carousel\" tabindex=\"0\" aria-label=\"Social Media und Lizenzierung\">\n\n        <div class=\"jrbs-track\" id=\"jrbs-track\">\n\n\n            <!-- =====================================================\n                 SLIDE 1 \u2013 SOCIAL MEDIA\n                 ===================================================== -->\n\n            <article class=\"jrbs-slide jrbs-slide-social is-active\">\n\n                <div class=\"jrbs-inner\">\n\n\n                    <!-- LEFT IMAGE -->\n\n                    <div class=\"jrbs-side jrbs-side-left jrbs-social-left\">\n\n                        <img src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Social-Media-Stats-1.webp\" alt=\"Social Media Content von Julian Rad\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\n\n                    <\/div>\n\n\n\n                    <!-- CENTER CONTENT -->\n\n                    <div class=\"jrbs-content\">\n\n                        <h2 class=\"jrbs-title\">\n\n                            Social Media\n\n                            <em>\n                                Collaborations\n                            <\/em>\n\n                        <\/h2>\n\n\n                        <div class=\"jrbs-rule\"><\/div>\n\n\n                        <div class=\"jrbs-social-services\">\n\n                            <span>CONTENT CREATION<\/span>\n\n                            <i>\u00b7<\/i>\n\n                            <span>REELS<\/span>\n\n                            <i>\u00b7<\/i>\n\n                            <span>BRAND STORYTELLING<\/span>\n\n                        <\/div>\n\n\n\n                        <div class=\"jrbs-followers\">\n\n\n                            <!-- INSTAGRAM -->\n\n                            <div class=\"jrbs-follow-item\">\n\n                                <img src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/ig.webp\" alt=\"Instagram\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\n\n                                <div class=\"jrbs-follow-text\">\n\n                                    <strong>\n                                        1,7 Mio.\n                                    <\/strong>\n\n                                    <span>\n                                        FOLLOWER\n                                    <\/span>\n\n                                <\/div>\n\n                            <\/div>\n\n\n\n                            <div class=\"jrbs-follow-divider\"><\/div>\n\n\n\n                            <!-- FACEBOOK -->\n\n                            <div class=\"jrbs-follow-item\">\n\n                                <img src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/fb.webp\" alt=\"Facebook\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\n\n                                <div class=\"jrbs-follow-text\">\n\n                                    <strong>\n                                        850.000\n                                    <\/strong>\n\n                                    <span>\n                                        FOLLOWER\n                                    <\/span>\n\n                                <\/div>\n\n                            <\/div>\n\n\n                        <\/div>\n\n\n\n                        <a href=\"\/en\/collaborations\/\" class=\"jrbs-button\">\n\n                            <span>\n                                Learn More\n                            <\/span>\n\n                            <b>\u2192<\/b>\n\n                        <\/a>\n\n                    <\/div>\n\n\n\n                    <!-- RIGHT IMAGE -->\n\n                    <div class=\"jrbs-side jrbs-side-right jrbs-social-right\">\n\n                        <img src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Social-Media-Stats-2.webp\" alt=\"Instagram Wildlife Content von Julian Rad\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\n\n                    <\/div>\n\n\n                <\/div>\n\n            <\/article>\n\n\n\n            <!-- =====================================================\n                 SLIDE 2 \u2013 LIZENZIERUNG\n                 ===================================================== -->\n\n            <article class=\"jrbs-slide jrbs-slide-license\">\n\n                <div class=\"jrbs-inner\">\n\n\n                    <!-- LEFT MAGAZINES -->\n\n                    <div class=\"jrbs-side jrbs-side-left jrbs-license-left\">\n\n                        <img src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Publications_Magazines_2.webp\" alt=\"Publikationen mit Wildlife-Fotografien von Julian Rad\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\n\n                    <\/div>\n\n\n\n                    <!-- CENTER CONTENT -->\n\n                    <div class=\"jrbs-content\">\n\n                        <h2 class=\"jrbs-title\">\n\n                            Image Licensing\n\n                            <em>\n                                for Publishers &amp; Brands\n                            <\/em>\n\n                        <\/h2>\n\n\n                        <div class=\"jrbs-rule\"><\/div>\n\n                        <div class=\"jrbs-license-services\">\n\n                            <span>EDITORIAL<\/span>\n\n                            <i>\u00b7<\/i>\n\n                            <span>PRINT<\/span>\n\n                            <i>\u00b7<\/i>\n\n                            <span>Advertisement<\/span>\n\n                            <i>\u00b7<\/i>\n\n                            <span>Campaigns<\/span>\n\n                        <\/div>\n\n\n                        <a href=\"\/en\/lizenzierung\/\" class=\"jrbs-button\">\n\n                            <span>\n                                REQUEST A LICENSE\n                            <\/span>\n\n                            <b>\u2192<\/b>\n\n                        <\/a>\n\n                    <\/div>\n\n\n\n                    <!-- RIGHT MAGAZINES -->\n\n                    <div class=\"jrbs-side jrbs-side-right jrbs-license-right\">\n\n                        <img src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Publications_Magazines_1.webp\" alt=\"Internationale Magazine mit Wildlife-Fotografien von Julian Rad\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\n\n                    <\/div>\n\n\n                <\/div>\n\n            <\/article>\n\n\n        <\/div>\n\n\n\n        <!-- LEFT ARROW -->\n\n        <button class=\"jrbs-arrow jrbs-arrow-left\" id=\"jrbs-prev\" type=\"button\" aria-label=\"Vorheriger Bereich\">\n            <span>\u2039<\/span>\n        <\/button>\n\n\n\n        <!-- RIGHT ARROW -->\n\n        <button class=\"jrbs-arrow jrbs-arrow-right\" id=\"jrbs-next\" type=\"button\" aria-label=\"N\u00e4chster Bereich\">\n            <span>\u203a<\/span>\n        <\/button>\n\n\n\n        <!-- DOTS -->\n\n        <div class=\"jrbs-navigation\">\n\n            <button class=\"jrbs-dot is-active\" type=\"button\" data-index=\"0\" aria-label=\"Social Media\"><\/button>\n\n            <button class=\"jrbs-dot\" type=\"button\" data-index=\"1\" aria-label=\"License\"><\/button>\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\n\n\n\n<script>\n(function () {\n\n    const carousel =\n        document.getElementById(\"jrbs-carousel\");\n\n    const track =\n        document.getElementById(\"jrbs-track\");\n\n\n    if (!carousel || !track) {\n        return;\n    }\n\n\n    const slides =\n        Array.from(\n            track.querySelectorAll(\".jrbs-slide\")\n        );\n\n\n    const dots =\n        Array.from(\n            carousel.querySelectorAll(\".jrbs-dot\")\n        );\n\n\n    const previousButton =\n        document.getElementById(\"jrbs-prev\");\n\n\n    const nextButton =\n        document.getElementById(\"jrbs-next\");\n\n\n    let currentIndex = 0;\n    let dragging = false;\n    let startX = 0;\n    let dragX = 0;\n    let carouselWidth = 0;\n    let pointerId = null;\n\n\n    function updateWidth() {\n\n        carouselWidth =\n            carousel.getBoundingClientRect().width;\n\n    }\n\n\n    function getTranslate(index) {\n\n        return index * carouselWidth * -1;\n\n    }\n\n\n    function applyTransform(value, animate) {\n\n        track.classList.toggle(\n            \"is-animating\",\n            animate\n        );\n\n        track.style.transform =\n            \"translate3d(\" +\n            value +\n            \"px,0,0)\";\n\n    }\n\n\n    function updateActiveState() {\n\n        slides.forEach(function (slide, index) {\n\n            slide.classList.toggle(\n                \"is-active\",\n                index === currentIndex\n            );\n\n        });\n\n\n        dots.forEach(function (dot, index) {\n\n            dot.classList.toggle(\n                \"is-active\",\n                index === currentIndex\n            );\n\n        });\n\n    }\n\n\n    function goToSlide(index) {\n\n        if (index < 0) {\n            index = slides.length - 1;\n        }\n\n        if (index >= slides.length) {\n            index = 0;\n        }\n\n\n        currentIndex = index;\n\n        updateWidth();\n\n        applyTransform(\n            getTranslate(currentIndex),\n            true\n        );\n\n        updateActiveState();\n\n    }\n\n\n    nextButton.addEventListener(\n        \"click\",\n        function () {\n\n            goToSlide(\n                currentIndex + 1\n            );\n\n        }\n    );\n\n\n    previousButton.addEventListener(\n        \"click\",\n        function () {\n\n            goToSlide(\n                currentIndex - 1\n            );\n\n        }\n    );\n\n\n    dots.forEach(function (dot) {\n\n        dot.addEventListener(\n            \"click\",\n            function () {\n\n                goToSlide(\n                    Number(dot.dataset.index)\n                );\n\n            }\n        );\n\n    });\n\n\n    carousel.addEventListener(\n        \"pointerdown\",\n        function (event) {\n\n            if (\n                event.target.closest(\n                    \"a,button\"\n                )\n            ) {\n                return;\n            }\n\n\n            if (\n                event.pointerType === \"mouse\" &&\n                event.button !== 0\n            ) {\n                return;\n            }\n\n\n            dragging = true;\n\n            pointerId =\n                event.pointerId;\n\n            startX =\n                event.clientX;\n\n            dragX = 0;\n\n\n            updateWidth();\n\n\n            track.classList.remove(\n                \"is-animating\"\n            );\n\n\n            carousel.classList.add(\n                \"is-dragging\"\n            );\n\n\n            carousel.setPointerCapture(\n                pointerId\n            );\n\n        }\n    );\n\n\n    carousel.addEventListener(\n        \"pointermove\",\n        function (event) {\n\n            if (!dragging) {\n                return;\n            }\n\n\n            dragX =\n                event.clientX -\n                startX;\n\n\n            let resistance = 1;\n\n\n            if (\n                currentIndex === 0 &&\n                dragX > 0\n            ) {\n\n                resistance = 0.24;\n\n            }\n\n\n            if (\n                currentIndex === slides.length - 1 &&\n                dragX < 0\n            ) {\n\n                resistance = 0.24;\n\n            }\n\n\n            applyTransform(\n\n                getTranslate(\n                    currentIndex\n                ) +\n\n                dragX *\n                resistance,\n\n                false\n\n            );\n\n        }\n    );\n\n\n    function endDrag() {\n\n        if (!dragging) {\n            return;\n        }\n\n\n        dragging = false;\n\n\n        carousel.classList.remove(\n            \"is-dragging\"\n        );\n\n\n        const threshold =\n            Math.min(\n                80,\n                carouselWidth * 0.09\n            );\n\n\n        if (\n            dragX <\n            -threshold\n        ) {\n\n            goToSlide(\n                currentIndex + 1\n            );\n\n        }\n\n        else if (\n            dragX >\n            threshold\n        ) {\n\n            goToSlide(\n                currentIndex - 1\n            );\n\n        }\n\n        else {\n\n            goToSlide(\n                currentIndex\n            );\n\n        }\n\n\n        if (\n            pointerId !== null &&\n            carousel.hasPointerCapture(\n                pointerId\n            )\n        ) {\n\n            carousel.releasePointerCapture(\n                pointerId\n            );\n\n        }\n\n\n        pointerId = null;\n\n        dragX = 0;\n\n    }\n\n\n    carousel.addEventListener(\n        \"pointerup\",\n        endDrag\n    );\n\n\n    carousel.addEventListener(\n        \"pointercancel\",\n        endDrag\n    );\n\n\n    carousel.addEventListener(\n        \"keydown\",\n        function (event) {\n\n            if (\n                event.key === \"ArrowRight\"\n            ) {\n\n                event.preventDefault();\n\n                goToSlide(\n                    currentIndex + 1\n                );\n\n            }\n\n\n            if (\n                event.key === \"ArrowLeft\"\n            ) {\n\n                event.preventDefault();\n\n                goToSlide(\n                    currentIndex - 1\n                );\n\n            }\n\n        }\n    );\n\n\n    let resizeTimer;\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                        updateWidth();\n\n                        applyTransform(\n                            getTranslate(\n                                currentIndex\n                            ),\n                            false\n                        );\n\n                    },\n                    70\n                );\n\n        }\n    );\n\n\n    updateWidth();\n\n    applyTransform(\n        0,\n        false\n    );\n\n    updateActiveState();\n\n})();\n<\/script>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   JULIAN RAD\n   ABOUT STORY 2026\n   LIGHT LUXURY EDITORIAL VERSION\n   ========================================================= *\/\n\n\n\/* =========================================================\n   WORDPRESS RESET\n   ========================================================= *\/\n\nbody .entry-content > .wp-block-html:has(#jr-about-story-2026),\nbody .wp-block-post-content > .wp-block-html:has(#jr-about-story-2026),\nbody .wp-site-blocks > .wp-block-html:has(#jr-about-story-2026) {\n\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n}\n\n\nbody .entry-content > * + .wp-block-html:has(#jr-about-story-2026),\nbody .wp-block-post-content > * + .wp-block-html:has(#jr-about-story-2026),\nbody .wp-site-blocks > * + .wp-block-html:has(#jr-about-story-2026) {\n\n    margin-block-start: 0 !important;\n}\n\n\n\n\/* =========================================================\n   SECTION\n   ========================================================= *\/\n\n#jr-about-story-2026 {\n\n    position: relative;\n\n    isolation: isolate;\n\n    width: 100vw;\n\n    max-width: none;\n\n    margin:\n        0\n        0\n        0\n        calc(50% - 50vw) !important;\n\n    padding: 0;\n\n    overflow: hidden;\n\n    background:\n        #EFE6DC;\n}\n\n\n\n\/* =========================================================\n   BOX SIZING\n   ========================================================= *\/\n\n#jr-about-story-2026,\n#jr-about-story-2026 *,\n#jr-about-story-2026 *::before,\n#jr-about-story-2026 *::after {\n\n    box-sizing: border-box;\n}\n\n\n\n\/* =========================================================\n   SOFT BACKGROUND LIGHT\n   ========================================================= *\/\n\n#jr-about-story-2026::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    z-index: 0;\n\n    inset: 0;\n\n    pointer-events: none;\n\n    background:\n\n        radial-gradient(\n            ellipse at 18% 45%,\n            rgba(255,255,255,.72),\n            transparent 34%\n        ),\n\n        radial-gradient(\n            ellipse at 68% 36%,\n            rgba(255,250,245,.55),\n            transparent 38%\n        ),\n\n        radial-gradient(\n            ellipse at 88% 90%,\n            rgba(182,142,116,.07),\n            transparent 36%\n        );\n}\n\n\n\n\/* =========================================================\n   FINE WARM SURFACE\n   ========================================================= *\/\n\n#jr-about-story-2026::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    z-index: 0;\n\n    inset: 0;\n\n    pointer-events: none;\n\n    background:\n        linear-gradient(\n            115deg,\n            rgba(255,255,255,.13) 0%,\n            transparent 36%,\n            rgba(126,95,73,.025) 100%\n        );\n}\n\n\n\n\/* =========================================================\n   MAIN LAYOUT\n   ========================================================= *\/\n\n#jr-about-story-2026 .jras-inner {\n\n    position: relative;\n\n    z-index: 2;\n\n    width:\n        min(\n            calc(100% - 170px),\n            1420px\n        );\n\n    margin:\n        0 auto;\n\n    padding:\n        54px\n        0\n        56px;\n\n    display: grid;\n\n    grid-template-columns:\n        365px\n        minmax(0, 1fr);\n\n    align-items: center;\n\n    gap:\n        clamp(\n            72px,\n            5.8vw,\n            108px\n        );\n}\n\n\n\n\/* =========================================================\n   VISUAL\n   ========================================================= *\/\n\n#jr-about-story-2026 .jras-visual {\n\n    position: relative;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: flex-end;\n}\n\n\n\n\/* =========================================================\n   LIGHT BEHIND IMAGE\n   ========================================================= *\/\n\n#jr-about-story-2026 .jras-visual::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    z-index: -1;\n\n    left: 50%;\n\n    top: 50%;\n\n    width:\n        118%;\n\n    height:\n        118%;\n\n    transform:\n        translate(-50%, -50%);\n\n    pointer-events: none;\n\n    background:\n        radial-gradient(\n            ellipse,\n            rgba(255,255,255,.62),\n            transparent 68%\n        );\n\n    filter:\n        blur(14px);\n}\n\n\n\n\/* =========================================================\n   PHOTO\n   ========================================================= *\/\n\n#jr-about-story-2026 .jras-photo {\n\n    position: relative;\n\n    width:\n        365px;\n\n    aspect-ratio:\n        1 \/ 1;\n\n    overflow:\n        visible;\n}\n\n\n\n\/* =========================================================\n   OFFSET FRAME\n   ========================================================= *\/\n\n#jr-about-story-2026 .jras-photo::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    z-index: -1;\n\n    inset:\n        11px\n        -11px\n        -11px\n        11px;\n\n    border:\n        1px solid\n        rgba(152,112,86,.13);\n\n    border-radius:\n        20px;\n\n    pointer-events: none;\n}\n\n\n\n\/* =========================================================\n   PHOTO IMAGE\n   ========================================================= *\/\n\n#jr-about-story-2026 .jras-photo img {\n\n    position: relative;\n\n    z-index: 2;\n\n    display: block;\n\n    width: 100%;\n\n    height: 100%;\n\n    aspect-ratio:\n        1 \/ 1;\n\n    object-fit:\n        contain;\n\n    object-position:\n        center;\n\n    border-radius:\n        20px;\n\n    box-shadow:\n\n        0\n        24px\n        48px\n        rgba(96,69,50,.09),\n\n        0\n        3px\n        12px\n        rgba(96,69,50,.04);\n}\n\n\n\n\/* =========================================================\n   CONTENT\n   ========================================================= *\/\n\n#jr-about-story-2026 .jras-content {\n\n    position: relative;\n\n    width:\n        100%;\n\n    max-width:\n        860px;\n}\n\n\n\n\/* =========================================================\n   KICKER\n   ========================================================= *\/\n\n#jr-about-story-2026 .jras-kicker {\n\n    margin:\n        0\n        0\n        9px;\n\n    font-family:\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    font-size:\n        6.2px;\n\n    font-weight:\n        700;\n\n    line-height:\n        1;\n\n    letter-spacing:\n        .24em;\n\n    text-transform:\n        uppercase;\n\n    color:\n        #B96F52;\n}\n\n\n\n\/* =========================================================\n   TITLE\n   ========================================================= *\/\n\n#jr-about-story-2026 .jras-title {\n\n    margin:\n        0 !important;\n\n    padding:\n        0;\n\n    max-width:\n        650px;\n\n    font-family:\n        \"Bacasime Antique\",\n        Georgia,\n        serif;\n\n    font-size:\n        clamp(\n            42px,\n            2.9vw,\n            53px\n        );\n\n    font-weight:\n        400;\n\n    line-height:\n        .94;\n\n    letter-spacing:\n        -.021em;\n\n    color:\n        #392F2A;\n}\n\n\n\n\/* =========================================================\n   TITLE ACCENT\n   ========================================================= *\/\n\n#jr-about-story-2026 .jras-title em {\n\n    display: block;\n\n    margin-top:\n        5px;\n\n    font-style:\n        italic;\n\n    font-weight:\n        400;\n\n    color:\n        #B96F52;\n}\n\n\n\n\/* =========================================================\n   RULE\n   ========================================================= *\/\n\n#jr-about-story-2026 .jras-rule {\n\n    width:\n        36px;\n\n    height:\n        1px;\n\n    margin:\n        18px\n        0\n        18px;\n\n    background:\n        rgba(185,111,82,.62);\n}\n\n\n\n\/* =========================================================\n   LEAD TEXT\n   11.5PX\n   ========================================================= *\/\n\n#jr-about-story-2026 .jras-lead {\n\n    width:\n        100%;\n\n    max-width:\n        835px;\n\n    margin:\n        0\n        0\n        14px !important;\n\n    padding:\n        0;\n\n    font-family:\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    font-size:\n        11.5px;\n\n    font-weight:\n        400;\n\n    line-height:\n        1.65;\n\n    color:\n        #51463F;\n}\n\n\n\n\/* =========================================================\n   META COMPLETELY REMOVED\n   ========================================================= *\/\n\n#jr-about-story-2026 .jras-meta {\n\n    display:\n        none !important;\n}\n\n\n\n\/* =========================================================\n   COPY\n   SINGLE FLOW\n   ========================================================= *\/\n\n#jr-about-story-2026 .jras-copy {\n\n    width:\n        100%;\n\n    max-width:\n        845px;\n\n    display:\n        block;\n\n    column-count:\n        initial;\n\n    column-width:\n        auto;\n\n    column-gap:\n        normal;\n\n    column-rule:\n        none;\n}\n\n\n\n\/* =========================================================\n   COPY TEXT\n   11.5PX\n   ========================================================= *\/\n\n#jr-about-story-2026 .jras-copy p {\n\n    width:\n        100%;\n\n    max-width:\n        845px;\n\n    margin:\n        0\n        0\n        11px !important;\n\n    padding:\n        0;\n\n    font-family:\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    font-size:\n        11.5px;\n\n    font-weight:\n        400;\n\n    line-height:\n        1.65;\n\n    color:\n        #6D615A;\n}\n\n\n\n\/* =========================================================\n   LAST PARAGRAPH\n   ========================================================= *\/\n\n#jr-about-story-2026 .jras-copy p:last-child {\n\n    margin-bottom:\n        0 !important;\n}\n\n\n\n\/* =========================================================\n   BOTTOM\n   ========================================================= *\/\n\n#jr-about-story-2026 .jras-bottom {\n\n    position:\n        relative;\n\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        flex-start;\n\n    gap:\n        46px;\n\n    width:\n        100%;\n\n    margin-top:\n        20px;\n\n    padding-top:\n        18px;\n}\n\n\n\n\/* =========================================================\n   FOOTER RULE\n   ========================================================= *\/\n\n#jr-about-story-2026 .jras-bottom::before {\n\n    content: \"\";\n\n    position:\n        absolute;\n\n    left:\n        0;\n\n    top:\n        0;\n\n    width:\n        min(\n            100%,\n            845px\n        );\n\n    height:\n        1px;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(112,88,73,.11),\n            rgba(112,88,73,.035) 68%,\n            transparent\n        );\n}\n\n\n\n\/* =========================================================\n   SIGNATURE\n   ========================================================= *\/\n\n#jr-about-story-2026 .jras-signature-wrap {\n\n    display:\n        flex;\n\n    align-items:\n        center;\n}\n\n\n#jr-about-story-2026 .jras-signature {\n\n    display:\n        block;\n\n    width:\n        136px;\n\n    height:\n        auto;\n\n    object-fit:\n        contain;\n\n    filter:\n        none;\n\n    opacity:\n        .90;\n}\n\n\n\n\/* =========================================================\n   BUTTON\n   ========================================================= *\/\n\n#jr-about-story-2026 .jras-button {\n\n    position:\n        relative;\n\n    display:\n        inline-flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    gap:\n        16px;\n\n    min-height:\n        38px;\n\n    padding:\n        10px\n        20px;\n\n    border:\n        1px solid\n        rgba(185,111,82,.38);\n\n    background:\n        rgba(255,255,255,.22);\n\n    font-family:\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    font-size:\n        8.5px;\n\n    font-weight:\n        700;\n\n    line-height:\n        1;\n\n    letter-spacing:\n        .15em;\n\n    text-transform:\n        uppercase;\n\n    text-decoration:\n        none !important;\n\n    white-space:\n        nowrap;\n\n    color:\n        #8D5947 !important;\n\n    transition:\n        gap .24s ease,\n        transform .24s ease,\n        background-color .24s ease,\n        border-color .24s ease,\n        color .24s ease;\n}\n\n\n\n\/* =========================================================\n   ARROW\n   ========================================================= *\/\n\n#jr-about-story-2026 .jras-button b {\n\n    font-family:\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    font-size:\n        13px;\n\n    font-weight:\n        400;\n\n    line-height:\n        1;\n\n    color:\n        #B96F52;\n\n    transition:\n        transform .24s ease,\n        color .24s ease;\n}\n\n\n\n\/* =========================================================\n   BUTTON HOVER\n   ========================================================= *\/\n\n#jr-about-story-2026 .jras-button:hover {\n\n    gap:\n        20px;\n\n    transform:\n        translateY(-1px);\n\n    background:\n        #B96F52;\n\n    border-color:\n        #B96F52;\n\n    color:\n        #FFFFFF !important;\n}\n\n\n#jr-about-story-2026 .jras-button:hover b {\n\n    transform:\n        translateX(2px);\n\n    color:\n        #FFFFFF;\n}\n\n\n\n\/* =========================================================\n   LARGE DESKTOP\n   ========================================================= *\/\n\n@media (min-width: 1500px) {\n\n    #jr-about-story-2026 .jras-inner {\n\n        width:\n            min(\n                calc(100% - 210px),\n                1460px\n            );\n\n        grid-template-columns:\n            375px\n            minmax(0,900px);\n\n        gap:\n            112px;\n\n        padding:\n            50px\n            0\n            50px;\n    }\n\n\n    #jr-about-story-2026 .jras-photo {\n\n        width:\n            375px;\n    }\n\n\n    #jr-about-story-2026 .jras-content {\n\n        max-width:\n            900px;\n    }\n\n\n    #jr-about-story-2026 .jras-lead,\n    #jr-about-story-2026 .jras-copy,\n    #jr-about-story-2026 .jras-copy p {\n\n        max-width:\n            885px;\n    }\n\n\n    #jr-about-story-2026 .jras-lead,\n    #jr-about-story-2026 .jras-copy p {\n\n        font-size:\n            11.5px;\n    }\n\n}\n\n\n\n\/* =========================================================\n   VERY LARGE DESKTOP\n   ========================================================= *\/\n\n@media (min-width: 1800px) {\n\n    #jr-about-story-2026 .jras-inner {\n\n        max-width:\n            1500px;\n\n        grid-template-columns:\n            385px\n            minmax(0,920px);\n\n        gap:\n            118px;\n    }\n\n\n    #jr-about-story-2026 .jras-photo {\n\n        width:\n            385px;\n    }\n\n\n    #jr-about-story-2026 .jras-content {\n\n        max-width:\n            920px;\n    }\n\n\n    #jr-about-story-2026 .jras-lead,\n    #jr-about-story-2026 .jras-copy,\n    #jr-about-story-2026 .jras-copy p {\n\n        max-width:\n            905px;\n    }\n\n\n    #jr-about-story-2026 .jras-lead,\n    #jr-about-story-2026 .jras-copy p {\n\n        font-size:\n            11.5px;\n    }\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1150px) {\n\n    #jr-about-story-2026 .jras-inner {\n\n        width:\n            calc(100% - 90px);\n\n        grid-template-columns:\n            minmax(290px,.85fr)\n            minmax(430px,1.15fr);\n\n        gap:\n            48px;\n\n        padding:\n            50px\n            0\n            54px;\n    }\n\n\n    #jr-about-story-2026 .jras-photo {\n\n        width:\n            min(\n                100%,\n                325px\n            );\n    }\n\n\n    #jr-about-story-2026 .jras-title {\n\n        font-size:\n            39px;\n    }\n\n\n    #jr-about-story-2026 .jras-lead {\n\n        font-size:\n            11.5px;\n    }\n\n\n    #jr-about-story-2026 .jras-copy p {\n\n        font-size:\n            11.5px;\n\n        line-height:\n            1.65;\n    }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n    #jr-about-story-2026 {\n\n        width:\n            100%;\n\n        margin:\n            0 !important;\n    }\n\n\n    #jr-about-story-2026 .jras-inner {\n\n        width:\n            100%;\n\n        display:\n            grid;\n\n        grid-template-columns:\n            1fr;\n\n        gap:\n            29px;\n\n        padding:\n            38px\n            22px\n            42px;\n    }\n\n\n    #jr-about-story-2026 .jras-visual {\n\n        justify-content:\n            center;\n    }\n\n\n    #jr-about-story-2026 .jras-photo {\n\n        width:\n            min(\n                82vw,\n                340px\n            );\n    }\n\n\n    #jr-about-story-2026 .jras-content {\n\n        width:\n            min(\n                100%,\n                490px\n            );\n\n        max-width:\n            490px;\n\n        margin:\n            0 auto;\n\n        text-align:\n            center;\n    }\n\n\n    #jr-about-story-2026 .jras-title {\n\n        max-width:\n            none;\n\n        font-size:\n            34px;\n    }\n\n\n    #jr-about-story-2026 .jras-rule {\n\n        margin:\n            16px\n            auto\n            18px;\n    }\n\n\n    #jr-about-story-2026 .jras-lead {\n\n        max-width:\n            450px;\n\n        margin-left:\n            auto !important;\n\n        margin-right:\n            auto !important;\n\n        font-size:\n            11.5px;\n\n        line-height:\n            1.65;\n    }\n\n\n    #jr-about-story-2026 .jras-copy {\n\n        max-width:\n            450px;\n\n        margin:\n            0 auto;\n    }\n\n\n    #jr-about-story-2026 .jras-copy p {\n\n        max-width:\n            450px;\n\n        font-size:\n            11.5px;\n\n        line-height:\n            1.65;\n\n        margin-bottom:\n            12px !important;\n    }\n\n\n    #jr-about-story-2026 .jras-bottom {\n\n        max-width:\n            420px;\n\n        margin:\n            22px\n            auto\n            0;\n\n        padding-top:\n            18px;\n\n        justify-content:\n            center;\n\n        gap:\n            28px;\n    }\n\n\n    #jr-about-story-2026 .jras-bottom::before {\n\n        left:\n            10%;\n\n        width:\n            80%;\n\n        background:\n            linear-gradient(\n                90deg,\n                transparent,\n                rgba(112,88,73,.12),\n                transparent\n            );\n    }\n\n\n    #jr-about-story-2026 .jras-signature {\n\n        width:\n            124px;\n    }\n\n}\n\n\n\n\/* =========================================================\n   SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 430px) {\n\n    #jr-about-story-2026 .jras-inner {\n\n        padding:\n            34px\n            18px\n            38px;\n    }\n\n\n    #jr-about-story-2026 .jras-photo {\n\n        width:\n            min(\n                86vw,\n                325px\n            );\n    }\n\n\n    #jr-about-story-2026 .jras-title {\n\n        font-size:\n            31px;\n    }\n\n\n    #jr-about-story-2026 .jras-lead,\n    #jr-about-story-2026 .jras-copy p {\n\n        font-size:\n            11.5px;\n\n        line-height:\n            1.65;\n    }\n\n\n    #jr-about-story-2026 .jras-bottom {\n\n        flex-direction:\n            column;\n\n        gap:\n            15px;\n    }\n\n\n    #jr-about-story-2026 .jras-signature {\n\n        width:\n            124px;\n    }\n\n}\n\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    #jr-about-story-2026 .jras-button,\n    #jr-about-story-2026 .jras-button b {\n\n        transition-duration:\n            .01ms;\n    }\n\n}\n<\/style>\n\n<section id=\"jr-about-story-2026\">\n\n    <div class=\"jras-inner\">\n\n\n        <!-- =====================================================\n             VISUAL\n             ===================================================== -->\n\n        <div class=\"jras-visual\">\n\n            <div class=\"jras-photo\">\n\n                <img src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Copyright-Jasmina-Rad-3-Kopie.webp\" alt=\"Julian Rad bei der Wildlife-Fotografie\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\n\n            <\/div>\n\n        <\/div>\n\n\n\n        <!-- =====================================================\n             CONTENT\n             ===================================================== -->\n\n        <div class=\"jras-content\">\n\n\n            <h2 class=\"jras-title\">\n\n                About\n\n                <em>\n                    Julian Rad\n                <\/em>\n\n            <\/h2>\n\n\n            <div class=\"jras-rule\"><\/div>\n\n\n            <p class=\"jras-lead\">\n\n                I never really intended to publish an \u201cAbout Me\u201d page on my website, because the spotlight here belongs to the animals, not to me. Still, I receive messages on a daily basis: How do I work? How are my photographs made? What equipment do I use?\n\n            <\/p>\n\n\n            <div class=\"jras-meta\">\n\n                <span>SEIT \u00dcBER EINEM JAHRZEHNT<\/span>\n\n                <i><\/i>\n\n                <span>WILDLIFE PHOTOGRAPHY<\/span>\n\n            <\/div>\n\n\n            <div class=\"jras-copy\">\n\n                <p>\n                    Being a wildlife photographer is a rare profession, and in the country where I live there are only a handful of people who follow this path and have actually managed to make a living from it. That's why it has been a true privilege for me to belong to this small group for over a decade.\n                <\/p>\n\n\n                <p>\n                    Wildlife photography is not about gear or technology, nor is it about owning the most expensive telephoto lens. The animals write the rules, only to break them again. They do not appear on command and they do not pose according to a script.\n                <\/p>\n\n\n                <p>\n                    It is a calling filled with uncertainty, and if there is one thing I can guarantee: there are no guarantees in wildlife photography. And yet, if I had to start all over again, I would not hesitate for a moment, I would choose this path again.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"jras-bottom\">\n\n\n                <div class=\"jras-signature-wrap\">\n\n                    <img class=\"jras-signature\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Signature.webp\" alt=\"Signatur Julian Rad\" loading=\"lazy\" decoding=\"async\" draggable=\"false\">\n\n                <\/div>\n\n\n                <a class=\"jras-button\" href=\"\/en\/about\/\">\n\n                    <span>\n                        Learn more\n                    <\/span>\n\n                    <b>\n                        \u2192\n                    <\/b>\n\n                <\/a>\n\n\n            <\/div>\n\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>","protected":false},"excerpt":{"rendered":"<p>NEU ERSCHIENEN Kleine Helden, gro\u00dfe Geschichten Eine fotografische Reise zu unseren tierischen Stadtbewohnern DAS NEUE BUCH VON JULIAN RAD BUCH ENTDECKEN \u2192 KALENDER 2027 \u2192 PRINTS PUZZLE KALENDER POSTKARTEN LEINWAND Fine-Art-Prints ZUR KOLLEKTION \u2192 Puzzle PUZZLES ENTDECKEN \u2192 Wandkalender KALENDER ANSEHEN \u2192 Postkarten POSTKARTEN ANSEHEN \u2192 Leinwand LEINW\u00c4NDE ENTDECKEN \u2192 Social Media Collaborations CONTENT CREATION [&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-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/radwildlife.com\/en\/wp-json\/wp\/v2\/pages\/26","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=26"}],"version-history":[{"count":25,"href":"https:\/\/radwildlife.com\/en\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":1512,"href":"https:\/\/radwildlife.com\/en\/wp-json\/wp\/v2\/pages\/26\/revisions\/1512"}],"wp:attachment":[{"href":"https:\/\/radwildlife.com\/en\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}