{"id":4320,"date":"2026-03-23T12:19:59","date_gmt":"2026-03-23T11:19:59","guid":{"rendered":"https:\/\/nratkopictures.com\/?page_id=4320"},"modified":"2026-03-23T22:18:47","modified_gmt":"2026-03-23T21:18:47","slug":"fotografie-buch","status":"publish","type":"page","link":"https:\/\/nratkopictures.com\/de\/fotografie-buch\/","title":{"rendered":"Das Fotografie-Buch, das du wirklich brauchst \u2013 Fotografie einfach lernen"},"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>\nhtml{\n  -webkit-font-smoothing:antialiased;\n  -moz-osx-font-smoothing:grayscale;\n}\n\nbody{\n  margin:0;\n  padding:0;\n  font-family:\"Inter\",system-ui,sans-serif;\n  color:#0B0C0D;\n}\n\nhtml, body{\n  overflow-x:hidden;\n}\n\n\/* HERO *\/\n#nratko-hero{\n  width:100%;\n  background:#F9F8F5;\n  text-align:center;\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  padding:110px 0 72px 0;\n}\n\n\/* INNER *\/\n.hero-inner{\n  width:100%;\n  max-width:760px;\n  margin:0 auto;\n  padding:0 24px;\n}\n\n\/* HEADLINE *\/\n.hero-title{\n  line-height:1.12;\n  margin:0 0 26px 0;\n  letter-spacing:-0.03em;\n}\n\n.hero-main{\n  font-size:2.7rem;\n  font-weight:500;\n  display:block;\n  margin-bottom:6px;\n  color:#0B0C0D;\n}\n\n.hero-rest{\n  font-size:2.15rem;\n  font-weight:500;\n  line-height:1.18;\n  color:#0B0C0D;\n}\n\n.hero-rest strong{\n  font-weight:600;\n}\n\n\/* SUBLINE *\/\n.hero-sub{\n  max-width:640px;\n  margin:0 auto 36px auto;\n  font-size:1.08rem;\n  line-height:1.55;\n  color:#1F2428; \/* \ud83d\udd25 dunkler *\/\n}\n\n.hero-sub .line1{\n  display:block;\n  font-weight:600;\n  margin-bottom:4px;\n  color:#0B0C0D;\n}\n\n\/* CTA *\/\n.hero-cta-wrap{\n  margin-top:4px;\n}\n\n.cta{\n  display:inline-block;\n  background:#121416;\n  color:#fff;\n  padding:16px 34px;\n  border-radius:999px;\n  font-size:0.95rem;\n  font-weight:600;\n  text-decoration:none;\n  box-shadow:0 8px 24px rgba(0,0,0,0.14);\n  transition:all .2s ease;\n}\n\n.cta:hover{\n  transform:translateY(-3px);\n  box-shadow:0 14px 32px rgba(0,0,0,0.2);\n}\n\n\/* PRICE *\/\n.hero-price{\n  margin-top:18px;\n  margin-bottom:18px;\n  text-align:center;\n  color:#6B7075;\n  line-height:1.6;\n}\n\n.price-line1{\n  font-size:0.9rem;\n  font-weight:600;\n  color:#0B0C0D;\n}\n\n.price-line2{\n  font-size:0.9rem;\n  color:#4A4F55; \/* \ud83d\udd25 dunkler *\/\n}\n\n\/* MOCKUP *\/\n.hero-image{\n  width:100%;\n  max-width:1100px;\n  margin:0 auto;\n  padding:0;\n}\n\n.hero-image img{\n  width:100%;\n  display:block;\n}\n\n\/* DESKTOP *\/\n@media (min-width:769px){\n\n  .hero-main{\n    font-size:3.15rem;\n  }\n\n  .hero-rest{\n    font-size:2.45rem;\n  }\n\n}\n\n\/* MOBILE *\/\n@media (max-width:768px){\n\n  #nratko-hero{\n    padding:84px 0 56px 0;\n  }\n\n  .hero-inner{\n    max-width:360px;\n    padding:0 20px;\n  }\n\n  .hero-title{\n    margin:0 0 22px 0;\n  }\n\n  .hero-main{\n    font-size:1.95rem;\n    line-height:1.08;\n  }\n\n  .hero-rest{\n    font-size:1.58rem;\n    line-height:1.18;\n  }\n\n  .hero-sub{\n    font-size:0.95rem;\n    line-height:1.55;\n    margin:0 auto 32px auto;\n  }\n\n  .cta{\n    width:100%;\n    padding:16px 22px;\n    font-size:0.9rem;\n  }\n\n  .hero-price{\n    margin-top:16px;\n    margin-bottom:16px;\n  }\n\n  .price-line1{\n    font-size:0.72rem;\n  }\n\n  .price-line2{\n    font-size:0.72rem;\n  }\n\n  .hero-image{\n    padding:0;\n    margin-top:10px;\n  }\n\n  .hero-image img{\n    width:115%;\n    max-width:none;\n    transform:translateX(-7.5%);\n  }\n}\n<\/style>\n\n<section id=\"nratko-hero\">\n  <div class=\"hero-inner\">\n\n    <h1 class=\"hero-title\">\n      <span class=\"hero-main\">Deine Kamera kann viel.<\/span>\n      <span class=\"hero-rest\">\n        Aber du wei\u00dft nicht,<br>\n        <strong>was du einstellen sollst.<\/strong>\n      <\/span>\n    <\/h1>\n\n    <div class=\"hero-sub\">\n      <span class=\"line1\">H\u00f6r auf zu raten.<\/span>\n      Verstehe, was du tun musst.\n    <\/div>\n\n    <div class=\"hero-cta-wrap\">\n      <a href=\"https:\/\/www.checkout-ds24.com\/product\/674419\" class=\"cta\" target=\"_blank\" rel=\"noopener\">\n        Ich will verstehen, was ich tue\n      <\/a>\n\n      <div class=\"hero-price\">\n        <div class=\"price-line1\">\n          97 \u20ac inkl. MwSt. \u00b7 Digitales Standardwerk (559 Seiten)\n        <\/div>\n        <div class=\"price-line2\">\n          Sofort-Download \u00b7 Sichere Zahlung via Digistore24\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"hero-image\">\n    <img decoding=\"async\" src=\"https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/02\/test-1.png\" alt=\"Fotografie Buch Vorschau\">\n  <\/div>\n<\/section><\/div><\/div>\n\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><\/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_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* =========================================================\nNRATKO \u2014 DIAGNOSE (FINAL 11\/10 ULTIMATE)\n========================================================= *\/\n\n#nratko-diagnose{\n  background:#F9F8F5;\n  color:#0B0C0D;\n  padding:110px 24px 100px 24px;\n  font-family:\"Inter\",system-ui,sans-serif;\n}\n\n.nratko-container{\n  max-width:880px;\n  margin:0 auto;\n}\n\n\/* ===== HEADLINE ===== *\/\n\n.nratko-opening{\n  text-align:center;\n  margin-bottom:60px;\n}\n\n.nratko-line{\n  width:36px;\n  height:1px;\n  background:#D4A351;\n  margin:0 auto 26px auto;\n}\n\n.nratko-opening h2{\n  line-height:1.12;\n  letter-spacing:-0.03em;\n  margin:0;\n}\n\n.nratko-opening .line1{\n  font-size:2.7rem;\n  font-weight:400;\n  display:block;\n  margin-bottom:6px;\n}\n\n.nratko-opening .line2{\n  font-size:2.15rem;\n  font-weight:600;\n  line-height:1.18;\n}\n\n\/* ===== LABEL ===== *\/\n\n.nratko-problem-intro{\n  text-align:center;\n  margin-bottom:8px;\n}\n\n.nratko-problem-intro span{\n  font-size:10px;\n  letter-spacing:0.22em;\n  text-transform:uppercase;\n  color:#D4A351;\n  font-weight:600;\n}\n\n\/* \ud83d\udd25 MICRO TEXT FIX *\/\n.nratko-micro{\n  text-align:center;\n  font-size:0.9rem;\n  color:#4A4F55; \/* \ud83d\udd25 dunkler *\/\n  margin-bottom:45px;\n}\n\n\/* ===== FLOW ===== *\/\n\n.nratko-flow{\n  display:flex;\n  flex-direction:column;\n  margin-bottom:28px;\n}\n\n.nratko-step{\n  display:flex;\n  gap:18px;\n  align-items:flex-start;\n  padding:22px 0;\n  border-bottom:1px solid rgba(0,0,0,0.05);\n}\n\n.nratko-step:last-child{\n  border-bottom:none;\n}\n\n.nratko-step-number{\n  font-size:14px;\n  font-weight:600;\n  color:#D4A351;\n  min-width:28px;\n  margin-top:4px;\n}\n\n.nratko-step-content{\n  max-width:620px;\n}\n\n.nratko-step-title{\n  font-size:1.05rem;\n  font-weight:600;\n  margin-bottom:6px;\n}\n\n.nratko-step-text{\n  font-size:0.95rem;\n  line-height:1.65;\n  color:#4A4F55;\n}\n\n.nratko-step-text strong{\n  color:#0B0C0D;\n  font-weight:600;\n}\n\n\/* ===== TRANSITION ===== *\/\n\n.nratko-transition{\n  text-align:center;\n  margin:30px 0 30px 0;\n}\n\n.nratko-transition-line{\n  width:50px;\n  height:1px;\n  background:#D4A351;\n  margin:0 auto 20px auto;\n  opacity:.7;\n}\n\n\/* \ud83d\udd25 BRIDGE TEXT FIX *\/\n.nratko-transition-text{\n  font-size:1.05rem;\n  color:#0B0C0D; \/* \ud83d\udd25 deutlich st\u00e4rker *\/\n  font-weight:500;\n  margin-bottom:12px;\n}\n\n.nratko-big{\n  font-size:2.05rem;\n  font-weight:500;\n  line-height:1.15;\n  letter-spacing:-0.02em;\n  margin-bottom:22px;\n  max-width:520px;\n  margin-left:auto;\n  margin-right:auto;\n}\n\n\/* ===== CTA ===== *\/\n\n.nratko-cta-btn{\n  display:inline-block;\n  background:#121416;\n  color:#F9F8F5;\n  padding:16px 28px;\n  border-radius:999px;\n  font-size:0.95rem;\n  font-weight:600;\n  text-decoration:none;\n  white-space:nowrap;\n  transition:.2s ease;\n  margin-bottom:0px; \/* \ud83d\udd25 mehr Luft *\/\n  margin-top:40px\n}\n\n.nratko-cta-btn:hover{\n  transform:translateY(-2px);\n}\n\n\/* ===== HERO MATCH PRICE ===== *\/\n\n.hero-price{\n  margin-top:18px;\n  text-align:center;\n  color:#6B7075;\n  line-height:1.5;\n}\n\n.price-line1{\n  font-size:0.82rem;\n  font-weight:600;\n  color:#0B0C0D;\n}\n\n.price-line2{\n  font-size:0.82rem;\n  color:#4A4F55;\n}\n\n\/* ===== RESPONSIVE ===== *\/\n\n@media (min-width:769px){\n\n  .nratko-opening .line1{\n    font-size:3.15rem;\n  }\n\n  .nratko-opening .line2{\n    font-size:2.45rem;\n  }\n\n}\n\n@media (max-width:768px){\n\n  .nratko-opening .line1{\n    font-size:1.95rem;\n  }\n\n  .nratko-opening .line2{\n    font-size:1.58rem;\n  }\n\n  .nratko-big{\n    font-size:1.6rem;\n  }\n\n  .nratko-cta-btn{\n    white-space:normal;\n    width:100%;\n    padding:16px 20px;\n  }\n\n  .price-line1,\n  .price-line2{\n    font-size:0.7rem;\n  }\n\n}\n<\/style>\n\n<section id=\"nratko-diagnose\">\n  <div class=\"nratko-container\">\n\n    <!-- HEADLINE -->\n    <div class=\"nratko-opening\">\n      <div class=\"nratko-line\"><\/div>\n      <h2>\n        <span class=\"line1\">Dir fehlt kein Talent.<\/span>\n        <span class=\"line2\">Dir fehlt ein System.<\/span>\n      <\/h2>\n    <\/div>\n\n    <!-- LABEL -->\n    <div class=\"nratko-problem-intro\">\n      <span>DIE REALIT\u00c4T<\/span>\n    <\/div>\n\n    <div class=\"nratko-micro\">\n      Warum viele nie wirklich Kontrolle \u00fcber ihre Bilder bekommen.\n    <\/div>\n\n    <!-- FLOW -->\n    <div class=\"nratko-flow\">\n\n      <div class=\"nratko-step\">\n        <div class=\"nratko-step-number\">01<\/div>\n        <div class=\"nratko-step-content\">\n          <div class=\"nratko-step-title\">Die Illusion von Wissen<\/div>\n          <div class=\"nratko-step-text\">\n            Du kennst Blende, ISO und Verschlusszeit.<br>\n            Aber sobald du ein Foto machen willst,<br>\n            <strong>wei\u00dft du nicht, was du zuerst \u00e4ndern sollst.<\/strong>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"nratko-step\">\n        <div class=\"nratko-step-number\">02<\/div>\n        <div class=\"nratko-step-content\">\n          <div class=\"nratko-step-title\">Reagieren statt steuern<\/div>\n          <div class=\"nratko-step-text\">\n            Du passt dich dem Licht an,<br>\n            statt selbst zu entscheiden, wie dein Bild aussehen soll.<br>\n            <strong>Du reagierst \u2013 statt die Kontrolle zu haben.<\/strong>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"nratko-step\">\n        <div class=\"nratko-step-number\">03<\/div>\n        <div class=\"nratko-step-content\">\n          <div class=\"nratko-step-title\">Arbeiten ohne System<\/div>\n          <div class=\"nratko-step-text\">\n            Du stellst irgendwas ein und hoffst, dass es passt.<br>\n            Manchmal funktioniert es. Oft nicht.<br>\n            <strong>Und du wei\u00dft nie, warum.<\/strong>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- TRANSITION -->\n    <div class=\"nratko-transition\">\n\n      <div class=\"nratko-transition-line\"><\/div>\n\n      <div class=\"nratko-transition-text\">\n        Und genau deshalb fehlt dir ein klares System.\n      <\/div>\n\n      <div class=\"nratko-big\">\n        Das Ende der Beliebigkeit.\n      <\/div>\n\n      <a href=\"https:\/\/www.checkout-ds24.com\/product\/674419\" class=\"nratko-cta-btn\" target=\"_blank\" rel=\"noopener\">\n        Ich will meine Bilder kontrollieren\n      <\/a>\n\n      <div class=\"hero-price\">\n        <div class=\"price-line1\">\n          97 \u20ac inkl. MwSt. \u00b7 Digitales Standardwerk (559 Seiten)\n        <\/div>\n        <div class=\"price-line2\">\n          Sofort-Download \u00b7 Sichere Zahlung via Digistore24\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section><\/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_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\n\/* =========================================================\nNRATKO SYSTEM \u2013 FINAL 11\/10\n========================================================= *\/\n\n#nr-system-clean{\n  background:#121416;\n  padding:120px 40px 80px;\n  color:#F9F8F5;\n  font-family:\"Inter\", system-ui, sans-serif;\n}\n\n#nr-system-clean *{\n  color:inherit;\n}\n\n.nr-system-inner{\n  max-width:1100px;\n  margin:0 auto;\n  text-align:center;\n}\n\n\/* HEADLINE *\/\n\n.nr-system-title{\n  font-size:2.4rem;\n  font-weight:500;\n  line-height:1.3;\n  margin-bottom:20px; \/* \ud83d\udd25 etwas mehr Raum *\/\n  color:#F9F8F5 !important;\n}\n\n\/* SUB *\/\n\n.nr-system-sub{\n  max-width:640px;\n  margin:0 auto 80px auto;\n  font-size:1.05rem;\n  line-height:1.7;\n  color:#C2C6CA !important;\n}\n\n\/* GRID *\/\n\n.nr-system-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:50px;\n  text-align:left;\n  padding-left:18px;\n}\n\n.nr-system-item{\n  max-width:320px;\n}\n\n\/* NUMBER *\/\n\n.nr-system-number{\n  font-size:1.3rem;\n  font-weight:600;\n  letter-spacing:0.08em;\n  color:#D4A351 !important;\n  margin-bottom:10px;\n}\n\n\/* TITLE *\/\n\n.nr-system-item-title{\n  font-size:1.25rem;\n  font-weight:600;\n  margin-bottom:8px;\n  color:#F9F8F5 !important;\n}\n\n\/* TEXT *\/\n\n.nr-system-text{\n  font-size:0.95rem;\n  line-height:1.7;\n  color:#C2C6CA !important;\n}\n\n\/* =========================================================\nSEPARATOR \u2013 FINAL PERFECT FLOW\n========================================================= *\/\n\n.nr-soft-separator{\n  width:100%;\n  max-width:520px;\n  height:1px;\n  background:#D4A351;\n  margin:20px auto 50px auto;\n  opacity:0.35;\n}\n\n\/* =========================================================\nCONTENT\n========================================================= *\/\n\n#nr-content-clean{\n  background:#121416;\n  padding:0 40px 120px;\n  color:#F9F8F5;\n}\n\n.nr-content-inner{\n  max-width:800px;\n  margin:0 auto;\n  text-align:center;\n}\n\n\/* HEADLINE *\/\n\n.nr-content-title{\n  font-size:2.2rem;\n  font-weight:500;\n  margin-bottom:20px;\n  color:#F9F8F5 !important;\n}\n\n\/* SUB *\/\n\n.nr-content-sub{\n  font-size:1.05rem;\n  line-height:1.7;\n  color:#C2C6CA !important;\n  margin-bottom:50px;\n}\n\n\/* LIST *\/\n\n.nr-content-list{\n  max-width:620px;\n  margin:0 auto;\n  text-align:left;\n}\n\n.nr-content-item{\n  font-size:1rem;\n  line-height:1.7;\n  margin-bottom:18px;\n  padding-left:18px;\n  position:relative;\n}\n\n.nr-content-item:before{\n  content:\"\u2013\";\n  position:absolute;\n  left:0;\n  color:#D4A351;\n}\n\n\/* FOOT *\/\n\n.nr-content-foot{\n  margin-top:50px;\n  font-size:0.95rem;\n  color:#B0B4B8;\n}\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width:768px){\n\n  #nr-system-clean{\n    padding:80px 20px 60px;\n  }\n\n  .nr-system-grid{\n    grid-template-columns:1fr;\n    gap:35px;\n    padding-left:18px;\n  }\n\n  .nr-system-title{\n    font-size:1.6rem;\n  }\n\n  .nr-content-title{\n    font-size:1.6rem;\n  }\n\n  #nr-content-clean{\n    padding:0 20px 90px;\n  }\n\n}\n\n<\/style>\n\n<!-- SYSTEM -->\n<section id=\"nr-system-clean\">\n\n  <div class=\"nr-system-inner\">\n\n    <div class=\"nr-system-title\">\n      Das Standardwerk von NRATKO Pictures.\n    <\/div>\n\n    <div class=\"nr-system-sub\">\n      Kein R\u00e4tselraten mehr bei deinen Einstellungen.\n      Du lernst, wie Technik, Licht und Gestaltung zusammenwirken \u2013\n      und verstehst, warum deine Bilder so entstehen, wie sie entstehen.\n    <\/div>\n\n    <div class=\"nr-system-grid\">\n\n      <div class=\"nr-system-item\">\n        <div class=\"nr-system-number\">01<\/div>\n        <div class=\"nr-system-item-title\">Deine Kamera verstehen.<\/div>\n        <div class=\"nr-system-text\">\n          Du verstehst, wie ISO, Blende und Verschlusszeit zusammenwirken \u2013\n          und triffst die richtigen Einstellungen, ohne zu raten.\n        <\/div>\n      <\/div>\n\n      <div class=\"nr-system-item\">\n        <div class=\"nr-system-number\">02<\/div>\n        <div class=\"nr-system-item-title\">Licht bewusst nutzen.<\/div>\n        <div class=\"nr-system-text\">\n          Du erkennst, wie Licht dein Bild formt \u2013\n          und passt deine Einstellungen gezielt an die jeweilige Situation an.\n        <\/div>\n      <\/div>\n\n      <div class=\"nr-system-item\">\n        <div class=\"nr-system-number\">03<\/div>\n        <div class=\"nr-system-item-title\">Bilder gezielt gestalten.<\/div>\n        <div class=\"nr-system-text\">\n          Du verstehst die wichtigsten Prinzipien der Bildkomposition \u2013\n          und steuerst bewusst, wie dein Bild wirkt.\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<!-- SEPARATOR -->\n<div class=\"nr-soft-separator\"><\/div>\n\n<!-- CONTENT -->\n<section id=\"nr-content-clean\">\n\n  <div class=\"nr-content-inner\">\n\n    <div class=\"nr-content-title\">\n      Das lernst du konkret:\n    <\/div>\n\n    <div class=\"nr-content-sub\">\n      Du wei\u00dft bei jedem Foto, was du tun musst \u2013\n      statt einfach nur zu hoffen, dass es gut wird.\n    <\/div>\n\n    <div class=\"nr-content-list\">\n\n      <div class=\"nr-content-item\">\n        <strong>Deine Kamera wirklich verstehen:<\/strong> Du lernst, was die wichtigsten Tasten und Einstellungen bedeuten \u2013 und wann du sie einsetzt\n      <\/div>\n\n      <div class=\"nr-content-item\">\n        <strong>Den richtigen Modus w\u00e4hlen:<\/strong> Du wei\u00dft, welcher Kameramodus in welcher Situation sinnvoll ist \u2013 und warum\n      <\/div>\n\n      <div class=\"nr-content-item\">\n        <strong>ISO, Blende und Verschlusszeit gezielt nutzen:<\/strong> Du verstehst das Zusammenspiel \u2013 und triffst die richtigen Entscheidungen\n      <\/div>\n\n      <div class=\"nr-content-item\">\n        <strong>Fachbegriffe einfach verstehen:<\/strong> Wei\u00dfabgleich, Histogramm oder Graukarte \u2013 du verstehst, was dahintersteckt und wie du sie sinnvoll einsetzt\n      <\/div>\n\n      <div class=\"nr-content-item\">\n        <strong>Licht bewusst einsetzen:<\/strong> Du erkennst, wie Licht dein Bild beeinflusst \u2013 und passt deine Einstellungen gezielt an\n      <\/div>\n\n      <div class=\"nr-content-item\">\n        <strong>Die Regeln der Bildkomposition anwenden:<\/strong> Deine Fotos wirken strukturierter und bewusster aufgebaut\n      <\/div>\n\n      <div class=\"nr-content-item\">\n        <strong>Gezielte Bildbearbeitung:<\/strong> Du lernst die wichtigsten Schritte f\u00fcr den letzten Feinschliff\n      <\/div>\n\n      <div class=\"nr-content-item\">\n        <strong>Alles als System verstehen:<\/strong> Technik, Licht und Gestaltung greifen ineinander \u2013 und genau das macht den Unterschied\n      <\/div>\n\n    <\/div>\n\n    <div class=\"nr-content-foot\">\n      559 Seiten, die dich Schritt f\u00fcr Schritt durch die Grundlagen f\u00fchren \u2013\n      verst\u00e4ndlich, strukturiert und ohne unn\u00f6tigen Ballast.\n    <\/div>\n\n  <\/div>\n\n<\/section><\/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_4 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\n\/* =========================================================\nNRATKO \u2013 LABYRINTH (FINAL COLOR BALANCE)\n========================================================= *\/\n\n#nr-labyrinth{\n  background:#F9F8F5;\n  padding:110px 24px 100px 24px;\n  color:#0B0C0D;\n  font-family:\"Inter\", system-ui, sans-serif;\n}\n\n.nr-labyrinth-inner{\n  max-width:880px;\n  margin:0 auto;\n}\n\n\/* HEADLINE *\/\n\n.nr-labyrinth-title{\n  font-size:2.05rem;\n  font-weight:500;\n  line-height:1.2;\n  text-align:center;\n  margin-bottom:26px;\n  letter-spacing:-0.02em;\n}\n\n\/* SUB (\ud83d\udd25 dunkler f\u00fcr bessere Lesbarkeit) *\/\n\n.nr-labyrinth-sub{\n  font-size:1.05rem;\n  line-height:1.65;\n  color:#2F3337; \/* \ud83d\udd25 vorher #4A4F55 *\/\n  text-align:center;\n  max-width:620px;\n  margin:0 auto 50px auto;\n}\n\n\/* CORE *\/\n\n.nr-labyrinth-core{\n  display:flex;\n  gap:18px;\n  margin-bottom:24px;\n}\n\n.nr-labyrinth-core-line{\n  width:2px;\n  background:#D4A351;\n}\n\n.nr-labyrinth-core-content{\n  flex:1;\n}\n\n.nr-labyrinth-core-title{\n  font-size:1.05rem;\n  font-weight:600;\n  margin-bottom:6px;\n}\n\n.nr-labyrinth-core-text{\n  font-size:0.95rem;\n  line-height:1.65;\n  color:#4A4F55;\n}\n\n\/* BRIDGE (\ud83d\udd25 minimal mehr Pr\u00e4senz) *\/\n\n.nr-labyrinth-bridge{\n  margin:22px 0 18px 0;\n  font-size:1.05rem;\n  line-height:1.6;\n  color:#0B0C0D;\n  font-weight:500;\n  letter-spacing:-0.01em; \/* \ud83d\udd25 subtiler Boost *\/\n}\n\n\/* BLOCKS *\/\n\n.nr-labyrinth-block{\n  padding:18px 0;\n}\n\n.nr-labyrinth-block + .nr-labyrinth-block{\n  border-top:1px solid rgba(0,0,0,0.05);\n}\n\n.nr-labyrinth-block-title{\n  font-size:1.05rem;\n  font-weight:600;\n  margin-bottom:6px;\n}\n\n.nr-labyrinth-block-text{\n  font-size:0.95rem;\n  line-height:1.65;\n  color:#4A4F55;\n}\n\n\/* FINAL *\/\n\n.nr-labyrinth-final{\n  margin:32px 0 60px 0;\n  text-align:center;\n}\n\n.nr-labyrinth-final-title{\n  font-size:1.05rem;\n  font-weight:600;\n  color:#0B0C0D;\n  margin-bottom:6px;\n}\n\n.nr-labyrinth-final-sub{\n  font-size:1.8rem;\n  font-weight:500;\n  letter-spacing:-0.02em;\n  color:#0B0C0D;\n}\n\n.nr-labyrinth-final-sub strong{\n  font-weight:600;\n}\n\n\/* CTA *\/\n\n.nr-labyrinth-cta{\n  text-align:center;\n  margin-top:24px;\n}\n\n.nr-labyrinth-cta a{\n  display:inline-block;\n  background:#121416;\n  color:#F9F8F5;\n  padding:16px 28px;\n  border-radius:999px;\n  font-size:0.95rem;\n  font-weight:600;\n  text-decoration:none;\n  white-space:nowrap;\n  transition:.2s ease;\n  margin-bottom:28px;\n}\n\n.nr-labyrinth-cta a:hover{\n  transform:translateY(-2px);\n}\n\n\/* TRUST (\ud83d\udd25 leicht st\u00e4rker, aber ruhig) *\/\n\n.nr-labyrinth-trust{\n  text-align:center;\n  line-height:1.5;\n  font-size:0.78rem;\n  color:#3F4449; \/* \ud83d\udd25 vorher zu grau *\/\n}\n\n.nr-labyrinth-trust strong{\n  font-size:0.78rem;\n  font-weight:600;\n  color:#0B0C0D;\n  white-space:nowrap;\n}\n\n.nr-labyrinth-trust br{\n  display:block;\n}\n\n\/* MOBILE *\/\n\n@media (max-width:768px){\n\n  #nr-labyrinth{\n    padding:80px 20px;\n  }\n\n  .nr-labyrinth-title{\n    font-size:1.6rem;\n  }\n\n  .nr-labyrinth-final-sub{\n    font-size:1.5rem;\n  }\n\n  .nr-labyrinth-cta a{\n    width:100%;\n    white-space:normal;\n  }\n\n  .nr-labyrinth-trust{\n    font-size:0.7rem;\n    white-space:normal;\n  }\n\n  .nr-labyrinth-trust strong{\n    white-space:normal;\n  }\n\n}\n\n<\/style>\n\n<section id=\"nr-labyrinth\">\n\n  <div class=\"nr-labyrinth-inner\">\n\n    <!-- HEADLINE -->\n    <div class=\"nr-labyrinth-title\">\n      Zu viele Informationen.<br>\n      Und trotzdem keine Klarheit.\n    <\/div>\n\n    <!-- SUB -->\n    <div class=\"nr-labyrinth-sub\">\n      Egal, wo du suchst:\n      Tipps, Tutorials und Meinungen gibt es \u00fcberall.<br><br>\n      Aber oft widersprechen sie sich.\n      Und machen es eher komplizierter als einfacher.\n    <\/div>\n\n    <!-- CORE -->\n    <div class=\"nr-labyrinth-core\">\n      <div class=\"nr-labyrinth-core-line\"><\/div>\n\n      <div class=\"nr-labyrinth-core-content\">\n        <div class=\"nr-labyrinth-core-title\">\n          Wissen ohne Struktur bringt dich nicht weiter.\n        <\/div>\n        <div class=\"nr-labyrinth-core-text\">\n          Du sammelst Einstellungen, Begriffe und Methoden \u2013\n          aber dir fehlt die Logik, die alles verbindet.\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- BRIDGE -->\n    <div class=\"nr-labyrinth-bridge\">\n      Und genau hier beginnt das eigentliche Problem.\n    <\/div>\n\n    <!-- BLOCK 1 -->\n    <div class=\"nr-labyrinth-block\">\n      <div class=\"nr-labyrinth-block-title\">\n        Das Fundament legen.\n      <\/div>\n      <div class=\"nr-labyrinth-block-text\">\n        Am Anfang verlierst du dich schnell im Chaos widerspr\u00fcchlicher Tipps \u2013\n        dir fehlt eine klare Grundlage, auf der alles aufbaut.\n      <\/div>\n    <\/div>\n\n    <!-- BLOCK 2 -->\n    <div class=\"nr-labyrinth-block\">\n      <div class=\"nr-labyrinth-block-title\">\n        Die Puzzleteile verbinden.\n      <\/div>\n      <div class=\"nr-labyrinth-block-text\">\n        Du kennst viele Begriffe und Einstellungen \u2013\n        aber sie greifen nicht sauber ineinander und ergeben kein klares Gesamtbild.\n      <\/div>\n    <\/div>\n\n    <!-- FINAL -->\n    <div class=\"nr-labyrinth-final\">\n      <div class=\"nr-labyrinth-final-title\">\n        Nicht, weil dir Talent fehlt.\n      <\/div>\n      <div class=\"nr-labyrinth-final-sub\">\n        Sondern weil dir ein klares <strong>System<\/strong> fehlt.\n      <\/div>\n    <\/div>\n\n    <!-- CTA -->\n    <div class=\"nr-labyrinth-cta\">\n      <a href=\"https:\/\/www.checkout-ds24.com\/product\/674419\" target=\"_blank\" rel=\"noopener\">\n        Ich will endlich verstehen, was ich tue\n      <\/a>\n    <\/div>\n\n    <!-- TRUST -->\n    <div class=\"nr-labyrinth-trust\">\n      <strong>97 \u20ac inkl. MwSt. \u00b7 Digitales Standardwerk (559 Seiten)<\/strong><br>\n      Sofort-Download \u00b7 Sichere Zahlung via Digistore24\n    <\/div>\n\n  <\/div>\n\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_4 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_4 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_4 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_5 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\n\/* =========================================================\nSECTION 3 \u2013 SYSTEM (FINAL MASTER VERSION)\n========================================================= *\/\n\n#nratko-system-dark{\nbackground:#121416;\npadding:80px 40px 120px 40px;\ncolor:#F9F8F5;\nfont-family:\"Inter\", system-ui, sans-serif;\n}\n\n\/* CONTAINER *\/\n\n.nratko-system-inner{\nmax-width:860px;\nmargin:0 auto;\ntext-align:center;\n}\n\n\/* HEADLINE *\/\n\n#nratko-system-dark h2{\nfont-size:2.6rem;\nfont-weight:500;\nline-height:1.28;\nmargin:0 0 48px 0;\ncolor:#F9F8F5;\n}\n\n#nratko-system-dark h2 span{\ndisplay:block;\n}\n\n\/* INTRO *\/\n\n.nratko-system-intro{\nmax-width:600px;\nmargin:0 auto 48px auto;\nfont-size:1.05rem;\nline-height:1.7;\ncolor:#C2C6CA;\n}\n\n\/* CORE BLOCK *\/\n\n.nratko-system-amber{\nmax-width:520px;\nmargin:0 auto 40px auto;\npadding-left:18px;\nborder-left:2px solid #D4A351;\ntext-align:left;\n}\n\n.nratko-system-core{\nfont-size:1.25rem;\nline-height:1.6;\nfont-weight:600;\nmargin-bottom:6px;\ncolor:#F9F8F5;\n}\n\n.nratko-system-bridge{\nfont-size:1rem;\nline-height:1.7;\ncolor:#C2C6CA;\n}\n\n\/* SUBLINE (\ud83d\udd25 gr\u00f6\u00dfer gemacht) *\/\n\n.nratko-system-examples{\nfont-size:1.1rem; \/* \ud83d\udd25 gr\u00f6\u00dfer *\/\nfont-weight:600;\ncolor:#F9F8F5;\nmargin-bottom:28px;\nletter-spacing:-0.01em;\n}\n\n\/* LIST *\/\n\n.nratko-causality-item{\nmax-width:600px;\nmargin:0 auto;\npadding:16px 0;\nfont-size:1rem;\nline-height:1.65;\ntext-align:left;\ncolor:#F9F8F5;\n}\n\n.nratko-causality-item + .nratko-causality-item{\nborder-top:1px solid rgba(255,255,255,0.08);\n}\n\n.nratko-causality-item strong{\nfont-weight:600;\n}\n\n\/* OUTRO *\/\n\n.nratko-system-outro{\nmax-width:480px;\nmargin:28px auto 20px auto;\nfont-size:1.2rem;\nfont-weight:600;\nline-height:1.55;\ncolor:#F9F8F5;\n}\n\n.nratko-system-outro span{\nfont-weight:400;\ncolor:#C2C6CA;\n}\n\n\/* CTA *\/\n\n.nratko-system-cta{\ndisplay:flex;\njustify-content:center;\nmargin-top:36px;\nmargin-bottom:20px;\n}\n\n\/* CTA BUTTON *\/\n\n#cta-white,\n#cta-white:visited,\n#cta-white:hover,\n#cta-white:focus{\nbackground:#F9F8F5 !important;\ncolor:#121416 !important;\ndisplay:inline-block;\npadding:18px 36px;\nborder-radius:999px;\nfont-size:0.95rem;\nfont-weight:600;\ntext-decoration:none;\nmax-width:320px;\ntext-align:center;\nborder:1px solid rgba(0,0,0,0.06);\ntransition:all .2s ease;\n}\n\n#cta-white:hover{\ntransform:translateY(-3px);\n}\n\n\/* TRUST (\ud83d\udd25 kleiner + eine Zeile) *\/\n\n.nratko-system-price{\ntext-align:center;\nfont-size:0.78rem; \/* \ud83d\udd25 kleiner *\/\nline-height:1.5;\ncolor:#B0B4B8;\n}\n\n.nratko-system-price strong{\ncolor:#F9F8F5;\nfont-weight:600;\nwhite-space:nowrap; \/* \ud83d\udd25 eine Zeile *\/\n}\n\n.nratko-system-price span{\ncolor:#8A9096;\nwhite-space:nowrap; \/* \ud83d\udd25 eine Zeile *\/\n}\n\n\/* MOBILE *\/\n\n@media (max-width:768px){\n\n#nratko-system-dark{\npadding:60px 20px 100px 20px;\n}\n\n#nratko-system-dark h2{\nfont-size:1.7rem;\nmargin-bottom:32px;\n}\n\n.nratko-system-intro{\nfont-size:0.95rem;\nmargin-bottom:32px;\n}\n\n.nratko-system-core{\nfont-size:1.05rem;\n}\n\n.nratko-system-bridge{\nfont-size:0.95rem;\n}\n\n.nratko-system-examples{\nfont-size:0.95rem;\n}\n\n.nratko-causality-item{\nfont-size:0.95rem;\n}\n\n.nratko-system-outro{\nfont-size:1rem;\n}\n\n\/* \ud83d\udd25 mobile darf umbrechen *\/\n.nratko-system-price{\nfont-size:0.7rem;\n}\n\n.nratko-system-price strong,\n.nratko-system-price span{\nwhite-space:normal;\n}\n\n}\n\n<\/style>\n\n\n<section id=\"nratko-system-dark\">\n<div class=\"nratko-system-inner\">\n\n<h2>\n<span>Du entscheidest,<\/span>\n<span>wie dein Bild wirkt.<\/span>\n<\/h2>\n\n<p class=\"nratko-system-intro\">\nJede Einstellung ver\u00e4ndert dein Bild.\nDieses Standardwerk zeigt dir, warum \u2013\ndamit du nicht mehr r\u00e4tst, sondern gezielt entscheidest.\n<\/p>\n\n<div class=\"nratko-system-amber\">\n\n<div class=\"nratko-system-core\">\nJede fotografische Entscheidung ver\u00e4ndert dein Bild.\n<\/div>\n\n<div class=\"nratko-system-bridge\">\nWer diese Zusammenh\u00e4nge versteht, fotografiert nicht mehr nach Gef\u00fchl \u2013\nsondern bewusst.\n<\/div>\n\n<\/div>\n\n<div class=\"nratko-system-examples\">\nJede Entscheidung hat eine Wirkung:\n<\/div>\n\n<div class=\"nratko-causality-item\">\n\u00c4nderst du die Blende \u2192 kontrollierst du die <strong>Tiefensch\u00e4rfe<\/strong>.\n<\/div>\n\n<div class=\"nratko-causality-item\">\n\u00c4nderst du die Brennweite \u2192 ver\u00e4nderst du die <strong>Raumwirkung<\/strong>.\n<\/div>\n\n<div class=\"nratko-causality-item\">\n\u00c4nderst du die Perspektive \u2192 bestimmst du die <strong>Bildaussage<\/strong>.\n<\/div>\n\n<p class=\"nratko-system-outro\">\nDu wei\u00dft, was du tust.<br>\n<span>Und warum es funktioniert.<\/span>\n<\/p>\n\n<div class=\"nratko-system-cta\">\n<a href=\"https:\/\/www.checkout-ds24.com\/product\/674419\" id=\"cta-white\" target=\"_blank\" rel=\"noopener\">\nIch will verstehen, was ich tue\n<\/a>\n<\/div>\n\n<div class=\"nratko-system-price\">\n<strong>97 \u20ac inkl. MwSt. \u00b7 Digitales Standardwerk (559 Seiten)<\/strong><br>\n<span>Sofort-Download \u00b7 Sichere Zahlung via Digistore24<\/span>\n<\/div>\n\n<\/div>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_5 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_5 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_5 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_6 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\n\/* =========================================================\nNRATKO \u2013 BOOK GLIMPSE (FINAL 11\/10 CLEAN)\n========================================================= *\/\n\n#nratko-book-glimpse{\n  background:#F9F8F5;\n  padding:60px 40px 48px 40px;\n  color:#121416;\n  font-family:\"Inter\", system-ui, sans-serif;\n}\n\n\/* Container *\/\n.nratko-book-glimpse-inner{\n  max-width:760px;\n  margin:0 auto;\n  text-align:center;\n}\n\n\/* HEADLINE *\/\n\n#nratko-book-glimpse h2{\n  font-size:2.6rem;\n  font-weight:500;\n  line-height:1.28;\n  margin:0 0 28px 0;\n  color:#0B0C0D;\n}\n\n#nratko-book-glimpse h2 span{\n  display:block;\n}\n\n#nratko-book-glimpse h2 span:last-child{\n  font-weight:600;\n}\n\n\/* Divider *\/\n\n.nratko-divider{\n  width:60px;\n  height:1px;\n  background:#D4A351;\n  margin:0 auto 32px auto;\n  opacity:0.6;\n}\n\n\/* INTRO *\/\n\n.nratko-book-glimpse-intro{\n  max-width:520px;\n  margin:0 auto 16px auto;\n  font-size:1.05rem;\n  line-height:1.7;\n  color:#1C1F22;\n}\n\n\/* TRUST *\/\n\n.nratko-book-glimpse-trust{\n  font-size:1.05rem;\n  color:#0B0C0D;\n  font-weight:600;\n  margin:16px 0 28px 0;\n}\n\n\/* SLIDER *\/\n\n.nratko-slider-wrapper{\n  margin-top:24px;\n}\n\n.nratko-slider-wrapper img{\n  width:100%;\n  border-radius:6px;\n  box-shadow:0 20px 60px rgba(0,0,0,0.08);\n}\n\n\/* \ud83d\udd25 FINAL STATEMENT *\/\n\n.nratko-glimpse-proofline{\n  margin-top:28px;\n  font-size:1.05rem;\n  font-weight:600;\n  color:#0B0C0D;\n}\n\n\/* MOBILE *\/\n\n@media (max-width:768px){\n\n  #nratko-book-glimpse{\n    padding:50px 20px 32px 20px;\n  }\n\n  #nratko-book-glimpse h2{\n    font-size:1.7rem;\n    margin-bottom:20px;\n  }\n\n  .nratko-book-glimpse-intro{\n    font-size:0.95rem;\n  }\n\n  .nratko-book-glimpse-trust{\n    font-size:0.95rem;\n  }\n\n  .nratko-glimpse-proofline{\n    font-size:0.9rem;\n  }\n\n}\n\n<\/style>\n\n\n<section id=\"nratko-book-glimpse\">\n\n  <div class=\"nratko-book-glimpse-inner\">\n\n    <!-- HEADLINE -->\n    <h2>\n      <span>Das ist kein Ratgeber.<\/span>\n      <span>Das ist ein System.<\/span>\n    <\/h2>\n\n    <div class=\"nratko-divider\"><\/div>\n\n    <!-- INTRO -->\n    <p class=\"nratko-book-glimpse-intro\">\n      559 Seiten,<br>\n      die dir zeigen, wie Fotografie wirklich funktioniert.\n    <\/p>\n\n    <!-- TRUST -->\n    <p class=\"nratko-book-glimpse-trust\">\n      Kein R\u00e4tselraten. Keine L\u00fccken. Kein Durcheinander.\n    <\/p>\n\n    <!-- SLIDER -->\n    <div class=\"nratko-slider-wrapper\">\n      \n      <!-- \ud83d\udd25 DEIN SLIDER HIER -->\n      \n    <\/div>\n\n    <!-- \ud83d\udd25 FINAL STATEMENT -->\n    <p class=\"nratko-glimpse-proofline\">\n      Ein System.\n    <\/p>\n\n  <\/div>\n\n<\/section><\/div><\/div>\n\n<div class=\"et_pb_code_7 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"nratko-slider-inhaltsverzeichnis\">\n  <div class=\"slider-wrapper-inhaltsverzeichnis\" id=\"nratkoMainWrapper-inhaltsverzeichnis\">\n    <button type=\"button\" class=\"nav-inhaltsverzeichnis prev-inhaltsverzeichnis\">&#10094;<\/button>\n    <div class=\"slider-img-container-inhaltsverzeichnis\">\n      <img decoding=\"async\" class=\"slider-image-inhaltsverzeichnis\" id=\"nratkoMainImg-inhaltsverzeichnis\" src=\"https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/01\/IMG_7550-2.jpg\" alt=\"Portfolio\">\n    <\/div>\n    <button type=\"button\" class=\"nav-inhaltsverzeichnis next-inhaltsverzeichnis\">&#10095;<\/button>\n  <\/div>\n  <div class=\"dots-inhaltsverzeichnis slider-dots-inhaltsverzeichnis\"><\/div>\n<\/div>\n\n<div id=\"nratkoFullscreen-inhaltsverzeichnis\" class=\"nratko-fullscreen-inhaltsverzeichnis\">\n  <button type=\"button\" class=\"fs-close-inhaltsverzeichnis\" id=\"fsCloseBtn-inhaltsverzeichnis\">&times;<\/button>\n  \n  <div class=\"fs-viewport-inhaltsverzeichnis\">\n    <div class=\"fs-content-stack-inhaltsverzeichnis\">\n      <div class=\"fs-img-wrapper-inhaltsverzeichnis\" id=\"fsImgWrapper-inhaltsverzeichnis\">\n        <button type=\"button\" class=\"fs-nav-inhaltsverzeichnis fs-prev-inhaltsverzeichnis\" id=\"fsPrev-inhaltsverzeichnis\">&#10094;<\/button>\n        <img decoding=\"async\" class=\"fs-image-inhaltsverzeichnis\" id=\"fsMainImage-inhaltsverzeichnis\" src=\"\" alt=\"Vollbild\">\n        <button type=\"button\" class=\"fs-nav-inhaltsverzeichnis fs-next-inhaltsverzeichnis\" id=\"fsNext-inhaltsverzeichnis\">&#10095;<\/button>\n      <\/div>\n      <div class=\"dots-inhaltsverzeichnis fs-dots-inhaltsverzeichnis\" id=\"fsDotsWrap-inhaltsverzeichnis\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* ================= VORSCHAU STYLES ================= *\/\n.nratko-slider-inhaltsverzeichnis { max-width: 800px; margin: 20px auto; position: relative; font-family: sans-serif; }\n.slider-wrapper-inhaltsverzeichnis { \n  position: relative; border-radius: 4px; overflow: hidden; background: #f5f5f5; line-height: 0; \n  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15), 0 5px 15px rgba(0,0,0,0.05);\n  cursor: pointer; touch-action: pan-y pinch-zoom; \n}\n.slider-image-inhaltsverzeichnis { width: 100%; height: auto; display: block; transition: opacity 0.4s; will-change: transform; user-select: none; }\n.nav-inhaltsverzeichnis { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; background: none; border: none; font-size: 28px; color: #121416; cursor: pointer; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; }\n.prev-inhaltsverzeichnis { left: 5px; } .next-inhaltsverzeichnis { right: 5px; }\n.slider-dots-inhaltsverzeichnis { text-align: center; margin-top: 25px; }\n.dots-inhaltsverzeichnis span { width: 7px; height: 7px; background: #ddd; display: inline-block; border-radius: 50%; margin: 0 4px; cursor: pointer; }\n.dots-inhaltsverzeichnis span.active-inhaltsverzeichnis { background: #121416 !important; }\n\n\/* ================= LIGHTBOX STYLES ================= *\/\n.nratko-fullscreen-inhaltsverzeichnis {\n  position: fixed !important; inset: 0 !important;\n  background: #121416 !important; z-index: 2147483647 !important;\n  display: none; flex-direction: column; overflow: hidden; touch-action: none;\n}\n.nratko-fullscreen-inhaltsverzeichnis.active-inhaltsverzeichnis { display: flex !important; }\n\n.fs-close-inhaltsverzeichnis {\n  position: absolute; top: 35px; right: 25px;\n  font-size: 40px; color: #888 !important; \/* Mobile Standard Grau *\/\n  background: none; border: none; cursor: pointer; z-index: 2147483653;\n  line-height: 0.5; filter: none !important;\n}\n\n.fs-viewport-inhaltsverzeichnis { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }\n.fs-content-stack-inhaltsverzeichnis { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; }\n.fs-img-wrapper-inhaltsverzeichnis { position: relative; flex: 1; display: flex; align-items: center; justify-content: center; width: 100vw; overflow: hidden; padding-top: 40px; }\n\n.fs-image-inhaltsverzeichnis {\n  width: 100vw !important; height: auto !important;\n  max-height: calc(100vh - 160px); \n  object-fit: contain; will-change: transform, opacity;\n  cursor: zoom-in;\n}\n\n.fs-nav-inhaltsverzeichnis {\n  position: absolute; top: 50%; transform: translateY(-50%);\n  background: none; border: none; color: #121416 !important; \n  font-size: 42px; cursor: pointer; z-index: 2147483652; padding: 20px;\n}\n.fs-prev-inhaltsverzeichnis { left: 8px; } .fs-next-inhaltsverzeichnis { right: 8px; }\n\n.fs-dots-inhaltsverzeichnis { height: 80px; width: 100%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n.fs-dots-inhaltsverzeichnis span { background: rgba(249, 248, 245, 0.2); }\n.fs-dots-inhaltsverzeichnis span.active-inhaltsverzeichnis { background: #F9F8F5 !important; }\n\n\/* ================= DESKTOP LOGIK ================= *\/\n@media (min-width: 769px) {\n  .fs-img-wrapper-inhaltsverzeichnis { padding-top: 0; }\n  .fs-image-inhaltsverzeichnis { width: auto !important; max-width: 100vw !important; max-height: 90vh !important; }\n  .fs-nav-inhaltsverzeichnis { color: #F9F8F5 !important; font-size: 55px; }\n  .fs-close-inhaltsverzeichnis { color: #F9F8F5 !important; }\n  .fs-dots-inhaltsverzeichnis { height: 60px; }\n}\n\n@media (max-width: 768px) {\n  .fs-close-inhaltsverzeichnis { top: 25px; right: 20px; font-size: 35px; }\n  .fs-nav-inhaltsverzeichnis { font-size: 34px; display: block !important; padding: 10px; }\n}\n\nbody.fs-open-inhaltsverzeichnis { overflow: hidden !important; }\n<\/style>\n\n<script>\n(function () {\n  const images = [\n    'https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/03\/fotografie-buch-inhaltsverzeichnis-07.webp',\n    'https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/03\/fotografie-buch-inhaltsverzeichnis-08.webp',\n    'https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/03\/fotografie-buch-inhaltsverzeichnis-09.webp',\n    'https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/03\/fotografie-buch-inhaltsverzeichnis-10.webp',\n    'https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/03\/fotografie-buch-inhaltsverzeichnis-11.webp',\n    'https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/03\/fotografie-buch-inhaltsverzeichnis-12.webp',\n    'https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/03\/fotografie-buch-inhaltsverzeichnis-13.webp',\n    'https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/03\/fotografie-buch-inhaltsverzeichnis-14.webp',\n    'https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/03\/fotografie-buch-inhaltsverzeichnis-15.webp',\n    'https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/03\/fotografie-buch-inhaltsverzeichnis-16.webp',\n    'https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/03\/fotografie-buch-inhaltsverzeichnis-17.webp',\n    'https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/03\/fotografie-buch-inhaltsverzeichnis-18.webp',\n    'https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/03\/fotografie-buch-inhaltsverzeichnis-19.webp'\n  ];\n\n  let currentIndex = 0;\n  let sPosX = 0, sStartX = 0, isDraggingS = false;\n  \n  let fScale = 1, fLastScale = 1;\n  let fPosX = 0, fPosY = 0, fStartX = 0, fStartY = 0;\n  let isDraggingFS = false, isPinchingFS = false, initialDistFS = 0;\n  let mDownX = 0, mDownY = 0;\n\n  const fsView = document.getElementById('nratkoFullscreen-inhaltsverzeichnis');\n  const fsImg = document.getElementById('fsMainImage-inhaltsverzeichnis');\n  const sImg = document.getElementById('nratkoMainImg-inhaltsverzeichnis');\n  const sWrapper = document.getElementById('nratkoMainWrapper-inhaltsverzeichnis');\n\n  function init() {\n    document.body.appendChild(fsView);\n    const sDotsWrap = document.querySelector('.slider-dots-inhaltsverzeichnis');\n    const fDotsWrap = document.getElementById('fsDotsWrap-inhaltsverzeichnis');\n    \n    document.querySelectorAll('.nratko-slider-inhaltsverzeichnis a').forEach(a => {\n      a.onclick = (e) => e.preventDefault();\n      a.href = \"javascript:void(0)\";\n    });\n\n    images.forEach((_, i) => {\n      const sDot = document.createElement('span'); \n      sDot.onclick = (e) => { e.preventDefault(); e.stopPropagation(); updateUI(i); };\n      sDotsWrap.appendChild(sDot);\n      const fDot = document.createElement('span');\n      fDot.onclick = (e) => { e.preventDefault(); e.stopPropagation(); updateUI(i); };\n      fDotsWrap.appendChild(fDot);\n    });\n    updateUI(0);\n  }\n\n  function updateUI(index) {\n    currentIndex = index;\n    fsImg.style.transition = \"opacity 0.25s ease\";\n    sImg.style.transition = \"opacity 0.25s ease\";\n    fsImg.style.opacity = 0; sImg.style.opacity = 0;\n    setTimeout(() => {\n      sImg.src = images[index]; fsImg.src = images[index];\n      resetStates();\n      fsImg.style.opacity = 1; sImg.style.opacity = 1;\n    }, 250);\n\n    const sDots = document.querySelectorAll('.slider-dots-inhaltsverzeichnis span');\n    const fDots = document.querySelectorAll('.fs-dots-inhaltsverzeichnis span');\n    sDots.forEach((d, i) => d.classList.toggle('active-inhaltsverzeichnis', i === index));\n    fDots.forEach((d, i) => d.classList.toggle('active-inhaltsverzeichnis', i === index));\n  }\n\n  function resetStates() {\n    fScale = 1; fLastScale = 1; fPosX = 0; fPosY = 0;\n    fsImg.style.transition = \"transform 0.3s ease, opacity 0.3s ease\";\n    applyTransform(fsImg, 0, 0, 1);\n    sPosX = 0;\n    sImg.style.transition = \"transform 0.3s ease, opacity 0.3s ease\";\n    sImg.style.transform = `translateX(0px)`;\n    fsImg.style.cursor = \"zoom-in\";\n  }\n\n  function applyTransform(el, x, y, sc) {\n    requestAnimationFrame(() => { el.style.transform = `translate(${x}px, ${y}px) scale(${sc})`; });\n  }\n\n  const next = () => updateUI((currentIndex + 1) % images.length);\n  const prev = () => updateUI((currentIndex - 1 + images.length) % images.length);\n\n  \/* --- DESKTOP DRAG & ZOOM --- *\/\n  fsImg.addEventListener('mousedown', e => {\n    if (window.innerWidth <= 768) return;\n    e.preventDefault();\n    mDownX = e.pageX; mDownY = e.pageY;\n    if (fScale > 1) {\n      isDraggingFS = true;\n      fStartX = e.pageX - fPosX; fStartY = e.pageY - fPosY;\n      fsImg.style.transition = \"none\";\n      fsImg.style.cursor = \"grabbing\";\n    }\n  });\n\n  window.addEventListener('mousemove', e => {\n    if (!isDraggingFS || window.innerWidth <= 768) return;\n    fPosX = e.pageX - fStartX; fPosY = e.pageY - fStartY;\n    applyTransform(fsImg, fPosX, fPosY, fScale);\n  });\n\n  window.addEventListener('mouseup', e => {\n    if (window.innerWidth <= 768) return;\n    const moved = Math.hypot(e.pageX - mDownX, e.pageY - mDownY);\n    if (moved < 5 && e.target === fsImg) {\n       if (fScale === 1) {\n         fScale = 3; fLastScale = 3;\n         fsImg.style.transition = \"transform 0.3s ease\";\n         applyTransform(fsImg, 0, 0, 3);\n         fsImg.style.cursor = \"zoom-out\";\n       } else { resetStates(); }\n    }\n    if (isDraggingFS) { isDraggingFS = false; fsImg.style.cursor = fScale > 1 ? \"zoom-out\" : \"zoom-in\"; }\n  });\n\n  \/* VORSCHAU SWIPE (Webseite) *\/\n  sWrapper.addEventListener('touchstart', e => {\n    if (e.touches.length > 1) { isDraggingS = false; return; }\n    sImg.style.transition = \"none\";\n    isDraggingS = true; sStartX = e.touches[0].pageX - sPosX;\n  }, { passive: true });\n\n  sWrapper.addEventListener('touchmove', e => {\n    if (!isDraggingS) return;\n    sPosX = e.touches[0].pageX - sStartX;\n    sImg.style.transform = `translateX(${sPosX}px)`;\n  }, { passive: true });\n\n  sWrapper.addEventListener('touchend', e => {\n    if (!isDraggingS) return;\n    isDraggingS = false;\n    if (Math.abs(sPosX) > 60) { if (sPosX < 0) next(); else prev(); } else { resetStates(); }\n  });\n\n  sWrapper.addEventListener('click', (e) => {\n    e.preventDefault(); e.stopPropagation();\n    const isNav = e.target.closest('.nav-inhaltsverzeichnis');\n    if (isNav) { if (isNav.classList.contains('next-inhaltsverzeichnis')) next(); else prev(); } \n    else if (Math.abs(sPosX) < 5) { \n      fsView.classList.add('active-inhaltsverzeichnis'); \n      document.body.classList.add('fs-open-inhaltsverzeichnis'); \n      updateUI(currentIndex); \n    }\n  }, true);\n\n  \/* LIGHTBOX LOGIK (Pinch & Swipe Mobile) *\/\n  document.getElementById('fsNext-inhaltsverzeichnis').onclick = (e) => { e.stopPropagation(); next(); };\n  document.getElementById('fsPrev-inhaltsverzeichnis').onclick = (e) => { e.stopPropagation(); prev(); };\n  document.getElementById('fsCloseBtn-inhaltsverzeichnis').onclick = () => { \n    fsView.classList.remove('active-inhaltsverzeichnis'); \n    document.body.classList.remove('fs-open-inhaltsverzeichnis'); \n  };\n\n  fsView.addEventListener('touchstart', e => {\n    fsImg.style.transition = \"none\";\n    if (e.touches.length === 2) {\n      isPinchingFS = true;\n      initialDistFS = Math.hypot(e.touches[0].pageX - e.touches[1].pageX, e.touches[0].pageY - e.touches[1].pageY);\n      const midX = (e.touches[0].pageX + e.touches[1].pageX) \/ 2;\n      const midY = (e.touches[0].pageY + e.touches[1].pageY) \/ 2;\n      fStartX = midX - fPosX; fStartY = midY - fPosY;\n    } else {\n      isDraggingFS = true;\n      fStartX = e.touches[0].pageX - fPosX;\n      fStartY = e.touches[0].pageY - fPosY;\n    }\n  }, { passive: false });\n\n  fsView.addEventListener('touchmove', e => {\n    e.preventDefault();\n    if (isPinchingFS && e.touches.length === 2) {\n      const dist = Math.hypot(e.touches[0].pageX - e.touches[1].pageX, e.touches[0].pageY - e.touches[1].pageY);\n      fScale = Math.min(Math.max(1, fLastScale * (dist \/ initialDistFS)), 6);\n      const midX = (e.touches[0].pageX + e.touches[1].pageX) \/ 2;\n      const midY = (e.touches[0].pageY + e.touches[1].pageY) \/ 2;\n      fPosX = midX - fStartX; fPosY = midY - fStartY;\n      applyTransform(fsImg, fPosX, fPosY, fScale);\n    } else if (isDraggingFS && !isPinchingFS) {\n      fPosX = e.touches[0].pageX - fStartX;\n      \/\/ Y nur verschieben wenn gezoomt\n      if (fScale > 1.05) fPosY = e.touches[0].pageY - fStartY;\n      applyTransform(fsImg, fPosX, fPosY, fScale);\n    }\n  }, { passive: false });\n\n  fsView.addEventListener('touchend', e => {\n    if (e.touches.length < 2 && isPinchingFS) { fLastScale = fScale; isPinchingFS = false; }\n    if (e.touches.length === 0) {\n      isDraggingFS = false;\n      \/\/ Swipe wenn nicht gezoomt\n      if (fScale <= 1.05) {\n        if (fPosX < -70) next(); \n        else if (fPosX > 70) prev(); \n        else resetStates();\n      } else {\n        fsImg.style.transition = \"transform 0.2s ease-out\";\n      }\n    }\n  });\n\n  init();\n})();\n<\/script><\/div><\/div>\n\n<div class=\"et_pb_code_8 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* =========================================================\nNRATKO CTA 559 \u2013 ISOLATED VERSION\n========================================================= *\/\n\n\/* WRAPPER *\/\n\n.nratko-system-cta-559{\ndisplay:flex;\njustify-content:center;\nmargin-top:74px;\nmargin-bottom:12px;\n}\n\n\/* BUTTON *\/\n\n#cta-559{\ndisplay:inline-block;\nbackground:#121416;\ncolor:#fff;\npadding:16px 34px;\nborder-radius:999px;\nfont-family:\"Inter\", system-ui, sans-serif;\nfont-size:0.95rem;\nfont-weight:600;\ntext-decoration:none;\nbox-shadow:0 8px 24px rgba(0,0,0,0.14);\ntransition:all .2s ease;\nmax-width:320px;\ntext-align:center;\n}\n\n#cta-559:hover{\ntransform:translateY(-3px);\nbox-shadow:0 14px 32px rgba(0,0,0,0.2);\n}\n\n\/* TRUST (\ud83d\udd25 FIXED COLOR) *\/\n\n.nratko-system-price-559{\ntext-align:center;\nfont-family:\"Inter\", system-ui, sans-serif;\nfont-size:0.78rem; \/* \ud83d\udd25 kleiner *\/\nline-height:1.5;\ncolor:#4A4F55; \/* \ud83d\udd25 NICHT mehr wei\u00df *\/\n}\n\n\/* erste Zeile *\/\n\n.nratko-system-price-559 strong{\ncolor:#0B0C0D; \/* \ud83d\udd25 klar sichtbar *\/\nfont-weight:600;\nwhite-space:nowrap;\n}\n\n\/* zweite Zeile *\/\n\n.nratko-system-price-559 span{\ncolor:#4A4F55;\nwhite-space:nowrap;\n}\n\n\/* MOBILE *\/\n\n@media (max-width:768px){\n\n.nratko-system-price-559 strong,\n.nratko-system-price-559 span{\nwhite-space:normal;\nfont-size:0.7rem;\n}\n\n}\n<\/style>\n\n<div class=\"nratko-system-cta-559\">\n<a href=\"https:\/\/www.checkout-ds24.com\/product\/674419\" id=\"cta-559\" target=\"_blank\" rel=\"noopener\">\nIch will endlich Klarheit\n<\/a>\n<\/div>\n\n<div class=\"nratko-system-price-559\">\n<strong>97 \u20ac inkl. MwSt. \u00b7 Digitales Standardwerk (559 Seiten)<\/strong><br>\n<span>Sofort-Download \u00b7 Sichere Zahlung via Digistore24<\/span>\n<\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_6 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_6 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_6 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_9 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\n\/* =========================================================\nNRATKO \u2013 CONTENT SECTION (FINAL 11\/10 WITH CONTEXT)\n========================================================= *\/\n\n#nratko-content{\n  background:#F9F8F5;\n  padding:60px 40px;\n  color:#121416;\n  font-family:\"Inter\", system-ui, sans-serif;\n  text-align:center;\n}\n\n.nratko-content-inner{\n  max-width:1100px;\n  margin:0 auto;\n}\n\n#nratko-content h2{\n  font-size:2.6rem;\n  font-weight:500;\n  line-height:1.28;\n  margin-bottom:24px;\n}\n\n.nratko-content-sub{\n  max-width:700px;\n  margin:0 auto 40px auto;\n  font-size:1.05rem;\n  line-height:1.7;\n  color:#1C1F22;\n}\n\n\/* \ud83d\udd25 EINBLICK *\/\n\n.nratko-content-label{\n  font-size:0.9rem;\n  color:#6B7075;\n  margin-bottom:28px;\n}\n\n\/* GRID *\/\n\n.nratko-content-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:40px;\n  margin-bottom:40px;\n}\n\n\/* IMAGES *\/\n\n.nratko-content-item img{\n  width:100%;\n  border-radius:6px;\n  box-shadow:0 20px 60px rgba(0,0,0,0.12);\n}\n\n\/* CTA *\/\n\n.nratko-content-cta{\n  display:flex;\n  justify-content:center;\n  margin-top:30px;\n  margin-bottom:12px;\n}\n\n.nratko-content-cta a{\n  background:#121416;\n  color:#F9F8F5;\n  padding:16px 34px;\n  border-radius:999px;\n  font-size:0.95rem;\n  font-weight:600;\n  text-decoration:none;\n  transition:.2s;\n}\n\n.nratko-content-cta a:hover{\n  transform:translateY(-2px);\n}\n\n\/* PRICE *\/\n\n.nratko-content-price{\n  text-align:center;\n  font-size:0.9rem;\n  line-height:1.6;\n  color:#6B7075;\n}\n\n.nratko-content-price strong{\n  color:#121416;\n  font-weight:600;\n}\n\n\/* MOBILE *\/\n\n@media (max-width:768px){\n\n  #nratko-content{\n    padding:40px 20px;\n  }\n\n  #nratko-content h2{\n    font-size:1.7rem;\n  }\n\n  .nratko-content-sub{\n    font-size:0.95rem;\n    margin-bottom:30px;\n  }\n\n  .nratko-content-label{\n    font-size:0.85rem;\n  }\n\n  .nratko-content-grid{\n    grid-template-columns:1fr;\n    gap:30px;\n  }\n\n  .nratko-content-price{\n    font-size:0.7rem;\n  }\n\n  .nratko-content-price strong{\n    white-space:nowrap;\n  }\n\n}\n\n<\/style>\n\n\n<section id=\"nratko-content\">\n\n  <div class=\"nratko-content-inner\">\n\n    <h2>\n      Ein Einblick in das System.\n    <\/h2>\n\n    <p class=\"nratko-content-sub\">\n     So wird Fotografie im Buch verst\u00e4ndlich erkl\u00e4rt.\n    <\/p>\n\n\n\n    <div class=\"nratko-content-grid\">\n\n      <div class=\"nratko-content-item\">\n        <img decoding=\"async\" src=\"https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/03\/fotografie-buch-blende-erklaerung.webp\" loading=\"lazy\" alt=\"Blende und Sch\u00e4rfe\">\n      <\/div>\n\n      <div class=\"nratko-content-item\">\n        <img decoding=\"async\" src=\"https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/03\/fotografie-buch-weissabgleich-vergleich.webp\" loading=\"lazy\" alt=\"Wei\u00dfabgleich und Farbe\">\n      <\/div>\n\n      <div class=\"nratko-content-item\">\n        <img decoding=\"async\" src=\"https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/03\/fotografie-golden-hour-lichtstimmung.webp\" loading=\"lazy\" alt=\"Bildwirkung durch Licht\">\n      <\/div>\n\n    <\/div>\n\n    <div class=\"nratko-content-cta\">\n      <a href=\"https:\/\/www.checkout-ds24.com\/product\/674419\" id=\"cta-einblick\" target=\"_blank\" rel=\"noopener\">\n        Ich will verstehen, was ich tue\n      <\/a>\n    <\/div>\n\n    <div class=\"nratko-content-price\">\n      <strong>97 \u20ac inkl. MwSt. \u00b7 Digitales Standardwerk (559 Seiten)<\/strong><br>\n      Sofort-Download \u00b7 Sichere Zahlung via Digistore24\n    <\/div>\n\n  <\/div>\n\n<\/section><\/div><\/div>\n\n<div class=\"et_pb_code_10 et_pb_code et_pb_module\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_7 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_7 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_7 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_11 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\n\/* =========================================================\nSECTION \u2013 PREIS \/ WERTLOGIK (FINAL LIGHT CLEAN)\n========================================================= *\/\n\n#nratko-price{\n  background:#F9F8F5;\n  padding:0 40px;\n  display:flex;\n  justify-content:center;\n  color:#1C1F22;\n  font-family:\"Inter\",system-ui,sans-serif;\n  font-weight:400;\n  -webkit-font-smoothing:antialiased;\n}\n\n.nratko-price-inner{\n  max-width:860px;\n  width:100%;\n  text-align:center;\n}\n\n\/* ======================\nHAARLINIE\n====================== *\/\n\n.nratko-price-divider{\n  width:100%;\n  height:1px;\n  margin:20px auto 60px auto;\n  background:#D4A351;\n  opacity:0.5;\n}\n\n\/* ======================\nHEADLINE\n====================== *\/\n\n#nratko-price h2{\n  font-size:2.4rem;\n  font-weight:500;\n  line-height:1.35;\n  margin-bottom:48px;\n  color:#0B0C0D;\n  letter-spacing:-0.01em;\n}\n\n\/* ======================\nKOSTEN BOXEN\n====================== *\/\n\n.nratko-price-examples{\n  max-width:640px;\n  margin:0 auto 56px;\n}\n\n.nratko-price-box{\n  max-width:640px;\n  margin:0 auto;\n  padding:22px 26px;\n\n  background:#F8F7F2; \/* \ud83d\udd25 heller & clean *\/\n  \n  font-size:1rem;\n  line-height:1.75;\n  text-align:left;\n  color:#1C1F22;\n}\n\n\/* ABST\u00c4NDE *\/\n\n.nratko-price-box + .nratko-price-box{\n  margin-top:16px;\n}\n\n.nratko-price-box strong{\n  font-weight:700;\n}\n\n\/* ======================\nINVESTMENT BLOCK\n====================== *\/\n\n.nratko-price-investment{\n  margin:40px auto 48px;\n  padding-left:22px;\n  border-left:2px solid #D4A351;\n  max-width:640px;\n  text-align:left;\n\n  font-size:1.05rem;\n  line-height:1.75;\n  color:#1C1F22;\n}\n\n.nratko-price-investment strong{\n  font-weight:700;\n}\n\n\/* STATEMENT *\/\n\n.nratko-price-statement{\n  margin-top:16px;\n  font-size:1.15rem;\n  font-weight:600;\n  color:#0B0C0D;\n}\n\n\/* ======================\nSIGNATURE\n====================== *\/\n\n.nratko-price-micro{\n  font-size:.85rem;\n  color:#D4A351;\n  margin-top:36px;\n  text-align:center;\n  line-height:1.6;\n  letter-spacing:0.04em;\n  font-weight:500;\n}\n\n\/* ======================\nMOBILE\n====================== *\/\n\n@media (max-width:768px){\n\n  #nratko-price{\n    padding:0 20px;\n  }\n\n  #nratko-price h2{\n    font-size:1.6rem;\n    margin-bottom:40px;\n  }\n\n  .nratko-price-box{\n    font-size:.95rem;\n    padding:20px 22px;\n  }\n\n  .nratko-price-investment{\n    font-size:0.95rem;\n    margin:36px auto 32px;\n  }\n\n  .nratko-price-statement{\n    font-size:1.05rem;\n  }\n\n  .nratko-price-micro{\n    font-size:.75rem;\n  }\n\n}\n\n<\/style>\n\n\n\n<section id=\"nratko-price\">\n\n  <div class=\"nratko-price-inner\">\n\n    <!-- HAARLINIE -->\n    <div class=\"nratko-price-divider\"><\/div>\n\n    <!-- HEADLINE -->\n    <h2>\n      97 \u20ac f\u00fcr Klarheit.<br>\n      Oder weiter raten.\n    <\/h2>\n\n    <!-- BOXEN -->\n    <div class=\"nratko-price-examples\">\n\n      <div class=\"nratko-price-box\">\n        Ein Workshop kostet dich schnell <strong>500 \u20ac \u2013 und danach stehst du wieder allein da.<\/strong>\n      <\/div>\n\n      <div class=\"nratko-price-box\">\n        Fehlk\u00e4ufe kosten dich nicht nur Geld \u2013\n        <strong>sondern Vertrauen in deine eigenen Entscheidungen.<\/strong>\n      <\/div>\n\n      <div class=\"nratko-price-box\">\n        Jahrelanges Ausprobieren kostet dich nicht nur Zeit \u2013\n        <strong>sondern h\u00e4lt dich davon ab, wirklich besser zu werden.<\/strong>\n      <\/div>\n\n    <\/div>\n\n    <!-- INVESTMENT -->\n    <div class=\"nratko-price-investment\">\n      Du kaufst hier kein Buch.<br>\n      <strong>Du kaufst Klarheit.<\/strong><br>\n      <strong>Ein System.<\/strong>\n\n      <div class=\"nratko-price-statement\">\n        Ein System, das dir zeigt, wie Fotografie wirklich funktioniert.\n      <\/div>\n    <\/div>\n\n    <!-- SIGNATURE -->\n    <div class=\"nratko-price-micro\">\n      Ein System. Das bleibt.\n    <\/div>\n\n  <\/div>\n\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_8 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_8 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_8 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_12 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\n\/* ===== CTA SECTION ===== *\/\n\n.nratko-final-cta-section{\n  background:#121416;\n  padding:0 24px;\n  font-family:\"Inter\",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;\n  color:#F9F8F5;\n  text-align:center;\n  -webkit-font-smoothing:antialiased;\n}\n\n\/* ===== CONTAINER ===== *\/\n\n.nratko-final-cta-container{\n  max-width:640px;\n  margin:0 auto;\n}\n\n\/* ===== HEADLINE ===== *\/\n\n.nratko-final-cta-headline{\n  font-size:28px;\n  font-weight:500;\n  line-height:1.3;\n  margin-bottom:20px;\n  color:#F9F8F5;\n  letter-spacing:-0.01em;\n}\n\n\/* ===== SUBLINE ===== *\/\n\n.nratko-final-cta-sub{\n  font-size:15px;\n  color:rgba(249,248,245,0.7);\n  margin-bottom:44px;\n  line-height:1.6;\n}\n\n\/* ===== BUTTON ===== *\/\n\n.nratko-final-cta-button{\n  display:inline-block;\n  padding:18px 36px;\n  font-size:14px;\n  font-weight:600;\n  letter-spacing:0.02em;\n  text-transform:none;\n\n  color:#121416;\n  background:#F9F8F5;\n\n  border-radius:999px;\n  text-decoration:none;\n\n  box-shadow:0 8px 24px rgba(0,0,0,0.25);\n  border:1px solid rgba(0,0,0,0.04);\n\n  transition:all .25s ease;\n}\n\n.nratko-final-cta-button:hover{\n  background:#ffffff;\n  transform:translateY(-2px);\n  box-shadow:0 14px 32px rgba(0,0,0,0.35);\n}\n\n\/* ===== TRUST NOTE ===== *\/\n\n.nratko-final-trust-note{\n  margin-top:28px;\n  font-size:12px;\n  line-height:1.6;\n  color:rgba(249,248,245,0.5);\n}\n\n\/* \ud83d\udd25 PREIS HERVORHEBUNG *\/\n\n.nratko-final-trust-note strong{\n  display:block;\n  font-size:13px;\n  font-weight:600;\n  color:#F9F8F5;\n  margin-bottom:4px;\n}\n\n\/* ===== MOBILE ===== *\/\n\n@media (max-width:768px){\n\n  .nratko-final-cta-section{\n    padding:0 20px;\n  }\n\n  .nratko-final-cta-headline{\n    font-size:22px;\n  }\n\n  .nratko-final-cta-sub{\n    font-size:14px;\n    margin-bottom:36px;\n  }\n\n  .nratko-final-cta-button{\n    padding:16px 28px;\n    font-size:13px;\n  }\n\n}\n\n<\/style>\n\n\n<section class=\"nratko-final-cta-section\">\n  <div class=\"nratko-final-cta-container\">\n\n    <!-- \ud83d\udd25 HEADLINE (NEU) -->\n    <h2 class=\"nratko-final-cta-headline\">\n      Jetzt entscheidest du,<br>\n      ob deine Fotos besser werden.\n    <\/h2>\n\n    <!-- \ud83d\udd25 SUBLINE (NEU) -->\n    <p class=\"nratko-final-cta-sub\">\n      Du wei\u00dft jetzt, wie Fotografie funktioniert.<br>\n      Jetzt liegt es bei dir.\n    <\/p>\n\n    <!-- CTA -->\n    <a href=\"https:\/\/www.checkout-ds24.com\/product\/674419\" class=\"nratko-final-cta-button\" id=\"cta-footer\" target=\"_blank\" rel=\"noopener\">\n      Ich will verstehen, was ich tue\n    <\/a>\n\n    <!-- TRUST -->\n    <div class=\"nratko-final-trust-note\">\n      <strong>97 \u20ac inkl. MwSt. \u00b7 Digitales Standardwerk (559 Seiten)<\/strong>\n      Sofort-Download \u00b7 Sichere Zahlung \u00fcber Digistore24\n    <\/div>\n\n  <\/div>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_9 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_9 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_9 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_13 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n  \/* 1. DER PANZER: Nur diese ID darf angesprochen werden *\/\n  #nratko-final-footer-container-id-footer {\n    all: initial; \/* Setzt alle vererbten Styles von Divi auf Null zur\u00fcck! *\/\n    display: block !important;\n    width: 100% !important;\n    background: #f9f8f5 !important;\n    font-family: 'Roboto', Arial, sans-serif !important;\n    text-align: center !important;\n    border-top: 1px solid rgba(0,0,0,0.05) !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    box-sizing: border-box !important;\n    clear: both !important;\n  }\n\n  \/* 2. LOGO ISOLIERUNG *\/\n  #nratko-final-footer-container-id-footer .nratko-logo-final-footer {\n    max-width: 120px !important;\n    height: auto !important;\n    margin: 0 auto !important;\n    display: block !important;\n    padding-top: 20px !important;\n    background: transparent !important;\n    border: none !important;\n  }\n\n  \/* 3. LINKS ISOLIERUNG *\/\n  #nratko-final-footer-container-id-footer .nratko-link-box-footer {\n    display: flex !important;\n    justify-content: center !important;\n    flex-wrap: wrap !important;\n    gap: 20px !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  #nratko-final-footer-container-id-footer .nratko-single-link-footer {\n    color: #111111 !important;\n    text-decoration: none !important;\n    font-weight: 500 !important;\n    font-size: 14px !important;\n    line-height: 3.5 !important;\n    font-family: 'Roboto', sans-serif !important;\n    background: transparent !important;\n  }\n\n  #nratko-final-footer-container-id-footer .nratko-single-link-footer:hover {\n    color: #b9963d !important;\n  }\n\n  \/* 4. TRENNLINIE *\/\n  #nratko-final-footer-container-id-footer .nratko-line-divider-footer {\n    width: 100% !important;\n    height: 1px !important;\n    background: #d0d0d0 !important;\n    opacity: 0.3 !important;\n    display: block !important;\n    margin: 0 !important;\n  }\n\n  \/* 5. COPYRIGHT *\/\n  #nratko-final-footer-container-id-footer .nratko-copyright-text-footer {\n    font-size: 12px !important;\n    color: #777777 !important;\n    line-height: 3.5 !important;\n    margin: 0 !important;\n    display: block !important;\n    font-family: 'Roboto', sans-serif !important;\n  }\n\n  @media(max-width:640px){\n    #nratko-final-footer-container-id-footer .nratko-logo-final-footer { max-width: 100px !important; }\n    #nratko-final-footer-container-id-footer .nratko-link-box-footer { gap: 12px !important; }\n  }\n<\/style>\n\n<footer id=\"nratko-final-footer-container-id-footer\">\n  <div class=\"nratko-logo-final-footer\">\n    <img decoding=\"async\" src=\"https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/02\/Logo-scaled.png\" \n         alt=\"Logo\" \n         class=\"nratko-logo-final-footer\">\n  <\/div>\n\n  <div class=\"nratko-link-box-footer\">\n    <a href=\"\/impressum\" class=\"nratko-single-link-footer\">Impressum<\/a>\n    <a href=\"\/datenschutz\" class=\"nratko-single-link-footer\">Datenschutz<\/a>\n    <a href=\"#\" class=\"nratko-single-link-footer nratko-cookie-trigger-footer\" role=\"button\">\n      Cookie-Einstellungen \u00e4ndern\n    <\/a>\n  <\/div>\n\n  <div class=\"nratko-line-divider-footer\"><\/div>\n\n  <div class=\"nratko-copyright-text-footer\">\n    \u00a9 <span id=\"y-copy-final-footer\"><\/span> NRATKO PICTURES \u2013 Alle Rechte vorbehalten.\n  <\/div>\n<\/footer>\n\n<script>\n(function(){\n  const yearEl = document.getElementById('y-copy-final-footer');\n  if(yearEl) yearEl.textContent = new Date().getFullYear();\n\n  function openRCB(){\n    try {\n      if(window.RCB && typeof window.RCB.showBanner==='function'){window.RCB.showBanner();return true;}\n      if(window.RealCookieBanner && typeof window.RealCookieBanner.show==='function'){window.RealCookieBanner.show();return true;}\n    } catch(e){}\n    return false;\n  }\n\n  document.querySelectorAll('.nratko-cookie-trigger-footer').forEach(function(link){\n    link.addEventListener('click',function(e){\n      e.preventDefault();\n      if(!openRCB()) {\n        document.cookie.split(';').forEach(function(c){\n          var name=c.split('=')[0].trim();\n          if(\/(real_cookie|rcb_consent|real_cookie_banner)\/i.test(name)){\n            document.cookie=name+\"=;expires=Thu, 01 Jan 1970 00:00:01 GMT;path=\/;\";\n          }\n        });\n        location.reload();\n      }\n    });\n  });\n})();\n<\/script><\/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-4320","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nratkopictures.com\/de\/wp-json\/wp\/v2\/pages\/4320","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=4320"}],"version-history":[{"count":10,"href":"https:\/\/nratkopictures.com\/de\/wp-json\/wp\/v2\/pages\/4320\/revisions"}],"predecessor-version":[{"id":4381,"href":"https:\/\/nratkopictures.com\/de\/wp-json\/wp\/v2\/pages\/4320\/revisions\/4381"}],"wp:attachment":[{"href":"https:\/\/nratkopictures.com\/de\/wp-json\/wp\/v2\/media?parent=4320"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}