<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8">
  <title>Modelcoaching – Pakete & Expertise</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap" rel="stylesheet">
  <style>
    body {
      font-family: 'Montserrat', Arial, sans-serif;
      background: linear-gradient(120deg, #f7e8ee 0%, #e6e6f7 100%);
      margin: 0;
      padding: 0;
      color: #232323;
      min-height: 100vh;
    }
    .intro-section {
      max-width: 1200px;
      margin: 0 auto 32px auto;
      padding: 0 18px;
      text-align: center;
      position: relative;
    }
    .intro-bg {
      position: relative;
      background: url('https://images.unsplash.com/photo-1519125323398-675f0ddb6308?auto=format&fit=crop&w=1200&q=80') center/cover no-repeat;
      border-radius: 28px;
      min-height: 390px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      overflow: hidden;
    }
    .intro-overlay {
      position: absolute;
      top: 0; left: 0; right: 0; bottom: 0;
      background: linear-gradient(90deg, rgba(215,38,96,0.62) 0%, rgba(123,90,166,0.52) 100%);
      z-index: 1;
      border-radius: 28px;
    }
    .intro-content {
      position: relative;
      z-index: 2;
      max-width: 820px;
      margin: 0 auto;
      padding: 56px 36px 24px 36px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    .intro-title {
      font-size: 2.3rem;
      font-weight: 800;
      letter-spacing: 2px;
      color: #fff;
      text-shadow: 0 2px 8px rgba(50,30,70,0.14);
      margin-bottom: 22px;
      text-transform: uppercase;
    }
    .intro-text {
      font-size: 1.18rem;
      color: #fff;
      line-height: 1.7;
      text-shadow: 0 1px 6px rgba(50,30,70,0.10);
      font-weight: 500;
      margin-bottom: 0;
      max-width: 720px;
    }
    .credentials {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 28px;
      margin-bottom: 28px;
      gap: 0;
    }
    .getty {
      color: #fff;
      font-size: 1.08rem;
      font-weight: 500;
      letter-spacing: 0.5px;
    }
    .creator-invite {
      color: #d72660;
      font-weight: 700;
      font-size: 1.15rem;
      margin-top: 22px;
      margin-bottom: 0;
      letter-spacing: 1px;
      display: block;
    }
    .creator-desc {
      color: #fff;
      font-size: 1.02rem;
      margin-top: 6px;
      max-width: 600px;
      text-align: center;
      line-height: 1.5;
      text-shadow: 0 1px 6px rgba(50,30,70,0.08);
    }
    .container {
      display: flex;
      gap: 32px;
      justify-content: center;
      align-items: flex-start;
      padding: 36px 8px 48px 8px;
      flex-wrap: wrap;
      max-width: 1200px;
      margin: 0 auto;
    }
    .card {
      background: #fff;
      border-radius: 22px;
      box-shadow: 0 6px 28px rgba(180, 140, 180, 0.13), 0 1.5px 10px rgba(0,0,0,0.03);
      width: 340px;
      max-width: 100%;
      padding: 36px 26px 28px 26px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      margin-bottom: 32px;
      box-sizing: border-box;
      border: 2.5px solid transparent;
      transition: border 0.18s, box-shadow 0.18s;
      position: relative;
    }
    .card:hover {
      border: 2.5px solid #e7b3c7;
      box-shadow: 0 12px 36px rgba(180, 140, 180, 0.18), 0 2px 16px rgba(0,0,0,0.06);
      z-index: 2;
    }
    .headline {
      font-size: 1.45rem;
      font-weight: 700;
      margin-bottom: 10px;
      text-transform: uppercase;
      letter-spacing: 2px;
      text-align: left;
    }
    .basis { color: #d72660; }
    .premium { color: #e5b93c; }
    .price {
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 6px;
      color: #222;
      text-align: left;
      letter-spacing: 1px;
    }
    .inkl {
      font-size: 1rem;
      color: #bfa2b8;
      margin-bottom: 20px;
      text-align: left;
      font-weight: 500;
    }
    ul {
      padding-left: 0;
      list-style: none;
      margin-bottom: 20px;
      font-size: 1.06rem;
      width: 100%;
      text-align: left;
    }
    ul li {
      margin-bottom: 11px;
      display: flex;
      align-items: flex-start;
      color: #232323;
      font-size: 1.06rem;
      font-weight: 400;
      line-height: 1.6;
    }
    ul li .check {
      display: inline-block;
      width: 20px;
      height: 20px;
      min-width: 20px;
      min-height: 20px;
      margin-right: 10px;
      margin-top: 2px;
      background: #f7e8ee;
      border-radius: 50%;
      border: 2px solid #d72660;
      position: relative;
    }
    .premium ul li .check {
      border-color: #e5b93c;
      background: #fffbe7;
    }
    ul li .check::after {
      content: '';
      position: absolute;
      left: 5px;
      top: 2px;
      width: 7px;
      height: 12px;
      border: solid #d72660;
      border-width: 0 3px 3px 0;
      border-radius: 1px;
      transform: rotate(45deg);
      box-sizing: border-box;
    }
    .premium ul li .check::after {
      border-color: #e5b93c;
    }
    .button {
      margin-top: 18px;
      background: linear-gradient(90deg, #d72660 0%, #7b5aa6 100%);
      color: #fff;
      font-size: 1.13rem;
      font-weight: 700;
      border: none;
      border-radius: 24px;
      padding: 12px 32px;
      cursor: pointer;
      transition: background 0.2s, box-shadow 0.2s;
      text-decoration: none;
      display: inline-block;
      text-align: center;
      letter-spacing: 1px;
      box-shadow: 0 2px 12px rgba(180, 140, 180, 0.13);
    }
    .button:hover {
      background: linear-gradient(90deg, #7b5aa6 0%, #d72660 100%);
      box-shadow: 0 4px 20px rgba(180, 140, 180, 0.18);
    }
    @media (max-width: 1100px) {
      .intro-section, .container {
        max-width: 98vw;
      }
      .intro-content {
        padding: 32px 10px 24px 10px;
      }
    }
    @media (max-width: 700px) {
      .intro-bg {
        min-height: 180px;
        border-radius: 14px;
      }
      .intro-content {
        padding: 18px 4px 8px 4px;
      }
      .intro-title {
        font-size: 1.2rem;
      }
      .intro-text {
        font-size: 0.97rem;
      }
      .container {
        flex-direction: column;
        align-items: center;
        gap: 0;
        padding: 12px 2px 12px 2px;
      }
      .card {
        width: 95vw;
        max-width: 400px;
        padding: 14px 6px 10px 10px;
        border-radius: 12px;
      }
      ul {
        font-size: 0.97rem;
      }
      .button {
        font-size: 1rem;
        padding: 10px 20px;
      }
    }
  </style>
</head>
<body>
  <div class="intro-section">
    <div class="intro-bg">
      <div class="intro-overlay"></div>
      <div class="intro-content">
        <div class="intro-title">Modelcoaching</div>
        <div class="intro-text">
          Starte jetzt deine Erfolgsgeschichte als Model!<br><br>
          Mit meinem 1:1 Modelcoaching unterstütze ich dich auf deinem Weg in die Modelwelt – individuell, praxisnah und mit echter Branchenexpertise. Profitiere von meiner langjährigen Erfahrung als Creative Director und Modefotografin für internationale Marken und Agenturen.<br>
          Gemeinsam entwickeln wir deine Präsenz, dein Portfolio und deine Strategie für nachhaltigen Erfolg im Modelbusiness.
        </div>
        <div class="credentials">
          <span class="getty">Getty Images Contributor</span>
          <span class="creator-invite">Offiziell von Instagram als Creator eingeladen</span>
          <span class="creator-desc">
            Instagram hat mich persönlich als Creator ausgewählt und in das exklusive Creator-Programm aufgenommen – eine Auszeichnung, die nur wenigen Accounts weltweit zuteilwird.
          </span>
        </div>
      </div>
    </div>
  </div>

  <div class="container">
    
    <div class="card basis">
      <div class="headline basis">BASIS</div>
      <div class="price">1.589&nbsp;€</div>
      <div class="inkl">inkl. MwSt</div>
      <ul>
        <li><span class="check"></span>8 Wochen 1:1 Modelcoaching</li>
        <li><span class="check"></span>1 Stunde Einzel-Coaching pro Woche</li>
        <li><span class="check"></span>Analyse & Aufbau deines Model-Portfolios</li>
        <li><span class="check"></span>Individuelle Strategie für Modelagenturen und Model-Jobs</li>
        <li><span class="check"></span>wöchentliche Hausaufgaben</li>
        <li><span class="check"></span>E-Casting Training</li>
        <li><span class="check"></span>Abschluss-Feedback & Empfehlungen</li>
      </ul>
      <a class="button" href="mailto:info@zazulakrenata.com?subject=Modelcoaching BASIS Buchung">Jetzt buchen</a>
    </div>

    
    <div class="card premium">
      <div class="headline premium">PREMIUM</div>
      <div class="price">2.589&nbsp;€</div>
      
      <div class="inkl"><strong>Inklusive Sedcard Shooting!</strong></div>
      <div class="inkl">inkl. MwSt</div>
      <ul>
        <li><span class="check"></span>8 Wochen intensives 1:1 Modelcoaching</li>
        <li><span class="check"></span>1 Stunde Einzel-Coaching pro Woche</li>
        <li><span class="check"></span>Sedcard-/Modelbook Erstellung aus den vorhandenen Bildern inkl. der Sedcard Bilder</li>
        <li><span class="check"></span>E-Casting Übungen</li>
        <li><span class="check"></span>Betreuung auch per WhatsApp außerhalb der Coaching-Zeiten</li>
        <li><span class="check"></span>Antworten auf beliebige Fragen & schnelle Lösungsvorschläge</li>
        <li><span class="check"></span>Persönliche Zielkontrolle & Wochen-Review</li>
        <li><span class="check"></span>Zugang zu exklusiven Ressourcen (z.B. Präsentationsfolien)</li>
        <li><span class="check"></span>Social Media Feed-Optimierung & Redaktionsplan-Vorgabe</li>
        <li><span class="check"></span>Wöchentliche Fortschrittsberichte & persönliche Auswertung</li>
        <li><span class="check"></span>Individuelle Zielanpassung während des Coachings</li>
        <li><span class="check"></span>Abschluss-Feedback & Empfehlungen</li>
        <li><span class="check"></span><strong>Sedcard Shooting mit 3 Looks – on top inklusive</strong></li>
      </ul>
      <a class="button" href="mailto:info@zazulakrenata.com?subject=Modelcoaching PREMIUM Buchung – inklusive Sedcard Shooting">Jetzt buchen – inklusive Sedcard&nbsp;Shooting</a>
    </div>
  </div>
</body>
</html>