<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Pakete & Leistungen</title>
  <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;
    }
    .container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 32px;
      padding: 48px 8px;
      max-width: 1400px;
      margin: 0 auto;
    }
    .card {
      flex: 1 1 calc(25% - 32px); /* 4 pro Reihe */
      max-width: calc(25% - 32px);
      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);
      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;
    }
    .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;
    }
    .bronze .headline { color: #d79e60; }
    .silber .headline { color: #998fa6; }
    .gold .headline   { color: #e5b93c; }
    .platin .headline { color: #7b5aa6; }
    .price {
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 6px;
      color: #222;
      letter-spacing: 1px;
    }
    .inkl {
      font-size: 1rem;
      color: #bfa2b8;
      margin-bottom: 20px;
      font-weight: 500;
    }
    .paket-hinweis {
      background: linear-gradient(90deg, #d72660 0%, #7b5aa6 100%);
      color: #fff;
      font-weight: bold;
      border-radius: 12px;
      padding: 12px 16px;
      text-align: center;
      margin-bottom: 18px;
      font-size: 1rem;
      letter-spacing: 0.2px;
      box-shadow: 0 2px 8px rgba(215,38,96,0.10);
      width: 100%;
      box-sizing: border-box;
    }
    ul {
      padding-left: 0;
      list-style: none;
      margin-bottom: 18px;
      font-size: 1.06rem;
      width: 100%;
    }
    ul li {
      margin-bottom: 11px;
      display: flex;
      align-items: flex-start;
      color: #232323;
      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: #e6e6f7;
      border-radius: 50%;
      border: 2px solid #232323;
      position: relative;
    }
    .bronze ul li .check,
    .gold ul li .check { border-color: #d79e60; }
    .silber ul li .check { border-color: #998fa6; }
    .platin ul li .check { border-color: #7b5aa6; }
    ul li .check::after {
      content: '';
      position: absolute;
      left: 5px;
      top: 2px;
      width: 7px;
      height: 12px;
      border: solid #232323;
      border-width: 0 3px 3px 0;
      border-radius: 1px;
      transform: rotate(45deg);
    }
    .bronze ul li .check::after,
    .gold ul li .check::after { border-color: #d79e60; }
    .silber ul li .check::after { border-color: #998fa6; }
    .platin ul li .check::after { border-color: #7b5aa6; }
    ul li.extra {
      color: #bfa2b8;
      font-style: italic;
      font-size: 0.98rem;
    }
    .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;
      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: 900px) {
      .card {
        flex: 1 1 100%;
        max-width: 100%;
      }
    }
  </style>
</head>
<body>
  <div class="container">

    
    <div class="card bronze">
      <div class="headline">BRONZE</div>
      <div class="price">1.189&nbsp;€</div>
      <div class="inkl">inkl. MwSt</div>
      <ul>
        <li><span class="check"></span>Sedcard / Fashion / Commercial</li>
        <li><span class="check"></span>3 Stunden Aufnahmezeit</li>
        <li><span class="check"></span>8 digitale Bilder</li>
        <li><span class="check"></span>1 x natürliches Make-Up</li>
        <li><span class="check"></span>1 x Hair Styling</li>
        <li><span class="check"></span>3 x Outfitwechsel</li>
        <li><span class="check"></span>8 retuschierte Bilder</li>
        <li><span class="check"></span>Konzeptausarbeitung</li>
        <li><span class="check"></span>Moodboard</li>
        <li><span class="check"></span>Styling-Vorgabe</li>
        <li><span class="check"></span>Indoor und Outdoor</li>
        <li class="extra">Jedes weitere Motiv 78&nbsp;€</li>
        <li class="extra">Jeder weitere Look 150&nbsp;€</li>
        <li class="extra">Prof. Make-Up Artist zusätzlich buchbar</li>
      </ul>
      <a href="mailto:r.zazulak@outlook.com?subject=BRONZE Paket Anfrage" class="button">Anfrage senden</a>
    </div>

    
    <div class="card silber">
      <div class="headline">SILBER</div>
      <div class="price">1.689&nbsp;€</div>
      <div class="inkl">inkl. MwSt</div>
      <ul>
        <li><span class="check"></span>Eine garantierte Veröffentlichung in einem Magazin wie Gmaro, Pump etc.</li>
        <li><span class="check"></span>4 Stunden Aufnahmezeit</li>
        <li><span class="check"></span>12 digitale Bilder</li>
        <li><span class="check"></span>1 x Editorial Make-Up</li>
        <li><span class="check"></span>2 x Hair Stylings</li>
        <li><span class="check"></span>4 x Outfitwechsel</li>
        <li><span class="check"></span>12 retuschierte Bilder</li>
        <li><span class="check"></span>Konzeptausarbeitung</li>
        <li><span class="check"></span>Moodboard</li>
        <li><span class="check"></span>Styling-Vorgabe</li>
        <li><span class="check"></span>Indoor oder Outdoor</li>
        <li class="extra">Jedes weitere Motiv 78&nbsp;€</li>
        <li class="extra">Jeder weitere Look 150&nbsp;€</li>
        <li class="extra">Prof. Make-Up Artist zusätzlich buchbar</li>
      </ul>
      <a href="mailto:r.zazulak@outlook.com?subject=SILBER Paket Anfrage" class="button">Anfrage senden</a>
    </div>

    
    <div class="card gold">
      <div class="headline">GOLD</div>
      <div class="price">2.489&nbsp;€</div>
      <div class="inkl">inkl. MwSt</div>
      <ul>
        <li><span class="check"></span>Ein garantiertes Cover, in einem Magazin wie Gmaro, Pump etc.</li>
        <li><span class="check"></span>5 Stunden Aufnahmezeit</li>
        <li><span class="check"></span>16 digitale Bilder</li>
        <li><span class="check"></span>Prof. Hair & Make-Up Artist</li>
        <li><span class="check"></span>1 x Editorial Make-Up</li>
        <li><span class="check"></span>2 x Hair Stylings</li>
        <li><span class="check"></span>4 x Outfitwechsel</li>
        <li><span class="check"></span>16 retuschierte Bilder</li>
        <li><span class="check"></span>Konzeptausarbeitung</li>
        <li><span class="check"></span>Moodboard</li>
        <li><span class="check"></span>Styling wird gestellt</li>
        <li><span class="check"></span>Indoor oder Outdoor</li>
        <li><span class="check"></span>Foto-Assistent</li>
        <li class="extra">Jedes weitere Motiv 78&nbsp;€</li>
        <li class="extra">Jeder weitere Look 150&nbsp;€</li>
      </ul>
      <a href="mailto:r.zazulak@outlook.com?subject=GOLD Paket Anfrage" class="button">Anfrage senden</a>
    </div>

    
    <div class="card platin">
      <div class="headline">PLATIN</div>
      <div class="price">4.689&nbsp;€</div>
      <div class="inkl">inkl. MwSt</div>
      <div class="paket-hinweis">
        Für dieses Paket ist eine vorherige Bewerbung mit Fotos und die Prüfung der Eignung erforderlich.
      </div>
      <ul>
        <li><span class="check"></span>Nach geprüfter Eignung des Models & Zusage der Redaktion – garantierte Publikation in Magazinen wie Harper’s Bazaar, L’Officiel, Elle.</li>
        <li><span class="check"></span>Bis zu 8 Stunden Aufnahmezeit</li>
        <li><span class="check"></span>16 digitale Bilder</li>
        <li><span class="check"></span>Prof. Hair & Make-Up Artist und Prof. Stylist</li>
        <li><span class="check"></span>2 x Editorial Make-Up</li>
        <li><span class="check"></span>3 x Hair Stylings</li>
        <li><span class="check"></span>8 x Outfitwechsel / Designer Outfits</li>
        <li><span class="check"></span>Externe prof. Bildretusche</li>
        <li><span class="check"></span>16 retuschierte Bilder</li>
        <li><span class="check"></span>Konzeptausarbeitung</li>
        <li><span class="check"></span>Moodboard</li>
        <li><span class="check"></span>Styling (8 Designer-Outfits werden gestellt)</li>
        <li><span class="check"></span>Indoor oder Outdoor</li>
        <li><span class="check"></span>Schriftliches Konzept mit Storytelling zur Einreichung</li>
        <li><span class="check"></span>Foto-Assistent</li>
        <li class="extra">Bilder müssen bis zur Publikation exklusiv bleiben. Das beinhaltet auch das unerlaubte Teilen von Behind the Scenes.</li>
      </ul>
      <a href="mailto:r.zazulak@outlook.com?subject=PLATIN Paket Anfrage" class="button">Anfrage senden</a>
    </div>

  </div>
</body>
</html>