{"id":4383,"date":"2026-04-12T11:28:43","date_gmt":"2026-04-12T09:28:43","guid":{"rendered":"https:\/\/nratkopictures.com\/?page_id=4383"},"modified":"2026-05-02T13:21:16","modified_gmt":"2026-05-02T11:21:16","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  background:#121416;\n}\n\nhtml, body{\n  overflow-x:hidden;\n}\n\n\/* HERO *\/\n#nratko-hero{\n  width:100%;\n  background:#121416;\n  text-align:center;\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  padding:120px 0 100px 0;\n}\n\n\/* INNER *\/\n.hero-inner{\n  width:100%;\n  max-width:1200px;\n  margin:0 auto;\n  padding:0 24px;\n}\n\n\/* HEADLINE *\/\n.hero-title{\n  line-height:1.05;\n  margin:0 0 24px 0;\n  letter-spacing:-0.02em;\n}\n\n.hero-main{\n  display:block;\n  font-size:2.4rem;\n  font-weight:600;\n  color:#FFFFFF;\n  white-space:nowrap;\n}\n\n.hero-rest{\n  display:block;\n  font-size:1.9rem;\n  font-weight:500;\n  color:#F9F8F5;\n}\n\n.hero-rest strong{\n  font-weight:700;\n  color:#FFFFFF;\n}\n\n\/* SUBLINE *\/\n.hero-sub{\n  max-width:700px;\n  margin:0 auto 44px auto;\n  font-size:1.05rem;\n  line-height:1.5;\n  color:#F9F8F5;\n}\n\n.hero-sub .line1{\n  display:block;\n  font-weight:600;\n  margin-bottom:6px;\n  color:#FFFFFF;\n}\n\n\/* IMAGE *\/\n.hero-image{\n  width:100%;\n  max-width:900px;\n  margin:40px auto 8px auto; \/* \ud83d\udd25 FIX *\/\n}\n\n.hero-image img{\n  width:100%;\n  border-radius:18px;\n  box-shadow:0 25px 70px rgba(0,0,0,0.6);\n}\n\n\/* TRUST FULL WIDTH *\/\n.hero-trust-full{\n  width:100%;\n  margin:24px 0 36px 0; \/* \ud83d\udd25 ebenfalls leicht reduziert *\/\n  padding:0;\n\n  font-size:clamp(0.9rem, 1.2vw, 1.1rem);\n  font-weight:500;\n  color:#D1D5DB;\n\n  white-space:nowrap;\n  text-align:center;\n\n  letter-spacing:-0.01em;\n}\n\n\/* CTA *\/\n.cta{\n  display:inline-block;\n  background:#F9F8F5;\n  color:#121416;\n  padding:20px 46px;\n  border-radius:999px;\n  font-size:1rem;\n  font-weight:600;\n  text-decoration:none;\n  box-shadow:0 18px 45px rgba(0,0,0,0.5);\n}\n\n\/* META *\/\n.hero-meta{\n  margin-top:28px;\n  font-size:0.85rem;\n  color:#9CA3AF;\n}\n\n.meta-line1{\n  display:block;\n}\n\n.meta-line2{\n  display:block;\n  margin-top:4px;\n  color:#D1D5DB;\n}\n\n\/* TRUST SECOND LINE *\/\n.hero-secure{\n  margin-top:10px;\n  font-size:0.78rem;\n  color:#6B7280;\n}\n\n\/* MOBILE *\/\n@media (max-width:768px){\n\n  #nratko-hero{\n    padding:90px 0 70px 0;\n  }\n\n  .hero-inner{\n    max-width:360px;\n    padding:0 12px;\n  }\n\n  .hero-main{\n    font-size:1.8rem;\n    white-space:normal;\n  }\n\n  .hero-rest{\n    font-size:1.5rem;\n  }\n\n  .cta{\n    width:100%;\n  }\n\n  .hero-trust-full{\n    white-space:nowrap;\n    font-size:0.7rem;\n    padding:0 10px;\n    letter-spacing:-0.01em;\n  }\n\n}\n<\/style>\n\n<section id=\"nratko-hero\">\n\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        Lerne, sie endlich richtig <strong>einzustellen.<\/strong><br>\n        <strong><\/strong>\n      <\/span>\n    <\/h1>\n\n    <div class=\"hero-sub\">\n      <span class=\"line1\">Kein Raten mehr.<\/span>\n     Du wei\u00dft bei jedem Foto genau, was du einstellen musst.\n    <\/div>\n\n  <\/div>\n\n  <div class=\"hero-image\">\n    <img decoding=\"async\" src=\"https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/04\/Headerbild.webp\" alt=\"Fotografie System\">\n  <\/div>\n\n  <div class=\"hero-trust-full\">\n    559 Seiten. Ein klares System. Keine Kompromisse.\n  <\/div>\n\n  <div class=\"hero-inner\">\n\n    <a href=\"https:\/\/www.checkout-ds24.com\/product\/674419\" class=\"cta\" target=\"_blank\" rel=\"noopener\">\n      Ich will bessere Fotos\n    <\/a>\n\n    <div class=\"hero-meta\">\n      <span class=\"meta-line1\">\n        97 \u20ac inkl. MwSt. \u00b7 Sofort-Download\n      <\/span>\n      <span class=\"meta-line2\">        \n      <\/span>\n    <\/div>\n\n    <div class=\"hero-secure\">\n      \ud83d\udd12 Sichere Zahlung via Digistore24\n    <\/div>\n\n  <\/div>\n\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 CONVERSION VERSION V3)\n========================================================= *\/\n\n#nratko-diagnose{\n  background:#F9F8F5;\n  color:#121416;\n  padding:90px 24px 80px 24px;\n  font-family:\"Inter\",system-ui,sans-serif;\n}\n\n.nratko-container{\n  max-width:720px;\n  margin:0 auto;\n}\n\n\/* HEADLINE *\/\n\n.nratko-opening{\n  text-align:left;\n  margin-bottom:36px;\n}\n\n.nratko-line{\n  width:36px;\n  height:1px;\n  background:#B8893A;\n  margin:0 0 18px 0;\n}\n\n.nratko-opening h2{\n  line-height:1.12;\n  letter-spacing:-0.03em;\n  margin:0;\n}\n\n\/* FIX 2 ZEILEN *\/\n.nratko-opening h2 span{\n  display:block !important;\n}\n\n.nratko-opening .line1{\n  font-size:2.5rem;\n  font-weight:400;\n  margin-bottom:4px;\n}\n\n.nratko-opening .line2{\n  font-size:2.2rem;\n  font-weight:700;\n}\n\n\/* LABEL *\/\n\n.nratko-problem-intro{\n  text-align:left;\n  margin-bottom:6px;\n}\n\n.nratko-problem-intro span{\n  font-size:10px;\n  letter-spacing:0.22em;\n  text-transform:uppercase;\n  color:#B8893A;\n  font-weight:600;\n}\n\n.nratko-micro{\n  text-align:left;\n  font-size:0.9rem;\n  color:#6B7280;\n  margin-bottom:36px;\n}\n\n\/* FLOW *\/\n\n.nratko-flow{\n  display:flex;\n  flex-direction:column;\n}\n\n.nratko-step{\n  display:flex;\n  gap:16px;\n  align-items:flex-start;\n  padding:18px 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:0.8rem;\n  font-weight:600;\n  color:#B8893A;\n  min-width:26px;\n  margin-top:4px;\n}\n\n.nratko-step-title{\n  font-size:1.05rem;\n  font-weight:600;\n  margin-bottom:4px;\n}\n\n.nratko-step-text{\n  font-size:0.95rem;\n  line-height:1.6;\n  color:#4B5563;\n}\n\n.nratko-step-text strong{\n  color:#121416;\n  font-weight:600;\n}\n\n\/* TRANSITION *\/\n\n.nratko-transition{\n  text-align:center;\n  margin:35px 0 0 0;\n}\n\n.nratko-transition-line{\n  width:44px;\n  height:1px;\n  background:#B8893A;\n  margin:0 auto 18px auto;\n}\n\n.nratko-transition-text{\n  font-size:1rem;\n  font-weight:500;\n  margin-bottom:10px;\n}\n\n.nratko-big{\n  font-size:clamp(2.4rem, 3vw, 2.8rem);\n  font-weight:700;\n  line-height:1.1;\n  letter-spacing:-0.02em;\n}\n\n\/* MOBILE *\/\n\n@media (max-width:768px){\n\n  #nratko-diagnose{\n    padding:70px 20px 60px 20px;\n  }\n\n  .nratko-opening .line1{\n    font-size:1.85rem;\n  }\n\n  .nratko-opening .line2{\n    font-size:1.55rem;\n  }\n\n  .nratko-big{\n    font-size:1.9rem;\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      <!-- 01 -->\n      <div class=\"nratko-step\">\n        <div class=\"nratko-step-number\">01<\/div>\n        <div>\n          <div class=\"nratko-step-title\">Du wei\u00dft nicht, wo du anfangen sollst.<\/div>\n          <div class=\"nratko-step-text\">\n            Die Kamera hat unz\u00e4hlige Einstellungen.<br>\n            Aber sobald du fotografieren willst,<br>\n            wei\u00dft du nicht, welche wirklich wichtig ist.<br>\n            <strong>Du dr\u00fcckst irgendwas \u2014 und hoffst.<\/strong>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 02 -->\n      <div class=\"nratko-step\">\n        <div class=\"nratko-step-number\">02<\/div>\n        <div>\n          <div class=\"nratko-step-title\">Du hast keine Kontrolle \u00fcber dein Bild.<\/div>\n          <div class=\"nratko-step-text\">\n            Mal wird das Foto zu dunkel, mal zu hell.<br>\n            Mal passt der Fokus, mal nicht.<br>\n            <strong>Du wei\u00dft nie, warum es funktioniert \u2014 oder nicht.<\/strong>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 03 (NEU) -->\n      <div class=\"nratko-step\">\n        <div class=\"nratko-step-number\">03<\/div>\n        <div>\n          <div class=\"nratko-step-title\">Du suchst Antworten \u2014 und wirst noch verwirrter.<\/div>\n          <div class=\"nratko-step-text\">\n            YouTube, Instagram, Foren \u2014<br>\n            \u00fcberall Tipps, die sich widersprechen.<br>\n            <strong>Du wei\u00dft am Ende weniger als vorher.<\/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 \u00e4ndert sich jetzt.\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\/* ABOUT SECTION (LIGHT \u2014 CLEAN VERSION FIXED) *\/\n\n#nratko-about{\n  width:100%;\n  background:#F9F8F5;\n  color:#121416;\n  padding:100px 0;\n  border-top:1px solid rgba(0,0,0,0.06);\n\n  margin:0; \/* \ud83d\udd25 verhindert \u00e4u\u00dferen Rand *\/\n}\n\n\/* \ud83d\udd25 WICHTIG: kontrollierter Innenbereich *\/\n.about-inner{\n  width:100%;\n  max-width:680px;\n  margin:0 auto;\n  padding:0 20px; \/* \ud83d\udd25 reduziert \u2192 kein dunkler Rand sichtbar *\/\n  box-sizing:border-box;\n}\n\n\/* LABEL *\/\n.about-label{\n  font-size:0.72rem;\n  font-weight:600;\n  letter-spacing:0.12em;\n  text-transform:uppercase;\n  color:#B8893A;\n  margin-bottom:20px;\n  display:block;\n  text-align:left;\n}\n\n\/* HEADLINE *\/\n.about-intro{\n  line-height:1.15;\n  letter-spacing:-0.02em;\n  margin-bottom:28px;\n  text-align:left;\n}\n\n.about-intro .line1{\n  display:block;\n  font-size:2.4rem;\n  font-weight:400;\n  margin-bottom:4px;\n}\n\n.about-intro .line2{\n  display:block;\n  font-size:2.1rem;\n  font-weight:700;\n}\n\n.about-intro em{\n  font-style:normal;\n  color:#B8893A;\n}\n\n\/* DIVIDER *\/\n.about-divider{\n  width:40px;\n  height:2px;\n  background:#B8893A;\n  margin:0 0 30px 0;\n  border:none;\n}\n\n\/* TEXT *\/\n.about-text{\n  font-size:1.02rem;\n  line-height:1.75;\n  color:#4B5563;\n  margin-bottom:22px;\n}\n\n.about-text strong{\n  color:#121416;\n  font-weight:600;\n}\n\n\/* QUOTE \u2014 CLEAN *\/\n.about-quote{\n  margin:42px 0;\n  padding:20px 0 20px 20px;\n  background:transparent;\n  border-left:3px solid #B8893A;\n}\n\n.about-quote p{\n  font-size:1.05rem;\n  font-weight:500;\n  line-height:1.6;\n  color:#121416;\n  margin:0 0 10px 0;\n  font-style:italic;\n}\n\n.about-quote-author{\n  font-size:0.78rem;\n  color:#6B7280;\n}\n\n\/* MOBILE *\/\n@media (max-width:768px){\n\n  #nratko-about{\n    padding:72px 0;\n  }\n\n  .about-inner{\n    padding:0 16px; \/* \ud83d\udd25 optimal f\u00fcr mobile *\/\n  }\n\n  .about-intro .line1{\n    font-size:1.9rem;\n  }\n\n  .about-intro .line2{\n    font-size:1.6rem;\n  }\n\n}\n<\/style>\n\n<section id=\"nratko-about\">\n  <div class=\"about-inner\">\n\n    <span class=\"about-label\">Wer steckt dahinter<\/span>\n\n    <h2 class=\"about-intro\">\n      <span class=\"line1\">Ich stand genau dort,<\/span>\n      <span class=\"line2\">wo du <em>gerade stehst.<\/em><\/span>\n    <\/h2>\n\n    <hr class=\"about-divider\">\n\n    <p class=\"about-text\">\n      Ich bin <strong>Norbert<\/strong> \u2014 und ich fotografiere seit ich denken kann.\n      Aber am Anfang war auch ich komplett verloren. A-Modus, S-Modus, Histogramm, Wei\u00dfabgleich, Brennweite \u2014\n      lauter Begriffe, die ich irgendwo aufgeschnappt hatte, aber nie wirklich zusammenbringen konnte.\n    <\/p>\n\n    <p class=\"about-text\">\n      Ich wusste nicht, wann ich welchen Modus nutze. Ich stellte irgendwas ein und hoffte,\n      dass es passt. <strong>Manchmal hat es funktioniert. Oft nicht. Und ich wusste nie warum.<\/strong>\n    <\/p>\n\n    <p class=\"about-text\">\n      Was mir damals gefehlt hat, war kein weiteres YouTube-Video und kein weiterer Tipp.\n      Was mir gefehlt hat, war <strong>ein klares System \u2014 alles an einem Ort, logisch aufgebaut,\n      ohne Widerspr\u00fcche.<\/strong>\n    <\/p>\n\n    <div class=\"about-quote\">\n      <p>\u201eIch habe dieses Buch so aufgebaut, wie ich es damals gebraucht h\u00e4tte: klar, vollst\u00e4ndig und ohne L\u00fccken.&#8220;<\/p>\n      <span class=\"about-quote-author\">\u2014 Norbert, Fotograf &#038; Autor<\/span>\n    <\/div>\n\n    <p class=\"about-text\">\n      Das Buch erkl\u00e4rt dir nicht nur die wichtigsten Fachbegriffe \u2014 es zeigt dir den\n      <strong>Zusammenhang dahinter.<\/strong> Wann A-Modus, wann S-Modus, wie Licht dein Bild\n      ver\u00e4ndert, wie du Bildkomposition bewusst einsetzt. Und wenn du mal etwas nachschlagen willst:\n      Das integrierte <strong>Glossar<\/strong> macht das Buch gleichzeitig zu deinem Nachschlagewerk.\n    <\/p>\n\n  <\/div>\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\/* \u2500\u2500 VORTEILE (NRATKO SYSTEM FINAL) \u2500\u2500 *\/\n#nratko-vorteile{\n  width:100%;\n  background:#F9F8F5;\n  padding:100px 0;\n  border-top:1px solid rgba(0,0,0,0.06);\n  font-family:\"Inter\",system-ui,sans-serif;\n}\n\n.vorteile-inner{\n  width:100%;\n  max-width:720px;\n  margin:0 auto;\n  padding:0 24px;\n}\n\n\/* LABEL *\/\n.vorteile-label{\n  font-size:0.72rem;\n  font-weight:600;\n  letter-spacing:0.12em;\n  text-transform:uppercase;\n  color:#B8893A;\n  margin-bottom:16px;\n  display:block;\n}\n\n\/* HEADLINE *\/\n#nratko-vorteile h2{\n  line-height:1.15;\n  letter-spacing:-0.02em;\n  margin:0 0 12px 0;\n}\n\n.vorteile-line1{\n  display:block;\n  font-size:2.4rem;\n  font-weight:400;\n}\n\n.vorteile-line2{\n  display:block;\n  font-size:2.1rem;\n  font-weight:700;\n}\n\n\/* SUB *\/\n.vorteile-sub{\n  font-size:1rem;\n  color:#6B7280;\n  margin:0 0 36px 0;\n  line-height:1.6;\n}\n\n\/* BOX *\/\n.vorteile-box{\n  background:transparent;\n  border-top:1px solid rgba(0,0,0,0.08);\n  border-bottom:1px solid rgba(0,0,0,0.08);\n  padding:30px 0;\n  margin-bottom:4px;\n}\n\n.vorteile-box-title{\n  font-size:0.7rem;\n  font-weight:600;\n  letter-spacing:0.12em;\n  text-transform:uppercase;\n  color:#6B7280;\n  margin-bottom:20px;\n  display:block;\n}\n\n\/* LIST *\/\n.vorteile-list{\n  list-style:none;\n  margin:0;\n  padding:0;\n}\n\n.vorteile-list li{\n  display:flex;\n  gap:12px;\n  padding:16px 0;\n  border-bottom:1px solid rgba(0,0,0,0.05);\n}\n\n.vorteile-list li:last-child{\n  border-bottom:none;\n}\n\n\/* CHECK *\/\n.v-check{\n  width:18px;\n  height:18px;\n  border-radius:50%;\n  background:#B8893A;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  flex-shrink:0;\n  margin-top:3px;\n}\n\n.v-check::after{\n  content:\"\";\n  width:4px;\n  height:8px;\n  border:solid #fff;\n  border-width:0 2px 2px 0;\n  transform:rotate(45deg);\n}\n\n\/* TEXT *\/\n.v-text strong{\n  display:block;\n  font-size:0.95rem;\n  font-weight:600;\n  color:#121416;\n  margin-bottom:2px;\n}\n\n.v-text span{\n  font-size:0.85rem;\n  color:#4B5563;\n  line-height:1.5;\n}\n\n\/* CTA *\/\n.vorteile-cta{\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  gap:12px;\n}\n\n\/* \ud83d\udd25 STRICH ENTFERNT *\/\n.vorteile-box{\n  border-top:none; \/* entfernt oberen Strich *\/\n  border-bottom:none; \/* optional cleaner Look *\/\n}\n\n\/* BUTTON *\/\n.vorteile-cta a{\n  display:inline-block;\n  background:#121416;\n  color:#F9F8F5;\n  padding:16px 34px;\n  border-radius:999px;\n  font-size:1rem;\n  font-weight:600;\n  text-decoration:none;\n  transition:.2s ease;\n}\n\n.vorteile-cta a:hover{\n  transform:translateY(-2px);\n}\n\n\/* PRICE *\/\n.vorteile-price{\n  font-size:0.82rem;\n  color:#6B7280;\n  line-height:1.6;\n  text-align:center;\n}\n\n\/* MOBILE *\/\n@media (max-width:768px){\n\n  #nratko-vorteile{\n    padding:72px 0;\n  }\n\n  .vorteile-inner{\n    padding:0 16px;\n  }\n\n  .vorteile-line1{\n    font-size:1.9rem;\n  }\n\n  .vorteile-line2{\n    font-size:1.6rem;\n  }\n\n  .vorteile-cta{\n    align-items:stretch;\n  }\n\n  .vorteile-cta a{\n    text-align:center;\n  }\n\n}\n<\/style>\n\n<section id=\"nratko-vorteile\">\n  <div class=\"vorteile-inner\">\n\n    <span class=\"vorteile-label\">Was du bekommst<\/span>\n\n    <h2>\n      <span class=\"vorteile-line1\">Nach diesem Buch<\/span>\n      <span class=\"vorteile-line2\">wei\u00dft du, was du tust.<\/span>\n    <\/h2>\n\n    <p class=\"vorteile-sub\">\n      559 Seiten, die aus einem R\u00e4tselrater einen bewussten Fotografen machen.\n    <\/p>\n\n    <div class=\"vorteile-box\">\n      <span class=\"vorteile-box-title\">Das nimmst du mit<\/span>\n\n      <ul class=\"vorteile-list\">\n\n        <li>\n          <div class=\"v-check\"><\/div>\n          <div class=\"v-text\">\n            <strong>Du verstehst die wichtigsten Begriffe<\/strong>\n            <span>Blende, Wei\u00dfabgleich, Histogramm \u2014 endlich logisch erkl\u00e4rt.<\/span>\n          <\/div>\n        <\/li>\n\n        <li>\n          <div class=\"v-check\"><\/div>\n          <div class=\"v-text\">\n            <strong>Du wei\u00dft, welche Einstellung wann richtig ist<\/strong>\n            <span>Kein Raten mehr \u2014 du triffst bewusste Entscheidungen.<\/span>\n          <\/div>\n        <\/li>\n\n        <li>\n          <div class=\"v-check\"><\/div>\n          <div class=\"v-text\">\n            <strong>Du nutzt deine Kamera bewusst<\/strong>\n            <span>A-Modus, S-Modus \u2014 du verstehst endlich den Unterschied.<\/span>\n          <\/div>\n        <\/li>\n\n        <li>\n          <div class=\"v-check\"><\/div>\n          <div class=\"v-text\">\n            <strong>Du arbeitest mit Licht statt gegen es<\/strong>\n            <span>Du erkennst, wie Licht dein Bild ver\u00e4ndert \u2014 und nutzt es gezielt.<\/span>\n          <\/div>\n        <\/li>\n\n        <li>\n          <div class=\"v-check\"><\/div>\n          <div class=\"v-text\">\n            <strong>Du fotografierst mit Absicht<\/strong>\n            <span>Komposition, Linien, Aufbau \u2014 du steuerst dein Bild bewusst.<\/span>\n          <\/div>\n        <\/li>\n\n        <li>\n          <div class=\"v-check\"><\/div>\n          <div class=\"v-text\">\n            <strong>Du hast ein Nachschlagewerk f\u00fcr immer<\/strong>\n            <span>Das integrierte Glossar erkl\u00e4rt jeden Fachbegriff \u2014 jederzeit nachschlagen, ohne lange suchen zu m\u00fcssen.<\/span>\n          <\/div>\n        <\/li>\n\n      <\/ul>\n    <\/div>\n\n    <div class=\"vorteile-cta\">\n      <a href=\"https:\/\/www.checkout-ds24.com\/product\/674419\" target=\"_blank\" rel=\"noopener\">\n        Ich will dieses System\n      <\/a>\n\n      <div class=\"vorteile-price\">\n        97 \u20ac inkl. MwSt. \u00b7 Sofort-Download <br>\n        \ud83d\udd12 Sichere Zahlung via Digistore24\n      <\/div>\n    <\/div>\n\n  <\/div>\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\/* SECTION WRAPPER *\/\n#nratko-preview{\n  width:100%;\n  background:#F9F8F5;\n  padding:100px 0;\n\n  \/* \ud83d\udd25 DAS IST DIE FEHLENDE LINIE *\/\n  border-top:1px solid rgba(0,0,0,0.06);\n}\n\n\/* INNER *\/\n.preview-inner{\n  width:100%;\n  max-width:860px;\n  margin:0 auto;\n  padding:0 24px;\n}\n\n\/* LABEL *\/\n.preview-label{\n  font-size:0.72rem;\n  font-weight:600;\n  letter-spacing:0.12em;\n  text-transform:uppercase;\n  color:#B8893A;\n  margin-bottom:16px;\n  display:block;\n  text-align:left;\n}\n\n\/* HEADLINE *\/\n.preview-title{\n  line-height:1.15;\n  letter-spacing:-0.02em;\n  margin:0 0 16px 0;\n  text-align:left;\n}\n\n.preview-line1{\n  display:block;\n  font-size:2.4rem;\n  font-weight:400;\n  color:#121416;\n}\n\n.preview-line2{\n  display:block;\n  font-size:2.4rem;\n  font-weight:700;\n  color:#121416;\n}\n\n\/* SUB *\/\n.preview-sub{\n  font-size:1rem;\n  color:#6B7280;\n  text-align:left;\n  margin:0 0 48px 0;\n  line-height:1.6;\n}\n\n\/* MOBILE *\/\n@media (max-width:768px){\n\n  #nratko-preview{\n    padding:72px 0;\n  }\n\n  .preview-inner{\n    padding:0 16px;\n  }\n\n  .preview-line1,\n  .preview-line2{\n    font-size:1.9rem;\n  }\n\n}\n<\/style>\n\n<section id=\"nratko-preview\">\n\n  <div class=\"preview-inner\">\n\n    <span class=\"preview-label\">BLICK INS BUCH<\/span>\n\n    <h2 class=\"preview-title\">\n      <span class=\"preview-line1\">Sieh selbst,<\/span>\n      <span class=\"preview-line2\">was dich erwartet.<\/span>\n    <\/h2>\n\n    <p class=\"preview-sub\">\n      559 Seiten \u2014 klar strukturiert, verst\u00e4ndlich erkl\u00e4rt, direkt anwendbar.\n    <\/p>\n\n  <\/div>\n\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\"><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<\/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_7 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* SECTION *\/\n#nratko-erklaert{\n  width:100%;\n  background:#F9F8F5;\n  color:#121416;\n  padding:100px 0;\n  border-top:1px solid rgba(0,0,0,0.06);\n  font-family:\"Inter\",system-ui,sans-serif;\n}\n\n.erklaert-inner{\n  width:100%;\n  max-width:1100px;\n  margin:0 auto;\n  padding:0 24px;\n}\n\n\/* LABEL *\/\n.erklaert-label{\n  font-size:0.72rem;\n  font-weight:600;\n  letter-spacing:0.12em;\n  text-transform:uppercase;\n  color:#B8893A;\n  margin-bottom:16px;\n  display:block;\n  text-align:left;\n}\n\n\/* HEADLINE *\/\n.erklaert-title{\n  line-height:1.15;\n  letter-spacing:-0.02em;\n  margin:0 0 12px 0;\n  text-align:left;\n}\n\n.erklaert-line1{\n  display:block;\n  font-size:2.4rem;\n  font-weight:400;\n}\n\n.erklaert-line2{\n  display:block;\n  font-size:2.1rem;\n  font-weight:700;\n}\n\n\/* SUB *\/\n.erklaert-sub{\n  font-size:1rem;\n  color:#6B7280;\n  text-align:left;\n  margin:0 0 56px 0;\n  max-width:600px;\n  line-height:1.6;\n}\n\n\/* GRID *\/\n.erklaert-grid{\n  display:grid;\n  grid-template-columns:repeat(3, 1fr);\n  gap:24px;\n  margin-bottom:56px;\n}\n\n\/* ITEM *\/\n.erklaert-item{\n  display:flex;\n  flex-direction:column;\n  gap:16px;\n}\n\n\/* IMAGE *\/\n.erklaert-item img{\n  width:100%;\n  border-radius:10px;\n  box-shadow:\n    0 0 0 1px rgba(0,0,0,0.05),\n    0 25px 60px rgba(0,0,0,0.12);\n  display:block;\n  transition:all 0.25s ease;\n}\n\n.erklaert-item img:hover{\n  transform:translateY(-6px);\n  box-shadow:\n    0 0 0 1px rgba(0,0,0,0.05),\n    0 35px 80px rgba(0,0,0,0.18);\n}\n\n\/* CAPTION *\/\n.erklaert-caption{\n  font-size:0.82rem;\n  font-weight:600;\n  color:#4B5563;\n  text-align:center;\n}\n\n\/* CTA *\/\n.erklaert-cta{\n  display:flex;\n  justify-content:flex-start;\n  margin-bottom:12px;\n}\n\n.erklaert-cta a{\n  background:#121416;\n  color:#F9F8F5;\n  padding:16px 36px;\n  border-radius:999px;\n  font-size:1rem;\n  font-weight:600;\n  text-decoration:none;\n  box-shadow:0 12px 28px rgba(0,0,0,0.18);\n  transition:all .2s ease;\n}\n\n.erklaert-cta a:hover{\n  transform:translateY(-3px);\n  box-shadow:0 18px 40px rgba(0,0,0,0.25);\n}\n\n\/* PRICE *\/\n.erklaert-price{\n  text-align:left;\n  font-size:0.82rem;\n  color:#6B7280;\n  line-height:1.6;\n}\n\n\/* MOBILE *\/\n@media (max-width:768px){\n\n  #nratko-erklaert{\n    padding:72px 0;\n  }\n\n  .erklaert-inner{\n    padding:0 16px;\n  }\n\n  .erklaert-line1{\n    font-size:1.9rem;\n  }\n\n  .erklaert-line2{\n    font-size:1.6rem;\n  }\n\n  .erklaert-grid{\n    grid-template-columns:1fr;\n    gap:32px;\n  }\n\n  .erklaert-cta{\n    justify-content:center;\n  }\n\n  .erklaert-price{\n    text-align:center;\n  }\n\n}\n<\/style>\n\n<section id=\"nratko-erklaert\">\n  <div class=\"erklaert-inner\">\n\n    <span class=\"erklaert-label\">ECHTE SEITEN AUS DEM BUCH<\/span>\n\n    <h2 class=\"erklaert-title\">\n      <span class=\"erklaert-line1\">So erkl\u00e4rt das Buch<\/span>\n      <span class=\"erklaert-line2\">Fotografie.<\/span>\n    <\/h2>\n\n    <p class=\"erklaert-sub\">\n      Keine Beispiele. Keine Mockups.<br>\n      Das sind die Seiten, die du nach dem Kauf bekommst.\n    <\/p>\n\n    <div class=\"erklaert-grid\">\n\n      <div class=\"erklaert-item\">\n        <img decoding=\"async\" src=\"https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/03\/fotografie-buch-blende-erklaerung.webp\"\n          loading=\"lazy\" alt=\"Blende und Sch\u00e4rfentiefe\">\n        <span class=\"erklaert-caption\">Blende &#038; Sch\u00e4rfentiefe<\/span>\n      <\/div>\n\n      <div class=\"erklaert-item\">\n        <img decoding=\"async\" src=\"https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/03\/fotografie-buch-weissabgleich-vergleich.webp\"\n          loading=\"lazy\" alt=\"Wei\u00dfabgleich und Farbe\">\n        <span class=\"erklaert-caption\">Wei\u00dfabgleich &#038; Farbe<\/span>\n      <\/div>\n\n      <div class=\"erklaert-item\">\n        <img decoding=\"async\" src=\"https:\/\/nratkopictures.com\/wp-content\/uploads\/2026\/03\/fotografie-golden-hour-lichtstimmung.webp\"\n          loading=\"lazy\" alt=\"Licht und Bildwirkung\">\n        <span class=\"erklaert-caption\">Licht &#038; Bildwirkung<\/span>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"erklaert-cta\">\n      <a href=\"https:\/\/www.checkout-ds24.com\/product\/674419\" target=\"_blank\" rel=\"noopener\">\n        Ich will dieses System\n      <\/a>\n    <\/div>\n\n    <div class=\"erklaert-price\">\n      \n        97 \u20ac inkl. MwSt. \u00b7 Sofort-Download <br>\n        \ud83d\udd12 Sichere Zahlung via Digistore24\n      \n    <\/div>\n\n  <\/div>\n<\/section><\/div><\/div>\n\n<div class=\"et_pb_code_8 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_9 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\n\/* =========================================================\nSECTION \u2013 PREIS \/ WERTLOGIK (NRATKO FINAL CLEAN)\n========================================================= *\/\n\n#nratko-price{\n  background:#F9F8F5;\n  padding:100px 24px;\n  display:flex;\n  justify-content:center;\n  color:#121416;\n  font-family:\"Inter\",system-ui,sans-serif;\n}\n\n.nratko-price-inner{\n  max-width:720px;\n  width:100%;\n}\n\n\/* DIVIDER *\/\n.nratko-price-divider{\n  width:100%;\n  height:1px;\n  margin:0 0 48px 0;\n  background:#B8893A;\n  opacity:0.4;\n}\n\n\/* HEADLINE *\/\n.nratko-price-title{\n  line-height:1.15;\n  letter-spacing:-0.02em;\n  margin-bottom:40px;\n  text-align:left;\n}\n\n.nratko-price-line1{\n  display:block;\n  font-size:2.4rem;\n  font-weight:400;\n}\n\n.nratko-price-line2{\n  display:block;\n  font-size:2.1rem;\n  font-weight:700;\n}\n\n\/* ARGUMENTE *\/\n.nratko-price-examples{\n  margin-bottom:48px;\n}\n\n.nratko-price-box{\n  display:flex;\n  gap:14px;\n  padding:18px 0;\n  border-bottom:1px solid rgba(0,0,0,0.06);\n}\n\n.nratko-price-box:last-child{\n  border-bottom:none;\n}\n\n.nratko-price-marker{\n  width:2px;\n  background:#B8893A;\n  margin-top:4px;\n}\n\n.nratko-price-text{\n  font-size:1rem;\n  line-height:1.7;\n  color:#4B5563;\n}\n\n.nratko-price-text strong{\n  color:#121416;\n  font-weight:600;\n}\n\n\/* INVESTMENT *\/\n.nratko-price-investment{\n  margin:48px 0 36px 0;\n  font-size:1.05rem;\n  line-height:1.75;\n}\n\n.nratko-price-investment strong{\n  font-weight:700;\n}\n\n\/* SIGNATURE *\/\n.nratko-price-final{\n  font-size:1.8rem;\n  font-weight:700;\n  color:#B8893A;\n  margin:32px 0 28px 0;\n}\n\n\/* CTA *\/\n.nratko-price-cta{\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  gap:12px;\n  margin-top:80px; \/* \ud83d\udd25 mehr Luft *\/\n}\n\n.nratko-price-cta a{\n  background:#121416;\n  color:#F9F8F5;\n  padding:16px 36px;\n  border-radius:999px;\n  font-size:1rem;\n  font-weight:600;\n  text-decoration:none;\n  transition:.2s ease;\n}\n\n.nratko-price-cta a:hover{\n  transform:translateY(-2px);\n}\n\n\/* TRUST *\/\n.nratko-price-note{\n  font-size:0.82rem;\n  color:#6B7280;\n  line-height:1.6;\n  text-align:center;\n}\n\n\/* MOBILE *\/\n@media (max-width:768px){\n\n  #nratko-price{\n    padding:72px 20px;\n  }\n\n  .nratko-price-line1{\n    font-size:1.9rem;\n  }\n\n  .nratko-price-line2{\n    font-size:1.6rem;\n  }\n\n  .nratko-price-final{\n    font-size:1.4rem;\n  }\n\n  .nratko-price-cta{\n    align-items:stretch;\n  }\n\n  .nratko-price-cta a{\n    text-align:center;\n  }\n\n}\n\n<\/style>\n\n<section id=\"nratko-price\">\n\n  <div class=\"nratko-price-inner\">\n\n    <!-- DIVIDER -->\n    <div class=\"nratko-price-divider\"><\/div>\n\n    <!-- HEADLINE -->\n    <h2 class=\"nratko-price-title\">\n      <span class=\"nratko-price-line1\">97 \u20ac f\u00fcr Klarheit.<\/span>\n      <span class=\"nratko-price-line2\">Oder weiter raten.<\/span>\n    <\/h2>\n\n    <!-- ARGUMENTE -->\n    <div class=\"nratko-price-examples\">\n\n      <div class=\"nratko-price-box\">\n        <div class=\"nratko-price-marker\"><\/div>\n        <div class=\"nratko-price-text\">\n          Ein Workshop kostet schnell <strong>500 \u20ac \u2013 und danach stehst du wieder allein da.<\/strong>\n        <\/div>\n      <\/div>\n\n      <div class=\"nratko-price-box\">\n        <div class=\"nratko-price-marker\"><\/div>\n        <div class=\"nratko-price-text\">\n          Fehlk\u00e4ufe kosten nicht nur Geld \u2013\n          <strong>sondern Vertrauen in deine Entscheidungen.<\/strong>\n        <\/div>\n      <\/div>\n\n      <div class=\"nratko-price-box\">\n        <div class=\"nratko-price-marker\"><\/div>\n        <div class=\"nratko-price-text\">\n          Jahrelanges Ausprobieren kostet Zeit \u2013\n          <strong>und h\u00e4lt dich davon ab, besser zu werden.<\/strong>\n        <\/div>\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    <\/div>\n\n    <!-- SIGNATURE -->\n    <div class=\"nratko-price-final\">\n      Ein System. Das bleibt.\n    <\/div>\n\n    <!-- CTA -->\n    <div class=\"nratko-price-cta\">\n      <a href=\"https:\/\/www.checkout-ds24.com\/product\/674419\" target=\"_blank\" rel=\"noopener\">\n        Ich will dieses System\n      <\/a>\n\n      <div class=\"nratko-price-note\">\n        97 \u20ac inkl. MwSt. \u00b7 Sofort-Download \n        <br>\n        \ud83d\udd12 Sichere Zahlung via Digistore24\n      <\/div>\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_10 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\n\/* =========================================================\nFAQ \u2014 NRATKO SYSTEM (FINAL)\n========================================================= *\/\n\n#nratko-faq{\n  width:100%;\n  background:#F9F8F5;\n  padding:100px 0;\n  border-top:1px solid rgba(0,0,0,0.06);\n  font-family:\"Inter\",system-ui,sans-serif;\n}\n\n.faq-inner{\n  width:100%;\n  max-width:720px;\n  margin:0 auto;\n  padding:0 24px;\n}\n\n\/* LABEL *\/\n.faq-label{\n  font-size:0.72rem;\n  font-weight:600;\n  letter-spacing:0.12em;\n  text-transform:uppercase;\n  color:#B8893A;\n  margin-bottom:20px;\n  display:block;\n  text-align:left;\n}\n\n\/* HEADLINE *\/\n.faq-title{\n  line-height:1.15;\n  letter-spacing:-0.02em;\n  margin-bottom:36px;\n  text-align:left;\n}\n\n.faq-line1{\n  display:block;\n  font-size:2.4rem;\n  font-weight:400;\n}\n\n.faq-line2{\n  display:block;\n  font-size:2.1rem;\n  font-weight:700;\n}\n\n\/* LIST *\/\n.faq-list{\n  display:flex;\n  flex-direction:column;\n}\n\n\/* ITEM *\/\n.faq-item{\n  border-top:1px solid rgba(0,0,0,0.08);\n}\n\n.faq-item:last-child{\n  border-bottom:1px solid rgba(0,0,0,0.08);\n}\n\n\/* QUESTION *\/\n.faq-question{\n  width:100%;\n  background:none;\n  border:none;\n  padding:20px 0;\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  cursor:pointer;\n  text-align:left;\n}\n\n.faq-question-text{\n  font-size:0.95rem;\n  font-weight:600;\n  color:#121416;\n}\n\n\/* ICON *\/\n.faq-icon{\n  font-size:1.2rem;\n  color:#B8893A;\n  transition:.25s ease;\n}\n\n.faq-item.open .faq-icon{\n  transform:rotate(45deg);\n}\n\n\/* ANSWER *\/\n.faq-answer{\n  max-height:0;\n  overflow:hidden;\n  transition:max-height 0.35s ease;\n}\n\n.faq-item.open .faq-answer{\n  max-height:300px;\n}\n\n.faq-answer-inner{\n  font-size:0.9rem;\n  color:#4B5563;\n  line-height:1.7;\n  padding-bottom:20px;\n}\n\n\/* MOBILE *\/\n@media (max-width:768px){\n\n  #nratko-faq{\n    padding:72px 0;\n  }\n\n  .faq-inner{\n    padding:0 16px;\n  }\n\n  .faq-line1{\n    font-size:1.9rem;\n  }\n\n  .faq-line2{\n    font-size:1.6rem;\n  }\n\n}\n\n<\/style>\n\n\n<section id=\"nratko-faq\">\n  <div class=\"faq-inner\">\n\n    <span class=\"faq-label\">H\u00e4ufige Fragen<\/span>\n\n    <h2 class=\"faq-title\">\n      <span class=\"faq-line1\">Du hast Fragen.<\/span>\n      <span class=\"faq-line2\">Hier sind die Antworten.<\/span>\n    <\/h2>\n\n    <div class=\"faq-list\">\n\n      <div class=\"faq-item\">\n        <button class=\"faq-question\">\n          <span class=\"faq-question-text\">F\u00fcr wen ist dieses Buch geeignet?<\/span>\n          <span class=\"faq-icon\">+<\/span>\n        <\/button>\n        <div class=\"faq-answer\">\n          <div class=\"faq-answer-inner\">\n            F\u00fcr alle, die eine Kamera haben und endlich verstehen wollen, was sie tun. Egal ob Anf\u00e4nger oder fortgeschritten \u2014 keine Vorkenntnisse n\u00f6tig.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-question\">\n          <span class=\"faq-question-text\">Welche Kamera brauche ich?<\/span>\n          <span class=\"faq-icon\">+<\/span>\n        <\/button>\n        <div class=\"faq-answer\">\n          <div class=\"faq-answer-inner\">\n            Das Buch funktioniert mit jeder Kamera \u2014 Spiegelreflex, Systemkamera oder Kompaktkamera. Die Prinzipien bleiben immer gleich.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-question\">\n          <span class=\"faq-question-text\">Ist das ein physisches Buch?<\/span>\n          <span class=\"faq-icon\">+<\/span>\n        <\/button>\n        <div class=\"faq-answer\">\n          <div class=\"faq-answer-inner\">\n            Nein \u2014 du erh\u00e4ltst ein digitales Buch (PDF). Nach dem Kauf bekommst du sofort deinen Download-Link.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-question\">\n          <span class=\"faq-question-text\">Was passiert nach dem Kauf?<\/span>\n          <span class=\"faq-icon\">+<\/span>\n        <\/button>\n        <div class=\"faq-answer\">\n          <div class=\"faq-answer-inner\">\n            Du bekommst sofort eine E-Mail mit deinem pers\u00f6nlichen Download-Link. Du kannst das Buch jederzeit erneut herunterladen.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-question\">\n          <span class=\"faq-question-text\">Was ist wenn es mir nicht gef\u00e4llt?<\/span>\n          <span class=\"faq-icon\">+<\/span>\n        <\/button>\n        <div class=\"faq-answer\">\n          <div class=\"faq-answer-inner\">\n            14 Tage Geld-zur\u00fcck-Garantie. Wenn du nicht zufrieden bist, bekommst du dein Geld zur\u00fcck.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \ud83d\udd25 NEU: GLOSSAR-FRAGE -->\n      <div class=\"faq-item\">\n        <button class=\"faq-question\">\n          <span class=\"faq-question-text\">Muss ich alles der Reihe nach lesen?<\/span>\n          <span class=\"faq-icon\">+<\/span>\n        <\/button>\n        <div class=\"faq-answer\">\n          <div class=\"faq-answer-inner\">\n            Nein. Du kannst das Buch von vorne nach hinten lesen \u2014 aber dank des integrierten Glossars kannst du jederzeit gezielt nachschlagen und einzelne Themen direkt verstehen.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  document.querySelectorAll('.faq-question').forEach(btn=>{\n    btn.addEventListener('click', function(){\n\n      const item = this.closest('.faq-item');\n      const isOpen = item.classList.contains('open');\n\n      document.querySelectorAll('.faq-item').forEach(i=>{\n        i.classList.remove('open');\n      });\n\n      if(!isOpen){\n        item.classList.add('open');\n      }\n\n    });\n  });\n\n});\n<\/script><\/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_11 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\n\/* ===== FINAL CTA (ISOLIERT) ===== *\/\n\n#finalcta{\n  background:#121416;\n  padding:0 24px;\n  font-family:\"Inter\",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;\n  color:#F9F8F5;\n  text-align:left;\n}\n\n\/* CONTAINER *\/\n.finalcta-container{\n  max-width:640px;\n  margin:0 auto;\n}\n\n\/* HEADLINE *\/\n.finalcta-headline{\n  font-size:28px;\n  font-weight:500;\n  line-height:1.25;\n  margin-bottom:20px;\n  letter-spacing:-0.01em;\n  color:#F9F8F5 !important;\n}\n\n\/* SUBLINE *\/\n.finalcta-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.finalcta-button{\n  display:inline-block;\n  padding:18px 36px;\n  font-size:14px;\n  font-weight:600;\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.finalcta-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 *\/\n.finalcta-trust{\n  margin-top:28px;\n  font-size:12px;\n  line-height:1.6;\n  color:rgba(249,248,245,0.5);\n}\n\n.finalcta-trust strong{\n  display:block;\n  font-size:13px;\n  font-weight:600;\n  color:#F9F8F5;\n  margin-bottom:6px;\n}\n\n\/* MOBILE *\/\n@media (max-width:768px){\n\n  .finalcta-headline{\n    font-size:22px;\n  }\n\n  .finalcta-sub{\n    font-size:14px;\n    margin-bottom:36px;\n  }\n\n  .finalcta-button{\n    width:100%;\n    text-align:center;\n    padding:16px 28px;\n    font-size:13px;\n  }\n\n  \/* \ud83d\udd25 FIX *\/\n  .finalcta-trust{\n    text-align:center;\n  }\n\n}\n\n<\/style>\n\n\n<section id=\"finalcta\">\n  <div class=\"finalcta-container\">\n\n    <!-- HEADLINE -->\n    <h2 class=\"finalcta-headline\">\n      H\u00f6r auf zu raten.<br>\n      Fang an zu verstehen.\n    <\/h2>\n\n    <!-- SUB -->\n    <p class=\"finalcta-sub\">\n      559 Seiten. Ein klares System.<br>\n      Sofort verf\u00fcgbar.\n    <\/p>\n\n    <!-- CTA -->\n    <a href=\"https:\/\/www.checkout-ds24.com\/product\/674419\" class=\"finalcta-button\" target=\"_blank\" rel=\"noopener\">\n      Jetzt System sichern\n    <\/a>\n\n    <!-- TRUST -->\n    <div class=\"finalcta-trust\">\n      <strong>97 \u20ac inkl. MwSt. \u00b7 Digitales Standardwerk (559 Seiten)<\/strong>\n      Sofort-Download <br> \ud83d\udd12 Sichere Zahlung via Digistore24\n    <\/div>\n\n  <\/div>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_10 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_10 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_10 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  \/* 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-4383","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nratkopictures.com\/de\/wp-json\/wp\/v2\/pages\/4383","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=4383"}],"version-history":[{"count":10,"href":"https:\/\/nratkopictures.com\/de\/wp-json\/wp\/v2\/pages\/4383\/revisions"}],"predecessor-version":[{"id":4451,"href":"https:\/\/nratkopictures.com\/de\/wp-json\/wp\/v2\/pages\/4383\/revisions\/4451"}],"wp:attachment":[{"href":"https:\/\/nratkopictures.com\/de\/wp-json\/wp\/v2\/media?parent=4383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}