@charset "UTF-8";
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #3d3e40;
    --gray-dark: #212122;
    --primary: #de0000;
    --secondary: #616366;
    --success: #05a846;
    --info: #005baf;
    --warning: #ebaf15;
    --danger: #de0000;
    --light: #f5f5f5;
    --dark: #212122;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md-1: 767px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: "Coco", Arial, sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-border-width: 1px;
    --bs-border-radius: 0.375rem;
    --bs-border-color: #495057;
}

main {
    padding-top: 100px;
}

.header-wrap {
    width: 100%;
    position: fixed;
    z-index: 17;
    left: 0;
    top: 0;
    background: var(--white);
    box-shadow: 0 8px 20px rgba(6, 45, 55, .1), 0 2px 4px rgba(6, 45, 55, .05);
}

.brand-line {
    position: relative;
    background: linear-gradient(90deg, #a0dae8 0%, #a0dae8 25%, #de0000 25%, #de0000 100%);
    z-index: 1;
}

.brand-line--small {
    height: .25rem;
}

@media (min-width: 768px) {
    .brand-line--small {
        height: .375rem;
    }
}

.brand-line--big {
    height: 1.85rem;
}

@media (min-width: 768px) {
    .brand-line--big {
        height: 2rem;
    }
}

.sticky-header {
    padding: .6875rem 0;
}

@media (min-width: 576px) {
    .sticky-header {
        padding: .95rem 0 .75rem 0;
    }
}

.breadcrumb-item a {
    color: var(--red);
    text-decoration: none;
    font-weight: bold;
}

.breadcrumb-item.active {
    color: var(--secondary);
    font-weight: 400;
}

.btn-square {
    border-radius: 0 !important; /* Entfernt die abgerundeten Ecken */
}

#id_captcha_1 {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.errorlist {
    list-style-type: none;
    padding-left: 0;
}

.errorlist li {
    color: var(--danger);
}

.tableSpinner {
    display: none;
}

/*
thead th {
    position: sticky;
    top: 90px;
    z-index: 5;
    background-color: white;
}
*/

.stickyColLeft {
    position: sticky;
    left: 0;
    background-color: white;
    z-index: 5;
    box-shadow: -8px 0 10px -3px rgba(0, 0, 0, 1);
}

thead .stickyColLeft {
    z-index: 6;
    position: sticky;
    right: 0;
}

.stickyColRight {
    position: sticky;
    right: 0;
    background-color: white;
    z-index: 5;
    box-shadow: -8px 0 10px -3px rgba(0, 0, 0, 1);
}

thead .stickyColRight {
    z-index: 6;
    position: sticky;
    right: 0;
}

.table td, .table th {
    white-space: nowrap;
}

.spinner-input {
    position: relative;
}

.spinner-input .fa-spinner {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    font-size: 1rem;
    color: var(--blue);
}

.flag-green {
    background-color: var(--success) !important;
}

.flag-yellow {
    background-color: var(--warning) !important;
}

.flag-red {
    background-color: var(--danger) !important;
}

.morph-column {
    display: none;
    background-color: var(--yellow) !important;
}

.organisation-list {
    display: none;
}

.select2-selection__choice, .select2-selection__clear {
    display: none !important;
}

.dropdown-menu {
    z-index: 1050;
    position: absolute;
}

.accordion {
    padding: 0;
}

.accordion-item:first-of-type, .accordion-item:first-of-type > .accordion-header .accordion-button, .accordion-item:last-of-type > .accordion-header .accordion-button, .accordion-item:last-of-type, .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
    border-radius: 0;
}

.accordion-button {
    font-size: 1.25rem;
    font-weight: bolder;
    background-color: var(--primary);
    color: var(--white);
}

.accordion-button:not(.collapsed) {
    font-size: 1.25rem;
    font-weight: bolder;
    background-color: #a0dae8;
    color: var(--gray-dark);
}

.active > .page-link, .page-link.active {
    background-color: var(--primary);
    border-color: var(--primary);
}

.page-link {
    color: var(--gray-dark);
}

.page-link:hover {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

.table-danger td {
    border-color: var(--primary) !important;
    background: var(--danger) !important;
    color: var(--white) !important;
    --bs-table-hover-bg: var(--danger);
    --bs-table-striped-bg: var(--danger);
}

.filter-select {
    width: 100%;
}