body {
      background-color: #f8f9fa;
    }

    /* Header */
    .hero-small {
      background: linear-gradient(to right, #1f3c88, #0d6efd);
      color: white;
      padding: 60px 0;
      text-align: center;
    }

    /* Projektkarten */
    .project-card {
      background: white;
      border-radius: 12px;
      box-shadow: 0 6px 20px rgba(0,0,0,0.08);
      padding: 20px;
      margin-bottom: 30px;
      transition: transform 0.2s;
    }

    .project-card:hover {
      transform: translateY(-5px);
    }

    .project-img {
      width: 80;
      height: 80;
      border-radius: 10px;
      margin-bottom: 15px;
      float: right
    }

    /* Waveform */
    .waveform {
      margin-top: 15px;
      margin-bottom: 10px;
    }

    /* Button */
    .play-btn {
      background-color: #E07A5F;
      color: #212529;
      border: none;
      padding: 8px 16px;
      border-radius: 6px;
      cursor: pointer;
      font-weight: 500;
    }

    .play-btn:hover {
      background-color: #e08c75;
    }