body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #a0ddd5; }
  .scheme { padding: 20px; margin-bottom: 40px; }
  .colors { display: flex; gap: 10px; margin-top: 10px; }
  .color { width: 80px; height: 80px; border-radius: 8px; }
  h2 { margin-top: 0; }

  /* SCHEME 1 – Natur & Wasser */
  .s1-bg { background: #e8f4f2; }
  .s1-c1 { background: #2f6f4e; }
  .s1-c2 { background: #5bb3a6; }
  .s1-c3 { background: #a0ddd5; }
  .s1-c4 { background: #f1f8f7; }

  /* SCHEME 2 – Grün & Orange & Lila */
  .s2-bg { background: #f7f5fc; }
  .s2-c1 { background: #4f8a3f; }
  .s2-c2 { background: #e67e22; }
  .s2-c3 { background: #8e44ad; }
  .s2-c4 { background: #f0e9f8; }

  /* SCHEME 3 – Natur & Erde */
  .s3-bg { background: #faf6ef; }
  .s3-c1 { background: #3e6b2f; }
  .s3-c2 { background: #bfa48a; }
  .s3-c3 { background: #e5d7c7; }
  .s3-c4 { background: #f9f4ed; }

  .mockup {
    margin-top: 20px;
    padding: 20px;
    border-radius: 10px;
  }
  .mockup h3 { margin-top: 0; }
  .button { display: inline-block; padding: 10px 16px; border-radius: 6px; color: white; text-decoration: none; }

  /* Example button colors */
  .btn1 { background: #2f6f4e; }
  .btn2 { background: #e67e22; }
  .btn3 { background: #3e6b2f; }

  .navbar {
    padding: 10px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    background: #5bb3a6; 
  }