{"title":"E-Books","description":"","products":[{"product_id":"herzschrittmacher-persoenliches-gespraech","title":"Herzschrittmacher – Buche dein persönliches Gespräch","description":"\u003cstyle\u003e\n  \/* ==========================================\n     0) VERSCHIEBE-RAHMEN – WENIGER ABSTAND NACH OBEN\n  ========================================== *\/\n  .hsm-ultra-wrapper {\n    margin: 10px auto 0 auto;   \/* 🔥 vorher 80px → jetzt direkt unter Titel *\/\n    max-width: 1600px;\n  }\n\n  \/* ==========================================\n     1) BREAKOUT – volle Breite\n  ========================================== *\/\n  .hsm-ultra-breakout {\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    width: 100vw;\n    display: flex;\n    justify-content: center;\n  }\n\n  .hsm-ultra-section {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n  }\n\n  \/* ==========================================\n     2) HAUPT-KARTE – GANZ HOCH\n  ========================================== *\/\n  .hsm-ultra-card {\n    width: 100%;\n    max-width: 500px;\n    margin: 0 auto;\n    padding: 0;     \/* 🔥 vorher 40px → jetzt null Abstand *\/\n    background: transparent !important;\n    border: none !important;\n    box-shadow: none !important;\n  }\n\n  \/* ==========================================\n     3) TEXT-BEREICH\n  ========================================== *\/\n  .hsm-ultra-content {\n    font-size: 2rem;\n    line-height: 2.15;\n    color: rgb(31, 33, 36);\n    max-width: 700px;   \/* 🔴 Textbreite *\/\n    margin: 0 auto;\n  }\n\n  \/* ==========================================\n     3b) STRICH GANZ OBEN (direkt unter Überschrift)\n  ========================================== *\/\n  .hsm-ultra-content::before {\n    content: \"\";\n    display: block;\n    width: 100%;\n    height: 3px;\n    background-color: #F2E1D4; \/* 🔴 deine Farbe *\/\n    margin-top: 0;\n    margin-bottom: 40px; \/* 🔥 nur ganz leichter Abstand zum Text *\/\n  }\n\n  \/* ==========================================\n     4) TEXTBOX entfernt – Text bleibt\n  ========================================== *\/\n  .hsm-ultra-sample {\n    padding: 0 !important;\n    background: transparent !important;\n    border: none !important;\n    box-shadow: none !important;\n  }\n\n  \/* ==========================================\n     4a) 🔴 BLOCKSATZ FÜR DEN TEXT\n  ========================================== *\/\n  .hsm-ultra-sample p {\n    margin: 0 0 22px;\n    font-size: 2rem;\n    line-height: 2.15;\n\n    text-align: justify !important;\n    text-align-last: left !important;\n    hyphens: auto;\n    -webkit-hyphens: auto;\n    -ms-hyphens: auto;\n  }\n\n  \/* ==========================================\n     5) MOBILE\n  ========================================== *\/\n  @media (max-width: 1100px) {\n\n    .hsm-ultra-wrapper {\n      margin: 10px auto 0 auto;  \/* direkt unter Überschrift *\/\n    }\n\n    .hsm-ultra-section {\n      margin: 10px 0;\n      padding: 0 10px;\n      box-sizing: border-box;\n    }\n\n    .hsm-ultra-card {\n      padding: 0;\n      max-width: 100%;\n    }\n\n    .hsm-ultra-content {\n      font-size: 1.8rem;\n      line-height: 2;\n      max-width: 100%;\n    }\n\n    .hsm-ultra-content::before {\n      height: 2px;\n      margin-bottom: 6px;\n    }\n\n    .hsm-ultra-sample p {\n      font-size: 1.8rem;\n      line-height: 2;\n      margin: 0 0 16px;\n\n      text-align: justify !important;\n      text-align-last: left !important;\n      hyphens: auto;\n      -webkit-hyphens: auto;\n      -ms-hyphens: auto;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"hsm-ultra-wrapper\"\u003e\n\u003cdiv class=\"hsm-ultra-breakout\"\u003e\n\u003cdiv class=\"hsm-ultra-section\"\u003e\n\u003cdiv class=\"hsm-ultra-card\"\u003e\n\u003c!-- TEXT --\u003e\n\u003cdiv class=\"hsm-ultra-content\"\u003e\n\u003cdiv class=\"hsm-ultra-sample\"\u003e\n\u003cp\u003eEin Herzschrittmacher verändert das Leben – und genau dabei musst du nicht allein sein. \u003cbr\u003e\u003cbr\u003eIn einem persönlichen Gespräch bekommst du Raum für alles, was dich bewegt: Fragen, Sorgen, Unsicherheiten oder einfach das Bedürfnis, zu verstehen, was im eigenen Körper passiert. \u003cbr\u003e\u003cbr\u003eIch nehme mir Zeit für dich und deine Situation, beantworte deine Fragen und erkläre dir verständlich, worauf du achten kannst, was dir Sicherheit gibt und wie du deinen Alltag wieder mit mehr Ruhe und Vertrauen erlebst.\u003c\/p\u003e\n\u003cp\u003eWenn du das Gefühl hast, dass dir ein Gespräch helfen könnte, kannst du dir jederzeit einen Termin buchen. Ich freue mich auf dich.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Herzschrittmacherhilfe","offers":[{"title":"30 minutes","offer_id":57253567103324,"sku":null,"price":49.0,"currency_code":"EUR","in_stock":true},{"title":"1 hour","offer_id":57795592225116,"sku":null,"price":0.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0910\/4362\/7356\/files\/H1.png?v=1776804704"},{"product_id":"der-herzschrittmacher-dein-treuer-begleiter-ebook","title":"Der Ratgeber für deinen Weg mit dem Herzschrittmacher  als E-Book","description":"\u003cstyle\u003e\n  \/* ==========================================\n     0) BUTTON-VARIABLEN + ALLGEMEINE VARIABLEN\n  ========================================== *\/\n  :root {\n    --lp-btn-bg: #B4875B;         \/* 🔴 BUTTON-FARBE *\/\n    --lp-btn-text: #000000;       \/* 🔴 TEXTFARBE *\/\n    --lp-btn-radius: 9999px;      \/* 🔴 RUNDUNG *\/\n    --lp-btn-height: 45px;        \/* 🔴 BUTTON-HÖHE DESKTOP *\/\n    --lp-btn-padding-y: 12px;     \/* 🔴 OBEN\/UNTEN IM BUTTON *\/\n    --lp-btn-padding-x: 28px;     \/* 🔴 LINKS\/RECHTS IM BUTTON *\/\n    --lp-btn-font-size: 19px;     \/* 🔴 BUTTON-TEXTGRÖSSE DESKTOP *\/\n    --lp-btn-margin-top: 18px;    \/* 🔴 ABSTAND ÜBER DEM BUTTON *\/\n    --lp-btn-max-width: 420px;    \/* 🔴 BUTTON-BREITE DESKTOP *\/\n\n    --lp-line-color: #F2E1D4;     \/* 🔴 FARBE DER LINIE OBEN *\/\n  }\n\n  \/* ==========================================\n     1) VERSCHIEBE-RAHMEN – WENIGER ABSTAND NACH OBEN\n  ========================================== *\/\n  .hsm-ultra-wrapper {\n    margin: 10px auto 0 auto;\n    max-width: 1600px;\n  }\n\n  \/* ==========================================\n     2) BREAKOUT – volle Breite\n  ========================================== *\/\n  .hsm-ultra-breakout {\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    width: 100vw;\n    display: flex;\n    justify-content: center;\n  }\n\n  .hsm-ultra-section {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n  }\n\n  \/* ==========================================\n     3) HAUPT-KARTE\n  ========================================== *\/\n  .hsm-ultra-card {\n    width: 100%;\n    max-width: 500px;\n    margin: 0 auto;\n    padding: 0;\n    background: transparent;\n    border: none;\n    box-shadow: none;\n    box-sizing: border-box;\n  }\n\n  \/* ==========================================\n     4) TEXT-BEREICH\n  ========================================== *\/\n  .hsm-ultra-content {\n    font-size: 2rem;\n    line-height: 2.15;\n    color: rgb(31, 33, 36);\n    max-width: 700px;\n    margin: 0 auto;\n    box-sizing: border-box;\n  }\n\n  \/* ==========================================\n     4b) STRICH GANZ OBEN\n  ========================================== *\/\n  .hsm-ultra-content::before {\n    content: \"\";\n    display: block;\n    width: 100%;\n    height: 3px;\n    background-color: var(--lp-line-color);\n    margin-top: 0;\n    margin-bottom: 40px;\n  }\n\n  \/* ==========================================\n     5) TEXTBOX entfernt – Text bleibt\n  ========================================== *\/\n  .hsm-ultra-sample {\n    padding: 0;\n    background: transparent;\n    border: none;\n    box-shadow: none;\n    box-sizing: border-box;\n  }\n\n  \/* ==========================================\n     5a) BLOCKSATZ BLEIBT ERHALTEN\n  ========================================== *\/\n  .hsm-ultra-sample p {\n    margin: 0 0 22px;\n    font-size: 2rem;\n    line-height: 2.15;\n\n    text-align: justify !important;\n    text-align-last: left !important;\n    hyphens: auto;\n    -webkit-hyphens: auto;\n    -ms-hyphens: auto;\n  }\n\n  \/* ==========================================\n     6) BUTTON-ZEILE\n  ========================================== *\/\n  .hsm-ultra-button-row {\n    margin-top: var(--lp-btn-margin-top);\n    display: flex;\n    justify-content: flex-start;  \/* Desktop links *\/\n    width: 100%;\n  }\n\n  \/* ==========================================\n     7) BUTTON – GLEICHES LAYOUT WIE VORHER\n  ========================================== *\/\n  .hsm-ultra-button-row .lp-btn,\n  .hsm-ultra-button-row a.lp-btn,\n  a.lp-btn {\n    --bg: var(--lp-btn-bg);\n    --fg: var(--lp-btn-text);\n    --size: var(--lp-btn-font-size);\n\n    --bg-bright: color-mix(in srgb, var(--bg) 82%, #fff 18%);\n    --bg-mid: color-mix(in srgb, var(--bg) 90%, #000 10%);\n    --bg-dark: color-mix(in srgb, var(--bg) 72%, #000 28%);\n\n    position: relative !important;\n    overflow: hidden !important;\n\n    display: inline-flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n    gap: 0 !important;\n\n    width: 100%;\n    max-width: var(--lp-btn-max-width);\n    min-height: var(--lp-btn-height) !important;\n    padding: var(--lp-btn-padding-y) var(--lp-btn-padding-x) !important;\n\n    border-radius: var(--lp-btn-radius) !important;\n    border: 1px solid color-mix(in srgb, var(--bg) 35%, #000 65%) !important;\n\n    cursor: pointer !important;\n    text-align: center !important;\n    line-height: 1.15 !important;\n    text-decoration: none !important;\n    box-sizing: border-box !important;\n\n    background: linear-gradient(\n      180deg,\n      var(--bg-bright) 0%,\n      var(--bg) 55%,\n      var(--bg-dark) 100%\n    ) !important;\n\n    color: var(--fg) !important;\n    font-family: inherit !important;\n    font-style: normal !important;\n    font-weight: 700 !important;\n    font-size: var(--size) !important;\n    letter-spacing: normal !important;\n    text-transform: none !important;\n    white-space: nowrap !important;\n\n    box-shadow:\n      0 3px 0 rgba(0, 0, 0, 0.14),\n      0 14px 28px rgba(0, 0, 0, 0.24) !important;\n\n    transition:\n      transform 0.15s ease,\n      box-shadow 0.15s ease,\n      background 0.15s ease !important;\n  }\n\n  .hsm-ultra-button-row .lp-btn::after,\n  .hsm-ultra-button-row a.lp-btn::after,\n  a.lp-btn::after {\n    content: \"\";\n    position: absolute;\n    inset: 0 0 56% 0;\n    background: linear-gradient(\n      180deg,\n      rgba(255, 255, 255, 0.55),\n      rgba(255, 255, 255, 0.08)\n    );\n    pointer-events: none;\n  }\n\n  .hsm-ultra-button-row .lp-btn:hover,\n  .hsm-ultra-button-row a.lp-btn:hover,\n  a.lp-btn:hover {\n    background: linear-gradient(\n      180deg,\n      color-mix(in srgb, var(--bg) 62%, #fff 38%) 0%,\n      var(--bg-bright) 55%,\n      var(--bg-dark) 100%\n    ) !important;\n    transform: translateY(-3px) !important;\n    box-shadow:\n      0 4px 0 rgba(0, 0, 0, 0.16),\n      0 18px 34px rgba(0, 0, 0, 0.28) !important;\n    text-decoration: none !important;\n    color: var(--fg) !important;\n  }\n\n  .hsm-ultra-button-row .lp-btn:active,\n  .hsm-ultra-button-row a.lp-btn:active,\n  a.lp-btn:active {\n    transform: translateY(0) !important;\n    background: linear-gradient(\n      180deg,\n      var(--bg) 0%,\n      var(--bg-mid) 65%,\n      var(--bg-dark) 100%\n    ) !important;\n    box-shadow:\n      inset 0 3px 9px rgba(0, 0, 0, 0.26),\n      0 1px 0 rgba(0, 0, 0, 0.12) !important;\n    color: var(--fg) !important;\n  }\n\n  .hsm-ultra-button-row .lp-btn:visited,\n  .hsm-ultra-button-row a.lp-btn:visited,\n  a.lp-btn:visited {\n    color: var(--fg) !important;\n  }\n\n  .hsm-ultra-button-row .lp-btn:focus,\n  .hsm-ultra-button-row a.lp-btn:focus,\n  a.lp-btn:focus {\n    outline: none !important;\n    color: var(--fg) !important;\n    box-shadow:\n      0 3px 0 rgba(0, 0, 0, 0.14),\n      0 14px 28px rgba(0, 0, 0, 0.24),\n      0 0 0 4px rgba(200, 155, 60, 0.20) !important;\n  }\n\n  \/* ==========================================\n     8) MOBILE \/ TABLET – SAUBER OPTIMIERT\n  ========================================== *\/\n  @media (max-width: 1100px) {\n    :root {\n      --lp-btn-height: 50px;\n      --lp-btn-padding-y: 12px;\n      --lp-btn-padding-x: 18px;\n      --lp-btn-font-size: 1.7rem;\n      --lp-btn-margin-top: 16px;\n      --lp-btn-max-width: 360px;   \/* 🔴 mobil etwas schmaler *\/\n    }\n\n    .hsm-ultra-wrapper {\n      margin: 10px auto 0 auto;\n    }\n\n    .hsm-ultra-section {\n      margin: 10px 0;\n      padding: 0 10px;\n      box-sizing: border-box;\n    }\n\n    .hsm-ultra-card {\n      padding: 0;\n      max-width: 100%;\n    }\n\n    .hsm-ultra-content {\n      font-size: 1.8rem;\n      line-height: 2;\n      max-width: 100%;\n      width: 100%;\n      margin: 0 auto;\n    }\n\n    .hsm-ultra-content::before {\n      height: 2px;\n      margin-bottom: 10px;\n    }\n\n    .hsm-ultra-sample {\n      width: 100%;\n    }\n\n    .hsm-ultra-sample p {\n      font-size: 1.8rem;\n      line-height: 2;\n      margin: 0 0 16px;\n\n      text-align: justify !important;\n      text-align-last: left !important;\n      hyphens: auto;\n      -webkit-hyphens: auto;\n      -ms-hyphens: auto;\n    }\n\n    .hsm-ultra-button-row {\n      margin-top: var(--lp-btn-margin-top);\n      justify-content: center; \/* 🔴 mobil mittig *\/\n      text-align: center;\n    }\n\n    .lp-btn {\n      white-space: normal !important;\n      text-align: center !important;\n      width: 100%;\n      max-width: var(--lp-btn-max-width);\n      min-height: var(--lp-btn-height);\n      box-shadow:\n        0 4px 0 rgba(0, 0, 0, 0.16),\n        0 16px 30px rgba(0, 0, 0, 0.26) !important;\n    }\n\n    .lp-btn::after {\n      inset: 0 0 52% 0 !important;\n      background: linear-gradient(\n        180deg,\n        rgba(255, 255, 255, 0.62),\n        rgba(255, 255, 255, 0.10)\n      ) !important;\n    }\n  }\n\n  \/* ==========================================\n     9) KLEINE HANDYS\n  ========================================== *\/\n  @media (max-width: 700px) {\n    :root {\n      --lp-btn-font-size: 1.55rem;\n      --lp-btn-padding-y: 13px;\n      --lp-btn-padding-x: 16px;\n      --lp-btn-max-width: 320px;   \/* 🔴 kleine Handys noch etwas schmaler *\/\n    }\n\n    .hsm-ultra-section {\n      padding: 0 12px;\n    }\n\n    .hsm-ultra-card {\n      max-width: 100%;\n      overflow: hidden;\n    }\n\n    .hsm-ultra-content {\n      font-size: 1.65rem;\n      line-height: 1.75;\n      max-width: 100%;\n    }\n\n    .hsm-ultra-content::before {\n      margin-bottom: 8px;\n    }\n\n    .hsm-ultra-sample p {\n      font-size: 1.65rem;\n      line-height: 1.75;\n      margin: 0 0 14px;\n\n      text-align: justify !important;\n      text-align-last: left !important;\n      hyphens: auto;\n      -webkit-hyphens: auto;\n      -ms-hyphens: auto;\n    }\n\n    .hsm-ultra-button-row {\n      width: 100%;\n      justify-content: center;\n    }\n\n    .hsm-ultra-button-row .lp-btn,\n    .hsm-ultra-button-row a.lp-btn,\n    a.lp-btn {\n      width: 100%;\n      max-width: var(--lp-btn-max-width);\n      white-space: normal !important;\n      line-height: 1.2 !important;\n      box-shadow:\n        0 4px 0 rgba(0, 0, 0, 0.16),\n        0 15px 28px rgba(0, 0, 0, 0.25) !important;\n    }\n\n    .hsm-ultra-button-row .lp-btn::after,\n    .hsm-ultra-button-row a.lp-btn::after,\n    a.lp-btn::after {\n      inset: 0 0 50% 0 !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"hsm-ultra-wrapper\"\u003e\n\u003cdiv class=\"hsm-ultra-breakout\"\u003e\n\u003cdiv class=\"hsm-ultra-section\"\u003e\n\u003cdiv class=\"hsm-ultra-card\"\u003e\n\u003c!-- TEXT --\u003e\n\u003cdiv class=\"hsm-ultra-content\"\u003e\n\u003cdiv class=\"hsm-ultra-sample\"\u003e\n\u003cp\u003eDieses E-Book wurde für dich geschrieben, um dir Sicherheit und Orientierung im Umgang mit deinem Herzschrittmacher zu geben.\u003c\/p\u003e\n\u003cp\u003eDu erhältst verständlich erklärtes Wissen über die Funktionsweise deines Gerätes, praktische Alltagstipps und Antworten auf die Fragen, die dich wirklich beschäftigen.\u003c\/p\u003e\n\u003cp\u003eErfahre, wie du mit deinem Herzschrittmacher sicher reisen kannst, welche sportlichen Aktivitäten möglich sind und wie du moderne Technik im Alltag problemlos nutzt.\u003c\/p\u003e\n\u003cp\u003eDer Ratgeber begleitet dich durch unterschiedliche Lebens-situationen.\u003c\/p\u003e\n\u003cp\u003eFalls es dennoch Situationen gibt die dich verunsichern oder Fragen offen bleiben, begleite ich dich gern und stehe dir jedezeit in einem persönlichen Gespräch zur Seite.\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv class=\"hsm-ultra-button-row\"\u003e\u003ca href=\"\/pages\/leseprobe-herzschrittmacher-ratgeber\" class=\"lp-btn\" aria-label=\"Leseprobe\"\u003eLeseprobe\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- \/TEXT --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Herzschrittmacherhilfe","offers":[{"title":"Default Title","offer_id":57253081284956,"sku":null,"price":15.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0910\/4362\/7356\/files\/E_Book.png?v=1775512067"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0910\/4362\/7356\/collections\/E_Book.png?v=1776803269","url":"https:\/\/www.herzschrittmacherhilfe.de\/collections\/e-books.oembed","provider":"Herzschrittmacher \u0026 Defibrillator Hilfe","version":"1.0","type":"link"}