.elementor-374 .elementor-element.elementor-element-315de332{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-374 .elementor-element.elementor-element-315de332:not(.elementor-motion-effects-element-type-background), .elementor-374 .elementor-element.elementor-element-315de332 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1df30e2 );}.elementor-374 .elementor-element.elementor-element-111d0b85{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-374 .elementor-element.elementor-element-34928c86{--spacer-size:25px;}.elementor-374 .elementor-element.elementor-element-18fe7ce3{--spacer-size:25px;}.elementor-374 .elementor-element.elementor-element-725f2816{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-374 .elementor-element.elementor-element-725f2816:not(.elementor-motion-effects-element-type-background), .elementor-374 .elementor-element.elementor-element-725f2816 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1df30e2 );}.elementor-374 .elementor-element.elementor-element-18a3ec47{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-374 .elementor-element.elementor-element-130087eb{--spacer-size:25px;}.elementor-374 .elementor-element.elementor-element-7a44dbb7{--spacer-size:25px;}.elementor-374 .elementor-element.elementor-element-816fcac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-374 .elementor-element.elementor-element-816fcac:not(.elementor-motion-effects-element-type-background), .elementor-374 .elementor-element.elementor-element-816fcac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1df30e2 );}.elementor-374 .elementor-element.elementor-element-7a8caa4{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D4AF37;--border-color:#D4AF37;--border-radius:20px 20px 20px 20px;}.elementor-374 .elementor-element.elementor-element-7a8caa4:not(.elementor-motion-effects-element-type-background), .elementor-374 .elementor-element.elementor-element-7a8caa4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F7F9;}.elementor-374 .elementor-element.elementor-element-52ba3b9{--display:flex;}.elementor-374 .elementor-element.elementor-element-718446d{--display:flex;}.elementor-374 .elementor-element.elementor-element-4c1cf3f{--display:flex;}.elementor-374 .elementor-element.elementor-element-6bd8e5f{--n-accordion-title-font-size:18px;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-374 .elementor-element.elementor-element-693be5d{--display:flex;}.elementor-374 .elementor-element.elementor-element-6b694e8{--display:flex;}.elementor-374 .elementor-element.elementor-element-2fbfa48{--display:flex;}.elementor-374 .elementor-element.elementor-element-b672d7d{--n-accordion-title-font-size:18px;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-374 .elementor-element.elementor-element-d5ec9c7{--display:flex;}.elementor-374 .elementor-element.elementor-element-c308e91{--n-accordion-title-font-size:22px;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-374 .elementor-element.elementor-element-64bc70c3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-374 .elementor-element.elementor-element-6bd8e5f{--n-accordion-title-font-size:16px;}.elementor-374 .elementor-element.elementor-element-b672d7d{--n-accordion-title-font-size:16px;}.elementor-374 .elementor-element.elementor-element-c308e91{--n-accordion-title-font-size:18px;}}@media(max-width:767px){.elementor-374 .elementor-element.elementor-element-6bd8e5f{--n-accordion-title-font-size:14px;}.elementor-374 .elementor-element.elementor-element-b672d7d{--n-accordion-title-font-size:14px;}.elementor-374 .elementor-element.elementor-element-c308e91{--n-accordion-title-font-size:16px;}}/* Start custom CSS */<!DOCTYPE html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>15 Regeln für Wohlstand | Bye Bye Hamsterrad</title>

  <meta
    name="description"
    content="Entdecke 15 klare Regeln für Wohlstand, Geld, Erfolg und ein selbstbestimmtes Leben."
  >

  <style>

    :root {
      --navy: #000F1F;
      --navy-light: #102A43;

      --orange: #F97316;
      --orange-dark: #EA580C;
      --orange-light: #FFF1E7;

      --white: #FFFFFF;
      --cream: #FFFAF5;
      --light: #F6F8FB;
      --light-blue: #EEF5FA;

      --text: #182433;
      --muted: #617083;
      --border: #E2E8F0;

      --green: #138A5B;

      --radius-small: 12px;
      --radius: 22px;
      --radius-large: 34px;

      --shadow-small:
        0 8px 30px rgba(0, 15, 31, 0.08);

      --shadow:
        0 20px 60px rgba(0, 15, 31, 0.12);

      --max-width: 1180px;
    }


    /* =========================================================
       RESET
    ========================================================= */

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      margin: 0;

      font-family:
        Arial,
        Helvetica,
        sans-serif;

      color: var(--text);
      background: var(--white);

      line-height: 1.65;

      overflow-x: hidden;
    }

    img {
      display: block;
      max-width: 100%;
    }

    button {
      font-family: inherit;
    }


    /* =========================================================
       GLOBAL
    ========================================================= */

    .container {
      width: min(calc(100% - 40px), var(--max-width));
      margin: 0 auto;
    }

    .section {
      padding: 100px 0;
    }

    .section-small {
      padding: 70px 0;
    }

    .section-label {
      display: inline-flex;
      align-items: center;
      gap: 8px;

      margin-bottom: 18px;

      padding: 8px 14px;

      color: var(--orange-dark);
      background: var(--orange-light);

      border-radius: 100px;

      font-size: 13px;
      font-weight: 800;

      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    .section-label.dark {
      color: #FFD7BD;

      background: rgba(249, 115, 22, 0.12);

      border: 1px solid rgba(249, 115, 22, 0.2);
    }

    .section-title {
      max-width: 850px;

      margin-bottom: 22px;

      color: var(--navy);

      font-size: clamp(34px, 5vw, 56px);

      line-height: 1.08;

      letter-spacing: -0.035em;
    }

    .section-title.center {
      margin-left: auto;
      margin-right: auto;

      text-align: center;
    }

    .section-title.light {
      color: var(--white);
    }

    .section-intro {
      max-width: 780px;

      color: var(--muted);

      font-size: 19px;

      line-height: 1.75;
    }

    .section-intro.center {
      margin-left: auto;
      margin-right: auto;

      text-align: center;
    }

    .orange {
      color: var(--orange);
    }

    .highlight {
      display: inline;

      padding: 0 5px;

      background:
        linear-gradient(
          transparent 57%,
          rgba(249, 115, 22, 0.24) 57%
        );
    }


    /* =========================================================
       OPTIN FORM BOX
    ========================================================= */

    .optin-wrap {
      width: 100%;
      max-width: 620px;

      margin-top: 30px;

      padding: 28px;

      background: var(--white);

      border: 1px solid rgba(0, 15, 31, 0.08);

      border-radius: 20px;

      box-shadow:
        0 20px 50px rgba(0, 15, 31, 0.11);
    }

    .optin-wrap.center {
      margin-left: auto;
      margin-right: auto;
    }

    .optin-title {
      margin-bottom: 8px;

      color: var(--navy);

      font-size: 22px;
      font-weight: 900;

      line-height: 1.3;
    }

    .optin-text {
      margin-bottom: 18px;

      color: var(--muted);

      font-size: 14px;
    }

    .iframe-wrap {
      width: 100%;

      display: flex;
      justify-content: center;
      align-items: center;
    }

    .ktv2 {
      width: 100% !important;
      max-width: 520px !important;

      border: none !important;

      background: transparent !important;
    }

    .form-note {
      margin-top: 13px;

      color: #7B8795;

      font-size: 11px;

      line-height: 1.5;
    }


    /* =========================================================
       HERO
    ========================================================= */

    .hero {
      position: relative;

      overflow: hidden;

      background:
        radial-gradient(
          circle at 75% 25%,
          rgba(249, 115, 22, 0.14),
          transparent 27%
        ),
        linear-gradient(
          180deg,
          #FFFAF6 0%,
          #FFFFFF 100%
        );
    }

    .hero::before {
      content: "";

      position: absolute;

      width: 500px;
      height: 500px;

      left: -300px;
      bottom: -300px;

      background: rgba(0, 15, 31, 0.04);

      border-radius: 50%;
    }

    .hero-inner {
      min-height: 760px;

      display: grid;

      grid-template-columns:
        minmax(0, 1.08fr)
        minmax(360px, 0.92fr);

      align-items: center;

      gap: 70px;

      padding: 80px 0;
    }

    .hero-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;

      margin-bottom: 22px;

      padding: 9px 14px;

      color: var(--navy);

      background: var(--white);

      border: 1px solid var(--border);

      border-radius: 100px;

      box-shadow: var(--shadow-small);

      font-size: 13px;
      font-weight: 800;
    }

    .hero-badge-dot {
      width: 8px;
      height: 8px;

      background: var(--orange);

      border-radius: 50%;
    }

    .hero h1 {
      max-width: 760px;

      margin-bottom: 25px;

      color: var(--navy);

      font-size: clamp(42px, 6vw, 70px);

      line-height: 1.02;

      letter-spacing: -0.05em;
    }

    .hero-subtitle {
      max-width: 700px;

      margin-bottom: 25px;

      color: #46576A;

      font-size: 20px;

      line-height: 1.7;
    }

    .hero-points {
      display: grid;

      gap: 11px;

      margin: 25px 0 10px;

      list-style: none;
    }

    .hero-points li {
      display: flex;

      gap: 11px;

      align-items: flex-start;

      color: #324255;

      font-weight: 650;
    }

    .check {
      flex: 0 0 auto;

      width: 23px;
      height: 23px;

      display: grid;

      place-items: center;

      margin-top: 1px;

      color: var(--white);

      background: var(--green);

      border-radius: 50%;

      font-size: 12px;
      font-weight: 900;
    }

    .hero-image-wrap {
      position: relative;

      display: flex;

      justify-content: center;
      align-items: center;
    }

    .hero-glow {
      position: absolute;

      width: 390px;
      height: 390px;

      background: rgba(249, 115, 22, 0.16);

      filter: blur(25px);

      border-radius: 50%;
    }

    .product-card {
      position: relative;

      z-index: 2;

      width: min(100%, 470px);

      padding: 38px;

      background:
        linear-gradient(
          145deg,
          #FFFFFF,
          #FFF8F2
        );

      border:
        1px solid rgba(0, 15, 31, 0.08);

      border-radius: var(--radius-large);

      box-shadow:
        0 30px 90px rgba(0, 15, 31, 0.16);
    }

    .product-card img {
      width: 100%;

      max-height: 530px;

      object-fit: contain;

      filter:
        drop-shadow(
          0 18px 18px rgba(0, 15, 31, 0.17)
        );
    }

    .floating-note {
      position: absolute;

      z-index: 3;

      right: -25px;
      bottom: 55px;

      max-width: 190px;

      padding: 14px 17px;

      color: var(--navy);

      background: var(--white);

      border-radius: 15px;

      box-shadow: var(--shadow);

      font-size: 14px;
      font-weight: 800;

      transform: rotate(2deg);
    }

    .floating-note span {
      display: block;

      margin-bottom: 3px;

      color: var(--orange);

      font-size: 12px;

      text-transform: uppercase;

      letter-spacing: 0.05em;
    }


    /* =========================================================
       TRUST STRIP
    ========================================================= */

    .trust-strip {
      background: var(--navy);
    }

    .trust-grid {
      display: grid;

      grid-template-columns:
        repeat(4, 1fr);
    }

    .trust-item {
      padding: 25px 22px;

      color: var(--white);

      text-align: center;

      border-right:
        1px solid rgba(255,255,255,0.1);
    }

    .trust-item:last-child {
      border-right: 0;
    }

    .trust-icon {
      margin-bottom: 4px;

      font-size: 22px;
    }

    .trust-item strong {
      display: block;

      font-size: 15px;
    }

    .trust-item span {
      color: #9DB0C4;

      font-size: 12px;
    }


    /* =========================================================
       PROBLEM
    ========================================================= */

    .problem {
      background: var(--white);
    }

    .problem-layout {
      display: grid;

      grid-template-columns:
        0.95fr 1.05fr;

      gap: 80px;

      align-items: center;
    }

    .big-quote {
      position: relative;

      padding: 42px;

      color: var(--white);

      background: var(--navy);

      border-radius: var(--radius-large);

      box-shadow: var(--shadow);
    }

    .quote-mark {
      position: absolute;

      top: 0;
      right: 24px;

      color: rgba(255,255,255,0.08);

      font-family: Georgia, serif;

      font-size: 130px;

      line-height: 1;
    }

    .old-belief {
      display: block;

      margin-bottom: 20px;

      color: #9FB0C1;

      font-size: 23px;

      text-decoration: line-through;
    }

    .new-belief {
      display: block;

      color: var(--white);

      font-size: clamp(34px, 4vw, 50px);

      font-weight: 900;

      line-height: 1.1;

      letter-spacing: -0.035em;
    }

    .new-belief em {
      color: var(--orange);

      font-style: normal;
    }

    .problem-copy p {
      margin-bottom: 19px;

      color: #435267;

      font-size: 18px;
    }

    .question-box {
      margin-top: 30px;

      padding: 24px 26px;

      color: var(--navy);

      background: var(--orange-light);

      border-left:
        4px solid var(--orange);

      border-radius:
        0
        var(--radius-small)
        var(--radius-small)
        0;

      font-size: 19px;

      font-weight: 800;
    }


    /* =========================================================
       RECOGNITION
    ========================================================= */

    .recognition {
      background: var(--light);
    }

    .recognition-grid {
      display: grid;

      grid-template-columns:
        repeat(2, 1fr);

      gap: 18px;

      margin-top: 50px;
    }

    .recognition-card {
      display: flex;

      gap: 17px;

      padding: 25px;

      background: var(--white);

      border: 1px solid var(--border);

      border-radius: var(--radius);

      box-shadow:
        0 10px 35px rgba(0,15,31,0.04);
    }

    .recognition-number {
      flex: 0 0 auto;

      width: 42px;
      height: 42px;

      display: grid;

      place-items: center;

      color: var(--orange);

      background: var(--orange-light);

      border-radius: 12px;

      font-weight: 900;
    }

    .recognition-card p {
      color: #47576A;

      font-size: 16px;
    }


    /* =========================================================
       TEASER
    ========================================================= */

    .teaser {
      background: var(--cream);
    }

    .teaser-grid {
      display: grid;

      grid-template-columns:
        repeat(2, 1fr);

      gap: 22px;

      margin-top: 55px;
    }

    .teaser-card {
      position: relative;

      overflow: hidden;

      padding: 34px;

      background: var(--white);

      border:
        1px solid rgba(0, 15, 31, 0.07);

      border-radius: var(--radius);

      box-shadow: var(--shadow-small);

      transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
    }

    .teaser-card:hover {
      transform: translateY(-4px);

      box-shadow: var(--shadow);
    }

    .teaser-icon {
      width: 52px;
      height: 52px;

      display: grid;

      place-items: center;

      margin-bottom: 20px;

      background: var(--orange-light);

      border-radius: 15px;

      font-size: 25px;
    }

    .teaser-card h3 {
      margin-bottom: 12px;

      color: var(--navy);

      font-size: 22px;

      line-height: 1.25;
    }

    .teaser-card p {
      color: var(--muted);
    }


    /* =========================================================
       DARK SECTION
    ========================================================= */

    .dark-break {
      position: relative;

      overflow: hidden;

      background:
        radial-gradient(
          circle at 20% 20%,
          rgba(249, 115, 22, 0.12),
          transparent 30%
        ),
        var(--navy);
    }

    .dark-copy {
      max-width: 850px;

      margin: 0 auto;

      text-align: center;
    }

    .dark-copy .lead {
      margin: 25px auto 0;

      color: #C5D1DE;

      font-size: 20px;
    }

    .dark-copy strong {
      color: var(--white);
    }


    /* =========================================================
       RULES
    ========================================================= */

    .rules {
      background: var(--white);
    }

    .rules-grid {
      display: grid;

      grid-template-columns:
        repeat(3, 1fr);

      gap: 16px;

      margin-top: 55px;
    }

    .rule {
      min-height: 165px;

      padding: 25px;

      background: var(--white);

      border: 1px solid var(--border);

      border-radius: 18px;

      transition:
        border 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
    }

    .rule:hover {
      transform: translateY(-3px);

      border-color:
        rgba(249, 115, 22, 0.45);

      box-shadow: var(--shadow-small);
    }

    .rule-number {
      display: inline-flex;

      margin-bottom: 14px;

      color: var(--orange);

      font-size: 13px;

      font-weight: 900;

      letter-spacing: 0.08em;

      text-transform: uppercase;
    }

    .rule h3 {
      color: var(--navy);

      font-size: 18px;

      line-height: 1.35;
    }


    /* =========================================================
       MID OPTIN
    ========================================================= */

    .mid-optin {
      background: var(--cream);

      text-align: center;
    }


    /* =========================================================
       CREATOR
    ========================================================= */

    .creator {
      background: var(--light-blue);
    }

    .creator-layout {
      display: grid;

      grid-template-columns:
        1fr 1fr;

      gap: 65px;

      align-items: center;
    }

    .creator-visual {
      position: relative;

      min-height: 510px;

      display: flex;

      align-items: center;
      justify-content: center;
    }

    .creator-circle {
      position: absolute;

      width: 430px;
      height: 430px;

      background: var(--navy);

      border-radius: 50%;
    }

    .creator-boxes {
      position: relative;

      z-index: 2;

      width: 100%;

      max-width: 460px;

      display: grid;

      gap: 16px;
    }

    .creator-box {
      padding: 22px 24px;

      background: var(--white);

      border-radius: 17px;

      box-shadow: var(--shadow-small);

      font-weight: 800;
    }

    .creator-box:nth-child(1) {
      transform: translateX(-25px);
    }

    .creator-box:nth-child(2) {
      transform: translateX(30px);
    }

    .creator-box:nth-child(3) {
      transform: translateX(-5px);
    }

    .creator-box small {
      display: block;

      margin-bottom: 3px;

      color: var(--orange);

      font-size: 11px;

      text-transform: uppercase;

      letter-spacing: 0.08em;
    }

    .creator-copy p {
      margin-bottom: 19px;

      color: #45566A;

      font-size: 17px;
    }

    .creator-statement {
      margin: 27px 0;

      color: var(--navy);

      font-size: 25px;

      font-weight: 900;

      line-height: 1.35;
    }


    /* =========================================================
       EQUATION
    ========================================================= */

    .equation-section {
      background: var(--white);
    }

    .equation-wrap {
      display: grid;

      grid-template-columns:
        1fr auto 1fr;

      gap: 25px;

      align-items: stretch;

      margin-top: 50px;
    }

    .equation-card {
      padding: 38px 30px;

      border-radius: var(--radius);

      text-align: center;
    }

    .equation-card.old {
      color: #657282;

      background: #F4F5F6;
    }

    .equation-card.new {
      color: var(--white);

      background: var(--navy);
    }

    .equation-card small {
      display: block;

      margin-bottom: 15px;

      font-weight: 800;

      letter-spacing: 0.07em;

      text-transform: uppercase;
    }

    .equation-card strong {
      display: block;

      font-size:
        clamp(28px, 4vw, 44px);

      line-height: 1.1;

      letter-spacing: -0.03em;
    }

    .equation-card.new strong {
      color: var(--orange);
    }

    .equation-arrow {
      display: grid;

      place-items: center;

      color: var(--orange);

      font-size: 34px;

      font-weight: 900;
    }

    .equation-copy {
      max-width: 800px;

      margin: 35px auto 0;

      color: var(--muted);

      text-align: center;

      font-size: 18px;
    }


    /* =========================================================
       WHO
    ========================================================= */

    .who {
      background: var(--cream);
    }

    .who-layout {
      display: grid;

      grid-template-columns:
        0.85fr 1.15fr;

      gap: 70px;

      align-items: start;
    }

    .who-sticky {
      position: sticky;

      top: 40px;
    }

    .who-list {
      display: grid;

      gap: 14px;
    }

    .who-item {
      display: flex;

      align-items: flex-start;

      gap: 14px;

      padding: 21px 23px;

      background: var(--white);

      border:
        1px solid rgba(0,15,31,0.07);

      border-radius: 16px;

      box-shadow:
        0 8px 25px rgba(0,15,31,0.035);
    }

    .who-item p {
      color: #47576A;

      font-weight: 650;
    }


    /* =========================================================
       AUTHOR
    ========================================================= */

    .author {
      background: var(--navy);
    }

    .author-card {
      display: grid;

      grid-template-columns:
        350px 1fr;

      gap: 55px;

      align-items: center;

      padding: 50px;

      background:
        linear-gradient(
          145deg,
          rgba(255,255,255,0.08),
          rgba(255,255,255,0.03)
        );

      border:
        1px solid rgba(255,255,255,0.1);

      border-radius: var(--radius-large);
    }

    .author-image-wrap {
      position: relative;
    }

    .author-image-wrap::before {
      content: "";

      position: absolute;

      width: 90%;
      height: 90%;

      left: 5%;
      bottom: -4%;

      background:
        rgba(249,115,22,0.25);

      border-radius: 50%;

      filter: blur(20px);
    }

    .author-image {
      position: relative;

      z-index: 2;

      width: 100%;

      border-radius: 24px;

      object-fit: cover;

      box-shadow:
        0 25px 70px rgba(0,0,0,0.28);
    }

    .author-copy h2 {
      margin-bottom: 22px;

      color: var(--white);

      font-size:
        clamp(34px, 5vw, 54px);

      line-height: 1.08;

      letter-spacing: -0.04em;
    }

    .author-copy p {
      margin-bottom: 16px;

      color: #C1CEDB;

      font-size: 17px;
    }

    .author-signature {
      margin-top: 26px;

      color: var(--white);

      font-size: 21px;

      font-weight: 800;
    }


    /* =========================================================
       OFFER
    ========================================================= */

    .offer {
      background: var(--white);
    }

    .offer-card {
      display: grid;

      grid-template-columns:
        0.8fr 1.2fr;

      gap: 60px;

      align-items: center;

      padding: 60px;

      background: var(--cream);

      border:
        1px solid rgba(0,15,31,0.07);

      border-radius: var(--radius-large);

      box-shadow: var(--shadow);
    }

    .offer-product img {
      max-height: 470px;

      margin: auto;

      object-fit: contain;

      filter:
        drop-shadow(
          0 20px 20px rgba(0,15,31,0.15)
        );
    }

    .offer-copy h2 {
      margin-bottom: 20px;

      color: var(--navy);

      font-size:
        clamp(35px, 5vw, 54px);

      line-height: 1.08;

      letter-spacing: -0.04em;
    }

    .offer-copy > p {
      margin-bottom: 24px;

      color: var(--muted);

      font-size: 18px;
    }

    .offer-list {
      display: grid;

      gap: 12px;

      margin: 28px 0;

      list-style: none;
    }

    .offer-list li {
      display: flex;

      gap: 11px;

      align-items: center;

      font-weight: 700;
    }

    .offer-copy .optin-wrap {
      max-width: 100%;
    }


    /* =========================================================
       FAQ
    ========================================================= */

    .faq {
      background: var(--light);
    }

    .faq-wrap {
      max-width: 860px;

      margin: 50px auto 0;
    }

    .faq-item {
      margin-bottom: 12px;

      background: var(--white);

      border: 1px solid var(--border);

      border-radius: 16px;

      overflow: hidden;
    }

    .faq-question {
      width: 100%;

      display: flex;

      align-items: center;
      justify-content: space-between;

      gap: 20px;

      padding: 22px 25px;

      color: var(--navy);

      background: var(--white);

      border: 0;

      text-align: left;

      font-weight: 800;

      cursor: pointer;
    }

    .faq-plus {
      flex: 0 0 auto;

      width: 30px;
      height: 30px;

      display: grid;

      place-items: center;

      color: var(--orange);

      background: var(--orange-light);

      border-radius: 50%;

      font-size: 20px;

      transition:
        transform 0.2s ease;
    }

    .faq-item.active .faq-plus {
      transform: rotate(45deg);
    }

    .faq-answer {
      max-height: 0;

      overflow: hidden;

      transition:
        max-height 0.3s ease;
    }

    .faq-answer-inner {
      padding:
        0 25px 24px;

      color: var(--muted);
    }


    /* =========================================================
       FINAL CTA
    ========================================================= */

    .final-cta {
      color: var(--white);

      background:
        radial-gradient(
          circle at 20% 10%,
          rgba(249,115,22,0.18),
          transparent 35%
        ),
        var(--navy);
    }

    .final-cta-inner {
      max-width: 870px;

      margin: auto;

      text-align: center;
    }

    .final-cta h2 {
      margin-bottom: 22px;

      font-size:
        clamp(38px, 6vw, 64px);

      line-height: 1.04;

      letter-spacing: -0.045em;
    }

    .final-cta p {
      max-width: 700px;

      margin:
        0 auto 25px;

      color: #C0CEDC;

      font-size: 19px;
    }

    .final-cta .optin-wrap {
      color: var(--text);

      text-align: left;
    }

    .closing {
      margin-top: 38px;

      color: #9EB0C1;

      font-size: 15px;
    }

    .closing strong {
      display: block;

      margin-top: 5px;

      color: var(--white);

      font-size: 22px;
    }


    /* =========================================================
       FOOTER
    ========================================================= */

    footer {
      padding: 35px 0;

      color: #8FA1B4;

      background: #000A14;

      font-size: 13px;
    }

    .footer-inner {
      display: flex;

      align-items: center;
      justify-content: space-between;

      gap: 25px;
    }

    .footer-links {
      display: flex;

      gap: 18px;

      flex-wrap: wrap;
    }

    .footer-links a {
      color: #AEBBC8;

      text-decoration: none;
    }

    .footer-links a:hover {
      color: var(--white);
    }

    .legal-note {
      margin-top: 22px;

      color: #748698;

      font-size: 11px;

      line-height: 1.6;
    }


    /* =========================================================
       TABLET
    ========================================================= */

    @media (max-width: 980px) {

      .section {
        padding: 80px 0;
      }

      .hero-inner {
        grid-template-columns: 1fr;

        gap: 55px;

        min-height: auto;

        padding: 65px 0 85px;
      }

      .hero-copy {
        text-align: center;
      }

      .hero h1,
      .hero-subtitle {
        margin-left: auto;
        margin-right: auto;
      }

      .hero-points {
        max-width: 600px;

        margin-left: auto;
        margin-right: auto;

        text-align: left;
      }

      .hero-copy .optin-wrap {
        margin-left: auto;
        margin-right: auto;

        text-align: left;
      }

      .hero-image-wrap {
        max-width: 540px;

        margin: auto;
      }

      .problem-layout,
      .creator-layout,
      .who-layout {
        grid-template-columns: 1fr;

        gap: 50px;
      }

      .who-sticky {
        position: static;
      }

      .rules-grid {
        grid-template-columns:
          repeat(2, 1fr);
      }

      .offer-card {
        grid-template-columns: 1fr;

        gap: 35px;

        padding: 45px;
      }

      .author-card {
        grid-template-columns:
          280px 1fr;

        gap: 35px;
      }

      .trust-grid {
        grid-template-columns:
          repeat(2, 1fr);
      }

      .trust-item:nth-child(2) {
        border-right: 0;
      }

      .trust-item:nth-child(-n+2) {
        border-bottom:
          1px solid rgba(255,255,255,0.1);
      }

    }


    /* =========================================================
       MOBILE
    ========================================================= */

    @media (max-width: 720px) {

      .container {
        width:
          min(calc(100% - 28px), var(--max-width));
      }

      .section {
        padding: 65px 0;
      }

      .section-small {
        padding: 55px 0;
      }

      .section-title {
        font-size: 36px;
      }

      .section-intro {
        font-size: 17px;
      }

      .hero-inner {
        padding: 45px 0 70px;
      }

      .hero h1 {
        font-size: 43px;
      }

      .hero-subtitle {
        font-size: 18px;
      }

      .product-card {
        padding: 25px;
      }

      .floating-note {
        right: -3px;
        bottom: 20px;

        max-width: 155px;

        font-size: 12px;
      }

      .optin-wrap {
        padding: 20px 15px;
      }

      .recognition-grid,
      .teaser-grid,
      .rules-grid {
        grid-template-columns: 1fr;
      }

      .trust-grid {
        grid-template-columns:
          1fr 1fr;
      }

      .trust-item {
        padding: 20px 12px;
      }

      .big-quote {
        padding: 32px 27px;
      }

      .creator-visual {
        min-height: 400px;
      }

      .creator-circle {
        width: 320px;
        height: 320px;
      }

      .creator-box:nth-child(1),
      .creator-box:nth-child(2),
      .creator-box:nth-child(3) {
        transform: none;
      }

      .equation-wrap {
        grid-template-columns: 1fr;
      }

      .equation-arrow {
        transform: rotate(90deg);
      }

      .author-card {
        grid-template-columns: 1fr;

        padding: 32px 25px;

        text-align: center;
      }

      .author-image {
        max-width: 320px;

        margin: auto;
      }

      .offer-card {
        padding: 30px 22px;
      }

      .offer-copy {
        text-align: center;
      }

      .offer-list {
        text-align: left;
      }

      .footer-inner {
        flex-direction: column;

        align-items: flex-start;
      }

    }


    /* =========================================================
       SMALL MOBILE
    ========================================================= */

    @media (max-width: 430px) {

      .hero h1 {
        font-size: 38px;
      }

      .section-title {
        font-size: 32px;
      }

      .trust-grid {
        grid-template-columns: 1fr;
      }

      .trust-item {
        border-right: 0 !important;

        border-bottom:
          1px solid rgba(255,255,255,0.1);
      }

      .trust-item:last-child {
        border-bottom: 0;
      }

      .creator-circle {
        width: 280px;
        height: 280px;
      }

      .creator-visual {
        min-height: 360px;
      }

    }

  <\/style>
</head>


<body>

<main>


  <!-- =====================================================
       HERO
  ====================================================== -->

  <section class="hero">

    <div class="container hero-inner">


      <div class="hero-copy">

        <div class="hero-badge">
          <span class="hero-badge-dot"></span>
          E-Book · Geld · Erfolg · Selbstbestimmung
        </div>


        <h1>
          Die <span class="orange">15 Regeln</span>,
          die deine Sicht auf Wohlstand verändern können.
        </h1>


        <p class="hero-subtitle">
          Die Spielregeln für Geld, Erfolg und ein selbstbestimmtes Leben,
          die dir wahrscheinlich niemand beigebracht hat.
        </p>


        <ul class="hero-points">

          <li>
            <span class="check">✓</span>
            <span>
              Verstehe, warum reines Sparen nicht die ganze Lösung ist.
            </span>
          </li>

          <li>
            <span class="check">✓</span>
            <span>
              Entdecke neue Perspektiven auf Geld,
              Erfolg und Verantwortung.
            </span>
          </li>

          <li>
            <span class="check">✓</span>
            <span>
              Erfahre, warum der Wechsel vom Konsumenten
              zum Creator entscheidend sein kann.
            </span>
          </li>

        </ul>


        <div class="optin-wrap">

          <div class="optin-title">
            Hol dir jetzt die 15 Regeln für Wohlstand
          </div>

          <div class="optin-text">
            Trag dich ein und sichere dir direkten Zugang zum E-Book.
          </div>

          <div class="iframe-wrap">

            <iframe
              class="ktv2"
              src="https://assets.klicktipp.com/userimages/966659/forms/349460/859kzmj3tz8zc99a.html"
              style="position:relative;display:inline-block;border:none;background:transparent none no-repeat scroll 0 0;margin:0;"
              width="300"
              height="130"
              scrolling="no">
            </iframe>

          </div>

          <div class="form-note">
            Mit deiner Eintragung stimmst du der Verarbeitung
            deiner Daten gemäß unserer Datenschutzerklärung zu.
          </div>

        </div>

      </div>


      <div class="hero-image-wrap">

        <div class="hero-glow"></div>

        <div class="product-card">

          <img
            src="https://byebyehamsterrad.de/wp-content/uploads/2025/10/Buch-Cover-1-scaled.png"
            alt="15 Regeln für Wohlstand E-Book"
          >

        </div>

        <div class="floating-note">
          <span>Im E-Book</span>
          15 klare Prinzipien für deinen nächsten Schritt.
        </div>

      </div>

    </div>

  </section>


  <!-- =====================================================
       TRUST
  ====================================================== -->

  <section class="trust-strip">

    <div class="container trust-grid">

      <div class="trust-item">
        <div class="trust-icon">📖</div>
        <strong>15 klare Regeln</strong>
        <span>verständlich erklärt</span>
      </div>

      <div class="trust-item">
        <div class="trust-icon">🧠</div>
        <strong>Neue Perspektiven</strong>
        <span>auf Geld und Erfolg</span>
      </div>

      <div class="trust-item">
        <div class="trust-icon">🎯</div>
        <strong>Ohne Fachchinesisch</strong>
        <span>für Einsteiger geeignet</span>
      </div>

      <div class="trust-item">
        <div class="trust-icon">🚀</div>
        <strong>Für Macher</strong>
        <span>statt reinen Konsum</span>
      </div>

    </div>

  </section>


  <!-- =====================================================
       ZEIT IST GELD
  ====================================================== -->

  <section class="section problem">

    <div class="container problem-layout">


      <div class="big-quote">

        <div class="quote-mark">“</div>

        <span class="old-belief">
          Zeit = Geld
        </span>

        <span class="new-belief">
          Zeit ist nicht Geld.
          <br>
          <em>Zeit ist dein Leben.</em>
        </span>

      </div>


      <div class="problem-copy">

        <div class="section-label">
          Die größte Lüge?
        </div>

        <h2 class="section-title">
          „Zeit ist Geld.“
        </h2>

        <p>
          Diesen Satz hast du wahrscheinlich schon hundertmal gehört.
        </p>

        <p>
          Er klingt logisch: Du gehst arbeiten, gibst deine Zeit
          und bekommst dafür Geld.
        </p>

        <p>
          Doch genau hier beginnt das Problem.
        </p>

        <p>
          Geld kannst du verlieren und wieder verdienen.
          Eine vergangene Stunde bekommst du dagegen niemals zurück.
        </p>

        <p>
          Trotzdem verbringen Millionen Menschen ihr Leben damit,
          immer mehr ihrer begrenzten Zeit gegen Geld einzutauschen.
        </p>

        <div class="question-box">
          Die entscheidende Frage lautet deshalb nicht:
          „Wie kann ich noch mehr arbeiten?“ –
          sondern: „Wie kann ich anfangen,
          die Spielregeln zu verstehen?“
        </div>

      </div>

    </div>

  </section>


  <!-- =====================================================
       ERKENNST DU DICH WIEDER
  ====================================================== -->

  <section class="section recognition">

    <div class="container">


      <div class="section-label">
        Kommt dir das bekannt vor?
      </div>


      <h2 class="section-title">
        Vielleicht möchtest du mehr.
        Aber dir fehlt noch die Richtung.
      </h2>


      <p class="section-intro">
        Zwischen „Ich möchte etwas verändern“
        und „Ich weiß, was ich tun soll“
        liegt oft eine ziemlich große Lücke.
      </p>


      <div class="recognition-grid">


        <div class="recognition-card">

          <div class="recognition-number">
            01
          </div>

          <p>
            Du möchtest finanziell mehr erreichen,
            weißt aber nicht genau,
            wo du anfangen sollst.
          </p>

        </div>


        <div class="recognition-card">

          <div class="recognition-number">
            02
          </div>

          <p>
            Du legst Geld zurück,
            hast aber trotzdem das Gefühl,
            dass alles immer teurer wird.
          </p>

        </div>


        <div class="recognition-card">

          <div class="recognition-number">
            03
          </div>

          <p>
            Du möchtest dir etwas Eigenes aufbauen,
            wartest aber immer noch auf den richtigen Moment.
          </p>

        </div>


        <div class="recognition-card">

          <div class="recognition-number">
            04
          </div>

          <p>
            Du hast bereits unzählige Videos,
            Bücher und Beiträge konsumiert,
            aber nur einen Bruchteil umgesetzt.
          </p>

        </div>


        <div class="recognition-card">

          <div class="recognition-number">
            05
          </div>

          <p>
            Du arbeitest jeden Monat für dein Einkommen
            und fragst dich,
            ob es nicht auch einen anderen Weg geben kann.
          </p>

        </div>


        <div class="recognition-card">

          <div class="recognition-number">
            06
          </div>

          <p>
            Du möchtest mehr Selbstbestimmung
            und nicht irgendwann feststellen,
            dass du dein Leben nur funktioniert hast.
          </p>

        </div>

      </div>

    </div>

  </section>


  <!-- =====================================================
       EINBLICK
  ====================================================== -->

  <section class="section teaser">

    <div class="container">


      <div style="text-align:center;">

        <div class="section-label">
          Ein Blick ins E-Book
        </div>

      </div>


      <h2 class="section-title center">
        Einige Regeln kennst du vielleicht.
        <span class="highlight">
          Andere werden dich überraschen.
        </span>
      </h2>


      <p class="section-intro center">
        Es geht nicht um komplizierte Finanzmodelle
        oder die nächste angebliche Geheimstrategie.
        Es geht um klare Prinzipien rund um Geld,
        Erfolg, Verantwortung und Selbstbestimmung.
      </p>


      <div class="teaser-grid">


        <article class="teaser-card">

          <div class="teaser-icon">
            💶
          </div>

          <h3>
            Warum Sparen allein nicht ausreicht
          </h3>

          <p>
            Geld auf dem Konto fühlt sich sicher an.
            Doch während dein Geld dort liegt,
            verändern sich Preise und Kaufkraft.
            Du erfährst, warum es nicht nur darauf ankommt,
            wie viel Geld du besitzt,
            sondern was es langfristig noch wert ist.
          </p>

        </article>


        <article class="teaser-card">

          <div class="teaser-icon">
            🌪️
          </div>

          <h3>
            Warum eine Krise auch eine Chance sein kann
          </h3>

          <p>
            Wenn alles läuft,
            ist es einfach ruhig zu bleiben.
            Schwierige Zeiten zeigen,
            wer vorbereitet ist
            und wer ausschließlich reagiert.
          </p>

        </article>


        <article class="teaser-card">

          <div class="teaser-icon">
            🧲
          </div>

          <h3>
            Was hinter dem Geldmagneten steckt
          </h3>

          <p>
            Eine der Regeln klingt fast zu einfach:
            Behalte jeden Monat einen festen Teil deines Einkommens.
            Warum dieses Prinzip deinen Umgang mit Geld
            verändern kann,
            erfährst du im E-Book.
          </p>

        </article>


        <article class="teaser-card">

          <div class="teaser-icon">
            🎯
          </div>

          <h3>
            Warum zu frühes Diversifizieren dich bremsen kann
          </h3>

          <p>
            „Du musst dein Geld möglichst breit streuen.“
            Diesen Rat hört man ständig.
            Doch was passiert,
            wenn du kleine Beträge auf viele Dinge verteilst,
            von denen du keines wirklich verstehst?
          </p>

        </article>


        <article class="teaser-card">

          <div class="teaser-icon">
            🧠
          </div>

          <h3>
            Warum deine Emotionen teuer werden können
          </h3>

          <p>
            Angst, Gier, Ungeduld oder Geiz
            können finanzielle Entscheidungen
            stärker beeinflussen,
            als viele Menschen glauben.
          </p>

        </article>


        <article class="teaser-card">

          <div class="teaser-icon">
            🎬
          </div>

          <h3>
            Warum du die Seite wechseln solltest
          </h3>

          <p>
            Vom Zuschauer zum Macher.
            Vom Konsumenten zum Creator.
            Dein Wissen,
            deine Erfahrung
            und deine Persönlichkeit
            können einen Wert besitzen.
          </p>

        </article>

      </div>

    </div>

  </section>


  <!-- =====================================================
       DARK STATEMENT
  ====================================================== -->

  <section class="section dark-break">

    <div class="container dark-copy">

      <div class="section-label dark">
        Mehr als Geld
      </div>


      <h2 class="section-title center light">
        Wohlstand beginnt nicht auf deinem Konto.
        Er beginnt bei deinen
        <span class="orange">
          Entscheidungen.
        </span>
      </h2>


      <p class="lead">
        Was bringt dir die beste Strategie,
        wenn du immer wieder aufgibst,
        kein konkretes Ziel hast,
        auf den perfekten Moment wartest
        oder dein Leben hauptsächlich damit verbringst,
        <strong>
          anderen beim Machen zuzusehen?
        </strong>
      </p>

    </div>

  </section>


  <!-- =====================================================
       15 REGELN
  ====================================================== -->

  <section class="section rules">

    <div class="container">


      <div style="text-align:center;">

        <div class="section-label">
          Der komplette Überblick
        </div>

      </div>


      <h2 class="section-title center">
        Das sind die
        <span class="orange">
          15 Regeln für Wohlstand
        </span>
      </h2>


      <p class="section-intro center">
        15 Prinzipien rund um Verantwortung,
        Geld, Fokus, langfristiges Denken,
        Erfolg und Selbstbestimmung.
      </p>


      <div class="rules-grid">


        <article class="rule">
          <span class="rule-number">
            Regel 01
          </span>
          <h3>
            Übernimm Verantwortung für dein Leben
          </h3>
        </article>


        <article class="rule">
          <span class="rule-number">
            Regel 02
          </span>
          <h3>
            In Krisen zeigt sich,
            wer vorbereitet ist
          </h3>
        </article>


        <article class="rule">
          <span class="rule-number">
            Regel 03
          </span>
          <h3>
            Die Zukunft ist teurer,
            als du denkst
          </h3>
        </article>


        <article class="rule">
          <span class="rule-number">
            Regel 04
          </span>
          <h3>
            Bau dir ein finanzielles Sicherheitsnetz auf
          </h3>
        </article>


        <article class="rule">
          <span class="rule-number">
            Regel 05
          </span>
          <h3>
            Säe heute,
            ernte morgen
          </h3>
        </article>


        <article class="rule">
          <span class="rule-number">
            Regel 06
          </span>
          <h3>
            Gib mehr,
            als du empfängst
          </h3>
        </article>


        <article class="rule">
          <span class="rule-number">
            Regel 07
          </span>
          <h3>
            Teile deine Ziele nicht
            mit den Falschen
          </h3>
        </article>


        <article class="rule">
          <span class="rule-number">
            Regel 08
          </span>
          <h3>
            Ohne Ziel kein Weg
          </h3>
        </article>


        <article class="rule">
          <span class="rule-number">
            Regel 09
          </span>
          <h3>
            Installiere deinen Geldmagneten
          </h3>
        </article>


        <article class="rule">
          <span class="rule-number">
            Regel 10
          </span>
          <h3>
            Diversifiziere nicht zu früh
          </h3>
        </article>


        <article class="rule">
          <span class="rule-number">
            Regel 11
          </span>
          <h3>
            Geld liebt Bewegung
          </h3>
        </article>


        <article class="rule">
          <span class="rule-number">
            Regel 12
          </span>
          <h3>
            Erfolg ist planbar,
            Glück nicht
          </h3>
        </article>


        <article class="rule">
          <span class="rule-number">
            Regel 13
          </span>
          <h3>
            Gewinne entstehen außerhalb der Komfortzone
          </h3>
        </article>


        <article class="rule">
          <span class="rule-number">
            Regel 14
          </span>
          <h3>
            Emotionen kosten mehr,
            als du denkst
          </h3>
        </article>


        <article class="rule">
          <span class="rule-number">
            Regel 15
          </span>
          <h3>
            Werde vom Konsumenten zum Creator
          </h3>
        </article>

      </div>

    </div>

  </section>


  <!-- =====================================================
       OPTIN MITTE
  ====================================================== -->

  <section class="section-small mid-optin">

    <div class="container">

      <div class="section-label">
        Jetzt entdecken
      </div>


      <h2 class="section-title center">
        Hol dir die vollständigen
        <span class="orange">
          15 Regeln.
        </span>
      </h2>


      <p class="section-intro center">
        Trag dich jetzt ein
        und sichere dir dein E-Book.
      </p>


      <div class="optin-wrap center">

        <div class="optin-title">
          15 Regeln für Wohlstand
        </div>

        <div class="optin-text">
          Trag dich ein
          und erhalte Zugang zum E-Book.
        </div>


        <div class="iframe-wrap">

          <iframe
            class="ktv2"
            src="https://assets.klicktipp.com/userimages/966659/forms/349460/859kzmj3tz8zc99a.html"
            style="position:relative;display:inline-block;border:none;background:transparent none no-repeat scroll 0 0;margin:0;"
            width="300"
            height="130"
            scrolling="no">
          </iframe>

        </div>


        <div class="form-note">
          Mit deiner Eintragung stimmst du
          der Verarbeitung deiner Daten
          gemäß unserer Datenschutzerklärung zu.
        </div>

      </div>

    </div>

  </section>


  <!-- =====================================================
       CREATOR
  ====================================================== -->

  <section class="section creator">

    <div class="container creator-layout">


      <div class="creator-visual">

        <div class="creator-circle"></div>


        <div class="creator-boxes">

          <div class="creator-box">
            <small>
              Schritt 1
            </small>
            Nicht mehr nur konsumieren
          </div>

          <div class="creator-box">
            <small>
              Schritt 2
            </small>
            Wissen und Erfahrung nutzen
          </div>

          <div class="creator-box">
            <small>
              Schritt 3
            </small>
            Selbst Wert erschaffen
          </div>

        </div>

      </div>


      <div class="creator-copy">

        <div class="section-label">
          Regel 15
        </div>


        <h2 class="section-title">
          Werde vom Konsumenten
          zum
          <span class="orange">
            Creator.
          </span>
        </h2>


        <p>
          Wie viele Stunden verbringen wir damit,
          Videos zu schauen,
          Beiträge zu lesen
          und anderen Menschen dabei zuzusehen,
          wie sie etwas aufbauen?
        </p>


        <p>
          Irgendwann kommt der Punkt,
          an dem du die Seite wechseln musst.
        </p>


        <div class="creator-statement">
          Vom Zuschauer zum Macher.
          <br>
          Vom Konsumenten zum Creator.
        </div>


        <p>
          Heute brauchst du nicht zwingend
          ein riesiges Unternehmen,
          ein Lager oder großes Startkapital,
          um etwas zu erschaffen.
        </p>


        <p>
          Du kannst Content produzieren,
          Produkte empfehlen,
          Wissen weitergeben
          oder ein eigenes digitales Produkt entwickeln.
        </p>


        <p>
          Dein Wissen,
          deine Erfahrungen
          und deine Persönlichkeit
          können einen Wert besitzen.
        </p>

      </div>

    </div>

  </section>


  <!-- =====================================================
       EQUATION
  ====================================================== -->

  <section class="section equation-section">

    <div class="container">


      <div style="text-align:center;">

        <div class="section-label">
          Eine andere Gleichung
        </div>

      </div>


      <h2 class="section-title center">
        Zeit gegen Geld hat eine
        <span class="orange">
          natürliche Grenze.
        </span>
      </h2>


      <div class="equation-wrap">


        <div class="equation-card old">

          <small>
            Altes Denken
          </small>

          <strong>
            Zeit = Geld
          </strong>

        </div>


        <div class="equation-arrow">
          →
        </div>


        <div class="equation-card new">

          <small>
            Neue Perspektive
          </small>

          <strong>
            Wert = Geld
          </strong>

        </div>

      </div>


      <p class="equation-copy">
        Du hast nur 24 Stunden am Tag.
        Egal wie motiviert du bist.
        Wenn du dagegen etwas erschaffst,
        das anderen Menschen einen echten Wert bietet,
        verändert sich die Gleichung.
      </p>

    </div>

  </section>


  <!-- =====================================================
       FÜR WEN
  ====================================================== -->

  <section class="section who">

    <div class="container who-layout">


      <div class="who-sticky">

        <div class="section-label">
          Ist das für dich?
        </div>


        <h2 class="section-title">
          Die 15 Regeln sind für Menschen,
          die
          <span class="orange">
            mehr wollen.
          </span>
        </h2>


        <p class="section-intro">
          Du brauchst dafür kein Finanzstudium
          und musst auch noch nicht wissen,
          wie dein kompletter Weg aussehen wird.
        </p>

      </div>


      <div class="who-list">


        <div class="who-item">
          <span class="check">✓</span>
          <p>
            Du möchtest nicht dein gesamtes Leben
            nur von Gehalt zu Gehalt denken.
          </p>
        </div>


        <div class="who-item">
          <span class="check">✓</span>
          <p>
            Du möchtest bewusster
            mit deinem Geld umgehen.
          </p>
        </div>


        <div class="who-item">
          <span class="check">✓</span>
          <p>
            Du möchtest verstehen,
            warum Wohlstand nicht nur
            mit Glück zu tun hat.
          </p>
        </div>


        <div class="who-item">
          <span class="check">✓</span>
          <p>
            Du wünschst dir langfristig
            mehr finanzielle Selbstbestimmung.
          </p>
        </div>


        <div class="who-item">
          <span class="check">✓</span>
          <p>
            Du denkst darüber nach,
            dir ein digitales Einkommen
            oder etwas Eigenes aufzubauen.
          </p>
        </div>


        <div class="who-item">
          <span class="check">✓</span>
          <p>
            Du möchtest nicht nur Wissen sammeln,
            sondern wirklich ins Handeln kommen.
          </p>
        </div>


        <div class="who-item">
          <span class="check">✓</span>
          <p>
            Du bist bereit,
            Verantwortung für deine nächsten
            Entscheidungen zu übernehmen.
          </p>
        </div>

      </div>

    </div>

  </section>


  <!-- =====================================================
       AUTOR MIT DEINEM BILD
  ====================================================== -->

  <section class="section author">

    <div class="container">


      <div class="author-card">


        <div class="author-image-wrap">

          <img
            class="author-image"
            src="https://byebyehamsterrad.de/wp-content/uploads/2025/12/Design-ohne-Titel-2.png"
            alt="Matthias Schindler"
          >

        </div>


        <div class="author-copy">

          <div class="section-label dark">
            Über den Autor
          </div>


          <h2>
            Hi, ich bin Matthias.
          </h2>


          <p>
            Ich habe irgendwann verstanden,
            dass härter zu arbeiten
            nicht automatisch bedeutet,
            freier zu werden.
          </p>


          <p>
            Für mich wurde deshalb
            eine andere Frage entscheidend:
            Wie kann ich Wert schaffen,
            statt ausschließlich
            meine Zeit zu verkaufen?
          </p>


          <p>
            Genau daraus entstand
            mein Weg in die digitale Welt.
          </p>


          <p>
            Heute beschäftige ich mich damit,
            wie digitale Produkte,
            Content,
            Reichweite und Online-Business
            genutzt werden können,
            um sich Schritt für Schritt
            etwas Eigenes aufzubauen.
          </p>


          <p>
            Mit diesem E-Book möchte ich
            aber viel früher anfangen:
            bei deinen Prinzipien,
            deinem Denken
            und deinen Entscheidungen.
          </p>


          <div class="author-signature">
            Matthias · Bye Bye Hamsterrad
          </div>

        </div>

      </div>

    </div>

  </section>


  <!-- =====================================================
       PRODUKT
  ====================================================== -->

  <section class="section offer">

    <div class="container">


      <div class="offer-card">


        <div class="offer-product">

          <img
            src="https://byebyehamsterrad.de/wp-content/uploads/2025/10/Buch-Cover-1-scaled.png"
            alt="15 Regeln für Wohlstand"
          >

        </div>


        <div class="offer-copy">

          <div class="section-label">
            Dein nächster Schritt
          </div>


          <h2>
            Vielleicht verändert nicht jede Regel dein Leben.
            <span class="orange">
              Aber vielleicht verändert eine davon
              deine nächste Entscheidung.
            </span>
          </h2>


          <p>
            Und manchmal reicht genau das.
          </p>


          <ul class="offer-list">

            <li>
              <span class="check">✓</span>
              15 klare und verständliche Regeln
            </li>

            <li>
              <span class="check">✓</span>
              Gedanken zu Geld
              und finanzieller Sicherheit
            </li>

            <li>
              <span class="check">✓</span>
              Prinzipien rund um Ziele
              und langfristiges Denken
            </li>

            <li>
              <span class="check">✓</span>
              Impulse zu Fokus,
              Emotionen und Entscheidungen
            </li>

            <li>
              <span class="check">✓</span>
              Der Wechsel vom Konsumenten zum Creator
            </li>

          </ul>


          <div class="optin-wrap">

            <div class="optin-title">
              Jetzt das E-Book sichern
            </div>

            <div class="optin-text">
              Trag dich ein
              und erhalte Zugang
              zu den 15 Regeln für Wohlstand.
            </div>


            <div class="iframe-wrap">

              <iframe
                class="ktv2"
                src="https://assets.klicktipp.com/userimages/966659/forms/349460/859kzmj3tz8zc99a.html"
                style="position:relative;display:inline-block;border:none;background:transparent none no-repeat scroll 0 0;margin:0;"
                width="300"
                height="130"
                scrolling="no">
              </iframe>

            </div>


            <div class="form-note">
              Mit deiner Eintragung stimmst du
              der Verarbeitung deiner Daten
              gemäß unserer Datenschutzerklärung zu.
            </div>

          </div>

        </div>

      </div>

    </div>

  </section>


  <!-- =====================================================
       FAQ
  ====================================================== -->

  <section class="section faq">

    <div class="container">


      <div style="text-align:center;">

        <div class="section-label">
          Häufige Fragen
        </div>

      </div>


      <h2 class="section-title center">
        Noch etwas unklar?
      </h2>


      <div class="faq-wrap">


        <div class="faq-item">

          <button class="faq-question">

            <span>
              Brauche ich Vorwissen über Finanzen?
            </span>

            <span class="faq-plus">
              +
            </span>

          </button>


          <div class="faq-answer">

            <div class="faq-answer-inner">

              Nein.
              Die Regeln sind bewusst einfach
              und verständlich formuliert.
              Es geht nicht um komplizierte Berechnungen
              oder komplexe Finanzmodelle,
              sondern um grundlegende Prinzipien
              rund um Geld,
              Verantwortung,
              Erfolg und Selbstbestimmung.

            </div>

          </div>

        </div>


        <div class="faq-item">

          <button class="faq-question">

            <span>
              Geht es ausschließlich um Geld?
            </span>

            <span class="faq-plus">
              +
            </span>

          </button>


          <div class="faq-answer">

            <div class="faq-answer-inner">

              Nein.
              Geld ist ein wichtiger Bestandteil
              des E-Books,
              aber mehrere Regeln beschäftigen sich
              auch mit deinen Entscheidungen,
              deinem Umfeld,
              deinen Zielen,
              deinen Emotionen
              und deinem Verhalten.

            </div>

          </div>

        </div>


        <div class="faq-item">

          <button class="faq-question">

            <span>
              Geht es auch um Online-Business?
            </span>

            <span class="faq-plus">
              +
            </span>

          </button>


          <div class="faq-answer">

            <div class="faq-answer-inner">

              Ja.
              Das E-Book zeigt an mehreren Stellen,
              warum ein digitales Einkommen
              eine Möglichkeit sein kann,
              Wert statt ausschließlich
              Zeit gegen Geld zu tauschen.
              Dazu gehören unter anderem
              Partnerprogramme,
              eigene digitale Produkte
              und Content.

            </div>

          </div>

        </div>


        <div class="faq-item">

          <button class="faq-question">

            <span>
              Ist das E-Book eine Anlageberatung?
            </span>

            <span class="faq-plus">
              +
            </span>

          </button>


          <div class="faq-answer">

            <div class="faq-answer-inner">

              Nein.
              Das E-Book vermittelt allgemeine Gedanken,
              persönliche Prinzipien
              und Perspektiven rund um Geld,
              Wohlstand und Selbstbestimmung.
              Es stellt keine individuelle
              Finanz- oder Anlageberatung dar.

            </div>

          </div>

        </div>


        <div class="faq-item">

          <button class="faq-question">

            <span>
              Was ist der Geldmagnet?
            </span>

            <span class="faq-plus">
              +
            </span>

          </button>


          <div class="faq-answer">

            <div class="faq-answer-inner">

              Dabei handelt es sich um Regel 9
              des E-Books.
              Hinter dem Begriff steckt
              ein einfaches Prinzip,
              das deinen langfristigen Umgang
              mit Geld verändern soll.
              Die vollständige Erklärung
              findest du im E-Book.

            </div>

          </div>

        </div>

      </div>

    </div>

  </section>


  <!-- =====================================================
       LETZTES OPTIN
  ====================================================== -->

  <section class="section final-cta">

    <div class="container">


      <div class="final-cta-inner">

        <div class="section-label dark">
          Deine Entscheidung
        </div>


        <h2>
          Deine Zeit ist
          <span class="orange">
            begrenzt.
          </span>
        </h2>


        <p>
          Geld kannst du erneut verdienen.
          Dinge kannst du ersetzen.
          Aber die Zeit,
          die bereits vergangen ist,
          bekommst du nicht zurück.
        </p>


        <p>
          Vielleicht ist genau deshalb
          heute ein guter Zeitpunkt,
          darüber nachzudenken,
          nach welchen Regeln
          du dein Leben eigentlich spielen möchtest.
        </p>


        <div class="optin-wrap center">

          <div class="optin-title">
            Jetzt die 15 Regeln entdecken
          </div>

          <div class="optin-text">
            Trag dich ein
            und sichere dir dein E-Book.
          </div>


          <div class="iframe-wrap">

            <iframe
              class="ktv2"
              src="https://assets.klicktipp.com/userimages/966659/forms/349460/859kzmj3tz8zc99a.html"
              style="position:relative;display:inline-block;border:none;background:transparent none no-repeat scroll 0 0;margin:0;"
              width="300"
              height="130"
              scrolling="no">
            </iframe>

          </div>


          <div class="form-note">
            Mit deiner Eintragung stimmst du
            der Verarbeitung deiner Daten
            gemäß unserer Datenschutzerklärung zu.
          </div>

        </div>


        <div class="closing">

          Bye bye Hamsterrad.

          <strong>
            Hallo neue Realität.
          </strong>

        </div>

      </div>

    </div>

  </section>


</main>


<!-- =====================================================
     FOOTER
====================================================== -->

<footer>

  <div class="container">


    <div class="footer-inner">

      <div>
        © <span id="year"></span>
        Bye Bye Hamsterrad
      </div>


      <div class="footer-links">

        <a
          href="/impressum/"
          target="_blank"
        >
          Impressum
        </a>

        <a
          href="/datenschutz/"
          target="_blank"
        >
          Datenschutz
        </a>

      </div>

    </div>


    <div class="legal-note">

      Hinweis:
      Die Inhalte dieser Webseite
      und des E-Books dienen ausschließlich
      allgemeinen Informations-
      und Bildungszwecken.

      Sie stellen keine individuelle
      Finanz-, Anlage-, Steuer-
      oder Rechtsberatung dar.

      Finanzielle Entscheidungen
      sind immer mit individuellen
      Chancen und Risiken verbunden.

    </div>

  </div>

</footer>


<!-- =====================================================
     JAVASCRIPT
====================================================== -->

<script>

  /* =====================================================
     FAQ
  ====================================================== */

  const faqItems =
    document.querySelectorAll(".faq-item");


  faqItems.forEach(function(item) {

    const question =
      item.querySelector(".faq-question");

    const answer =
      item.querySelector(".faq-answer");


    question.addEventListener(
      "click",
      function() {


        const isActive =
          item.classList.contains("active");


        faqItems.forEach(
          function(otherItem) {

            otherItem.classList.remove("active");

            const otherAnswer =
              otherItem.querySelector(".faq-answer");

            otherAnswer.style.maxHeight = null;

          }
        );


        if (!isActive) {

          item.classList.add("active");

          answer.style.maxHeight =
            answer.scrollHeight + "px";

        }

      }
    );

  });


  /* =====================================================
     JAHR IM FOOTER
  ====================================================== */

  document.getElementById("year").textContent =
    new Date().getFullYear();

</script>


</body>
</html>/* End custom CSS */