.ampel {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
}

.ampel-rot {
  background-color: red;
}

.ampel-gruen {
  background-color: green;
}


.infotext {
    font-weight: 200;
    color: gray;
    font-size: 0.8rem;
}

.infotext-right {
    font-weight: 200;
    color: gray;
    font-size: 0.8rem;
    text-align: right;
    padding-right: 15px;
}


.sectiontext {
    font-weight: 600;
    color: gray;
    font-size: 1.1rem;
    padding-top: 15px;
}

.storno {
    color: #8f9baa !important;
}

.open {
    color: #c18401 !important;
}

.done,
.paid {
    color: darkgreen !important;
}

.reminder {
    color: darkred !important;
}

.modal-90-percent {
   width: 90%;
   max-width: none;
}

.checkbox-xxl {
    width: 35px;  /* oder die gewünschte Größe */
    height: 35px; /* oder die gewünschte Größe */
    border: 1px solid #d9dee3; /* optional, für sichtbare Grenze */
    vertical-align: middle;
}

/* Optional: Vergrößern Sie das Häkchen */
.checkbox-xxl:checked::before {
    font-size: 24px; /* oder die gewünschte Größe */
    top: -3px; /* Feinabstimmung der Position */
}