{"id":5352,"date":"2026-05-29T21:51:02","date_gmt":"2026-05-29T19:51:02","guid":{"rendered":"https:\/\/nratkopictures.com\/welcome-to-nratko-pictures\/"},"modified":"2026-07-15T18:39:48","modified_gmt":"2026-07-15T16:39:48","slug":"welcome-to-nratko-pictures","status":"publish","type":"page","link":"https:\/\/nratkopictures.com\/en\/","title":{"rendered":"Welcome to NRATKO Pictures"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n  @font-face {\n    font-family: \"Inter\";\n    src: url(\"\/wp-content\/uploads\/fonts\/Inter\/Inter-Variable.woff2\")\n      format(\"woff2\");\n    font-weight: 100 900;\n    font-style: normal;\n    font-display: swap;\n  }\n\n  :root {\n    --nr-hero-paper: #f9f8f5;\n    --nr-hero-obsidian: #0b1117;\n    --nr-hero-amber: #d4a351;\n  }\n\n  #nr-home-hero,\n  #nr-home-hero * {\n    box-sizing: border-box;\n  }\n\n  \/* =====================================================\n     HERO\n  ===================================================== *\/\n\n  #nr-home-hero {\n    position: relative !important;\n    isolation: isolate !important;\n\n    display: flex !important;\n    align-items: center !important;\n\n    width: 100% !important;\n    min-height: clamp(760px, 86vh, 980px) !important;\n\n    margin: 0 !important;\n    padding: 84px 24px !important;\n\n    color: var(--nr-hero-paper) !important;\n    background: var(--nr-hero-obsidian) !important;\n\n    border: 0 !important;\n    box-shadow: none !important;\n\n    font-family: \"Inter\", Arial, sans-serif !important;\n\n    overflow: hidden !important;\n  }\n\n  \/* =====================================================\n     IMAGE\n  ===================================================== *\/\n\n  #nr-home-hero .nr-hero-picture {\n    position: absolute !important;\n    z-index: 0 !important;\n    inset: 0 !important;\n\n    display: block !important;\n\n    width: 100% !important;\n    height: 100% !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    pointer-events: none !important;\n  }\n\n  #nr-home-hero .nr-hero-image {\n    position: absolute !important;\n\n    top: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n\n    display: block !important;\n\n    width: auto !important;\n    max-width: none !important;\n    height: 100% !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    object-fit: contain !important;\n    object-position: right center !important;\n\n    border: 0 !important;\n    box-shadow: none !important;\n  }\n\n  #nr-home-hero::before {\n    content: \"\";\n\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n\n    background:\n      linear-gradient(\n        90deg,\n        rgba(7, 12, 17, 1) 0%,\n        rgba(7, 12, 17, 0.99) 24%,\n        rgba(7, 12, 17, 0.93) 40%,\n        rgba(7, 12, 17, 0.65) 53%,\n        rgba(7, 12, 17, 0.22) 67%,\n        rgba(7, 12, 17, 0.04) 84%,\n        rgba(7, 12, 17, 0.02) 100%\n      ),\n      linear-gradient(\n        180deg,\n        rgba(7, 12, 17, 0.04) 0%,\n        rgba(7, 12, 17, 0.14) 100%\n      );\n\n    pointer-events: none;\n  }\n\n  #nr-home-hero::after {\n    content: \"\";\n\n    position: absolute;\n    z-index: 1;\n\n    inset: 0 auto 0 0;\n\n    width: 54%;\n\n    background:\n      repeating-linear-gradient(\n        104deg,\n        rgba(255, 255, 255, 0.014) 0,\n        rgba(255, 255, 255, 0.014) 1px,\n        transparent 1px,\n        transparent 55px\n      );\n\n    pointer-events: none;\n  }\n\n  \/* =====================================================\n     CONTENT\n  ===================================================== *\/\n\n  #nr-home-hero .nr-hero-inner {\n    position: relative !important;\n    z-index: 2 !important;\n\n    display: block !important;\n\n    width: 100% !important;\n    max-width: 1120px !important;\n\n    margin: 0 auto !important;\n    padding: 0 !important;\n  }\n\n  #nr-home-hero .nr-hero-content {\n    display: block !important;\n\n    width: min(100%, 720px) !important;\n    max-width: 720px !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  #nr-home-hero .nr-hero-kicker {\n    margin: 0 0 24px !important;\n    padding: 0 !important;\n\n    color: rgba(249, 248, 245, 0.66) !important;\n\n    font-family: \"Inter\", Arial, sans-serif !important;\n    font-size: 12px !important;\n    line-height: 1.3 !important;\n    font-weight: 700 !important;\n    letter-spacing: 0.2em !important;\n    text-transform: uppercase !important;\n  }\n\n  #nr-home-hero .nr-hero-title {\n    width: 100% !important;\n    max-width: 720px !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    color: var(--nr-hero-paper) !important;\n\n    font-family: \"Inter\", Arial, sans-serif !important;\n    font-size: clamp(58px, 5.2vw, 76px) !important;\n    line-height: 0.99 !important;\n    font-weight: 480 !important;\n    letter-spacing: -0.055em !important;\n  }\n\n  #nr-home-hero .nr-hero-title-line {\n    display: block !important;\n    white-space: nowrap !important;\n  }\n\n  #nr-home-hero .nr-hero-intro {\n    max-width: 570px !important;\n\n    margin: 36px 0 0 !important;\n    padding: 0 !important;\n\n    color: rgba(249, 248, 245, 0.7) !important;\n\n    font-family: \"Inter\", Arial, sans-serif !important;\n    font-size: 17px !important;\n    line-height: 1.55 !important;\n    font-weight: 400 !important;\n    letter-spacing: -0.01em !important;\n  }\n\n  \/* =====================================================\n     BUTTONS\n  ===================================================== *\/\n\n  #nr-home-hero .nr-hero-actions {\n    display: flex !important;\n    align-items: center !important;\n    flex-wrap: wrap !important;\n\n    gap: 14px !important;\n\n    margin: 38px 0 0 !important;\n    padding: 0 !important;\n  }\n\n  #nr-home-hero .nr-hero-button {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    min-height: 56px !important;\n\n    margin: 0 !important;\n    padding: 0 28px !important;\n\n    border: 1px solid transparent !important;\n    border-radius: 999px !important;\n\n    font-family: \"Inter\", Arial, sans-serif !important;\n    font-size: 12px !important;\n    line-height: 1 !important;\n    font-weight: 720 !important;\n    letter-spacing: 0.09em !important;\n    text-transform: uppercase !important;\n    text-decoration: none !important;\n    white-space: nowrap !important;\n\n    transition:\n      color 0.2s ease,\n      background-color 0.2s ease,\n      border-color 0.2s ease,\n      transform 0.2s ease,\n      box-shadow 0.2s ease !important;\n  }\n\n  #nr-home-hero .nr-hero-button-primary {\n    color: #121416 !important;\n    background: var(--nr-hero-paper) !important;\n    border-color: var(--nr-hero-paper) !important;\n  }\n\n  #nr-home-hero .nr-hero-button-primary:hover,\n  #nr-home-hero .nr-hero-button-primary:focus-visible {\n    color: #121416 !important;\n    background: var(--nr-hero-amber) !important;\n    border-color: var(--nr-hero-amber) !important;\n\n    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18) !important;\n    transform: translateY(-1px) !important;\n  }\n\n  #nr-home-hero .nr-hero-button-secondary {\n    color: var(--nr-hero-paper) !important;\n    background: rgba(11, 17, 23, 0.22) !important;\n    border-color: rgba(249, 248, 245, 0.34) !important;\n  }\n\n  #nr-home-hero .nr-hero-button-secondary:hover,\n  #nr-home-hero .nr-hero-button-secondary:focus-visible {\n    color: #121416 !important;\n    background: var(--nr-hero-paper) !important;\n    border-color: var(--nr-hero-paper) !important;\n\n    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18) !important;\n    transform: translateY(-1px) !important;\n  }\n\n  #nr-home-hero .nr-hero-button:focus-visible {\n    outline: 2px solid var(--nr-hero-amber) !important;\n    outline-offset: 4px !important;\n  }\n\n  #nr-home-hero .nr-hero-arrow {\n    display: inline-block !important;\n\n    margin-left: 16px !important;\n\n    font-size: 18px !important;\n    line-height: 1 !important;\n    font-weight: 400 !important;\n\n    transition: transform 0.2s ease !important;\n  }\n\n  #nr-home-hero .nr-hero-button:hover .nr-hero-arrow,\n  #nr-home-hero .nr-hero-button:focus-visible .nr-hero-arrow {\n    transform: translateX(4px) !important;\n  }\n\n  \/* =====================================================\n     SUPPORTING LINE\n  ===================================================== *\/\n\n  #nr-home-hero .nr-hero-note {\n    display: flex !important;\n    align-items: center !important;\n\n    gap: 12px !important;\n\n    margin: 34px 0 0 !important;\n    padding: 0 !important;\n\n    color: rgba(249, 248, 245, 0.58) !important;\n\n    font-family: \"Inter\", Arial, sans-serif !important;\n    font-size: 11px !important;\n    line-height: 1.4 !important;\n    font-weight: 450 !important;\n  }\n\n  #nr-home-hero .nr-hero-note::before {\n    content: \"\";\n\n    display: block;\n    flex: 0 0 28px;\n\n    width: 28px;\n    height: 1px;\n\n    background: rgba(212, 163, 81, 0.75);\n  }\n\n  \/* =====================================================\n     DIVI RESET\n  ===================================================== *\/\n\n  .et_pb_section:has(#nr-home-hero),\n  .et_pb_row:has(#nr-home-hero),\n  .et_pb_column:has(#nr-home-hero),\n  .et_pb_module:has(#nr-home-hero),\n  .et_pb_code:has(#nr-home-hero),\n  .et_pb_code_inner:has(#nr-home-hero) {\n    width: 100% !important;\n    max-width: none !important;\n\n    min-height: 0 !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    border: 0 !important;\n    box-shadow: none !important;\n  }\n\n  \/* =====================================================\n     TABLET\n  ===================================================== *\/\n\n  @media (max-width: 1180px) {\n    #nr-home-hero {\n      min-height: clamp(680px, 78vh, 860px) !important;\n      padding: 76px 32px !important;\n    }\n\n    #nr-home-hero .nr-hero-inner {\n      max-width: 960px !important;\n    }\n\n    #nr-home-hero .nr-hero-content {\n      width: min(100%, 650px) !important;\n      max-width: 650px !important;\n    }\n\n    #nr-home-hero .nr-hero-title {\n      max-width: 650px !important;\n      font-size: clamp(50px, 5.5vw, 62px) !important;\n    }\n\n    #nr-home-hero .nr-hero-image {\n      right: -80px !important;\n    }\n  }\n\n  @media (max-width: 980px) {\n    #nr-home-hero {\n      min-height: clamp(640px, 74vh, 760px) !important;\n      padding: 68px 32px !important;\n    }\n\n    #nr-home-hero .nr-hero-image {\n      right: -150px !important;\n      opacity: 0.86 !important;\n    }\n\n    #nr-home-hero::before {\n      background:\n        linear-gradient(\n          90deg,\n          rgba(7, 12, 17, 0.99) 0%,\n          rgba(7, 12, 17, 0.95) 46%,\n          rgba(7, 12, 17, 0.62) 68%,\n          rgba(7, 12, 17, 0.15) 100%\n        );\n    }\n\n    #nr-home-hero .nr-hero-content {\n      width: min(100%, 590px) !important;\n      max-width: 590px !important;\n    }\n\n    #nr-home-hero .nr-hero-title {\n      max-width: 590px !important;\n      font-size: clamp(46px, 5.8vw, 55px) !important;\n    }\n  }\n\n  \/* =====================================================\n     MOBILE\n  ===================================================== *\/\n\n  @media (max-width: 767px) {\n    #nr-home-hero {\n      display: block !important;\n\n      min-height: 850px !important;\n\n      margin: 0 !important;\n\n      padding:\n        clamp(315px, 88vw, 385px)\n        22px\n        36px !important;\n\n      background: var(--nr-hero-obsidian) !important;\n      overflow: hidden !important;\n    }\n\n    #nr-home-hero .nr-hero-picture {\n      position: absolute !important;\n      inset: 0 !important;\n\n      width: 100% !important;\n      height: 100% !important;\n    }\n\n    #nr-home-hero .nr-hero-image {\n      position: absolute !important;\n      inset: 0 !important;\n\n      width: 100% !important;\n      max-width: none !important;\n      height: 100% !important;\n\n      object-fit: cover !important;\n      object-position: center top !important;\n\n      opacity: 1 !important;\n    }\n\n    #nr-home-hero::before {\n      background:\n        linear-gradient(\n          180deg,\n          rgba(7, 12, 17, 0.02) 0%,\n          rgba(7, 12, 17, 0.03) 25%,\n          rgba(7, 12, 17, 0.12) 36%,\n          rgba(7, 12, 17, 0.52) 48%,\n          rgba(7, 12, 17, 0.86) 58%,\n          rgba(7, 12, 17, 0.97) 68%,\n          rgba(7, 12, 17, 1) 82%,\n          rgba(7, 12, 17, 1) 100%\n        ) !important;\n    }\n\n    #nr-home-hero::after {\n      display: none !important;\n    }\n\n    #nr-home-hero .nr-hero-inner {\n      width: 100% !important;\n      max-width: none !important;\n\n      margin: 0 !important;\n      padding: 0 !important;\n    }\n\n    #nr-home-hero .nr-hero-content {\n      width: 100% !important;\n      max-width: 520px !important;\n\n      margin: 0 !important;\n      padding: 0 !important;\n    }\n\n    #nr-home-hero .nr-hero-kicker {\n      margin: 0 0 10px !important;\n\n      color: rgba(249, 248, 245, 0.7) !important;\n\n      font-size: 10px !important;\n      line-height: 1.3 !important;\n      letter-spacing: 0.17em !important;\n    }\n\n    #nr-home-hero .nr-hero-title {\n      width: 100% !important;\n      max-width: 390px !important;\n\n      margin: 0 !important;\n\n      font-size: clamp(36px, 9.8vw, 42px) !important;\n      line-height: 1.02 !important;\n      font-weight: 500 !important;\n      letter-spacing: -0.045em !important;\n    }\n\n    #nr-home-hero .nr-hero-title-line {\n      display: block !important;\n      white-space: nowrap !important;\n    }\n\n    #nr-home-hero .nr-hero-intro {\n      max-width: 440px !important;\n\n      margin: 21px 0 0 !important;\n\n      font-size: 15px !important;\n      line-height: 1.5 !important;\n    }\n\n    \/*\n     * Mobile: k\u00fcrzere Buttons statt voller Breite.\n     *\/\n    #nr-home-hero .nr-hero-actions {\n      display: flex !important;\n      align-items: flex-start !important;\n      flex-direction: column !important;\n\n      width: auto !important;\n      max-width: none !important;\n\n      gap: 12px !important;\n\n      margin: 26px 0 0 !important;\n    }\n\n    #nr-home-hero .nr-hero-button {\n      justify-content: space-between !important;\n\n      width: 300px !important;\n      max-width: 100% !important;\n      min-height: 54px !important;\n\n      padding: 0 20px !important;\n\n      font-size: 11px !important;\n      border-radius: 999px !important;\n    }\n\n    #nr-home-hero .nr-hero-button-secondary {\n      background: rgba(11, 17, 23, 0.38) !important;\n      border-color: rgba(249, 248, 245, 0.34) !important;\n    }\n\n    #nr-home-hero .nr-hero-note {\n      max-width: 340px !important;\n\n      margin: 23px 0 0 !important;\n\n      color: rgba(249, 248, 245, 0.58) !important;\n\n      font-size: 10px !important;\n      line-height: 1.45 !important;\n    }\n  }\n\n  @media (max-width: 480px) {\n    #nr-home-hero {\n      min-height: 830px !important;\n\n      padding:\n        clamp(305px, 86vw, 370px)\n        18px\n        32px !important;\n    }\n\n    #nr-home-hero .nr-hero-title {\n      max-width: 350px !important;\n      font-size: clamp(34px, 9.4vw, 39px) !important;\n      letter-spacing: -0.042em !important;\n    }\n\n    #nr-home-hero .nr-hero-intro {\n      font-size: 14px !important;\n    }\n\n    #nr-home-hero .nr-hero-button {\n      width: 290px !important;\n      max-width: 100% !important;\n    }\n  }\n\n  @media (max-width: 380px) {\n    #nr-home-hero {\n      min-height: 810px !important;\n      padding-top: 295px !important;\n    }\n\n    #nr-home-hero .nr-hero-title {\n      font-size: 32px !important;\n    }\n\n    #nr-home-hero .nr-hero-button {\n      width: 100% !important;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #nr-home-hero .nr-hero-button,\n    #nr-home-hero .nr-hero-arrow {\n      transition: none !important;\n    }\n  }\n<\/style>\n\n<section id=\"nr-home-hero\" aria-labelledby=\"nr-hero-title\">\n\n  <picture class=\"nr-hero-picture\">\n    <source\n      media=\"(max-width: 767px)\"\n      type=\"image\/webp\"\n      srcset=\"https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/07\/hero-fotograf-berglandschaft-mobile-nratko-pictures.webp\"\n      width=\"941\"\n      height=\"1672\"\n    >\n\n    <img\n      class=\"nr-hero-image\"\n      src=\"https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/07\/hero-fotograf-berglandschaft-nratko-pictures.webp\"\n      width=\"1672\"\n      height=\"941\"\n      alt=\"Photographer capturing a dramatic mountain landscape beneath dark clouds.\"\n      loading=\"eager\"\n      decoding=\"async\"\n      fetchpriority=\"high\"\n    >\n  <\/picture>\n\n  <div class=\"nr-hero-inner\">\n    <div class=\"nr-hero-content\">\n\n      <p class=\"nr-hero-kicker\">\n        Understand photography\n      <\/p>\n\n      <h1 class=\"nr-hero-title\" id=\"nr-hero-title\">\n        <span class=\"nr-hero-title-line\">Great photos begin<\/span>\n        <span class=\"nr-hero-title-line\">with understanding.<\/span>\n      <\/h1>\n\n      <p class=\"nr-hero-intro\">\n        Clear articles, practical guides and a comprehensive book about\n        cameras, light and composition.\n      <\/p>\n\n      <div class=\"nr-hero-actions\">\n        <a\n          class=\"nr-hero-button nr-hero-button-primary\"\n          href=\"\/en\/knowledge\/\"\n        >\n          Explore knowledge\n          <span class=\"nr-hero-arrow\" aria-hidden=\"true\">\u2192<\/span>\n        <\/a>\n\n        <a\n          class=\"nr-hero-button nr-hero-button-secondary\"\n          href=\"\/en\/shop\/\"\n        >\n          Visit the shop\n          <span class=\"nr-hero-arrow\" aria-hidden=\"true\">\u2192<\/span>\n        <\/a>\n      <\/div>\n\n      <p class=\"nr-hero-note\">\n        Clearly explained. Structured logically. Ready to apply.\n      <\/p>\n\n    <\/div>\n  <\/div>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_1 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_1 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24\">\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div id=\"nr-journal-wrap\">\n<section id=\"nr-journal-section\">\n  <div id=\"nr-journal-inner\">\n\n    <div id=\"nr-journal-header\">\n      <h2 id=\"nr-journal-title\">Knowledge that transforms your photos.<\/h2>\n    <\/div>\n\n    <div id=\"nr-journal-scroll\">\n      <div id=\"nr-journal-grid\">\n\n        <a href=\"https:\/\/nratkopictures.com\/en\/focus-in-photography\/\" class=\"nr-jcard\">\n          <div class=\"nr-jcard-img\">\n            <img decoding=\"async\" src=\"https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/06\/Blueten.webp\" alt=\"Focus and depth of field in photography\">\n          <\/div>\n          <div class=\"nr-jcard-body\">\n            <div class=\"nr-jcard-meta\">\n              <span class=\"nr-jcat\">Technique<\/span>\n            <\/div>\n            <h3 class=\"nr-jtitle\">Focus and depth of field in photography<\/h3>\n          <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/nratkopictures.com\/en\/weissabgleich\/\" class=\"nr-jcard\">\n          <div class=\"nr-jcard-img\">\n            <img decoding=\"async\" src=\"https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/06\/weissabgleich.webp\" alt=\"White Balance in Photography\">\n          <\/div>\n          <div class=\"nr-jcard-body\">\n            <div class=\"nr-jcard-meta\">\n              <span class=\"nr-jcat\">Light<\/span>\n            <\/div>\n            <h3 class=\"nr-jtitle\">White balance \u2013 how to get natural colors<\/h3>\n          <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/nratkopictures.com\/en\/gray-card-in-photography-what-it-really-does\/\" class=\"nr-jcard\">\n          <div class=\"nr-jcard-img\">\n            <img decoding=\"async\" src=\"https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/06\/Graukarte.webp\" alt=\"Gray Card in Photography\">\n          <\/div>\n          <div class=\"nr-jcard-body\">\n            <div class=\"nr-jcard-meta\">\n              <span class=\"nr-jcat\">Technique<\/span>\n            <\/div>\n            <h3 class=\"nr-jtitle\">Grey card \u2013 what it actually does and how to use it<\/h3>\n          <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/nratkopictures.com\/en\/knowledge-base\/\" class=\"nr-jcard nr-jcard-all\">\n          <div class=\"nr-jcard-all-img\">\n            <span class=\"nr-jcard-all-label\">All posts<\/span>\n          <\/div>\n          <div class=\"nr-jcard-body\">\n            <div class=\"nr-jcard-meta\">\n              <span class=\"nr-jcat\">Journal<\/span>\n            <\/div>\n            <h3 class=\"nr-jtitle\">Explore all articles in the archive.<\/h3>\n          <\/div>\n        <\/a>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n<\/div>\n\n<style>\n#nr-journal-wrap,\n#nr-journal-wrap * {\n  box-sizing: border-box !important;\n  font-family: \"Inter\", Arial, sans-serif !important;\n}\n\n#nr-journal-section {\n  background: #f9f8f5 !important;\n  padding: 90px 24px 100px !important;\n  color: #121416 !important;\n  width: 100% !important;\n  overflow: hidden !important;\n}\n\n#nr-journal-inner {\n  max-width: 1320px !important;\n  margin: 0 auto !important;\n}\n\n#nr-journal-header {\n  text-align: left !important;\n  max-width: 760px !important;\n  margin: 0 0 52px !important;\n}\n\n#nr-journal-title {\n  margin: 0 !important;\n  font-size: clamp(26px, 2.45vw, 36px) !important;\n  line-height: 1.08 !important;\n  font-weight: 400 !important;\n  letter-spacing: -0.035em !important;\n  color: #121416 !important;\n}\n\n#nr-journal-scroll {\n  width: 100% !important;\n}\n\n#nr-journal-grid {\n  display: grid !important;\n  grid-template-columns: repeat(4, 1fr) !important;\n  gap: 28px !important;\n}\n\n\/* CARD *\/\n#nr-journal-wrap .nr-jcard {\n  display: block !important;\n  text-decoration: none !important;\n  color: inherit !important;\n  background: transparent !important;\n  border-radius: 0 !important;\n  overflow: visible !important;\n  box-shadow: none !important;\n  transition: transform 0.35s ease !important;\n}\n\n#nr-journal-wrap .nr-jcard:hover {\n  transform: translateY(-4px) !important;\n  box-shadow: none !important;\n}\n\n\/* IMAGE *\/\n#nr-journal-wrap .nr-jcard-img {\n  width: 100% !important;\n  aspect-ratio: 1.65 \/ 1 !important;\n  overflow: hidden !important;\n  background: #121416 !important;\n  border-radius: 14px !important;\n}\n\n#nr-journal-wrap .nr-jcard-img img {\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: cover !important;\n  display: block !important;\n  transition: transform 0.6s ease !important;\n}\n\n#nr-journal-wrap .nr-jcard:hover .nr-jcard-img img {\n  transform: scale(1.04) !important;\n}\n\n\/* BODY *\/\n#nr-journal-wrap .nr-jcard-body {\n  padding: 16px 4px 0 !important;\n  background: transparent !important;\n}\n\n#nr-journal-wrap .nr-jcard-meta {\n  display: flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  margin-bottom: 10px !important;\n}\n\n#nr-journal-wrap .nr-jcat {\n  font-size: 12px !important;\n  font-weight: 700 !important;\n  letter-spacing: 0.04em !important;\n  text-transform: uppercase !important;\n  color: #b5892e !important;\n}\n\n#nr-journal-wrap .nr-jtitle {\n  margin: 0 !important;\n  font-size: 18px !important;\n  line-height: 1.3 !important;\n  font-weight: 600 !important;\n  letter-spacing: -0.02em !important;\n  color: #121416 !important;\n}\n\n\/* ALL ARTICLES *\/\n#nr-journal-wrap .nr-jcard-all {\n  background: transparent !important;\n  border-radius: 0 !important;\n  overflow: visible !important;\n  padding: 0 !important;\n  aspect-ratio: unset !important;\n}\n\n#nr-journal-wrap .nr-jcard-all:hover {\n  background: transparent !important;\n}\n\n#nr-journal-wrap .nr-jcard-all-img {\n  width: 100% !important;\n  aspect-ratio: 1.65 \/ 1 !important;\n  border-radius: 14px !important;\n  background: #121416 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n\n#nr-journal-wrap .nr-jcard-all-label {\n  font-size: clamp(22px, 3vw, 32px) !important;\n  font-weight: 600 !important;\n  letter-spacing: -0.03em !important;\n  color: #f9f8f5 !important;\n  line-height: 1.1 !important;\n  text-align: center !important;\n}\n\n\/* TABLET *\/\n@media (max-width: 1200px) {\n  #nr-journal-grid {\n    grid-template-columns: repeat(2, 1fr) !important;\n  }\n}\n\n@media (max-width: 980px) {\n  #nr-journal-section {\n    padding: 56px 20px 64px !important;\n  }\n\n  #nr-journal-inner {\n    max-width: 100% !important;\n  }\n\n  #nr-journal-header {\n    text-align: left !important;\n    margin-bottom: 32px !important;\n  }\n\n  #nr-journal-grid {\n    display: grid !important;\n    grid-template-columns: 1fr 1fr !important;\n    gap: 34px 18px !important;\n    width: 100% !important;\n  }\n\n  #nr-journal-wrap .nr-jcard {\n    width: 100% !important;\n  }\n}\n\n\/* MOBILE: horizontal swipe *\/\n@media (max-width: 560px) {\n  #nr-journal-section {\n    padding: 48px 0 56px !important;\n  }\n\n  #nr-journal-inner {\n    max-width: 100% !important;\n  }\n\n  #nr-journal-header {\n    text-align: left !important;\n    margin: 0 0 30px !important;\n    max-width: 340px !important;\n    padding: 0 18px !important;\n  }\n\n  #nr-journal-title {\n    font-size: 25px !important;\n    line-height: 1.12 !important;\n    font-weight: 400 !important;\n    text-align: left !important;\n    white-space: normal !important;\n    letter-spacing: 0 !important;\n  }\n\n  #nr-journal-scroll {\n    width: 100% !important;\n    overflow-x: auto !important;\n    overflow-y: hidden !important;\n    -webkit-overflow-scrolling: touch !important;\n    scroll-snap-type: x mandatory !important;\n    padding: 0 18px 8px !important;\n    scrollbar-width: none !important;\n  }\n\n  #nr-journal-scroll::-webkit-scrollbar {\n    display: none !important;\n  }\n\n  #nr-journal-grid {\n    display: flex !important;\n    flex-wrap: nowrap !important;\n    gap: 18px !important;\n    width: max-content !important;\n    max-width: none !important;\n    margin: 0 !important;\n  }\n\n  #nr-journal-wrap .nr-jcard {\n    flex: 0 0 78vw !important;\n    width: 78vw !important;\n    max-width: 340px !important;\n    scroll-snap-align: start !important;\n  }\n\n  #nr-journal-wrap .nr-jcard-img,\n  #nr-journal-wrap .nr-jcard-all-img {\n    aspect-ratio: 1.65 \/ 1 !important;\n    border-radius: 14px !important;\n  }\n\n  #nr-journal-wrap .nr-jcard-body {\n    padding: 14px 0 0 !important;\n  }\n\n  #nr-journal-wrap .nr-jcard-meta {\n    margin-bottom: 8px !important;\n  }\n\n  #nr-journal-wrap .nr-jcat {\n    font-size: 11px !important;\n  }\n\n  #nr-journal-wrap .nr-jtitle {\n    font-size: 18px !important;\n    line-height: 1.28 !important;\n    letter-spacing: -0.025em !important;\n  }\n\n  #nr-journal-wrap .nr-jcard-all-label {\n    font-size: 24px !important;\n  }\n}\n\n\/* SMALL MOBILE *\/\n@media (max-width: 390px) {\n  #nr-journal-header {\n    max-width: 300px !important;\n  }\n\n  #nr-journal-title {\n    font-size: 23px !important;\n    line-height: 1.12 !important;\n    font-weight: 400 !important;\n    text-align: left !important;\n    white-space: normal !important;\n    letter-spacing: 0 !important;\n  }\n\n  #nr-journal-wrap .nr-jcard {\n    flex-basis: 80vw !important;\n    width: 80vw !important;\n  }\n\n  #nr-journal-wrap .nr-jtitle {\n    font-size: 17px !important;\n  }\n\n  #nr-journal-wrap .nr-jcard-all-label {\n    font-size: 22px !important;\n  }\n}\n<\/style>\n\n<script>\n(function() {\n  function nrFixMobile() {\n    var grid = document.getElementById('nr-journal-grid');\n    var scroll = document.getElementById('nr-journal-scroll');\n    if (!grid || !scroll) return;\n\n    if (window.innerWidth <= 560) {\n      scroll.style.setProperty('overflow-x', 'auto', 'important');\n      scroll.style.setProperty('overflow-y', 'hidden', 'important');\n      scroll.style.setProperty('-webkit-overflow-scrolling', 'touch', 'important');\n      scroll.style.setProperty('scroll-snap-type', 'x mandatory', 'important');\n      scroll.style.setProperty('padding', '0 18px 8px', 'important');\n\n      grid.style.setProperty('display', 'flex', 'important');\n      grid.style.setProperty('flex-wrap', 'nowrap', 'important');\n      grid.style.setProperty('gap', '18px', 'important');\n      grid.style.setProperty('width', 'max-content', 'important');\n      grid.style.setProperty('max-width', 'none', 'important');\n      grid.style.setProperty('margin', '0', 'important');\n    } else if (window.innerWidth <= 980) {\n      scroll.style.removeProperty('overflow-x');\n      scroll.style.removeProperty('overflow-y');\n      scroll.style.removeProperty('scroll-snap-type');\n      scroll.style.removeProperty('padding');\n\n      grid.style.setProperty('display', 'grid', 'important');\n      grid.style.setProperty('grid-template-columns', '1fr 1fr', 'important');\n      grid.style.setProperty('gap', '34px 18px', 'important');\n      grid.style.setProperty('width', '100%', 'important');\n      grid.style.removeProperty('max-width');\n      grid.style.removeProperty('margin');\n    } else {\n      scroll.style.removeProperty('overflow-x');\n      scroll.style.removeProperty('overflow-y');\n      scroll.style.removeProperty('scroll-snap-type');\n      scroll.style.removeProperty('padding');\n\n      grid.style.setProperty('display', 'grid', 'important');\n      grid.style.setProperty('grid-template-columns', 'repeat(4, 1fr)', 'important');\n      grid.style.setProperty('gap', '28px', 'important');\n      grid.style.setProperty('width', '100%', 'important');\n      grid.style.removeProperty('max-width');\n      grid.style.removeProperty('margin');\n    }\n  }\n\n  document.addEventListener('DOMContentLoaded', nrFixMobile);\n  window.addEventListener('load', nrFixMobile);\n  window.addEventListener('resize', nrFixMobile);\n  setTimeout(nrFixMobile, 300);\n  setTimeout(nrFixMobile, 1000);\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_2 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_2 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24\">\n<div class=\"et_pb_code_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div id=\"nr-about-wrap\">\n<section id=\"nr-about-section\">\n  <div id=\"nr-about-inner\">\n\n    <!-- MOBILE HEADER -->\n    <div id=\"nr-about-mobile-header\">\n      <p class=\"nr-about-eyebrow\">Who\u2019s behind it?<\/p>\n      <h2 class=\"nr-about-title\">Photography explained the way I wish I\u2019d learned it myself.<\/h2>\n    <\/div>\n\n    <div id=\"nr-about-grid\">\n\n      <div id=\"nr-about-img\">\n        <img decoding=\"async\" id=\"nr-about-img-placeholder\" src=\"https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/06\/Portrait.webp\" alt=\"Norbert \u2013 NRATKO Pictures\" loading=\"lazy\">\n      <\/div>\n\n      <div id=\"nr-about-copy\">\n\n        <!-- DESKTOP HEADER -->\n        <div id=\"nr-about-desktop-header\">\n          <p class=\"nr-about-eyebrow\">Who\u2019s behind it?<\/p>\n          <h2 class=\"nr-about-title\">Photography explained the way I wish I\u2019d learned it myself.<\/h2>\n        <\/div>\n\n        <div id=\"nr-about-line\"><\/div>\n\n        <div id=\"nr-about-text\">\n          <p>My name is Norbert. I\u2019ve been a photographer for over a decade and founded NRATKO Pictures because photography is often explained in a more complicated way than it needs to be. <\/p>\n\n          <p>This isn\u2019t about owning more gear. It\u2019s about seeing images more intentionally, understanding light better, and making more confident decisions when taking photos. <\/p>\n        <\/div>\n\n        <a href=\"https:\/\/nratkopictures.com\/de\/die-idee\/\" id=\"nr-about-btn\">More about NRATKO Pictures<\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n<\/div>\n\n<style>\n#nr-about-wrap,\n#nr-about-wrap * {\n  box-sizing: border-box !important;\n  font-family: \"Inter\", Arial, sans-serif !important;\n}\n\n#nr-about-section {\n  background: #f9f8f5 !important;\n  padding: 86px 24px 94px !important;\n  color: #121416 !important;\n  width: 100% !important;\n}\n\n#nr-about-inner {\n  max-width: 1120px !important;\n  margin: 0 auto !important;\n}\n\n#nr-about-mobile-header {\n  display: none !important;\n}\n\n\/* GRID *\/\n#nr-about-grid {\n  display: grid !important;\n  grid-template-columns: 0.62fr 1fr !important;\n  gap: 72px !important;\n  align-items: center !important;\n}\n\n\/* IMAGE *\/\n#nr-about-img {\n  width: 100% !important;\n}\n\n#nr-about-img-placeholder {\n  display: block !important;\n  width: 100% !important;\n  max-width: 395px !important;\n  aspect-ratio: 1 \/ 1 !important;\n  height: auto !important;\n  object-fit: cover !important;\n  object-position: center !important;\n  background: #e8e6e0 !important;\n  border-radius: 18px !important;\n}\n\n\/* COPY *\/\n#nr-about-copy {\n  max-width: 650px !important;\n}\n\n.nr-about-eyebrow {\n  margin: 0 0 18px !important;\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.26em !important;\n  text-transform: uppercase !important;\n  color: #b5892e !important;\n}\n\n.nr-about-title {\n  margin: 0 !important;\n  font-size: clamp(26px, 2.45vw, 36px) !important;\n  line-height: 1.12 !important;\n  font-weight: 400 !important;\n  letter-spacing: -0.035em !important;\n  color: #121416 !important;\n}\n\n#nr-about-line {\n  width: 48px !important;\n  height: 2px !important;\n  background: #b5892e !important;\n  margin: 30px 0 30px !important;\n}\n\n#nr-about-text p {\n  margin: 0 0 18px !important;\n  font-size: 17px !important;\n  line-height: 1.7 !important;\n  font-weight: 400 !important;\n  color: rgba(18,20,22,0.74) !important;\n}\n\n#nr-about-text p:last-child {\n  margin-bottom: 0 !important;\n}\n\n#nr-about-btn {\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  margin-top: 34px !important;\n  padding: 15px 32px !important;\n  border-radius: 980px !important;\n  background: #121416 !important;\n  color: #f9f8f5 !important;\n  font-size: 12px !important;\n  font-weight: 700 !important;\n  letter-spacing: 0.08em !important;\n  text-transform: uppercase !important;\n  text-decoration: none !important;\n  transition: background 0.2s ease, transform 0.2s ease !important;\n}\n\n#nr-about-btn:hover {\n  background: #2a2d30 !important;\n  transform: translateY(-1px) !important;\n}\n\n\/* TABLET *\/\n@media (max-width: 980px) {\n  #nr-about-section {\n    padding: 64px 20px 72px !important;\n  }\n\n  #nr-about-inner {\n    max-width: 720px !important;\n  }\n\n  #nr-about-grid {\n    grid-template-columns: 1fr !important;\n    gap: 38px !important;\n  }\n\n  #nr-about-img-placeholder {\n    max-width: 390px !important;\n    margin: 0 auto !important;\n  }\n\n  #nr-about-copy {\n    max-width: 100% !important;\n  }\n}\n\n\/* MOBILE *\/\n@media (max-width: 560px) {\n  #nr-about-section {\n    padding: 56px 18px 64px !important;\n  }\n\n  #nr-about-mobile-header {\n    display: block !important;\n    text-align: left !important;\n    max-width: 340px !important;\n    margin: 0 0 30px !important;\n    padding: 0 !important;\n  }\n\n  #nr-about-desktop-header {\n    display: none !important;\n  }\n\n  #nr-about-grid {\n    gap: 30px !important;\n  }\n\n  #nr-about-img-placeholder {\n    max-width: 300px !important;\n    border-radius: 14px !important;\n    margin: 0 auto !important;\n  }\n\n  #nr-about-copy {\n    text-align: center !important;\n  }\n\n  .nr-about-eyebrow {\n    margin-bottom: 16px !important;\n    font-size: 11px !important;\n    letter-spacing: 0.22em !important;\n  }\n\n  .nr-about-title {\n    font-size: 25px !important;\n    line-height: 1.12 !important;\n    font-weight: 400 !important;\n    text-align: left !important;\n    white-space: normal !important;\n    letter-spacing: 0 !important;\n  }\n\n  #nr-about-line {\n    margin: 0 auto 26px !important;\n  }\n\n  #nr-about-text p {\n    font-size: 16px !important;\n    line-height: 1.68 !important;\n  }\n\n  #nr-about-btn {\n    width: 100% !important;\n    max-width: 320px !important;\n    margin-top: 30px !important;\n    padding: 15px 24px !important;\n    font-size: 11px !important;\n  }\n}\n\n\/* SMALL MOBILE *\/\n@media (max-width: 390px) {\n  #nr-about-mobile-header {\n    max-width: 300px !important;\n  }\n\n  .nr-about-title {\n    font-size: 23px !important;\n    line-height: 1.12 !important;\n    font-weight: 400 !important;\n    text-align: left !important;\n    white-space: normal !important;\n    letter-spacing: 0 !important;\n  }\n}\n<\/style><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5352","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nratkopictures.com\/en\/wp-json\/wp\/v2\/pages\/5352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nratkopictures.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nratkopictures.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nratkopictures.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nratkopictures.com\/en\/wp-json\/wp\/v2\/comments?post=5352"}],"version-history":[{"count":10,"href":"https:\/\/nratkopictures.com\/en\/wp-json\/wp\/v2\/pages\/5352\/revisions"}],"predecessor-version":[{"id":5478,"href":"https:\/\/nratkopictures.com\/en\/wp-json\/wp\/v2\/pages\/5352\/revisions\/5478"}],"wp:attachment":[{"href":"https:\/\/nratkopictures.com\/en\/wp-json\/wp\/v2\/media?parent=5352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}