/*#body {
  /* background-color: #0693e3 stimmt nicht 
}*/

/* LeuchtturmCloud Farben */
:root {
    --lc-base: rgb(72, 136, 188);
    --lc-middle: rgb(97, 201, 242);
    --lc-head: rgb(179, 231, 242);
    --lc-light: rgb(252, 168, 89);
    --lc-font: rgb(127, 127, 127);

}

.table {
  --bs-table-color-type: var(--lc-font);
  --bs-table-bg: var(--lc-head);
  --bs-table-border-color: var(--lc-middle);
  /*--bs-table-striped-bg: var(--lc-light);*/
  --bs-table-striped-color: var(--lc-font);
  --bs-table-active-bg: var(--lc-light);
  --bs-table-active-color: var(--lc-font);
  --bs-table-hover-bg: var(--lc-middle);
  --bs-table-hover-color: var(--lc-font);
}

.btn-primary {
    background-color: var(--lc-base);
    border-color: var(--lc-middle);
}

.btn-primary:hover {
    background-color: var(--lc-middle);
    border-color: var(--lc-head);
}

.btn-secondary {
    background-color: var(--lc-light);
    border-color: var(--lc-middle);
    color: var(--lc-font);
}
/*

* Hier für Adaptive Cards
*
*/

/* CSS für Formulargruppen */
.form-group {
    margin-bottom: 15px;
}

/* CSS für Labels */
.form-label {
    display: block;
    font-weight: bold;
}

/* CSS für Eingabefelder */
.form-control {
    width: 100%;
    padding: 8px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

/* Untere Teile für jsonform */

form {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

#form .add-on {
  border: none;
  background-color: inherit;
}

/* jsonform ist für bootstrap3, daher dies für bootstrap5 */

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

/* siehe https://github.com/jsonform/jsonform/wiki */

.expandable > legend:before {
  content: '\25B8';
  padding-right: 5px;
}

.expanded > legend:before {
  content: '\25BE';
}

._jsonform-array-buttons {
  margin-left: 25px;
}


.jsonform-required > label:after {
  content: ' *';
  color: red;
}

form.jsonform-hasrequired:after {
  content: '* Required field';
  display: block;
  color: red;
  padding-top: 1em;
}