<svg width="400" height="250" viewBox="0 0 400 250" fill="none" xmlns="http://www.w3.org/2000/svg">
  <!-- Background -->
  <rect width="400" height="250" fill="#f8fafc"/>
  
  <!-- Dealership/Car lot background -->
  <rect x="0" y="180" width="400" height="70" fill="#e2e8f0"/>
  <line x1="0" y1="200" x2="400" y2="200" stroke="#cbd5e1" stroke-width="1"/>
  
  <!-- Multiple cars for selection -->
  <g transform="translate(30, 120)">
    <!-- Car 1 - Red -->
    <path d="M10 30 Q15 15 35 15 L70 15 Q85 15 90 30 L100 50 L85 50 Q80 40 70 40 L35 40 Q25 40 15 50 L10 50 Z" 
          fill="#ef4444" stroke="#dc2626" stroke-width="1.5"/>
    <circle cx="30" cy="55" r="8" fill="#374151"/>
    <circle cx="30" cy="55" r="4" fill="#6b7280"/>
    <circle cx="75" cy="55" r="8" fill="#374151"/>
    <circle cx="75" cy="55" r="4" fill="#6b7280"/>
    
    <!-- Price tag -->
    <rect x="15" y="5" width="25" height="12" fill="#fef3c7" stroke="#f59e0b" stroke-width="1" rx="2"/>
    <text x="27.5" y="12" font-family="Arial, sans-serif" font-size="4" text-anchor="middle" fill="#92400e">€15.500</text>
  </g>
  
  <g transform="translate(150, 120)">
    <!-- Car 2 - Blue -->
    <path d="M10 30 Q15 15 35 15 L70 15 Q85 15 90 30 L100 50 L85 50 Q80 40 70 40 L35 40 Q25 40 15 50 L10 50 Z" 
          fill="#2563eb" stroke="#1d4ed8" stroke-width="1.5"/>
    <circle cx="30" cy="55" r="8" fill="#374151"/>
    <circle cx="30" cy="55" r="4" fill="#6b7280"/>
    <circle cx="75" cy="55" r="8" fill="#374151"/>
    <circle cx="75" cy="55" r="4" fill="#6b7280"/>
    
    <!-- Price tag -->
    <rect x="15" y="5" width="25" height="12" fill="#fef3c7" stroke="#f59e0b" stroke-width="1" rx="2"/>
    <text x="27.5" y="12" font-family="Arial, sans-serif" font-size="4" text-anchor="middle" fill="#92400e">€22.800</text>
    
    <!-- "BEST DEAL" sticker -->
    <ellipse cx="85" cy="25" rx="12" ry="8" fill="#10b981" transform="rotate(15 85 25)"/>
    <text x="85" y="27" font-family="Arial, sans-serif" font-size="2.5" text-anchor="middle" fill="white" font-weight="bold">BEST</text>
  </g>
  
  <g transform="translate(270, 120)">
    <!-- Car 3 - Green -->
    <path d="M10 30 Q15 15 35 15 L70 15 Q85 15 90 30 L100 50 L85 50 Q80 40 70 40 L35 40 Q25 40 15 50 L10 50 Z" 
          fill="#10b981" stroke="#059669" stroke-width="1.5"/>
    <circle cx="30" cy="55" r="8" fill="#374151"/>
    <circle cx="30" cy="55" r="4" fill="#6b7280"/>
    <circle cx="75" cy="55" r="8" fill="#374151"/>
    <circle cx="75" cy="55" r="4" fill="#6b7280"/>
    
    <!-- Price tag -->
    <rect x="15" y="5" width="25" height="12" fill="#fef3c7" stroke="#f59e0b" stroke-width="1" rx="2"/>
    <text x="27.5" y="12" font-family="Arial, sans-serif" font-size="4" text-anchor="middle" fill="#92400e">€18.200</text>
  </g>
  
  <!-- Buyer with checklist -->
  <g transform="translate(50, 50)">
    <!-- Person -->
    <circle cx="15" cy="15" r="8" fill="#2563eb"/>
    <rect x="10" y="23" width="10" height="25" fill="#2563eb" rx="2"/>
    <rect x="8" y="30" width="6" height="15" fill="#3b82f6" rx="1"/>
    <rect x="16" y="30" width="6" height="15" fill="#3b82f6" rx="1"/>
    
    <!-- Checklist in hand -->
    <rect x="25" y="25" width="12" height="16" fill="white" stroke="#64748b" stroke-width="1"/>
    <text x="31" y="29" font-family="Arial, sans-serif" font-size="2" text-anchor="middle" fill="#64748b">Checkliste</text>
    <line x1="27" y1="32" x2="35" y2="32" stroke="#64748b" stroke-width="0.3"/>
    <line x1="27" y1="34" x2="35" y2="34" stroke="#64748b" stroke-width="0.3"/>
    <line x1="27" y1="36" x2="35" y2="36" stroke="#64748b" stroke-width="0.3"/>
    <line x1="27" y1="38" x2="35" y2="38" stroke="#64748b" stroke-width="0.3"/>
    
    <!-- Checkmarks and X marks -->
    <circle cx="26" cy="32" r="0.8" fill="#10b981"/>
    <path d="M25.5 32 L26 32.3 L26.5 31.7" stroke="white" stroke-width="0.2" fill="none"/>
    <circle cx="26" cy="34" r="0.8" fill="#ef4444"/>
    <path d="M25.5 33.5 L26.5 34.5 M26.5 33.5 L25.5 34.5" stroke="white" stroke-width="0.2"/>
    <circle cx="26" cy="36" r="0.8" fill="#10b981"/>
    <path d="M25.5 36 L26 36.3 L26.5 35.7" stroke="white" stroke-width="0.2" fill="none"/>
  </g>
  
  <!-- Magnifying glass examining details -->
  <g transform="translate(320, 80)">
    <circle cx="8" cy="8" r="6" fill="none" stroke="#f59e0b" stroke-width="2"/>
    <line x1="12" y1="12" x2="18" y2="18" stroke="#f59e0b" stroke-width="2" stroke-linecap="round"/>
    <circle cx="8" cy="8" r="3" fill="#fef3c7" opacity="0.5"/>
    
    <!-- What's being examined -->
    <rect x="4" y="4" width="8" height="8" fill="none" stroke="#10b981" stroke-width="1" stroke-dasharray="1,1"/>
    <text x="8" y="9" font-family="Arial, sans-serif" font-size="2" text-anchor="middle" fill="#059669">KM</text>
  </g>
  
  <!-- Comparison chart -->
  <g transform="translate(280, 20)">
    <rect x="0" y="0" width="100" height="60" fill="white" stroke="#e5e7eb" stroke-width="1" rx="3"/>
    <text x="50" y="8" font-family="Arial, sans-serif" font-size="4" text-anchor="middle" fill="#1f2937" font-weight="bold">Vergleich</text>
    
    <!-- Comparison bars -->
    <rect x="10" y="15" width="25" height="4" fill="#ef4444"/>
    <rect x="10" y="25" width="35" height="4" fill="#2563eb"/>
    <rect x="10" y="35" width="30" height="4" fill="#10b981"/>
    
    <!-- Labels -->
    <text x="40" y="18" font-family="Arial, sans-serif" font-size="2.5" fill="#64748b">Preis</text>
    <text x="50" y="28" font-family="Arial, sans-serif" font-size="2.5" fill="#64748b">Qualität</text>
    <text x="45" y="38" font-family="Arial, sans-serif" font-size="2.5" fill="#64748b">Zustand</text>
    
    <!-- Winner indicator -->
    <circle cx="85" cy="27" r="6" fill="#10b981"/>
    <path d="M82 27 L84 29 L88 25" stroke="white" stroke-width="1.5" stroke-linecap="round" fill="none"/>
  </g>
  
  <!-- Key factors -->
  <g transform="translate(20, 20)">
    <rect x="0" y="0" width="120" height="25" fill="white" stroke="#e5e7eb" stroke-width="1" rx="3"/>
    <text x="60" y="8" font-family="Arial, sans-serif" font-size="4" text-anchor="middle" fill="#1f2937" font-weight="bold">Wichtige Faktoren</text>
    
    <!-- Factors -->
    <circle cx="10" cy="18" r="2" fill="#f59e0b"/>
    <text x="15" y="20" font-family="Arial, sans-serif" font-size="2.5" fill="#64748b">Kilometerstand</text>
    
    <circle cx="50" cy="18" r="2" fill="#2563eb"/>
    <text x="55" y="20" font-family="Arial, sans-serif" font-size="2.5" fill="#64748b">Alter</text>
    
    <circle cx="80" cy="18" r="2" fill="#10b981"/>
    <text x="85" y="20" font-family="Arial, sans-serif" font-size="2.5" fill="#64748b">Wartung</text>
  </g>
  
  <!-- Money/Budget indicator -->
  <g transform="translate(350, 200)">
    <circle cx="15" cy="15" r="12" fill="#f59e0b"/>
    <text x="15" y="18" font-family="Arial, sans-serif" font-size="8" text-anchor="middle" fill="white">€</text>
    <text x="15" y="32" font-family="Arial, sans-serif" font-size="3" text-anchor="middle" fill="#92400e">Budget</text>
  </g>
  
  <!-- Question marks for decisions -->
  <g transform="translate(180, 90)">
    <circle cx="0" cy="0" r="6" fill="#6366f1"/>
    <text x="0" y="2" font-family="Arial, sans-serif" font-size="6" text-anchor="middle" fill="white">?</text>
  </g>
  
  <!-- Decision arrows -->
  <path d="M100 90 Q120 85 140 95" stroke="#64748b" stroke-width="2" fill="none" marker-end="url(#decisionArrow)"/>
  <path d="M220 90 Q240 85 260 95" stroke="#64748b" stroke-width="2" fill="none" marker-end="url(#decisionArrow)"/>
  
  <!-- Arrow marker for decisions -->
  <defs>
    <marker id="decisionArrow" markerWidth="8" markerHeight="6" refX="7" refY="3" orient="auto">
      <polygon points="0 0, 8 3, 0 6" fill="#64748b"/>
    </marker>
  </defs>
  
  <!-- Decorative elements -->
  <path d="M20 230 Q100 225 180 230" stroke="#cbd5e1" stroke-width="1" fill="none" opacity="0.7"/>
  <path d="M220 230 Q300 225 380 230" stroke="#cbd5e1" stroke-width="1" fill="none" opacity="0.7"/>
</svg>
