<svg xmlns="http://www.w3.org/2000/svg" width="400" height="200" viewBox="0 0 400 200">
  <style>
    .primary { fill: #d35400; }
    .secondary { fill: #2c3e50; }
    .accent { fill: #f39c12; }
    .light { fill: #ecf0f1; }
    .background { fill: #f9f4e7; }
  </style>

  <!-- Background -->
  <rect width="400" height="200" class="background" />
  
  <!-- Decorative pattern -->
  <pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse">
    <circle cx="10" cy="10" r="1.5" class="secondary" opacity="0.2" />
  </pattern>
  <rect width="400" height="200" fill="url(#dots)" />

  <!-- Course content representation -->
  <g transform="translate(60, 40)">
    <!-- Speaker podium -->
    <rect x="80" y="100" width="80" height="40" rx="5" class="secondary" />
    <rect x="90" y="90" width="60" height="10" rx="3" class="secondary" />
    
    <!-- Person speaking -->
    <g transform="translate(120, 80)">
      <!-- Head -->
      <circle cx="0" cy="0" r="15" class="light" stroke="#2c3e50" stroke-width="1.5" />
      <!-- Face -->
      <path d="M-6,0 Q0,5 6,0" fill="none" stroke="#2c3e50" stroke-width="1" />
      <circle cx="-5" cy="-3" r="1.5" class="secondary" />
      <circle cx="5" cy="-3" r="1.5" class="secondary" />
      <!-- Body -->
      <path d="M0,15 L0,40" stroke="#2c3e50" stroke-width="4" />
      <path d="M0,20 L-20,30" stroke="#2c3e50" stroke-width="2" />
      <path d="M0,20 L20,35" stroke="#2c3e50" stroke-width="2" />
      <!-- Clothing -->
      <path d="M-10,25 Q0,35 10,25 L15,40 Q0,50 -15,40 Z" class="primary" />
    </g>
    
    <!-- Speech bubble & text -->
    <path d="M130,40 L160,20 L180,30 L155,50 Z" class="primary" />
    <text x="142" y="38" font-family="Arial" font-size="10" fill="white">ABC</text>
    
    <!-- Audience silhouettes -->
    <g opacity="0.7">
      <circle cx="70" cy="110" r="8" class="secondary" />
      <circle cx="50" cy="115" r="8" class="secondary" />
      <circle cx="190" cy="110" r="8" class="secondary" />
      <circle cx="210" cy="115" r="8" class="secondary" />
    </g>
    
    <!-- Training materials -->
    <g transform="translate(220, 50)">
      <!-- Book stack -->
      <rect x="0" y="0" width="40" height="10" rx="2" class="accent" />
      <rect x="-5" y="10" width="40" height="10" rx="2" class="primary" />
      <rect x="-10" y="20" width="40" height="10" rx="2" class="secondary" />
    </g>
    
    <!-- Text "Grundlagen" -->
    <text x="130" y="170" font-family="Georgia" font-size="16" text-anchor="middle" class="secondary" font-weight="bold">GRUNDLAGEN</text>
  </g>

  <!-- Decorative elements -->
  <g opacity="0.3">
    <rect x="10" y="10" width="20" height="20" class="primary" rx="3" />
    <rect x="370" y="10" width="20" height="20" class="primary" rx="3" />
    <rect x="10" y="170" width="20" height="20" class="primary" rx="3" />
    <rect x="370" y="170" width="20" height="20" class="primary" rx="3" />
  </g>
</svg>
