/* Standard (iPad / Desktop): nichts ändern, width="300" bleibt */

/* iPhone & sehr kleine Screens */
@media (max-width: 430px) {
    #buttons img {
      width: 160px;   /* kleinerer Kreis */
    }
  }

  @media (max-width: 430px) {
    #buttons {
      padding-left: 16px;
      padding-right: 16px;
    }
  }

  .border-gruen {
    border: 8px solid #004643;
  }


  .border-orange {
    border: 8px solid #e68946;
  }


  .border-blue {
    border: 8px solid #0647aa;
  }

  .border-water {
    border: 8px solid #0dcaf0;
  }

  .border-pink {
    border: 8px solid #8b3fa0;
  }

  .border-lila {
    border: 8px solid #6f42c1;
  }