/* Grundstil für die Tabelle */
.table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
  font-family: "Bellota Text", sans-serif;
}

.table td, .table th {
  padding: 10px;
  border: 0px solid #ddd;
  text-align: left;
}

.table .main.align {
  text-align: left;
}

.table .col2 {
  width: 60%;
}

.table .font-small {
  font-size: 0.8em;
  color: #333;
}

.table .input, .table .select, .table .textarea {
  width: 100%;
  padding: 8px;
  margin-top: 5px;
  border: 1px solid #333;
  border-radius: 8px;
  box-sizing: border-box;
}

.table .input:focus, .table .select:focus, .table .textarea:focus {
  border-color: #007bff;
  outline: none;
}

.table .button_send, .table .button {
  padding: 10px 15px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}

.table .ct_checkbox {
  margin-right: 10px;
}

.table .ct_label {
  font-size: 0.7em;
}

.table .label-form-row {
  margin-top: 10px;
}

.table .label-form-column {
  display: inline-block;
  margin-left: 5px;
  font-size: 1.1em;
}

.table .foot {
  padding-top: 20px;
  text-align: center;
}

.table .lb-1 {
  font-weight: bold;
}

.table .textarea {
  resize: vertical;
}

.table .select {
  background-color: #fff;
  cursor: pointer;
}

/* ======================= Button-Link ======================= */
.button-link {
  display: inline-block;
  padding: 10px 20px; /* Größe des Buttons */
  background-color: #e5310e; /* Hintergrundfarbe */
  font-family: "Bellota Text", sans-serif;
  color: #ffffff; /* Textfarbe */
  font-size: 0.7em;
  text-decoration: none;
  border-radius: 10px;
  border: 1px dotted #e5310e;
  transition: background-color 0.3s;
}

.button-link:hover {
  background-color: #ffffff;
  border: 1px dotted #e5310e;
  color: #333;
}


@media screen and (max-width: 768px) {

  .table {
    margin-top: 10px;
  }

  .table td, 
  .table th {
    padding: 4px 6px;   /* vorher 10px → deutlich kompakter */
  }

  .table tr {
    margin-bottom: 5px; /* falls block verwendet wird */
  }

  .table .label-form-row {
    margin-top: 5px;
  }

  .table .input, 
  .table .select, 
  .table .textarea {
    margin-top: 2px;    /* reduziert Abstand zwischen Label & Feld */
    padding: 6px;       /* kompaktere Eingabefelder */
  }

  .table .foot {
    padding-top: 10px;
  }

}