{"id":945,"date":"2026-09-16T16:51:11","date_gmt":"2026-09-16T14:51:11","guid":{"rendered":"https:\/\/radwildlife.com\/?page_id=945"},"modified":"2026-10-22T21:10:34","modified_gmt":"2026-10-22T19:10:34","slug":"kalender","status":"publish","type":"page","link":"https:\/\/radwildlife.com\/en\/kalender\/","title":{"rendered":"Calendar"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   JULIAN RAD \u2013 KALENDERANSICHT\n========================================================= *\/\n\n.jr-cal-view {\n\n  --jr-accent: #c5683d;\n  --jr-text: #30241e;\n\n  position: relative;\n\n  isolation: isolate;\n\n  width: 100%;\n\n  box-sizing: border-box;\n\n  padding:\n    46px\n    30px\n    16px;\n\n  margin: 0;\n\n  background: transparent;\n\n  overflow: hidden;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.jr-cal-view-inner {\n\n  position: relative;\n\n  width:\n    min(\n      1260px,\n      100%\n    );\n\n  margin:\n    0\n    auto;\n\n  padding: 0;\n}\n\n\n\/* =========================================================\n   HEADING\n========================================================= *\/\n\n.jr-cal-view-heading {\n\n  position: relative;\n\n  z-index: 20;\n\n  text-align: center;\n\n  margin:\n    0\n    auto\n    16px;\n\n  padding-bottom:\n    23px;\n}\n\n\n\/* =========================================================\n   KALENDER + 2027\n========================================================= *\/\n\n.jr-cal-view-subline {\n\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 11px;\n\n  margin: 0;\n\n  color: #453a33;\n\n  font-family:\n    \"Bacasime Antique\",\n    Georgia,\n    serif;\n\n  font-weight: 400;\n\n  line-height: 1;\n\n  text-transform: uppercase;\n}\n\n\n\/* KALENDER *\/\n\n.jr-cal-view-title {\n\n  display: block;\n\n  font-size:\n    clamp(\n      42px,\n      4vw,\n      55px\n    );\n\n  letter-spacing: .16em;\n\n  line-height: 1;\n}\n\n\n\/* =========================================================\n   2027\n========================================================= *\/\n\n.jr-cal-view-year {\n\n  display: block;\n\n  color:\n    var(--jr-accent);\n\n  font-size:\n    clamp(\n      24px,\n      2vw,\n      31px\n    );\n\n  letter-spacing:\n    .28em;\n\n  line-height: 1;\n}\n\n\n\/* =========================================================\n   FEINE LINIE UNTER \u00dcBERSCHRIFT\n========================================================= *\/\n\n.jr-cal-view-heading::after {\n\n  content: \"\";\n\n  display: block;\n\n  width: 44px;\n\n  height: 1px;\n\n  margin:\n    22px\n    auto\n    0;\n\n  background:\n    var(--jr-accent);\n\n  opacity: .92;\n}\n\n\n\/* =========================================================\n   KALENDER-STAGE\n========================================================= *\/\n\n.jr-cal-view-stage {\n\n  position: relative;\n\n  z-index: 1;\n\n  isolation: isolate;\n\n  width: 100%;\n\n  height: 720px;\n\n  margin: 0;\n\n  padding: 0;\n}\n\n\n\/* =========================================================\n   KALENDERBL\u00c4TTER\n========================================================= *\/\n\n.jr-cal-view-sheet {\n\n  position: absolute;\n\n  top: 50%;\n\n  transition:\n    opacity .3s ease,\n    transform .45s\n    cubic-bezier(.22,.75,.25,1);\n}\n\n\n.jr-cal-view-sheet img {\n\n  display: block;\n\n  width: 100%;\n\n  height: auto;\n\n  max-width: none;\n\n  margin: 0;\n\n  padding: 0;\n\n  border: 0;\n}\n\n\n\/* =========================================================\n   HAUPTBLATT\n========================================================= *\/\n\n.jr-cal-view-main {\n\n  z-index: 5;\n\n  left: 50%;\n\n  width:\n    min(\n      980px,\n      79%\n    );\n\n  transform:\n    translate(\n      -50%,\n      -49%\n    );\n\n  will-change:\n    transform,\n    opacity;\n}\n\n\n.jr-cal-view-main img {\n\n  filter:\n\n    drop-shadow(\n      0\n      29px\n      27px\n      rgba(46,32,23,.12)\n    )\n\n    drop-shadow(\n      0\n      7px\n      10px\n      rgba(46,32,23,.07)\n    );\n}\n\n\n.jr-cal-view-main.is-changing {\n\n  opacity: .4;\n\n  transform:\n    translate(\n      -50%,\n      -48.4%\n    )\n    scale(.992);\n}\n\n\n\/* =========================================================\n   VORHERIGES BLATT\n========================================================= *\/\n\n.jr-cal-view-prev {\n\n  z-index: 2;\n\n  left: 4%;\n\n  width:\n    min(\n      680px,\n      54%\n    );\n\n  opacity: .43;\n\n  transform:\n    translateY(-46%)\n    rotate(-1.3deg);\n}\n\n\n\/* =========================================================\n   N\u00c4CHSTES BLATT\n========================================================= *\/\n\n.jr-cal-view-next {\n\n  z-index: 2;\n\n  right: 4%;\n\n  width:\n    min(\n      680px,\n      54%\n    );\n\n  opacity: .43;\n\n  transform:\n    translateY(-46%)\n    rotate(1.3deg);\n}\n\n\n\/* =========================================================\n   PFEILE\n========================================================= *\/\n\n.jr-cal-view-arrow {\n\n  appearance: none;\n\n  -webkit-appearance: none;\n\n  position: absolute;\n\n  z-index: 20;\n\n  top: 49%;\n\n  width: 50px;\n\n  height: 50px;\n\n  padding: 0;\n\n  margin: 0;\n\n  border:\n    1px solid\n    rgba(50,37,29,.08);\n\n  border-radius: 50%;\n\n  background:\n    rgba(255,255,255,.95);\n\n  color: #30251f;\n\n  cursor: pointer;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size: 30px;\n\n  font-weight: 400;\n\n  line-height: 1;\n\n  box-shadow:\n    0\n    11px\n    24px\n    rgba(50,37,29,.09);\n\n  transform:\n    translateY(-50%);\n\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease,\n    background .2s ease;\n\n  touch-action: manipulation;\n\n  -webkit-user-select: none;\n\n  user-select: none;\n\n  -webkit-touch-callout: none;\n\n  -webkit-tap-highlight-color:\n    transparent;\n}\n\n\n.jr-cal-view-arrow:hover {\n\n  transform:\n    translateY(-50%)\n    scale(1.05);\n\n  background: #fff;\n\n  box-shadow:\n    0\n    15px\n    29px\n    rgba(50,37,29,.14);\n}\n\n\n.jr-cal-view-arrow:active {\n\n  transform:\n    translateY(-50%)\n    scale(.97);\n}\n\n\n.jr-cal-view-arrow-left {\n\n  left: 16%;\n}\n\n\n.jr-cal-view-arrow-right {\n\n  right: 16%;\n}\n\n\n\/* =========================================================\n   MONATSAUSWAHL\n   EIGENER STACKING CONTEXT\n========================================================= *\/\n\n.jr-cal-view-months {\n\n  position: relative;\n\n  z-index: 50;\n\n  isolation: isolate;\n\n  width:\n    min(\n      980px,\n      94%\n    );\n\n  box-sizing: border-box;\n\n  margin:\n    22px\n    auto\n    0;\n\n  padding:\n    8px;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(\n      12,\n      1fr\n    );\n\n  gap:\n    5px;\n\n  background:\n    rgba(252,249,245,.96);\n\n  border:\n    1px solid\n    rgba(75,56,44,.08);\n\n  border-radius: 4px;\n\n  box-shadow:\n    0 6px 18px\n    rgba(48,35,27,.025);\n}\n\n\n\/* =========================================================\n   MONAT BUTTON\n========================================================= *\/\n\n.jr-cal-view-month {\n\n  appearance: none;\n\n  -webkit-appearance: none;\n\n  position: relative;\n\n  z-index: 2;\n\n  min-width: 0;\n\n  height: 48px;\n\n  padding:\n    0\n    8px;\n\n  margin: 0;\n\n  border: 0;\n\n  outline: 0;\n\n  background: transparent;\n\n  color: #897a70;\n\n  cursor: pointer;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  font-size: 10px;\n\n  font-weight: 600;\n\n  line-height: 1;\n\n  letter-spacing: .17em;\n\n  text-transform: uppercase;\n\n  transition:\n    background .2s ease,\n    color .2s ease,\n    transform .2s ease;\n\n  touch-action: manipulation;\n\n  -webkit-user-select: none;\n\n  user-select: none;\n\n  -webkit-tap-highlight-color:\n    transparent;\n}\n\n\n.jr-cal-view-month:hover {\n\n  color:\n    var(--jr-accent);\n\n  transform:\n    translateY(-1px);\n}\n\n\n.jr-cal-view-month.is-active {\n\n  color: #fff;\n\n  background:\n    var(--jr-accent);\n}\n\n\n\/* =========================================================\n   SMALL DESKTOP\n========================================================= *\/\n\n@media (max-width: 1100px) {\n\n  .jr-cal-view {\n\n    padding:\n      40px\n      20px\n      36px;\n  }\n\n\n  .jr-cal-view-stage {\n\n    height: 62vw;\n\n    min-height: 520px;\n  }\n\n\n  .jr-cal-view-main {\n\n    width:\n      min(\n        850px,\n        84vw\n      );\n  }\n\n\n  .jr-cal-view-months {\n\n    width:\n      min(\n        920px,\n        96%\n      );\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 850px) {\n\n  .jr-cal-view {\n\n    padding:\n      32px\n      16px\n      26px;\n  }\n\n\n  .jr-cal-view-heading {\n\n    margin-bottom: 24px;\n\n    padding-bottom: 17px;\n  }\n\n\n  .jr-cal-view-subline {\n\n    gap: 9px;\n  }\n\n\n  .jr-cal-view-title {\n\n    font-size:\n      clamp(\n        34px,\n        6vw,\n        46px\n      );\n\n    letter-spacing: .13em;\n  }\n\n\n  .jr-cal-view-year {\n\n    font-size:\n      clamp(\n        20px,\n        3.5vw,\n        27px\n      );\n\n    letter-spacing: .25em;\n  }\n\n\n  .jr-cal-view-heading::after {\n\n    width: 38px;\n\n    margin-top: 18px;\n  }\n\n\n  .jr-cal-view-stage {\n\n    height: 65vw;\n\n    min-height: 440px;\n  }\n\n\n  .jr-cal-view-main {\n\n    width: 87vw;\n  }\n\n\n  .jr-cal-view-prev {\n\n    left: -10%;\n\n    width: 62vw;\n  }\n\n\n  .jr-cal-view-next {\n\n    right: -10%;\n\n    width: 62vw;\n  }\n\n\n  .jr-cal-view-arrow-left {\n\n    left: 8%;\n  }\n\n\n  .jr-cal-view-arrow-right {\n\n    right: 8%;\n  }\n\n\n  .jr-cal-view-months {\n\n    width: 100%;\n\n    padding: 7px;\n\n    display: flex;\n\n    gap: 5px;\n\n    overflow-x: auto;\n\n    overflow-y: hidden;\n\n    background:\n      rgba(252,249,245,.97);\n\n    scrollbar-width: none;\n\n    -webkit-overflow-scrolling:\n      touch;\n\n    touch-action: pan-x;\n  }\n\n\n  .jr-cal-view-months::-webkit-scrollbar {\n\n    display: none;\n  }\n\n\n  .jr-cal-view-month {\n\n    flex:\n      0\n      0\n      68px;\n\n    height: 46px;\n\n    font-size: 9px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n  .jr-cal-view {\n\n    padding:\n      25px\n      11px\n      6px;\n\n    margin: 0;\n\n    overflow: hidden;\n  }\n\n\n  .jr-cal-view-inner {\n\n    margin:\n      0\n      auto;\n\n    padding: 0;\n  }\n\n\n  \/* =====================================================\n     HEADING\n  ====================================================== *\/\n\n  .jr-cal-view-heading {\n\n    margin:\n      0\n      auto\n      20px;\n\n    padding-bottom:\n      14px;\n  }\n\n\n  .jr-cal-view-subline {\n\n    gap: 8px;\n  }\n\n\n  .jr-cal-view-title {\n\n    font-size: 31px;\n\n    line-height: 1;\n\n    letter-spacing: .10em;\n  }\n\n\n  .jr-cal-view-year {\n\n    font-size: 18px;\n\n    line-height: 1;\n\n    letter-spacing: .25em;\n  }\n\n\n  .jr-cal-view-heading::after {\n\n    width: 32px;\n\n    margin-top: 14px;\n  }\n\n\n  \/* =====================================================\n     KALENDERBILD\n  ====================================================== *\/\n\n  .jr-cal-view-stage {\n\n    position: relative;\n\n    z-index: 1;\n\n    isolation: isolate;\n\n    width: 100%;\n\n    height: auto;\n\n    min-height: 0;\n\n    margin: 0;\n\n    padding: 0;\n  }\n\n\n  .jr-cal-view-sheet {\n\n    position: relative;\n\n    top: auto;\n  }\n\n\n  .jr-cal-view-main {\n\n    width: 100%;\n\n    left: auto;\n\n    margin: 0;\n\n    transform: none;\n  }\n\n\n  .jr-cal-view-main img {\n\n    width: 100%;\n\n    height: auto;\n\n    display: block;\n  }\n\n\n  .jr-cal-view-main.is-changing {\n\n    transform:\n      scale(.992);\n  }\n\n\n  .jr-cal-view-prev,\n  .jr-cal-view-next {\n\n    display: none;\n  }\n\n\n  \/* =====================================================\n     PFEILE\n  ====================================================== *\/\n\n  .jr-cal-view-arrow {\n\n    top: 50%;\n\n    width: 39px;\n\n    height: 39px;\n\n    font-size: 25px;\n\n    touch-action: manipulation;\n\n    -webkit-tap-highlight-color:\n      transparent;\n  }\n\n\n  .jr-cal-view-arrow-left {\n\n    left: 8px;\n  }\n\n\n  .jr-cal-view-arrow-right {\n\n    right: 8px;\n  }\n\n\n  \/* =====================================================\n     MONATSAUSWAHL\n  ====================================================== *\/\n\n  .jr-cal-view-months {\n\n    position: relative;\n\n    z-index: 50;\n\n    isolation: isolate;\n\n    width: 100%;\n\n    box-sizing: border-box;\n\n    margin:\n      12px\n      auto\n      0;\n\n    padding: 7px;\n\n    display: flex;\n\n    gap: 5px;\n\n    overflow-x: auto;\n\n    overflow-y: hidden;\n\n    background:\n      rgba(252,249,245,.98);\n\n    border:\n      1px solid\n      rgba(75,56,44,.08);\n\n    border-radius: 4px;\n\n    box-shadow:\n      0 5px 14px\n      rgba(48,35,27,.025);\n\n    scrollbar-width: none;\n\n    -webkit-overflow-scrolling:\n      touch;\n\n    touch-action: pan-x;\n  }\n\n\n  .jr-cal-view-months::-webkit-scrollbar {\n\n    display: none;\n  }\n\n\n  .jr-cal-view-month {\n\n    position: relative;\n\n    z-index: 2;\n\n    flex:\n      0\n      0\n      68px;\n\n    height: 46px;\n\n    padding:\n      0\n      6px;\n\n    font-size: 9px;\n\n    letter-spacing: .15em;\n\n    touch-action: manipulation;\n\n    -webkit-tap-highlight-color:\n      transparent;\n  }\n\n}\n\n\n\/* =========================================================\n   DIREKT FOLGENDER INFOBLOCK\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n  .jr-cal-view + .jr-cal-info {\n\n    margin-top:\n      4px !important;\n  }\n\n}\n\n\n\/* =========================================================\n   SEHR KLEINE HANDYS\n========================================================= *\/\n\n@media (max-width: 380px) {\n\n  .jr-cal-view {\n\n    padding-left: 8px;\n\n    padding-right: 8px;\n\n    padding-bottom: 5px;\n  }\n\n\n  .jr-cal-view-title {\n\n    font-size: 28px;\n  }\n\n\n  .jr-cal-view-year {\n\n    font-size: 17px;\n  }\n\n\n  .jr-cal-view-months {\n\n    margin-top: 9px;\n\n    padding: 6px;\n  }\n\n\n  .jr-cal-view-month {\n\n    flex-basis: 64px;\n\n    height: 44px;\n\n    font-size: 8px;\n  }\n\n\n  .jr-cal-view + .jr-cal-info {\n\n    margin-top:\n      3px !important;\n  }\n\n}\n<\/style>\n\n<section class=\"jr-cal-view\">\n\n  <div class=\"jr-cal-view-inner\">\n\n    <!-- =====================================================\n         HEADING\n    ====================================================== -->\n    <header class=\"jr-cal-view-heading\">\n\n      <div class=\"jr-cal-view-subline\">\n        <span class=\"jr-cal-view-title\">KALENDER<\/span>\n        <span class=\"jr-cal-view-year\">2027<\/span>\n      <\/div>\n\n    <\/header>\n\n\n    <!-- =====================================================\n         KALENDER-STAGE\n    ====================================================== -->\n    <div class=\"jr-cal-view-stage\">\n\n      <!-- vorheriger Monat -->\n      <div class=\"jr-cal-view-sheet jr-cal-view-prev\">\n        <img decoding=\"async\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/12-Kalender-A3.webp\" alt=\"\" loading=\"lazy\">\n      <\/div>\n\n\n      <!-- Hauptmonat -->\n      <div class=\"jr-cal-view-sheet jr-cal-view-main\">\n        <img decoding=\"async\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/1-Kalender-A3.webp\" alt=\"Naturfotografie Kalender Januar 2027\" fetchpriority=\"high\">\n      <\/div>\n\n\n      <!-- n\u00e4chster Monat -->\n      <div class=\"jr-cal-view-sheet jr-cal-view-next\">\n        <img decoding=\"async\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/2-Kalender-A3.webp\" alt=\"\" loading=\"lazy\">\n      <\/div>\n\n\n      <!-- Pfeile -->\n      <button class=\"jr-cal-view-arrow jr-cal-view-arrow-left\" type=\"button\" aria-label=\"Vorheriger Monat\">\n        \u2039\n      <\/button>\n\n      <button class=\"jr-cal-view-arrow jr-cal-view-arrow-right\" type=\"button\" aria-label=\"N\u00e4chster Monat\">\n        \u203a\n      <\/button>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         MONATSAUSWAHL\n    ====================================================== -->\n    <nav class=\"jr-cal-view-months\" aria-label=\"Kalendermonate\">\n\n      <button class=\"jr-cal-view-month is-active\" data-month=\"0\" type=\"button\">\n        JAN\n      <\/button>\n\n      <button class=\"jr-cal-view-month\" data-month=\"1\" type=\"button\">\n        FEB\n      <\/button>\n\n      <button class=\"jr-cal-view-month\" data-month=\"2\" type=\"button\">\n        M\u00c4R\n      <\/button>\n\n      <button class=\"jr-cal-view-month\" data-month=\"3\" type=\"button\">\n        APR\n      <\/button>\n\n      <button class=\"jr-cal-view-month\" data-month=\"4\" type=\"button\">\n        MAI\n      <\/button>\n\n      <button class=\"jr-cal-view-month\" data-month=\"5\" type=\"button\">\n        JUN\n      <\/button>\n\n      <button class=\"jr-cal-view-month\" data-month=\"6\" type=\"button\">\n        JUL\n      <\/button>\n\n      <button class=\"jr-cal-view-month\" data-month=\"7\" type=\"button\">\n        AUG\n      <\/button>\n\n      <button class=\"jr-cal-view-month\" data-month=\"8\" type=\"button\">\n        SEP\n      <\/button>\n\n      <button class=\"jr-cal-view-month\" data-month=\"9\" type=\"button\">\n        OKT\n      <\/button>\n\n      <button class=\"jr-cal-view-month\" data-month=\"10\" type=\"button\">\n        NOV\n      <\/button>\n\n      <button class=\"jr-cal-view-month\" data-month=\"11\" type=\"button\">\n        DEZ\n      <\/button>\n\n    <\/nav>\n\n  <\/div>\n\n<\/section>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  const section = document.querySelector(\".jr-cal-view\");\n  if (!section) return;\n\n  const images = [\n    \"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/1-Kalender-A3.webp\",\n    \"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/2-Kalender-A3.webp\",\n    \"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/3-Kalender-A3.webp\",\n    \"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/4-Kalender-A3.webp\",\n    \"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/5-Kalender-A3.webp\",\n    \"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/6-Kalender-A3.webp\",\n    \"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/7-Kalender-A3.webp\",\n    \"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/8-Kalender-A3.webp\",\n    \"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/9-Kalender-A3.webp\",\n    \"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/10-Kalender-A3.webp\",\n    \"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/11-Kalender-A3.webp\",\n    \"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/12-Kalender-A3.webp\"\n  ];\n\n  const names = [\n    \"Januar\",\n    \"Februar\",\n    \"M\u00e4rz\",\n    \"April\",\n    \"Mai\",\n    \"Juni\",\n    \"Juli\",\n    \"August\",\n    \"September\",\n    \"Oktober\",\n    \"November\",\n    \"Dezember\"\n  ];\n\n  let current = 0;\n\n  const main =\n    section.querySelector(\".jr-cal-view-main\");\n\n  const mainImg =\n    section.querySelector(\".jr-cal-view-main img\");\n\n  const prevImg =\n    section.querySelector(\".jr-cal-view-prev img\");\n\n  const nextImg =\n    section.querySelector(\".jr-cal-view-next img\");\n\n  const months =\n    section.querySelectorAll(\".jr-cal-view-month\");\n\n  const left =\n    section.querySelector(\".jr-cal-view-arrow-left\");\n\n  const right =\n    section.querySelector(\".jr-cal-view-arrow-right\");\n\n\n  \/* =====================================================\n     PRELOAD\n  ====================================================== *\/\n\n  function preload(index) {\n\n    const i =\n      (index + images.length) % images.length;\n\n    const img =\n      new Image();\n\n    img.src =\n      images[i];\n\n  }\n\n\n  \/* =====================================================\n     UPDATE\n  ====================================================== *\/\n\n  function update(index) {\n\n    current =\n      (index + images.length) % images.length;\n\n    const prev =\n      (current - 1 + images.length) % images.length;\n\n    const next =\n      (current + 1) % images.length;\n\n\n    main.classList.add(\"is-changing\");\n\n\n    setTimeout(function () {\n\n      mainImg.src =\n        images[current];\n\n      mainImg.alt =\n        \"Naturfotografie Kalender \" +\n        names[current] +\n        \" 2027\";\n\n\n      prevImg.src =\n        images[prev];\n\n      nextImg.src =\n        images[next];\n\n\n      months.forEach(function (btn) {\n        btn.classList.remove(\"is-active\");\n      });\n\n\n      months[current]\n        .classList.add(\"is-active\");\n\n\n      if (window.innerWidth <= 860) {\n\n        months[current].scrollIntoView({\n          behavior: \"smooth\",\n          block: \"nearest\",\n          inline: \"center\"\n        });\n\n      }\n\n\n      main.classList.remove(\"is-changing\");\n\n\n      preload(current - 2);\n      preload(current + 2);\n\n    }, 120);\n\n  }\n\n\n  \/* =====================================================\n     MONATE\n  ====================================================== *\/\n\n  months.forEach(function (btn) {\n\n    btn.addEventListener(\"click\", function () {\n\n      update(\n        Number(this.dataset.month)\n      );\n\n    });\n\n  });\n\n\n  \/* =====================================================\n     PFEILE\n  ====================================================== *\/\n\n  left.addEventListener(\"click\", function () {\n    update(current - 1);\n  });\n\n\n  right.addEventListener(\"click\", function () {\n    update(current + 1);\n  });\n\n\n  \/* =====================================================\n     START PRELOAD\n  ====================================================== *\/\n\n  preload(1);\n  preload(11);\n\n});\n<\/script>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   JULIAN RAD \u2013 KALENDER 2027\n   DESKTOP + TABLET + MOBILE SWIPE CARDS\n========================================================= *\/\n\n\n\/* =========================================================\n   SECTION DIVIDER\n========================================================= *\/\n\n.jr-k27-section-divider {\n\n  width:\n    min(\n      420px,\n      calc(100% - 60px)\n    );\n\n  margin:\n    22px\n    auto\n    34px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  gap:\n    16px;\n}\n\n\n.jr-k27-section-divider > span:first-child,\n.jr-k27-section-divider > span:last-child {\n\n  flex:\n    1 1 auto;\n\n  height:\n    1px;\n\n  background:\n    linear-gradient(\n      to right,\n      rgba(70, 53, 42, 0),\n      rgba(70, 53, 42, .22)\n    );\n}\n\n\n.jr-k27-section-divider > span:last-child {\n\n  background:\n    linear-gradient(\n      to left,\n      rgba(70, 53, 42, 0),\n      rgba(70, 53, 42, .22)\n    );\n}\n\n\n.jr-k27-section-divider-spark {\n\n  flex:\n    0 0 auto;\n\n  color:\n    #c5683d;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    13px;\n\n  line-height:\n    1;\n\n  opacity:\n    .82;\n}\n\n\n\/* =========================================================\n   RESET \/ ISOLATION\n========================================================= *\/\n\n.jr-k27-panel,\n.jr-k27-panel *,\n.jr-k27-panel *::before,\n.jr-k27-panel *::after {\n\n  box-sizing:\n    border-box;\n}\n\n\n\/* =========================================================\n   OUTER PANEL\n========================================================= *\/\n\n.jr-k27-panel {\n\n  --jr-k27-text:\n    #30241e;\n\n  --jr-k27-copy:\n    #51463f;\n\n  --jr-k27-muted:\n    #8b7d74;\n\n  --jr-k27-accent:\n    #cb6b3e;\n\n  --jr-k27-accent-dark:\n    #b75b34;\n\n  --jr-k27-icon:\n    #755438;\n\n  --jr-k27-icon-bg:\n    rgba(239, 228, 212, .72);\n\n  --jr-k27-line:\n    rgba(71, 52, 41, .10);\n\n\n  width:\n    min(\n      1420px,\n      calc(100% - 32px)\n    );\n\n  margin:\n    0\n    auto\n    80px;\n\n  padding:\n    28px;\n\n\n  display:\n    grid;\n\n  grid-template-columns:\n    minmax(0, 1.13fr)\n    minmax(455px, .87fr);\n\n  gap:\n    34px;\n\n  align-items:\n    stretch;\n\n\n  background:\n    rgba(250, 247, 242, .78);\n\n  border:\n    1px solid\n    rgba(78, 56, 42, .07);\n\n  border-radius:\n    16px;\n\n  box-shadow:\n    0 22px 58px\n    rgba(48, 34, 25, .055);\n\n  overflow:\n    hidden;\n}\n\n\n\/* =========================================================\n   LEFT\n========================================================= *\/\n\n.jr-k27-left {\n\n  min-width:\n    0;\n\n  display:\n    flex;\n}\n\n\n.jr-k27-left-inner {\n\n  width:\n    100%;\n\n  min-width:\n    0;\n\n  padding:\n    28px\n    26px\n    27px;\n}\n\n\n\/* =========================================================\n   DESKTOP HEADING\n========================================================= *\/\n\n.jr-k27-heading {\n\n  margin:\n    0\n    0\n    42px;\n}\n\n\n.jr-k27-eyebrow {\n\n  color:\n    var(--jr-k27-accent);\n\n  font-family:\n    Inter,\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  font-size:\n    9px;\n\n  font-weight:\n    650;\n\n  line-height:\n    1;\n\n  letter-spacing:\n    .25em;\n\n  text-transform:\n    uppercase;\n}\n\n\n.jr-k27-title {\n\n  margin:\n    26px\n    0\n    0;\n\n  display:\n    flex;\n\n  align-items:\n    baseline;\n\n  flex-wrap:\n    wrap;\n\n  gap:\n    0\n    27px;\n\n\n  font-family:\n    \"Bacasime Antique\",\n    Georgia,\n    serif;\n\n  font-weight:\n    400;\n\n  line-height:\n    .9;\n}\n\n\n.jr-k27-title-main {\n\n  color:\n    var(--jr-k27-text);\n\n  font-size:\n    clamp(\n      60px,\n      5.4vw,\n      84px\n    );\n}\n\n\n.jr-k27-title-year {\n\n  color:\n    var(--jr-k27-accent);\n\n  font-size:\n    clamp(\n      30px,\n      2.6vw,\n      42px\n    );\n\n  letter-spacing:\n    .27em;\n\n  white-space:\n    nowrap;\n}\n\n\n\/* =========================================================\n   MOBILE DETAILS HEADING\n========================================================= *\/\n\n.jr-k27-mobile-details-head {\n\n  display:\n    none;\n}\n\n\n\/* =========================================================\n   FEATURES \u2013 DESKTOP\n========================================================= *\/\n\n.jr-k27-features {\n\n  width:\n    100%;\n\n  display:\n    grid;\n\n  grid-template-columns:\n    repeat(\n      2,\n      minmax(0, 1fr)\n    );\n\n  column-gap:\n    54px;\n\n  row-gap:\n    26px;\n\n  align-items:\n    start;\n}\n\n\n.jr-k27-feature-card {\n\n  display:\n    contents;\n}\n\n\n\/* =========================================================\n   SINGLE FEATURE\n========================================================= *\/\n\n.jr-k27-feature {\n\n  min-width:\n    0;\n\n  min-height:\n    62px;\n\n  display:\n    grid;\n\n  grid-template-columns:\n    54px\n    minmax(0, 1fr);\n\n  gap:\n    17px;\n\n  align-items:\n    center;\n}\n\n\n\/* =========================================================\n   ROUND ICON\n========================================================= *\/\n\n.jr-k27-icon {\n\n  width:\n    54px;\n\n  height:\n    54px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  border-radius:\n    50%;\n\n  background:\n    var(--jr-k27-icon-bg);\n\n  flex:\n    0 0\n    54px;\n}\n\n\n.jr-k27-icon svg {\n\n  display:\n    block;\n\n  width:\n    25px;\n\n  height:\n    25px;\n\n  fill:\n    none;\n\n  stroke:\n    var(--jr-k27-icon);\n\n  stroke-width:\n    1.55;\n\n  stroke-linecap:\n    round;\n\n  stroke-linejoin:\n    round;\n}\n\n\n\/* =========================================================\n   FEATURE TYPOGRAPHY\n========================================================= *\/\n\n.jr-k27-feature-copy {\n\n  min-width:\n    0;\n}\n\n\n.jr-k27-feature strong {\n\n  display:\n    block;\n\n  margin:\n    0;\n\n  color:\n    #403731;\n\n\n  font-family:\n    Inter,\n    Arial,\n    Helvetica,\n    sans-serif;\n\n\n  font-size:\n    15px;\n\n  font-weight:\n    600;\n\n  line-height:\n    1.25;\n\n  letter-spacing:\n    -.015em;\n}\n\n\n.jr-k27-feature small {\n\n  display:\n    block;\n\n  margin-top:\n    5px;\n\n\n  color:\n    #81766f;\n\n\n  font-family:\n    Inter,\n    Arial,\n    Helvetica,\n    sans-serif;\n\n\n  font-size:\n    11.5px;\n\n  font-weight:\n    400;\n\n  line-height:\n    1.4;\n\n  letter-spacing:\n    -.005em;\n}\n\n\n\/* =========================================================\n   RIGHT\n========================================================= *\/\n\n.jr-k27-right {\n\n  min-width:\n    0;\n}\n\n\n.jr-k27-right-inner {\n\n  width:\n    100%;\n\n  height:\n    100%;\n\n\n  padding:\n    32px\n    35px\n    29px;\n\n\n  background:\n    rgba(255, 255, 255, .62);\n\n\n  border:\n    1px solid\n    rgba(66, 48, 37, .09);\n\n\n  border-radius:\n    14px;\n\n\n  box-shadow:\n    0 14px 34px\n    rgba(49, 35, 27, .035);\n}\n\n\n\/* =========================================================\n   PRICING HEAD\n========================================================= *\/\n\n.jr-k27-pricing-head {\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    space-between;\n\n  gap:\n    20px;\n\n\n  margin:\n    0\n    0\n    24px;\n}\n\n\n.jr-k27-pricing-head span {\n\n  color:\n    #342923;\n\n\n  font-family:\n    Inter,\n    Arial,\n    Helvetica,\n    sans-serif;\n\n\n  font-size:\n    14px;\n\n  font-weight:\n    650;\n\n  line-height:\n    1;\n\n  letter-spacing:\n    .13em;\n\n  text-transform:\n    uppercase;\n}\n\n\n.jr-k27-pricing-head small {\n\n  color:\n    #8f8178;\n\n\n  font-family:\n    Inter,\n    Arial,\n    Helvetica,\n    sans-serif;\n\n\n  font-size:\n    10px;\n\n  font-weight:\n    400;\n\n  line-height:\n    1;\n\n  white-space:\n    nowrap;\n}\n\n\n\/* =========================================================\n   TABLE\n========================================================= *\/\n\n.jr-k27-table {\n\n  overflow:\n    hidden;\n\n\n  border:\n    1px solid\n    rgba(65, 47, 37, .11);\n\n\n  border-radius:\n    11px;\n\n\n  background:\n    rgba(255, 255, 255, .34);\n}\n\n\n.jr-k27-tier {\n\n  appearance:\n    none;\n\n  -webkit-appearance:\n    none;\n\n\n  width:\n    100%;\n\n  min-height:\n    55px;\n\n\n  padding:\n    0\n    25px;\n\n\n  border:\n    0;\n\n  border-bottom:\n    1px solid\n    rgba(65, 47, 37, .09);\n\n\n  display:\n    grid;\n\n  grid-template-columns:\n    1fr\n    1fr;\n\n  align-items:\n    center;\n\n\n  background:\n    transparent;\n\n\n  color:\n    #50453e;\n\n\n  cursor:\n    pointer;\n\n\n  text-align:\n    left;\n\n\n  font-family:\n    Inter,\n    Arial,\n    Helvetica,\n    sans-serif;\n\n\n  font-size:\n    13px;\n\n  font-weight:\n    400;\n\n\n  transition:\n    background .18s ease,\n    color .18s ease;\n}\n\n\n.jr-k27-tier:last-child {\n\n  border-bottom:\n    0;\n}\n\n\n.jr-k27-tier strong {\n\n  justify-self:\n    end;\n\n\n  color:\n    inherit;\n\n\n  font-family:\n    \"Times New Roman\",\n    Times,\n    serif;\n\n\n  font-size:\n    18px;\n\n  font-weight:\n    400;\n\n  letter-spacing:\n    .08em;\n}\n\n\n.jr-k27-tier:hover:not(.is-active) {\n\n  background:\n    rgba(203, 107, 62, .04);\n}\n\n\n.jr-k27-tier.is-active {\n\n  color:\n    #ffffff;\n\n  background:\n    var(--jr-k27-accent);\n}\n\n\n\/* =========================================================\n   BUY ROW\n========================================================= *\/\n\n.jr-k27-buy {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    156px\n    minmax(0, 1fr);\n\n  gap:\n    17px;\n\n\n  margin-top:\n    23px;\n}\n\n\n\/* =========================================================\n   QUANTITY\n========================================================= *\/\n\n.jr-k27-quantity {\n\n  height:\n    56px;\n\n\n  display:\n    grid;\n\n  grid-template-columns:\n    44px\n    68px\n    44px;\n\n\n  overflow:\n    hidden;\n\n\n  border:\n    1px solid\n    rgba(69, 51, 40, .11);\n\n\n  border-radius:\n    11px;\n\n\n  background:\n    rgba(255, 255, 255, .68);\n}\n\n\n.jr-k27-quantity button {\n\n  appearance:\n    none;\n\n  -webkit-appearance:\n    none;\n\n\n  width:\n    100%;\n\n  height:\n    56px;\n\n\n  margin:\n    0;\n\n  padding:\n    0;\n\n\n  border:\n    0;\n\n  outline:\n    0;\n\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n\n  background:\n    transparent;\n\n\n  color:\n    #3e342d;\n\n\n  cursor:\n    pointer;\n\n\n  font-family:\n    Inter,\n    Arial,\n    Helvetica,\n    sans-serif;\n\n\n  font-size:\n    19px;\n\n  font-weight:\n    400;\n\n  line-height:\n    1;\n\n\n  touch-action:\n    manipulation;\n\n\n  -webkit-user-select:\n    none;\n\n  user-select:\n    none;\n\n\n  -webkit-tap-highlight-color:\n    transparent;\n}\n\n\n.jr-k27-quantity button:disabled {\n\n  opacity:\n    .28;\n\n  cursor:\n    default;\n}\n\n\n\/* =========================================================\n   QUANTITY INPUT\n========================================================= *\/\n\n.jr-k27-qty {\n\n  appearance:\n    none;\n\n  -webkit-appearance:\n    none;\n\n\n  width:\n    68px;\n\n\n  height:\n    56px !important;\n\n  min-height:\n    56px !important;\n\n  max-height:\n    56px !important;\n\n\n  margin:\n    0 !important;\n\n  padding:\n    0 !important;\n\n\n  border:\n    0 !important;\n\n  outline:\n    0 !important;\n\n  box-shadow:\n    none !important;\n\n\n  background:\n    transparent !important;\n\n\n  color:\n    #30241e !important;\n\n  -webkit-text-fill-color:\n    #30241e !important;\n\n\n  font-family:\n    Inter,\n    Arial,\n    Helvetica,\n    sans-serif !important;\n\n\n  font-size:\n    17px !important;\n\n  font-weight:\n    500 !important;\n\n\n  line-height:\n    56px !important;\n\n  text-align:\n    center !important;\n\n\n  opacity:\n    1 !important;\n}\n\n\n\/* =========================================================\n   CART\n========================================================= *\/\n\n.jr-k27-cart {\n\n  height:\n    56px;\n\n  min-height:\n    56px;\n\n\n  padding:\n    10px\n    22px;\n\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  gap:\n    15px;\n\n\n  border-radius:\n    11px;\n\n\n  background:\n    var(--jr-k27-accent);\n\n\n  color:\n    #ffffff !important;\n\n\n  text-decoration:\n    none !important;\n\n\n  font-family:\n    Inter,\n    Arial,\n    Helvetica,\n    sans-serif;\n\n\n  font-size:\n    10px;\n\n  font-weight:\n    650;\n\n  line-height:\n    1;\n\n\n  letter-spacing:\n    .17em;\n\n  text-transform:\n    uppercase;\n\n\n  box-shadow:\n    0 11px 25px\n    rgba(166, 75, 40, .12);\n\n\n  transition:\n    background .2s ease,\n    transform .2s ease,\n    box-shadow .2s ease;\n\n\n  touch-action:\n    manipulation;\n\n  -webkit-tap-highlight-color:\n    transparent;\n}\n\n\n.jr-k27-cart svg {\n\n  width:\n    14px;\n\n  height:\n    14px;\n\n\n  fill:\n    currentColor;\n\n\n  flex:\n    0 0\n    auto;\n}\n\n\n@media (hover: hover) {\n\n  .jr-k27-cart:hover {\n\n    transform:\n      translateY(-1px);\n\n    background:\n      var(--jr-k27-accent-dark);\n\n    box-shadow:\n      0 14px 28px\n      rgba(166, 75, 40, .17);\n  }\n\n}\n\n\n.jr-k27-cart:active {\n\n  transform:\n    translateY(0)\n    scale(.99);\n}\n\n\n\/* =========================================================\n   SUMMARY\n========================================================= *\/\n\n.jr-k27-summary {\n\n  margin-top:\n    29px;\n\n\n  padding-top:\n    25px;\n\n\n  border-top:\n    1px solid\n    rgba(67, 49, 38, .09);\n}\n\n\n.jr-k27-summary-row {\n\n  min-height:\n    43px;\n\n\n  padding-bottom:\n    21px;\n\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    space-between;\n\n  gap:\n    20px;\n\n\n  border-bottom:\n    1px solid\n    rgba(67, 49, 38, .08);\n\n\n  color:\n    #50453e;\n\n\n  font-family:\n    Inter,\n    Arial,\n    Helvetica,\n    sans-serif;\n\n\n  font-size:\n    10px;\n\n  font-weight:\n    400;\n}\n\n\n.jr-k27-summary-qty {\n\n  font-weight:\n    500;\n}\n\n\n.jr-k27-summary-row > strong {\n\n  color:\n    var(--jr-k27-text);\n\n\n  font-family:\n    \"Times New Roman\",\n    Times,\n    serif;\n\n\n  font-size:\n    25px;\n\n  font-weight:\n    400;\n\n  letter-spacing:\n    .045em;\n}\n\n\n\/* =========================================================\n   TOTAL\n========================================================= *\/\n\n.jr-k27-total {\n\n  margin-top:\n    22px;\n\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    space-between;\n\n  gap:\n    20px;\n\n\n  color:\n    #81746b;\n\n\n  font-family:\n    Inter,\n    Arial,\n    Helvetica,\n    sans-serif;\n\n\n  font-size:\n    13px;\n\n  font-weight:\n    400;\n}\n\n\n.jr-k27-total strong {\n\n  color:\n    var(--jr-k27-text);\n\n\n  font-family:\n    \"Times New Roman\",\n    Times,\n    serif;\n\n\n  font-size:\n    41px;\n\n  font-weight:\n    400;\n\n  line-height:\n    .95;\n\n  letter-spacing:\n    .035em;\n}\n\n\n.jr-k27-tax {\n\n  margin-top:\n    7px;\n\n\n  color:\n    #93867d;\n\n\n  text-align:\n    right;\n\n\n  font-family:\n    Inter,\n    Arial,\n    Helvetica,\n    sans-serif;\n\n\n  font-size:\n    9px;\n\n  font-weight:\n    400;\n}\n\n\n\/* =========================================================\n   LAPTOP\n========================================================= *\/\n\n@media (max-width: 1200px) {\n\n  .jr-k27-panel {\n\n    grid-template-columns:\n      minmax(0, 1fr)\n      minmax(410px, .9fr);\n\n    gap:\n      24px;\n\n    padding:\n      22px;\n  }\n\n\n  .jr-k27-left-inner {\n\n    padding:\n      25px\n      20px;\n  }\n\n\n  .jr-k27-features {\n\n    column-gap:\n      34px;\n\n    row-gap:\n      23px;\n  }\n\n\n  .jr-k27-feature {\n\n    grid-template-columns:\n      48px\n      minmax(0, 1fr);\n\n    gap:\n      13px;\n\n    min-height:\n      57px;\n  }\n\n\n  .jr-k27-icon {\n\n    width:\n      48px;\n\n    height:\n      48px;\n\n    flex-basis:\n      48px;\n  }\n\n\n  .jr-k27-icon svg {\n\n    width:\n      22px;\n\n    height:\n      22px;\n  }\n\n\n  .jr-k27-feature strong {\n\n    font-size:\n      13px;\n  }\n\n\n  .jr-k27-feature small {\n\n    font-size:\n      10px;\n  }\n\n\n  .jr-k27-right-inner {\n\n    padding:\n      27px\n      27px;\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n  .jr-k27-section-divider {\n\n    width:\n      min(\n        340px,\n        calc(100% - 50px)\n      );\n\n    margin:\n      19px\n      auto\n      28px;\n\n    gap:\n      14px;\n  }\n\n\n  .jr-k27-panel {\n\n    display:\n      block;\n\n    width:\n      calc(100% - 24px);\n\n    padding:\n      18px;\n  }\n\n\n  .jr-k27-left-inner {\n\n    padding:\n      27px\n      24px\n      34px;\n  }\n\n\n  .jr-k27-features {\n\n    column-gap:\n      42px;\n\n    row-gap:\n      25px;\n  }\n\n\n  .jr-k27-right {\n\n    margin-top:\n      12px;\n  }\n\n\n  .jr-k27-right-inner {\n\n    height:\n      auto;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n  .jr-k27-section-divider {\n\n    width:\n      min(\n        250px,\n        calc(100% - 60px)\n      );\n\n    margin:\n      15px\n      auto\n      22px;\n\n    gap:\n      12px;\n  }\n\n\n  .jr-k27-section-divider-spark {\n\n    font-size:\n      11px;\n  }\n\n\n  .jr-k27-panel {\n\n    width:\n      calc(100% - 18px);\n\n    margin:\n      0\n      auto\n      40px;\n\n    padding:\n      0;\n\n\n    display:\n      flex;\n\n    flex-direction:\n      column;\n\n\n    background:\n      transparent;\n\n\n    border:\n      0;\n\n    border-radius:\n      0;\n\n\n    box-shadow:\n      none;\n\n\n    overflow:\n      visible;\n  }\n\n\n  .jr-k27-left {\n\n    min-width:\n      0;\n\n\n    overflow:\n      hidden;\n\n\n    background:\n      rgba(255, 255, 255, .74);\n\n\n    border:\n      1px solid\n      rgba(255, 255, 255, .90);\n\n\n    border-radius:\n      20px;\n\n\n    box-shadow:\n      0 10px 28px\n      rgba(47, 33, 24, .045);\n  }\n\n\n  .jr-k27-left-inner {\n\n    width:\n      100%;\n\n    min-width:\n      0;\n\n\n    padding:\n      24px\n      0\n      20px;\n  }\n\n\n  .jr-k27-heading {\n\n    display:\n      none;\n  }\n\n\n  .jr-k27-mobile-details-head {\n\n    display:\n      flex;\n\n\n    flex-direction:\n      column;\n\n\n    align-items:\n      center;\n\n\n    justify-content:\n      center;\n\n\n    margin:\n      0\n      22px\n      17px;\n\n\n    min-height:\n      44px;\n\n\n    text-align:\n      center;\n  }\n\n\n  .jr-k27-mobile-details-title {\n\n    color:\n      var(--jr-k27-text);\n\n\n    font-family:\n      Inter,\n      Arial,\n      Helvetica,\n      sans-serif;\n\n\n    font-size:\n      15px;\n\n\n    font-weight:\n      600;\n\n\n    line-height:\n      1;\n\n\n    letter-spacing:\n      .15em;\n\n\n    text-transform:\n      uppercase;\n  }\n\n\n  .jr-k27-mobile-details-line {\n\n    width:\n      30px;\n\n\n    height:\n      1px;\n\n\n    margin-top:\n      12px;\n\n\n    background:\n      var(--jr-k27-accent);\n  }\n\n\n  .jr-k27-features {\n\n    display:\n      flex;\n\n\n    width:\n      100%;\n\n\n    min-width:\n      0;\n\n\n    gap:\n      11px;\n\n\n    padding:\n      3px\n      22px\n      8px;\n\n\n    overflow-x:\n      auto;\n\n\n    overflow-y:\n      hidden;\n\n\n    scroll-snap-type:\n      x mandatory;\n\n\n    scroll-padding-left:\n      22px;\n\n\n    overscroll-behavior-x:\n      contain;\n\n\n    -webkit-overflow-scrolling:\n      touch;\n\n\n    scrollbar-width:\n      none;\n\n\n    touch-action:\n      pan-x pan-y;\n  }\n\n\n  .jr-k27-features::-webkit-scrollbar {\n\n    display:\n      none;\n  }\n\n\n  .jr-k27-feature-card {\n\n    display:\n      block;\n\n\n    flex:\n      0\n      0\n      min(\n        276px,\n        79vw\n      );\n\n\n    min-width:\n      0;\n\n\n    padding:\n      6px\n      17px;\n\n\n    background:\n      rgba(255, 255, 255, .68);\n\n\n    border:\n      1px solid\n      rgba(72, 53, 42, .075);\n\n\n    border-radius:\n      15px;\n\n\n    box-shadow:\n      0 7px 20px\n      rgba(51, 36, 27, .035);\n\n\n    scroll-snap-align:\n      start;\n\n\n    scroll-snap-stop:\n      normal;\n  }\n\n\n  .jr-k27-feature {\n\n    min-height:\n      76px;\n\n\n    display:\n      grid;\n\n\n    grid-template-columns:\n      42px\n      minmax(0, 1fr);\n\n\n    gap:\n      13px;\n\n\n    align-items:\n      center;\n\n\n    padding:\n      11px\n      0;\n\n\n    border:\n      0;\n  }\n\n\n  .jr-k27-feature:first-child {\n\n    border-bottom:\n      1px solid\n      rgba(71, 52, 41, .07);\n  }\n\n\n  .jr-k27-icon {\n\n    width:\n      40px;\n\n\n    height:\n      40px;\n\n\n    flex-basis:\n      40px;\n\n\n    background:\n      rgba(239, 228, 212, .72);\n  }\n\n\n  .jr-k27-icon svg {\n\n    width:\n      19px;\n\n\n    height:\n      19px;\n  }\n\n\n  .jr-k27-feature strong {\n\n    font-size:\n      11px;\n\n\n    line-height:\n      1.3;\n  }\n\n\n  .jr-k27-feature small {\n\n    margin-top:\n      4px;\n\n\n    font-size:\n      8px;\n\n\n    line-height:\n      1.4;\n  }\n\n\n  .jr-k27-right {\n\n    margin-top:\n      9px;\n  }\n\n\n  .jr-k27-right-inner {\n\n    height:\n      auto;\n\n\n    padding:\n      24px\n      21px\n      26px;\n\n\n    border-radius:\n      20px;\n\n\n    background:\n      rgba(255, 255, 255, .74);\n\n\n    border:\n      1px solid\n      rgba(255, 255, 255, .90);\n\n\n    box-shadow:\n      0 10px 28px\n      rgba(47, 33, 24, .045);\n  }\n\n\n  .jr-k27-pricing-head {\n\n    margin-bottom:\n      17px;\n  }\n\n\n  .jr-k27-pricing-head span {\n\n    font-size:\n      16px;\n\n\n    font-weight:\n      600;\n\n\n    letter-spacing:\n      .10em;\n  }\n\n\n  .jr-k27-pricing-head small {\n\n    font-size:\n      8px;\n  }\n\n\n  .jr-k27-table {\n\n    border-radius:\n      12px;\n  }\n\n\n  .jr-k27-tier {\n\n    min-height:\n      47px;\n\n\n    padding:\n      0\n      17px;\n\n\n    font-size:\n      11px;\n\n\n    touch-action:\n      manipulation;\n\n\n    -webkit-tap-highlight-color:\n      transparent;\n  }\n\n\n  .jr-k27-tier strong {\n\n    font-size:\n      16px;\n  }\n\n\n  .jr-k27-buy {\n\n    grid-template-columns:\n      118px\n      minmax(0, 1fr);\n\n\n    gap:\n      9px;\n\n\n    margin-top:\n      15px;\n  }\n\n\n  .jr-k27-quantity {\n\n    width:\n      118px;\n\n\n    height:\n      51px;\n\n\n    grid-template-columns:\n      33px\n      52px\n      33px;\n\n\n    border-radius:\n      11px;\n  }\n\n\n  .jr-k27-quantity button {\n\n    height:\n      51px;\n\n\n    font-size:\n      17px;\n  }\n\n\n  .jr-k27-qty {\n\n    width:\n      52px;\n\n\n    height:\n      51px !important;\n\n\n    min-height:\n      51px !important;\n\n\n    max-height:\n      51px !important;\n\n\n    line-height:\n      51px !important;\n\n\n    font-size:\n      16px !important;\n  }\n\n\n  .jr-k27-cart {\n\n    height:\n      51px;\n\n\n    min-height:\n      51px;\n\n\n    padding:\n      7px\n      9px;\n\n\n    gap:\n      8px;\n\n\n    font-size:\n      7.2px;\n\n\n    letter-spacing:\n      .11em;\n\n\n    border-radius:\n      11px;\n  }\n\n\n  .jr-k27-cart svg {\n\n    width:\n      12px;\n\n\n    height:\n      12px;\n  }\n\n\n  .jr-k27-summary {\n\n    margin-top:\n      18px;\n\n\n    padding-top:\n      17px;\n  }\n\n\n  .jr-k27-summary-row {\n\n    padding-bottom:\n      16px;\n\n\n    font-size:\n      9px;\n  }\n\n\n  .jr-k27-summary-row > strong {\n\n    font-size:\n      20px;\n  }\n\n\n  .jr-k27-total {\n\n    margin-top:\n      17px;\n\n\n    font-size:\n      10px;\n  }\n\n\n  .jr-k27-total strong {\n\n    font-size:\n      31px;\n  }\n\n\n  .jr-k27-tax {\n\n    font-size:\n      7px;\n  }\n\n}\n\n\n\/* =========================================================\n   VERY SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 380px) {\n\n  .jr-k27-panel {\n\n    width:\n      calc(100% - 12px);\n  }\n\n\n  .jr-k27-mobile-details-title {\n\n    font-size:\n      14px;\n  }\n\n\n  .jr-k27-features {\n\n    padding-left:\n      17px;\n\n    padding-right:\n      17px;\n\n    scroll-padding-left:\n      17px;\n  }\n\n\n  .jr-k27-feature-card {\n\n    flex-basis:\n      min(\n        260px,\n        81vw\n      );\n  }\n\n\n  .jr-k27-right-inner {\n\n    padding-left:\n      17px;\n\n    padding-right:\n      17px;\n  }\n\n\n  .jr-k27-buy {\n\n    display:\n      block;\n  }\n\n\n  .jr-k27-quantity {\n\n    width:\n      132px;\n\n\n    margin:\n      0\n      auto\n      10px;\n\n\n    grid-template-columns:\n      38px\n      56px\n      38px;\n  }\n\n\n  .jr-k27-qty {\n\n    width:\n      56px;\n  }\n\n\n  .jr-k27-cart {\n\n    width:\n      100%;\n\n    font-size:\n      7.5px;\n  }\n\n}\n<\/style>\n\n<!-- =====================================================\n     TRENNLINIE OBERHALB DES KALENDER-INFOPANELS\n===================================================== -->\n\n<div class=\"jr-k27-section-divider\" aria-hidden=\"true\">\n  <span><\/span>\n  <span class=\"jr-k27-section-divider-spark\">\u2726<\/span>\n  <span><\/span>\n<\/div>\n\n\n<!-- =====================================================\n     JULIAN RAD \u2013 KALENDER 2027 INFOPANEL\n===================================================== -->\n\n<section class=\"jr-k27-panel\" lang=\"de\">\n\n  <!-- =====================================================\n       LEFT \u2013 PRODUCT INFORMATION\n  ====================================================== -->\n\n  <div class=\"jr-k27-left\">\n\n    <div class=\"jr-k27-left-inner\">\n\n      <!-- =================================================\n           DESKTOP \/ TABLET HEADING\n      ================================================== -->\n\n      <header class=\"jr-k27-heading\">\n\n        <div class=\"jr-k27-eyebrow\">\n          LIMITIERTE AUFLAGE\n        <\/div>\n\n        <h2 class=\"jr-k27-title\">\n\n          <span class=\"jr-k27-title-main\">\n            Kalender\n          <\/span>\n\n          <span class=\"jr-k27-title-year\">\n            2027\n          <\/span>\n\n        <\/h2>\n\n      <\/header>\n\n\n      <!-- =================================================\n           MOBILE SWIPE HEADING\n      ================================================== -->\n\n      <div class=\"jr-k27-mobile-details-head\">\n\n        <span class=\"jr-k27-mobile-details-title\">\n          DETAILS ENTDECKEN\n        <\/span>\n\n        <span class=\"jr-k27-mobile-details-line\"><\/span>\n\n      <\/div>\n\n\n      <!-- =================================================\n           FEATURES\n      ================================================== -->\n\n      <div class=\"jr-k27-features\">\n\n\n        <!-- KARTE 1 -->\n\n        <div class=\"jr-k27-feature-card\">\n\n          <div class=\"jr-k27-feature\">\n\n            <span class=\"jr-k27-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M7 2v15a2 2 0 0 0 2 2h13\"><\/path>\n                <path d=\"M2 7h15a2 2 0 0 1 2 2v13\"><\/path>\n              <\/svg>\n            <\/span>\n\n            <div class=\"jr-k27-feature-copy\">\n\n              <strong>\n                A3 Querformat\n              <\/strong>\n\n              <small>\n                29,7 \u00d7 42,0 cm\n              <\/small>\n\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"jr-k27-feature\">\n\n            <span class=\"jr-k27-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"m12 3 8 4-8 4-8-4 8-4Z\"><\/path>\n                <path d=\"m4 12 8 4 8-4\"><\/path>\n                <path d=\"m4 17 8 4 8-4\"><\/path>\n              <\/svg>\n            <\/span>\n\n            <div class=\"jr-k27-feature-copy\">\n\n              <strong>\n                300 g\/m\u00b2 Premiumpapier\n              <\/strong>\n\n              <small>\n                Stabil und hochwertig\n              <\/small>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <!-- KARTE 2 -->\n\n        <div class=\"jr-k27-feature-card\">\n\n          <div class=\"jr-k27-feature\">\n\n            <span class=\"jr-k27-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"m12 3 2.8 5.7 6.2.9-4.5 4.4 1.1 6.2L12 17.3l-5.6 2.9 1.1-6.2L3 9.6l6.2-.9L12 3Z\"><\/path>\n              <\/svg>\n            <\/span>\n\n            <div class=\"jr-k27-feature-copy\">\n\n              <strong>\n                Hochwertiger Premium-Druck\n              <\/strong>\n\n              <small>\n                Brillante Bildwiedergabe\n              <\/small>\n\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"jr-k27-feature\">\n\n            <span class=\"jr-k27-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M4 9h16\"><\/path>\n                <path d=\"M4 15h16\"><\/path>\n                <path d=\"M6 6v12\"><\/path>\n                <path d=\"M10 6v12\"><\/path>\n                <path d=\"M14 6v12\"><\/path>\n                <path d=\"M18 6v12\"><\/path>\n              <\/svg>\n            <\/span>\n\n            <div class=\"jr-k27-feature-copy\">\n\n              <strong>\n                Stabile Spiralbindung\n              <\/strong>\n\n              <small>\n                Mit integriertem Aufh\u00e4nger\n              <\/small>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <!-- KARTE 3 -->\n\n        <div class=\"jr-k27-feature-card\">\n\n          <div class=\"jr-k27-feature\">\n\n            <span class=\"jr-k27-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M20 4C12 5 6 10 5 18c5 1 11-2 14-8\"><\/path>\n                <path d=\"M5 18c2-4 5-7 10-9\"><\/path>\n              <\/svg>\n            <\/span>\n\n            <div class=\"jr-k27-feature-copy\">\n\n              <strong>\n                Gewicht: 0,57 kg\n              <\/strong>\n\n              <small>\n                Hochwertige, stabile Ausf\u00fchrung\n              <\/small>\n\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"jr-k27-feature\">\n\n            <span class=\"jr-k27-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"3\" y=\"6\" width=\"13\" height=\"10\" rx=\"1\"><\/rect>\n                <path d=\"M16 10h3l2 3v3h-5\"><\/path>\n                <circle cx=\"7\" cy=\"18\" r=\"2\"><\/circle>\n                <circle cx=\"18\" cy=\"18\" r=\"2\"><\/circle>\n              <\/svg>\n            <\/span>\n\n            <div class=\"jr-k27-feature-copy\">\n\n              <strong>\n                Versand \u00d6sterreich: 0 \u20ac\n              <\/strong>\n\n              <small>\n                EU-Versand: 3,50 \u20ac\n              <\/small>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <!-- KARTE 4 -->\n\n        <div class=\"jr-k27-feature-card\">\n\n          <div class=\"jr-k27-feature\">\n\n            <span class=\"jr-k27-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"4\" y=\"9\" width=\"16\" height=\"11\" rx=\"1\"><\/rect>\n                <path d=\"M12 9v11\"><\/path>\n                <path d=\"M4 13h16\"><\/path>\n                <path d=\"M8.5 9C6 9 6 5.5 8.5 5.5 10 5.5 12 9 12 9\"><\/path>\n                <path d=\"M15.5 9C18 9 18 5.5 15.5 5.5 14 5.5 12 9 12 9\"><\/path>\n              <\/svg>\n            <\/span>\n\n            <div class=\"jr-k27-feature-copy\">\n\n              <strong>\n                Kostenlose Postkarten inklusive\n              <\/strong>\n\n              <small>\n                Als kleine Zugabe zur Bestellung\n              <\/small>\n\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"jr-k27-feature\">\n\n            <span class=\"jr-k27-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"m21 3-8.3 18-2.4-7.3L3 11.3 21 3Z\"><\/path>\n                <path d=\"m10.3 13.7 5.1-5.1\"><\/path>\n              <\/svg>\n            <\/span>\n\n            <div class=\"jr-k27-feature-copy\">\n\n              <strong>\n                Versand mit Sendungsverfolgung\n              <\/strong>\n\n              <small>\n                Sendung jederzeit nachvollziehbar\n              <\/small>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <!-- KARTE 5 -->\n\n        <div class=\"jr-k27-feature-card\">\n\n          <div class=\"jr-k27-feature\">\n\n            <span class=\"jr-k27-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n                <path d=\"M3 12h18\"><\/path>\n                <path d=\"M12 3c3 3 4 6 4 9s-1 6-4 9\"><\/path>\n                <path d=\"M12 3c-3 3-4 6-4 9s1 6 4 9\"><\/path>\n              <\/svg>\n            <\/span>\n\n            <div class=\"jr-k27-feature-copy\">\n\n              <strong>\n                In Europa produziert\n              <\/strong>\n\n              <small>\n                Hochwertig verarbeitet\n              <\/small>\n\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"jr-k27-feature\">\n\n            <span class=\"jr-k27-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M12 3 19 6v5c0 5-3 8-7 10-4-2-7-5-7-10V6l7-3Z\"><\/path>\n                <path d=\"m9 12 2 2 4-4\"><\/path>\n              <\/svg>\n            <\/span>\n\n            <div class=\"jr-k27-feature-copy\">\n\n              <strong>\n                Limitierte St\u00fcckzahl\n              <\/strong>\n\n              <small>\n                Nur solange der Vorrat reicht\n              <\/small>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- =====================================================\n       RIGHT \u2013 SHOP\n  ====================================================== -->\n\n  <div class=\"jr-k27-right\">\n\n    <div class=\"jr-k27-right-inner\">\n\n      <!-- HEADER -->\n\n      <div class=\"jr-k27-pricing-head\">\n\n        <span>\n          MENGENRABATT\n        <\/span>\n\n        <small>\n          Preis pro St\u00fcck\n        <\/small>\n\n      <\/div>\n\n\n      <!-- PRICE TABLE -->\n\n      <div class=\"jr-k27-table\">\n\n        <button class=\"jr-k27-tier is-active\" data-min=\"1\" type=\"button\">\n          <span>1<\/span>\n          <strong>\u20ac 34,90<\/strong>\n        <\/button>\n\n        <button class=\"jr-k27-tier\" data-min=\"2\" type=\"button\">\n          <span>2<\/span>\n          <strong>\u20ac 29,90<\/strong>\n        <\/button>\n\n        <button class=\"jr-k27-tier\" data-min=\"3\" type=\"button\">\n          <span>3<\/span>\n          <strong>\u20ac 27,50<\/strong>\n        <\/button>\n\n        <button class=\"jr-k27-tier\" data-min=\"4\" type=\"button\">\n          <span>4<\/span>\n          <strong>\u20ac 24,50<\/strong>\n        <\/button>\n\n        <button class=\"jr-k27-tier\" data-min=\"5\" type=\"button\">\n          <span>5+<\/span>\n          <strong>\u20ac 23,90<\/strong>\n        <\/button>\n\n      <\/div>\n\n\n      <!-- BUY -->\n\n      <div class=\"jr-k27-buy\">\n\n        <div class=\"jr-k27-quantity\">\n\n          <button class=\"jr-k27-minus\" type=\"button\" aria-label=\"Menge reduzieren\">\n            \u2212\n          <\/button>\n\n          <input class=\"jr-k27-qty\" type=\"text\" inputmode=\"numeric\" pattern=\"[0-9]*\" value=\"1\" maxlength=\"4\" autocomplete=\"off\" aria-label=\"Menge\">\n\n          <button class=\"jr-k27-plus\" type=\"button\" aria-label=\"Menge erh\u00f6hen\">\n            +\n          <\/button>\n\n        <\/div>\n\n\n        <a class=\"jr-k27-cart\" href=\"?add-to-cart=1279&amp;quantity=1\" data-product-id=\"1279\">\n\n          <span>\n            In den Warenkorb\n          <\/span>\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M7 4H4.8l-.8 2h2l2.8 8h8.4l2.8-6H8.1M10 18a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm7 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z\"><\/path>\n          <\/svg>\n\n        <\/a>\n\n      <\/div>\n\n\n      <!-- SUMMARY -->\n\n      <div class=\"jr-k27-summary\">\n\n        <div class=\"jr-k27-summary-row\">\n\n          <span>\n            <strong class=\"jr-k27-summary-qty\">1<\/strong>\n            \u00d7 Kalender 2027\n          <\/span>\n\n          <strong class=\"jr-k27-unit-price\">\n            34,90 \u20ac\n          <\/strong>\n\n        <\/div>\n\n\n        <div class=\"jr-k27-total\">\n\n          <span>\n            Gesamt\n          <\/span>\n\n          <strong class=\"jr-k27-total-price\">\n            34,90 \u20ac\n          <\/strong>\n\n        <\/div>\n\n\n        <div class=\"jr-k27-tax\">\n          inkl. MwSt.\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  const block = document.querySelector(\".jr-k27-panel\");\n  if (!block) return;\n\n\n  const tiers = [\n    { min: 1, price: 34.90 },\n    { min: 2, price: 29.90 },\n    { min: 3, price: 27.50 },\n    { min: 4, price: 24.50 },\n    { min: 5, price: 23.90 }\n  ];\n\n\n  const qty =\n    block.querySelector(\".jr-k27-qty\");\n\n  const minus =\n    block.querySelector(\".jr-k27-minus\");\n\n  const plus =\n    block.querySelector(\".jr-k27-plus\");\n\n  const rows =\n    block.querySelectorAll(\".jr-k27-tier\");\n\n  const summaryQty =\n    block.querySelector(\".jr-k27-summary-qty\");\n\n  const unitPrice =\n    block.querySelector(\".jr-k27-unit-price\");\n\n  const totalPrice =\n    block.querySelector(\".jr-k27-total-price\");\n\n  const cart =\n    block.querySelector(\".jr-k27-cart\");\n\n\n  function euro(value) {\n\n    return new Intl.NumberFormat(\"de-DE\", {\n      style: \"currency\",\n      currency: \"EUR\"\n    }).format(value);\n\n  }\n\n\n  function clean(value) {\n\n    const cleaned =\n      String(value).replace(\/\\D\/g, \"\");\n\n    if (!cleaned) {\n      return 1;\n    }\n\n    return Math.max(\n      1,\n      parseInt(cleaned, 10)\n    );\n\n  }\n\n\n  function getTier(quantity) {\n\n    let current =\n      tiers[0];\n\n    tiers.forEach(function (tier) {\n\n      if (quantity >= tier.min) {\n        current = tier;\n      }\n\n    });\n\n    return current;\n\n  }\n\n\n  function update() {\n\n    const quantity =\n      clean(qty.value);\n\n    qty.value =\n      quantity;\n\n    const tier =\n      getTier(quantity);\n\n    const total =\n      quantity * tier.price;\n\n\n    rows.forEach(function (row) {\n\n      row.classList.toggle(\n        \"is-active\",\n        Number(row.dataset.min) === tier.min\n      );\n\n    });\n\n\n    summaryQty.textContent =\n      quantity;\n\n    unitPrice.textContent =\n      euro(tier.price);\n\n    totalPrice.textContent =\n      euro(total);\n\n\n    cart.href =\n      \"?add-to-cart=\" +\n      cart.dataset.productId +\n      \"&quantity=\" +\n      quantity;\n\n\n    minus.disabled =\n      quantity <= 1;\n\n  }\n\n\n  minus.addEventListener(\"click\", function () {\n\n    qty.value =\n      Math.max(\n        1,\n        clean(qty.value) - 1\n      );\n\n    update();\n\n  });\n\n\n  plus.addEventListener(\"click\", function () {\n\n    qty.value =\n      clean(qty.value) + 1;\n\n    update();\n\n  });\n\n\n  qty.addEventListener(\"input\", function () {\n\n    this.value =\n      this.value.replace(\/\\D\/g, \"\");\n\n    if (this.value !== \"\") {\n      update();\n    }\n\n  });\n\n\n  qty.addEventListener(\n    \"blur\",\n    update\n  );\n\n\n  qty.addEventListener(\n    \"keydown\",\n    function (event) {\n\n      if (event.key === \"Enter\") {\n\n        event.preventDefault();\n\n        update();\n\n        this.blur();\n\n      }\n\n    }\n  );\n\n\n  rows.forEach(function (row) {\n\n    row.addEventListener(\"click\", function () {\n\n      qty.value =\n        Number(this.dataset.min);\n\n      update();\n\n    });\n\n  });\n\n\n  update();\n\n});\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>KALENDER 2027 \u2039 \u203a JAN FEB M\u00c4R APR MAI JUN JUL AUG SEP OKT NOV DEZ \u2726 LIMITIERTE AUFLAGE Kalender 2027 DETAILS ENTDECKEN A3 Querformat 29,7 \u00d7 42,0 cm 300 g\/m\u00b2 Premiumpapier Stabil und hochwertig Hochwertiger Premium-Druck Brillante Bildwiedergabe Stabile Spiralbindung Mit integriertem Aufh\u00e4nger Gewicht: 0,57 kg Hochwertige, stabile Ausf\u00fchrung Versand \u00d6sterreich: 0 \u20ac EU-Versand: [&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-945","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/radwildlife.com\/en\/wp-json\/wp\/v2\/pages\/945","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=945"}],"version-history":[{"count":31,"href":"https:\/\/radwildlife.com\/en\/wp-json\/wp\/v2\/pages\/945\/revisions"}],"predecessor-version":[{"id":1442,"href":"https:\/\/radwildlife.com\/en\/wp-json\/wp\/v2\/pages\/945\/revisions\/1442"}],"wp:attachment":[{"href":"https:\/\/radwildlife.com\/en\/wp-json\/wp\/v2\/media?parent=945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}