.grid {
  display: grid;
  gap: 16px;
  margin-bottom: 16px;
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.camper-abo-formular h2 {
  font-weight: 800;
}

.camper-abo-formular h3 {
  margin-top: 30px;
  padding-bottom: 0px;
  margin-bottom: 5px;
}

.camper-abo-formular input:not([type="checkbox"]),
.camper-abo-formular select {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.camper-abo-formular .button {
  width: 100%;
  padding: 10px;
  background-color: #82ba26;
  color: white;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 16px;
  margin-bottom: 15px;
  margin-top: 30px;
  border: none !important;
  border-radius: 0px !important;
  outline: none;
}

.camper-abo-formular .button:hover {
  background-color: #000000;
}

.request-success {
  background-color: #82ba26;
  color: white;
  padding: 10px;
  border-radius: 5px;
  font-weight: 800;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .grid-cols-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}