{"id":4485,"date":"2026-05-29T21:51:02","date_gmt":"2026-05-29T19:51:02","guid":{"rendered":"https:\/\/nratkopictures.com\/?page_id=4485"},"modified":"2026-07-15T18:03:36","modified_gmt":"2026-07-15T16:03:36","slug":"willkommen","status":"publish","type":"page","link":"https:\/\/nratkopictures.com\/de\/","title":{"rendered":"Willkommen bei 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     BILD\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     INHALT\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     ABSCHLUSSZEILE\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    #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=\"Fotograf fotografiert eine dramatische Berglandschaft unter dunklen Wolken.\"\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        Fotografie verstehen\n      <\/p>\n\n      <h1 class=\"nr-hero-title\" id=\"nr-hero-title\">\n        <span class=\"nr-hero-title-line\">Gute Fotos beginnen<\/span>\n        <span class=\"nr-hero-title-line\">mit Verst\u00e4ndnis.<\/span>\n      <\/h1>\n\n      <p class=\"nr-hero-intro\">\n        Verst\u00e4ndliche Artikel, praxisnahe Guides und ein umfassendes\n        Buch \u00fcber Kamera, Licht und Bildgestaltung.\n      <\/p>\n\n      <div class=\"nr-hero-actions\">\n        <a\n          class=\"nr-hero-button nr-hero-button-primary\"\n          href=\"\/de\/wissensarchiv\/\"\n        >\n          Wissen entdecken\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=\"\/de\/shop\/\"\n        >\n          Zum Shop\n          <span class=\"nr-hero-arrow\" aria-hidden=\"true\">\u2192<\/span>\n        <\/a>\n      <\/div>\n\n      <p class=\"nr-hero-note\">\n        Klar erkl\u00e4rt. Strukturiert aufgebaut. Direkt anwendbar.\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\">Wissen, das deine Fotos ver\u00e4ndert.<\/h2>\n    <\/div>\n\n    <div id=\"nr-journal-scroll\">\n      <div id=\"nr-journal-grid\">\n\n        <a href=\"\/fokus-fotografie\" 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=\"Fokus und Sch\u00e4rfentiefe in der Fotografie\">\n          <\/div>\n          <div class=\"nr-jcard-body\">\n            <div class=\"nr-jcard-meta\">\n              <span class=\"nr-jcat\">Technik<\/span>\n            <\/div>\n            <h3 class=\"nr-jtitle\">Fokus und Sch\u00e4rfentiefe in der Fotografie<\/h3>\n          <\/div>\n        <\/a>\n\n        <a href=\"\/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=\"Wei\u00dfabgleich in der Fotografie\">\n          <\/div>\n          <div class=\"nr-jcard-body\">\n            <div class=\"nr-jcard-meta\">\n              <span class=\"nr-jcat\">Licht<\/span>\n            <\/div>\n            <h3 class=\"nr-jtitle\">Wei\u00dfabgleich \u2013 so bekommst du nat\u00fcrliche Farben<\/h3>\n          <\/div>\n        <\/a>\n\n        <a href=\"\/graukarte-fotografie\" 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=\"Graukarte in der Fotografie\">\n          <\/div>\n          <div class=\"nr-jcard-body\">\n            <div class=\"nr-jcard-meta\">\n              <span class=\"nr-jcat\">Technik<\/span>\n            <\/div>\n            <h3 class=\"nr-jtitle\">Graukarte \u2013 was sie wirklich macht und wie du sie nutzt<\/h3>\n          <\/div>\n        <\/a>\n\n        <a href=\"\/wissensarchiv\" class=\"nr-jcard nr-jcard-all\">\n          <div class=\"nr-jcard-all-img\">\n            <span class=\"nr-jcard-all-label\">Alle Beitr\u00e4ge<\/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\">Entdecke alle Artikel im Archiv.<\/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-overlay-wrap\">\n<section id=\"nr-overlay-section\">\n  <div id=\"nr-overlay-inner\">\n\n    <div id=\"nr-overlay-header\">\n      <h2 id=\"nr-overlay-title-main\">Dein n\u00e4chster Schritt zu besseren Fotos.<\/h2>\n    <\/div>\n\n    <div id=\"nr-overlay-scroll\">\n      <div id=\"nr-overlay-grid\">\n\n        <a href=\"\/guide\" class=\"nr-overlay-card\">\n          <div class=\"nr-overlay-img\">\n            <img decoding=\"async\" src=\"https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/06\/guide01cover.webp\" alt=\"Guide No. 01\">\n          <\/div>\n          <div class=\"nr-overlay-text\">\n            <div class=\"nr-overlay-meta\">\n              <span class=\"nr-overlay-eyebrow\">Kostenlos<\/span>\n            <\/div>\n            <h3 class=\"nr-overlay-title\">Diese 5 Fehler ruinieren deine Fotos<\/h3>\n          <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/nratkopictures.com\/de\/kameramodi-verstehen\/\" class=\"nr-overlay-card\">\n          <div class=\"nr-overlay-img\">\n            <img decoding=\"async\" src=\"https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/06\/cover_guide02.webp\" alt=\"Guide No. 02\">\n          <\/div>\n          <div class=\"nr-overlay-text\">\n            <div class=\"nr-overlay-meta\">\n              <span class=\"nr-overlay-eyebrow\">9,00 \u20ac<\/span>\n            <\/div>\n            <h3 class=\"nr-overlay-title\">Kameramodi endlich verstehen<\/h3>\n          <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/nratkopictures.com\/de\/fotografie-buch\/\" class=\"nr-overlay-card\">\n          <div class=\"nr-overlay-img\">\n            <img decoding=\"async\" src=\"https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/06\/Buchcover5.webp\" alt=\"Das Fotografie-Buch\">\n          <\/div>\n          <div class=\"nr-overlay-text\">\n            <div class=\"nr-overlay-meta\">\n              <span class=\"nr-overlay-eyebrow\">97,00 \u20ac<\/span>\n            <\/div>\n            <h3 class=\"nr-overlay-title\">Das Fotografie-Buch, das du wirklich brauchst<\/h3>\n          <\/div>\n        <\/a>\n\n        <a href=\"\/shop\" class=\"nr-overlay-card nr-overlay-card-shop\">\n          <div class=\"nr-overlay-img nr-overlay-img-shop\">\n            <img decoding=\"async\" src=\"https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/06\/foggy-wald.webp\" alt=\"Zum Shop\">\n            <div class=\"nr-overlay-dim\"><\/div>\n            <span class=\"nr-overlay-shop-label\">Zum Shop<\/span>\n          <\/div>\n          <div class=\"nr-overlay-text\">\n            <div class=\"nr-overlay-meta\">\n              <span class=\"nr-overlay-eyebrow\">Shop<\/span>\n            <\/div>\n            <h3 class=\"nr-overlay-title\">Alle Guides &amp; B\u00fccher<\/h3>\n          <\/div>\n        <\/a>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n<\/div>\n\n<style>\n#nr-overlay-wrap,\n#nr-overlay-wrap * {\n  box-sizing: border-box !important;\n  font-family: \"Inter\", Arial, sans-serif !important;\n}\n\n#nr-overlay-section {\n  background: #F2EFE7 !important;\n  padding: 90px 24px 100px !important;\n  width: 100% !important;\n  overflow: hidden !important;\n}\n\n#nr-overlay-inner {\n  max-width: 1320px !important;\n  margin: 0 auto !important;\n}\n\n#nr-overlay-header {\n  text-align: left !important;\n  max-width: 760px !important;\n  margin: 0 0 52px !important;\n}\n\n#nr-overlay-title-main {\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-overlay-scroll {\n  width: 100% !important;\n}\n\n#nr-overlay-grid {\n  display: grid !important;\n  grid-template-columns: repeat(4, 1fr) !important;\n  gap: 28px !important;\n  align-items: start !important;\n}\n\n#nr-overlay-wrap .nr-overlay-card {\n  display: flex !important;\n  flex-direction: column !important;\n  text-decoration: none !important;\n  overflow: visible !important;\n  border-radius: 0 !important;\n  background: transparent !important;\n  padding: 0 !important;\n  box-shadow: none !important;\n  transition: transform 0.35s ease !important;\n}\n\n#nr-overlay-wrap .nr-overlay-card:hover {\n  transform: translateY(-4px) !important;\n  background: transparent !important;\n  box-shadow: none !important;\n}\n\n#nr-overlay-wrap .nr-overlay-img {\n  width: 100% !important;\n  aspect-ratio: 1.05 \/ 1 !important;\n  overflow: hidden !important;\n  background: transparent !important;\n  border-radius: 16px !important;\n  position: relative !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n\n#nr-overlay-wrap .nr-overlay-img img {\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: cover !important;\n  object-position: top center !important;\n  display: block !important;\n  transform: none !important;\n  transition: transform 0.6s ease !important;\n}\n\n#nr-overlay-wrap .nr-overlay-img-shop {\n  position: relative !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 100% !important;\n  aspect-ratio: 1.05 \/ 1 !important;\n  overflow: hidden !important;\n  border-radius: 16px !important;\n}\n\n#nr-overlay-wrap .nr-overlay-img-shop img {\n  position: absolute !important;\n  inset: 0 !important;\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: cover !important;\n  object-position: center !important;\n  transform: none !important;\n}\n\n#nr-overlay-wrap .nr-overlay-dim {\n  position: absolute !important;\n  inset: 0 !important;\n  background: rgba(0,0,0,0.45) !important;\n}\n\n#nr-overlay-wrap .nr-overlay-img-shop .nr-overlay-shop-label {\n  position: relative !important;\n  z-index: 1 !important;\n}\n\n#nr-overlay-wrap .nr-overlay-shop-label {\n  font-size: clamp(28px, 3.2vw, 40px) !important;\n  font-weight: 700 !important;\n  letter-spacing: -0.02em !important;\n  color: #f9f8f5 !important;\n}\n\n#nr-overlay-wrap .nr-overlay-card:hover .nr-overlay-img img {\n  transform: scale(1.04) !important;\n}\n\n#nr-overlay-wrap .nr-overlay-text {\n  background: transparent !important;\n  padding: 24px 0 0 !important;\n  flex: 1 1 auto !important;\n}\n\n#nr-overlay-wrap .nr-overlay-meta {\n  display: flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  margin-bottom: 10px !important;\n}\n\n#nr-overlay-wrap .nr-overlay-eyebrow {\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-overlay-wrap .nr-overlay-title {\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@media (max-width: 1200px) {\n  #nr-overlay-grid {\n    grid-template-columns: repeat(2, 1fr) !important;\n  }\n}\n\n@media (max-width: 980px) {\n  #nr-overlay-section {\n    padding: 56px 20px 64px !important;\n  }\n\n  #nr-overlay-inner {\n    max-width: 100% !important;\n  }\n\n  #nr-overlay-header {\n    text-align: left !important;\n    margin-bottom: 32px !important;\n  }\n\n  #nr-overlay-grid {\n    display: grid !important;\n    grid-template-columns: 1fr 1fr !important;\n    gap: 28px 14px !important;\n    width: 100% !important;\n  }\n\n  #nr-overlay-wrap .nr-overlay-card {\n    width: 100% !important;\n  }\n}\n\n\/* MOBILE: horizontal swipe *\/\n@media (max-width: 560px) {\n  #nr-overlay-section {\n    padding: 48px 0 56px !important;\n  }\n\n  #nr-overlay-inner {\n    max-width: 100% !important;\n  }\n\n  #nr-overlay-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-overlay-title-main {\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-overlay-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-overlay-scroll::-webkit-scrollbar {\n    display: none !important;\n  }\n\n  #nr-overlay-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-overlay-wrap .nr-overlay-card {\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-overlay-wrap .nr-overlay-img,\n  #nr-overlay-wrap .nr-overlay-img-shop {\n    aspect-ratio: 1.05 \/ 1 !important;\n    border-radius: 16px !important;\n  }\n\n  #nr-overlay-wrap .nr-overlay-text {\n    padding: 16px 0 0 !important;\n  }\n\n  #nr-overlay-wrap .nr-overlay-meta {\n    margin-bottom: 8px !important;\n  }\n\n  #nr-overlay-wrap .nr-overlay-eyebrow {\n    font-size: 11px !important;\n  }\n\n  #nr-overlay-wrap .nr-overlay-title {\n    font-size: 18px !important;\n    line-height: 1.28 !important;\n    letter-spacing: -0.025em !important;\n  }\n\n  #nr-overlay-wrap .nr-overlay-shop-label {\n    font-size: 24px !important;\n  }\n}\n\n\/* SMALL MOBILE *\/\n@media (max-width: 390px) {\n  #nr-overlay-header {\n    max-width: 300px !important;\n  }\n\n  #nr-overlay-title-main {\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-overlay-wrap .nr-overlay-card {\n    flex-basis: 80vw !important;\n    width: 80vw !important;\n  }\n\n  #nr-overlay-wrap .nr-overlay-title {\n    font-size: 17px !important;\n  }\n\n  #nr-overlay-wrap .nr-overlay-shop-label {\n    font-size: 22px !important;\n  }\n}\n<\/style>\n\n<script>\n(function() {\n  function nrFixMobile() {\n    var grid = document.getElementById('nr-overlay-grid');\n    var scroll = document.getElementById('nr-overlay-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', '28px 14px', '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_3 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_3 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_3 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_3 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\">Wer steckt dahinter?<\/p>\n      <h2 class=\"nr-about-title\">Fotografie so erkl\u00e4rt, wie ich sie selbst gerne gelernt h\u00e4tte.<\/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\">Wer steckt dahinter?<\/p>\n          <h2 class=\"nr-about-title\">Fotografie so erkl\u00e4rt, wie ich sie selbst gerne gelernt h\u00e4tte.<\/h2>\n        <\/div>\n\n        <div id=\"nr-about-line\"><\/div>\n\n        <div id=\"nr-about-text\">\n          <p>Mein Name ist Norbert. Ich fotografiere seit \u00fcber einem Jahrzehnt und habe NRATKO Pictures gegr\u00fcndet, weil Fotografie oft komplizierter erkl\u00e4rt wird, als sie sein m\u00fcsste.<\/p>\n\n          <p>Hier geht es nicht darum, mehr Technik zu besitzen. Es geht darum, Bilder bewusster zu sehen, Licht besser zu verstehen und beim Fotografieren sicherere Entscheidungen zu treffen.<\/p>\n        <\/div>\n\n        <a href=\"\/die-idee\" id=\"nr-about-btn\">Mehr \u00fcber 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-4485","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nratkopictures.com\/de\/wp-json\/wp\/v2\/pages\/4485","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nratkopictures.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nratkopictures.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nratkopictures.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nratkopictures.com\/de\/wp-json\/wp\/v2\/comments?post=4485"}],"version-history":[{"count":11,"href":"https:\/\/nratkopictures.com\/de\/wp-json\/wp\/v2\/pages\/4485\/revisions"}],"predecessor-version":[{"id":5475,"href":"https:\/\/nratkopictures.com\/de\/wp-json\/wp\/v2\/pages\/4485\/revisions\/5475"}],"wp:attachment":[{"href":"https:\/\/nratkopictures.com\/de\/wp-json\/wp\/v2\/media?parent=4485"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}