.elementor-kit-55{--e-global-color-primary:#9A2C2C;--e-global-color-secondary:#F8F3EF;--e-global-color-text:#1E1E1E;--e-global-color-accent:#CDAF95;--e-global-color-153a15d:#E7E3DF;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-size:60px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-secondary-font-family:"Lato";--e-global-typography-secondary-font-size:18px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-text-font-family:"Lato";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:bold;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-decoration:none;text-decoration:none;}.elementor-kit-55 button,.elementor-kit-55 input[type="button"],.elementor-kit-55 input[type="submit"],.elementor-kit-55 .elementor-button{background-color:#9A2C2C;font-size:18px;font-weight:700;text-transform:uppercase;line-height:1.2px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-secondary );}.elementor-kit-55 button:hover,.elementor-kit-55 button:focus,.elementor-kit-55 input[type="button"]:hover,.elementor-kit-55 input[type="button"]:focus,.elementor-kit-55 input[type="submit"]:hover,.elementor-kit-55 input[type="submit"]:focus,.elementor-kit-55 .elementor-button:hover,.elementor-kit-55 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-secondary );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:8px 8px 8px 8px;}.elementor-kit-55 e-page-transition{background-color:#FFBC7D;}.elementor-kit-55 a{color:#9A2C2C;font-weight:600;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:38px;letter-spacing:0px;word-spacing:0px;}.elementor-kit-55 a:hover{color:#9A2C2C;font-weight:600;text-transform:uppercase;font-style:normal;text-decoration:none;}.elementor-kit-55 h1{text-decoration:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:40px;--container-default-padding-right:40px;--container-default-padding-bottom:20px;--container-default-padding-left:40px;}.elementor-widget:not(:last-child){margin-block-end:100px;}.elementor-element{--widgets-spacing:100px 100px;--widgets-spacing-row:100px;--widgets-spacing-column:100px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<!-- Abschnitt 1: Hero mit Bild und Call-to-Action -->
<section class="hero">
  <div class="hero-content">
    <h1>RAW TRUTH Mentoring</h1>
    <p>Für Frauen, die nicht perfekt sein wollen – sondern echt.</p>
    <a href="#angebot" class="button">Jetzt entdecken</a>
  </div>
</section>

<!-- Abschnitt 2: Über Mich -->
<section class="about">
  <div class="about-text">
    <h2>Hi, ich bin Jasmin</h2>
    <p>Mentorin für intuitives Business, zertifizierte Quantencoachin & Raumhalterin für kreative Rebellinnen und Chaosqueens.</p>
    <p>Ich begleite Frauen, die fühlen, dass sie für mehr bestimmt sind – und das auch zeigen wollen.</p>
    <a href="#ueber-mich" class="link-button">Mehr über mich</a>
  </div>
  <div class="about-image">
    <img src="dein-bild.jpg" alt="Jasmin Portrait">
  </div>
</section>

<!-- Abschnitt 3: Angebote -->
<section class="angebote" id="angebot">
  <h2>Meine Angebote</h2>
  <div class="cards">
    <div class="card">
      <h3>1:1 Mentoring</h3>
      <p>Tiefe, echte Transformation für dein Business & dich selbst.</p>
      <a href="/mentoring" class="button">Zum Mentoring</a>
    </div>
    <div class="card">
      <h3>Readings</h3>
      <p>Gene Keys, Human Design, Astrologie & Schicksalsmatrix.</p>
      <a href="/readings" class="button">Zu den Readings</a>
    </div>
    <div class="card">
      <h3>RAW TRUTH Room</h3>
      <p>Telegram-Channel für Impulse, Klarheit & Rebellion.</p>
      <a href="https://t.me/rawtruthroom" class="button" target="_blank">Beitreten</a>
    </div>
  </div>
</section>

<!-- Abschnitt 4: Testimonials (optional) -->
<section class="testimonials">
  <h2>Was andere sagen</h2>
  <blockquote>
    "Jasmin hat mir geholfen, meine Wahrheit zu finden. Ich fühl mich endlich echt."
  </blockquote>
</section>

<!-- Abschnitt 5: Call to Action -->
<section class="cta">
  <h2>Bereit für deine RAW TRUTH?</h2>
  <a href="/kontakt" class="button">Jetzt Kontakt aufnehmen</a>
</section>

<style>
/* Einfaches CSS für Vorschau-Zwecke */
.hero {
  background: #F8F3EF;
  padding: 80px 20px;
  text-align: center;
}
.hero h1 { font-size: 3rem; color: #9A2C2C; }
.hero p { font-size: 1.2rem; color: #54595F; }
.button {
  display: inline-block;
  margin-top: 20px;
  padding: 12px 24px;
  background-color: #9A2C2C;
  color: white;
  text-decoration: none;
  border-radius: 4px;
}
.about {
  display: flex;
  gap: 40px;
  padding: 60px 20px;
  background: white;
  align-items: center;
}
.about-text { flex: 1; }
.about-image img { width: 100%; border-radius: 8px; }
.cards {
  display: flex;
  gap: 20px;
  padding: 40px 0;
  justify-content: space-around;
  flex-wrap: wrap;
}
.card {
  background: #F8F3EF;
  padding: 20px;
  border-radius: 6px;
  width: 280px;
  text-align: center;
}
.cta {
  background: #9A2C2C;
  color: white;
  text-align: center;
  padding: 60px 20px;
}
</style>/* End custom CSS */