Embed

<section id="ff-wedding-prices" aria-labelledby="ffwp-title" style="margin:0;padding:0;">
  <style>
    #ff-wedding-prices{
      --bg:#87837B; --panel:#fff; --ink:#111; --muted:#e7e7e7;
      --focus-bg:#F5F3EE; --border-strong:rgba(15,23,42,.22);
      --border-mid:rgba(15,23,42,.14); --border-soft:rgba(15,23,42,.10);
      --border-focus:#d4c5a3; --wrap:1320px;
    }

    /* Sektion bündig + leicht nach oben gezogen (kein weißer Spalt) */
    #ff-wedding-prices .ffwp-box{
      background:var(--bg);
      margin-left:calc(50% - 50vw); 
      margin-right:calc(50% - 50vw);
      margin-top:-60px;  /* bei Bedarf -64px falls noch Linie sichtbar */
      padding:0 0 18px;
    }

    #ff-wedding-prices .ffwp-wrap{
      max-width:var(--wrap);
      margin:0 auto;
      padding:0 16px;
    }

    /* Überschrift – gleiche Stilistik wie "Hochzeitsfotografie" */
    #ff-wedding-prices #ffwp-title{
      text-align:center;
      color:#1c1f23;
      font-family:'Playfair Display','Lora',serif; /* gleiche Serifenschrift */
      font-weight:700;
      letter-spacing:0;
      font-size:clamp(32px,3.5vw,40px); /* optisch passend */
      margin:0;
      padding-top:40px;
      line-height:1.3;
    }

    #ff-wedding-prices .ffwp-sub{
      text-align:center;
      color:#f1f1f1;
      margin:8px auto 30px;
      line-height:1.5;
      font-size:clamp(15px,1.4vw,17px);
      max-width:900px;
      font-family:'Lato','Open Sans',sans-serif;
      font-weight:400;
    }

    /* Grid */
    #ff-wedding-prices .ffwp-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(260px,1fr));
      column-gap:clamp(32px,5vw,64px);
      row-gap:clamp(22px,3vw,36px);
      align-items:start;
    }
    @media (max-width:980px){
      #ff-wedding-prices .ffwp-grid{grid-template-columns:1fr;}
    }

    /* Karten mit deutlicher Größenabstufung */
    #ff-wedding-prices .ffwp-card{
      background:var(--panel);
      color:var(--ink);
      border-radius:0;
      display:flex;
      flex-direction:column;
      gap:10px;
      transition:box-shadow .18s ease,transform .18s ease;
      font-family:'Lato','Open Sans',sans-serif;
    }
    #ff-wedding-prices .ffwp-card--lg{
      border:3px solid var(--border-strong);
      padding:22px 20px 26px;
      min-height:640px;
    }
    #ff-wedding-prices .ffwp-card--md{
      border:2px solid var(--border-mid);
      padding:20px 18px 24px;
      min-height:540px;
    }
    #ff-wedding-prices .ffwp-card--sm{
      border:1px solid var(--border-soft);
      padding:18px 16px 22px;
      min-height:440px;
    }
    #ff-wedding-prices .ffwp-card:hover{
      transform:translateY(-2px);
      box-shadow:0 10px 22px rgba(0,0,0,.12);
    }

    /* Fokuspaket */
    #ff-wedding-prices .ffwp-card--focus{
      background:var(--focus-bg);
      border-color:var(--border-focus);
      box-shadow:0 12px 26px rgba(0,0,0,.18);
    }

    .ffwp-name{
      font-weight:700;
      letter-spacing:.2px;
      margin:4px 0 8px;
      font-size:clamp(18px,1.8vw,22px);
    }

    .ffwp-list{
      list-style:none;
      margin:0;
      padding:0;
      display:grid;
      gap:10px;
    }

    /* Aufzählpunkte mittig */
    .ffwp-li{
      display:flex;
      align-items:center;
      gap:10px;
      color:#222;
      line-height:1.5;
    }
    .ffwp-dot{
      flex-shrink:0;
      width:8px;
      height:8px;
      border:2px solid #333;
      border-radius:0;
    }

    .ffwp-price{
      font-weight:800;
      font-size:clamp(22px,2.3vw,26px);
      margin-top:auto;
      color:#000;
    }

    .ffwp-value{
      font-weight:500;
      color:#444;
      font-size:.9em;
      margin-top:2px;
    }

    .ffwp-value s{
      opacity:.8;
    }

    /* Buttons */
    .ffwp-btn{
      display:inline-block;
      width:100%;
      text-align:center;
      text-decoration:none;
      font-weight:700;
      letter-spacing:.2px;
      border-radius:0;
      padding:10px 14px;
      transition:all .18s ease;
      font-family:inherit;
    }

    .ffwp-btn--solid{
      background:#111;
      color:#fff;
    }
    .ffwp-btn--solid:hover{
      background:var(--border-focus);
      color:#111;
    }
    .ffwp-btn--ghost{
      background:transparent;
      color:#111;
      border:2px solid #111;
    }
    .ffwp-btn--ghost:hover{
      background:#111;
      color:#fff;
    }
  </style>

  <div class="ffwp-box">
    <div class="ffwp-wrap">
      <h2 id="ffwp-title">Hochzeitspakete im Überblick</h2>
      <p class="ffwp-sub">Wählt das Paket, das zu euch passt – flexibel, transparent und mit Liebe zum Detail fotografiert.</p>

      <div class="ffwp-grid" role="list">
        
        <article class="ffwp-card ffwp-card--lg" role="listitem">
          <h3 class="ffwp-name">Möglichkeit Nr. 1</h3>
          <ul class="ffwp-list">
            <li class="ffwp-li"><span class="ffwp-dot"></span>Begleitung den ganzen Tag</li>
            <li class="ffwp-li"><span class="ffwp-dot"></span>inkl. Drohnenaufnahmen</li>
            <li class="ffwp-li"><span class="ffwp-dot"></span>inkl. Fotobox</li>
            <li class="ffwp-li"><span class="ffwp-dot"></span>ca. 600 Bilder</li>
            <li class="ffwp-li"><span class="ffwp-dot"></span>1 Fotograf</li>
            <li class="ffwp-li"><span class="ffwp-dot"></span>Kennenlernshooting (Geschenk)</li>
            <li class="ffwp-li"><span class="ffwp-dot"></span>Onlinegalerie für 2 Jahre</li>
            <li class="ffwp-li"><span class="ffwp-dot"></span>USB-Stick</li>
            <li class="ffwp-li"><span class="ffwp-dot"></span>Überraschungsgeschenk</li>
          </ul>
          <div class="ffwp-price">4&nbsp;200&nbsp;€</div>
          <div class="ffwp-value">Im Wert von <s>4&nbsp;900&nbsp;€</s></div>
          <a class="ffwp-btn ffwp-btn--ghost"
             href="https://calendly.com/fortnerfotos/lass-uns-uber-deine-hochzeit-sprechen-klon"
             target="_blank" rel="noopener">Jetzt Kennenlernen</a>
        </article>

        
        <article class="ffwp-card ffwp-card--md ffwp-card--focus" role="listitem">
          <h3 class="ffwp-name">Möglichkeit Nr. 2</h3>
          <ul class="ffwp-list">
            <li class="ffwp-li"><span class="ffwp-dot"></span>Begleitung über 10&nbsp;h</li>
            <li class="ffwp-li"><span class="ffwp-dot"></span>inkl. Drohnenaufnahmen</li>
            <li class="ffwp-li"><span class="ffwp-dot"></span>ca. 400 Bilder</li>
            <li class="ffwp-li"><span class="ffwp-dot"></span>1 Fotograf</li>
            <li class="ffwp-li"><span class="ffwp-dot"></span>Onlinegalerie &amp; USB-Stick</li>
            <li class="ffwp-li"><span class="ffwp-dot"></span>Überraschungsgeschenk</li>
          </ul>
          <div class="ffwp-price">2&nbsp;900&nbsp;€</div>
          <a class="ffwp-btn ffwp-btn--solid"
             href="https://calendly.com/fortnerfotos/lass-uns-uber-deine-hochzeit-sprechen-xl-angebo-klon"
             target="_blank" rel="noopener">Jetzt Kennenlernen</a>
        </article>

        
        <article class="ffwp-card ffwp-card--sm" role="listitem">
          <h3 class="ffwp-name">Möglichkeit Nr. 3</h3>
          <ul class="ffwp-list">
            <li class="ffwp-li"><span class="ffwp-dot"></span>Begleitung über 6&nbsp;h</li>
            <li class="ffwp-li"><span class="ffwp-dot"></span>ca. 250 Bilder</li>
            <li class="ffwp-li"><span class="ffwp-dot"></span>1 Fotograf</li>
            <li class="ffwp-li"><span class="ffwp-dot"></span>Onlinegalerie &amp; USB-Stick</li>
          </ul>
          <div class="ffwp-price">2&nbsp;300&nbsp;€</div>
          <a class="ffwp-btn ffwp-btn--ghost"
             href="https://calendly.com/fortnerfotos/lass-uns-uber-deine-hochzeit-sprechen-m-angebot-klon"
             target="_blank" rel="noopener">Jetzt Kennenlernen</a>
        </article>
      </div>
    </div>
  </div>
</section>

Fortner-Fotos

Professioneller Hochzeits- und Eventfotograf aus Oberösterreich. Fortner-Fotos steht für authentische, emotionale und hochwertige Fotografie bei Hochzeiten, Events und Fotoshootings in Linz, Leonding und Umgebung.