/* ---------- Grundlayout für Seite ---------- */

.page-wrapper {
  max-width: 1400px;
  margin: 0 auto;
  padding: 2rem;
}

.body-main-section {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.body-box-image-full img {
  width: 100%;
  max-height: 300px;
  object-fit: cover;
  border-radius: 8px;
}

/* ---------- Info-Boxen oben ---------- */

.body-row-two {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}

.left-box,
.right-box {
  flex: 1;
  padding: 1rem 1.5rem;
  border-radius: 8px;
  color: white;
  font-size: 1rem;
}

.left-box {
  background-color: #154c79;
  border: 2px dashed transparent;
}

.right-box {
  background-color: #2e7b67;
}

/* ---------- Formularbereich ---------- */

.body-box-text-full {
  background-color: #e8f4fc;
  padding: 2rem;
  border-radius: 12px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
}

.audit-form h2 {
  margin-bottom: 1rem;
  color: #154c79;
}

/* Grid für das Formular */
.audit-form .form-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem 2rem;
}

/* Volle Zeile bei Bedarf */
.audit-form .row-full {
  grid-column: 1 / -1;
}

/* Eingabefelder & Textarea */
.audit-form input[type="text"],
.audit-form input[type="email"],
.audit-form input[type="url"],
.audit-form input[type="number"],
.audit-form textarea,
.audit-form select {
  width: 100%;
  padding: 0.6rem;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-sizing: border-box;
  background: #fff;
  color: #333;
}

/* Checkboxen inline */
.audit-form .form-row input[type="checkbox"] {
  margin-right: 0.5rem;
  transform: scale(1.2);
}

/* Zeilen mit Checkboxen lesbar gestalten */
.audit-form .form-row label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
  color: #222;
}

/* Textarea */
.audit-form textarea {
  resize: vertical;
  min-height: 100px;
}

/* Button */
.audit-form button {
  padding: 0.8rem 1.5rem;
  background-color: #1abc9c;
  border: none;
  color: white;
  font-size: 1rem;
  font-weight: bold;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.audit-form button:hover {
  background-color: #159c86;
}

/* Mathefrage-Label */
.audit-form .form-row label[for="antwort"] {
  font-weight: bold;
}

/* Responsive Anpassung */
@media (max-width: 800px) {
  .audit-form .form-grid {
    grid-template-columns: 1fr;
  }

  .body-row-two {
    flex-direction: column;
  }
}