<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1200" width="1200" height="1200">
  <defs>
    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#FBF3EE"/>
      <stop offset="100%" stop-color="#F2D9D4"/>
    </linearGradient>
    <radialGradient id="glow" cx="50%" cy="40%" r="55%">
      <stop offset="0%" stop-color="#3B2E1F" stop-opacity="0.06"/>
      <stop offset="100%" stop-color="#3B2E1F" stop-opacity="0"/>
    </radialGradient>
    <radialGradient id="praline-dark" cx="35%" cy="32%" r="65%">
      <stop offset="0%" stop-color="#7A4A2E"/>
      <stop offset="100%" stop-color="#3F2418"/>
    </radialGradient>
    <radialGradient id="praline-milk" cx="35%" cy="32%" r="65%">
      <stop offset="0%" stop-color="#B58A60"/>
      <stop offset="100%" stop-color="#7E5536"/>
    </radialGradient>
    <radialGradient id="praline-white" cx="35%" cy="32%" r="65%">
      <stop offset="0%" stop-color="#F4E2C8"/>
      <stop offset="100%" stop-color="#D6B988"/>
    </radialGradient>
    <radialGradient id="praline-rose" cx="35%" cy="32%" r="65%">
      <stop offset="0%" stop-color="#E89BA5"/>
      <stop offset="100%" stop-color="#B86A77"/>
    </radialGradient>
  </defs>

  <!-- Hintergrund -->
  <rect width="1200" height="1200" fill="url(#bg)"/>
  <rect width="1200" height="1200" fill="url(#glow)"/>

  <!-- Dezenter Rahmen -->
  <rect x="60" y="60" width="1080" height="1080" fill="none" stroke="#B08A5B" stroke-width="2" stroke-opacity="0.25"/>

  <!-- ============ KARTE (oben links) ============ -->
  <g transform="translate(140 180) rotate(-6)">
    <!-- Schatten -->
    <rect x="6" y="10" width="380" height="260" rx="8" fill="#3B2E1F" fill-opacity="0.08"/>
    <!-- Karte -->
    <rect x="0" y="0" width="380" height="260" rx="6" fill="#FFFDF8" stroke="#E8CFA3" stroke-width="2"/>
    <!-- Herz -->
    <path d="M 190 70 c -22 -28 -64 -22 -64 12 c 0 30 40 56 64 78 c 24 -22 64 -48 64 -78 c 0 -34 -42 -40 -64 -12 z" fill="#D87A86"/>
    <!-- Handschrift-Linien -->
    <text x="190" y="180" text-anchor="middle" font-family="Georgia, serif" font-style="italic" font-size="34" fill="#5A3A22">Für die beste Mama</text>
    <line x1="80" y1="215" x2="300" y2="215" stroke="#B08A5B" stroke-width="1.5" stroke-opacity="0.5"/>
  </g>

  <!-- ============ GUTSCHEIN (unten rechts) ============ -->
  <g transform="translate(700 760) rotate(5)">
    <!-- Schatten -->
    <rect x="6" y="10" width="420" height="260" rx="8" fill="#3B2E1F" fill-opacity="0.10"/>
    <!-- Gutschein -->
    <rect x="0" y="0" width="420" height="260" rx="6" fill="#FBF6EE" stroke="#B08A5B" stroke-width="2.5"/>
    <!-- Innen-Border -->
    <rect x="14" y="14" width="392" height="232" rx="3" fill="none" stroke="#B08A5B" stroke-width="1" stroke-opacity="0.4" stroke-dasharray="4 4"/>
    <!-- Header -->
    <text x="210" y="70" text-anchor="middle" font-family="Georgia, serif" font-size="44" fill="#5A3A22" letter-spacing="4">GUTSCHEIN</text>
    <line x1="150" y1="92" x2="270" y2="92" stroke="#B08A5B" stroke-width="2"/>
    <text x="210" y="135" text-anchor="middle" font-family="Georgia, serif" font-style="italic" font-size="22" fill="#5A3A22" fill-opacity="0.7">für ein Geschenk Deiner Wahl</text>
    <!-- Linien zum Ausfüllen -->
    <line x1="60" y1="180" x2="360" y2="180" stroke="#5A3A22" stroke-width="1.2" stroke-opacity="0.4"/>
    <line x1="60" y1="215" x2="360" y2="215" stroke="#5A3A22" stroke-width="1.2" stroke-opacity="0.4"/>
    <!-- QS Monogramm rechts -->
    <text x="380" y="240" text-anchor="end" font-family="Georgia, serif" font-size="18" fill="#B08A5B" letter-spacing="3">QS</text>
  </g>

  <!-- ============ 4 PRALINEN (Mitte / oben rechts) ============ -->

  <!-- Praline 1: Dunkle Schokolade rund -->
  <g transform="translate(720 280)">
    <ellipse cx="0" cy="78" rx="80" ry="14" fill="#3B2E1F" fill-opacity="0.18"/>
    <circle cx="0" cy="0" r="78" fill="url(#praline-dark)"/>
    <!-- Streifen -->
    <path d="M -55 -10 q 55 -30 110 0" stroke="#F4E2C8" stroke-width="3" fill="none" stroke-linecap="round" opacity="0.85"/>
    <path d="M -55 8 q 55 -30 110 0" stroke="#F4E2C8" stroke-width="3" fill="none" stroke-linecap="round" opacity="0.85"/>
    <path d="M -55 26 q 55 -30 110 0" stroke="#F4E2C8" stroke-width="3" fill="none" stroke-linecap="round" opacity="0.85"/>
    <!-- Highlight -->
    <ellipse cx="-22" cy="-30" rx="22" ry="12" fill="#F4E2C8" fill-opacity="0.18"/>
  </g>

  <!-- Praline 2: Vollmilch quadratisch -->
  <g transform="translate(940 380)">
    <rect x="-72" y="62" width="144" height="14" rx="7" fill="#3B2E1F" fill-opacity="0.18"/>
    <rect x="-70" y="-70" width="140" height="140" rx="14" fill="url(#praline-milk)"/>
    <!-- Schoki-Tropfen -->
    <circle cx="0" cy="0" r="22" fill="#3F2418" opacity="0.6"/>
    <circle cx="0" cy="0" r="14" fill="#7A4A2E"/>
    <!-- Highlight -->
    <ellipse cx="-25" cy="-40" rx="22" ry="10" fill="#FFFFFF" fill-opacity="0.22"/>
  </g>

  <!-- Praline 3: Weiße Schokolade rund mit Streuseln -->
  <g transform="translate(1010 600)">
    <ellipse cx="0" cy="68" rx="68" ry="12" fill="#3B2E1F" fill-opacity="0.15"/>
    <circle cx="0" cy="0" r="68" fill="url(#praline-white)"/>
    <!-- Bunte Streusel -->
    <rect x="-30" y="-20" width="10" height="3" rx="1.5" fill="#D87A86" transform="rotate(20 -25 -18)"/>
    <rect x="10" y="-30" width="10" height="3" rx="1.5" fill="#8A9A82" transform="rotate(-15 15 -28)"/>
    <rect x="-10" y="10" width="10" height="3" rx="1.5" fill="#B08A5B" transform="rotate(50 -5 12)"/>
    <rect x="20" y="20" width="10" height="3" rx="1.5" fill="#D87A86" transform="rotate(-30 25 22)"/>
    <rect x="-25" y="25" width="10" height="3" rx="1.5" fill="#7E5536" transform="rotate(70 -20 27)"/>
    <rect x="25" y="-5" width="10" height="3" rx="1.5" fill="#8A9A82" transform="rotate(35 30 -3)"/>
    <!-- Highlight -->
    <ellipse cx="-20" cy="-28" rx="20" ry="10" fill="#FFFFFF" fill-opacity="0.45"/>
  </g>

  <!-- Praline 4: Rosa Trüffel mit Punkt -->
  <g transform="translate(540 540)">
    <ellipse cx="0" cy="64" rx="62" ry="11" fill="#3B2E1F" fill-opacity="0.15"/>
    <circle cx="0" cy="0" r="62" fill="url(#praline-rose)"/>
    <!-- Goldener Punkt -->
    <circle cx="0" cy="0" r="14" fill="#D8B374"/>
    <circle cx="0" cy="0" r="8" fill="#B08A5B"/>
    <!-- Highlight -->
    <ellipse cx="-18" cy="-25" rx="18" ry="9" fill="#FFFFFF" fill-opacity="0.35"/>
  </g>

  <!-- ============ TITEL UNTEN ============ -->
  <line x1="540" y1="1050" x2="660" y2="1050" stroke="#B08A5B" stroke-width="2"/>
  <text x="600" y="1100" text-anchor="middle" font-size="44" font-family="Georgia, serif" font-style="italic" fill="#3B2E1F">Muttertags-Pack</text>

  <!-- QS Monogramm -->
  <text x="1100" y="1140" text-anchor="end" font-size="32" font-family="Georgia, serif" fill="#B08A5B" letter-spacing="4">QS</text>
</svg>
