{"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","url":"https:\/\/www.herzschrittmacherhilfe.de\/products\/der-herzschrittmacher-dein-treuer-begleiter-ebook","provider":"Herzschrittmacher \u0026 Defibrillator Hilfe","version":"1.0","type":"link"}