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

  <!-- Background -->
  <rect width="600" height="400" class="background" />
  
  <!-- Retro pattern -->
  <pattern id="waves-pattern" width="40" height="20" patternUnits="userSpaceOnUse">
    <path d="M0,10 Q10,0 20,10 Q30,20 40,10" fill="none" stroke="#2c3e50" stroke-width="0.5" opacity="0.1" />
  </pattern>
  <rect width="600" height="400" fill="url(#waves-pattern)" />

  <!-- Title bar -->
  <rect width="600" height="80" class="secondary" opacity="0.1" />
  <text x="300" y="50" font-family="Georgia" font-size="26" fill="#2c3e50" text-anchor="middle" font-weight="bold">STIMME UND SPRECHWEISE OPTIMIEREN</text>
  
  <!-- Central illustration - voice vibration and sound waves -->
  <g transform="translate(300, 200)">
    <!-- Vocal cords representation -->
    <ellipse cx="0" cy="0" rx="60" ry="30" class="light" stroke="#2c3e50" stroke-width="2" />
    <path d="M-40,0 Q-20,15 0,0 Q20,-15 40,0" fill="none" stroke="#2c3e50" stroke-width="2" />
    <path d="M-40,0 Q-20,-15 0,0 Q20,15 40,0" fill="none" stroke="#2c3e50" stroke-width="2" />
    
    <!-- Sound waves radiating out -->
    <path d="M65,0 Q75,30 85,0 Q95,-30 105,0" fill="none" stroke="#d35400" stroke-width="2" opacity="0.9" />
    <path d="M105,0 Q115,40 125,0 Q135,-40 145,0" fill="none" stroke="#d35400" stroke-width="2" opacity="0.7" />
    <path d="M145,0 Q155,50 165,0 Q175,-50 185,0" fill="none" stroke="#d35400" stroke-width="2" opacity="0.5" />
    
    <path d="M-65,0 Q-75,30 -85,0 Q-95,-30 -105,0" fill="none" stroke="#d35400" stroke-width="2" opacity="0.9" />
    <path d="M-105,0 Q-115,40 -125,0 Q-135,-40 -145,0" fill="none" stroke="#d35400" stroke-width="2" opacity="0.7" />
    <path d="M-145,0 Q-155,50 -165,0 Q-175,-50 -185,0" fill="none" stroke="#d35400" stroke-width="2" opacity="0.5" />
    
    <!-- Person silhouette profile -->
    <g transform="translate(0, -70)">
      <!-- Head profile -->
      <path d="M10,0 C20,-10 20,-40 10,-50 C0,-60 -20,-60 -30,-50 C-40,-40 -40,-10 -30,0 C-25,5 -10,10 0,40 C5,30 5,10 10,0 Z" class="secondary" />
      
      <!-- Ear -->
      <path d="M-30,-30 C-35,-35 -40,-25 -35,-20 C-30,-15 -25,-20 -25,-25 Z" class="light" />
      
      <!-- Eye -->
      <ellipse cx="-10" cy="-35" rx="3" ry="5" fill="white" />
      <circle cx="-10" cy="-35" r="1.5" class="secondary" />
      
      <!-- Mouth -->
      <path d="M-15,-15 C-10,-10 -5,-10 0,-15" fill="none" stroke="white" stroke-width="1" />
      
      <!-- Neck -->
      <path d="M0,0 L0,40" stroke="#2c3e50" stroke-width="10" />
    </g>
    
    <!-- Voice modulation indicators -->
    <g transform="translate(0, 80)">
      <!-- Pitch -->
      <g transform="translate(-120, 0)">
        <rect x="-30" y="-15" width="60" height="30" rx="5" class="primary" />
        <text x="0" y="5" font-family="Arial" font-size="14" fill="white" text-anchor="middle">TONHÖHE</text>
        <path d="M0,-30 L0,-60 L-20,-40 L0,-60 L20,-40" stroke="#2c3e50" stroke-width="1.5" fill="none" />
      </g>
      
      <!-- Volume -->
      <g transform="translate(0, 0)">
        <rect x="-30" y="-15" width="60" height="30" rx="5" class="accent" />
        <text x="0" y="5" font-family="Arial" font-size="14" fill="white" text-anchor="middle">LAUTSTÄRKE</text>
        <path d="M-40,-30 L-30,-40 L-20,-30 L-10,-40 L0,-30 L10,-40 L20,-30 L30,-40 L40,-30" stroke="#2c3e50" stroke-width="1.5" fill="none" />
      </g>
      
      <!-- Tempo -->
      <g transform="translate(120, 0)">
        <rect x="-30" y="-15" width="60" height="30" rx="5" class="secondary" />
        <text x="0" y="5" font-family="Arial" font-size="14" fill="white" text-anchor="middle">TEMPO</text>
        <path d="M-30,-40 L30,-40 M-20,-50 L-20,-30 M0,-50 L0,-30 M20,-50 L20,-30" stroke="#2c3e50" stroke-width="1.5" fill="none" />
      </g>
    </g>
  </g>
  
  <!-- Voice training indicators -->
  <g transform="translate(300, 330)">
    <rect x="-250" y="-20" width="500" height="50" rx="5" class="light" stroke="#2c3e50" stroke-width="1" />
    
    <!-- Voice elements -->
    <g transform="translate(-190, 0)">
      <circle cx="0" cy="0" r="10" class="primary" opacity="0.7" />
      <text x="15" y="5" font-family="Arial" font-size="14" fill="#2c3e50">ATMUNG</text>
    </g>
    
    <g transform="translate(-70, 0)">
      <circle cx="0" cy="0" r="10" class="primary" opacity="0.7" />
      <text x="15" y="5" font-family="Arial" font-size="14" fill="#2c3e50">RESONANZ</text>
    </g>
    
    <g transform="translate(50, 0)">
      <circle cx="0" cy="0" r="10" class="primary" opacity="0.7" />
      <text x="15" y="5" font-family="Arial" font-size="14" fill="#2c3e50">ARTIKULATION</text>
    </g>
    
    <g transform="translate(180, 0)">
      <circle cx="0" cy="0" r="10" class="primary" opacity="0.7" />
      <text x="15" y="5" font-family="Arial" font-size="14" fill="#2c3e50">STIMMFARBE</text>
    </g>
  </g>

  <!-- Musical notes / Voice training symbol -->
  <g transform="translate(140, 110)">
    <circle cx="0" cy="0" r="25" class="light" stroke="#2c3e50" stroke-width="1.5" />
    <path d="M-10,-5 L10,-5 L10,15 C10,20 0,20 0,15 C0,10 10,10 10,15 Z" class="secondary" />
    <line x1="10" y1="-5" x2="10" y2="-15" stroke="#2c3e50" stroke-width="1.5" />
    <circle cx="10" cy="-15" r="5" class="secondary" />
  </g>
  
  <g transform="translate(460, 110)">
    <circle cx="0" cy="0" r="25" class="light" stroke="#2c3e50" stroke-width="1.5" />
    <path d="M-5,-15 L5,-15 L5,15 C5,20 -5,20 -5,15 C-5,10 5,10 5,15 Z" class="primary" />
  </g>

  <!-- Retro style decorative elements -->
  <g opacity="0.3">
    <path d="M20,20 L40,20 L40,40 L20,40 Z" class="accent" />
    <path d="M560,20 L580,20 L580,40 L560,40 Z" class="accent" />
    <path d="M20,360 L40,360 L40,380 L20,380 Z" class="accent" />
    <path d="M560,360 L580,360 L580,380 L560,380 Z" class="accent" />
  </g>
</svg>
