/* Custom CSS, Transitions und Animations-Regeln */

/* Akkordeon-Auf- und Zuklapp-Übergänge */
.accordion-checkbox:checked ~ .accordion-details-wrapper {
    max-height: 1200px;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    border-top-width: 1px;
    opacity: 1;
    transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in;
}

.accordion-details-wrapper {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    border-top-width: 0px;
    transition: max-height 0.4s ease-in-out, opacity 0.2s ease-out;
}

#accordionTrigger:checked ~ label .accordion-expand-text {
    max-height: 0;
    opacity: 0;
    pointer-events: none;
    margin-top: 0;
}

.accordion-expand-text {
    max-height: 40px;
    opacity: 1;
    transition: max-height 0.3s ease, opacity 0.2s ease;
}

#accordionTrigger:checked ~ label .accordion-arrow {
    transform: rotate(180deg);
}

.accordion-arrow {
    transition: transform 0.3s ease;
}

/* Chrome, Safari, Edge, Opera Spin-Button Reset */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Firefox Spin-Button Reset */
input[type=number] {
    -moz-appearance: textfield !important;
}