:root {
    --bs-primary-rgb: rgb(41, 62, 104);
    --bs-body-font-size: 1.2rem;
}

:root {
    --bs-primary-rgb: rgb(41, 62, 104) !important;
    --bs-body-color: rgb(41, 62, 104) !important;
}



/* make Page Layout stretch over browser height */

html, body {
    width: 100%;
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: space-between;
    --bs-body-font-family: Arial, sans-serif, system-ui, "Helvetica Neue","Noto Sans";
}

@media (min-width: 1400px) {
    body.loginarea {
        .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
            max-width: min( 1880px, 95% );
        }
    }
}

body.page-template-default main a {
    color: #d3ea38;
}


body.page-template-default main ol {
    padding-left: 1em;
    font-weight: bold;
}


main {
    flex-grow: 1;
}

section.main-nav, footer {
    background: var(--bs-body-color) !important;
}

.btn-primary {
    --bs-btn-color: rgb(55, 80, 131);
    --bs-btn-bg: #fff;
    --bs-btn-border-color: white;
    --bs-btn-hover-color: rgb(55, 80, 131);
    --bs-btn-hover-bg: white;
    --bs-btn-hover-border-color: #fff;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: rgb(55, 80, 131);
    --bs-btn-active-bg: white;
    --bs-btn-active-border-color: #d3ea38;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
    /*border-left: solid 6px #d3ea38;*/
    padding: 12px 32px;
    font-weight: 600;
}

.left-nav .btn-primary {
    border-left: solid 6px #4f8cc6;
	word-break: break-all;
}

.left-nav .btn-primary:hover {
    border-left: solid 6px #d3ea38;
}

.left-nav .btn-primary.active {
    border-left-color: #d3ea38;
}

.btn-secondary {
    --bs-btn-color: var(--bs-primary-rgb) !important;
    --bs-btn-bg: #d3ea38;
    --bs-btn-border-color: #d3ea38;
    --bs-btn-hover-color: var(--bs-primary-rgb) !important;
    --bs-btn-hover-bg: #d3ea38;
    --bs-btn-hover-border-color: #d3ea38;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
    padding: 12px 32px;
    font-weight: 600;
}

.btn.btn-edit,
.btn.btn-edit:focus-visible  {
    --bs-btn-bg: #d3ea38 !important;
    border-color: #d3ea38;
    background-color: #d3ea38;
}

.btn.btn-edit:not(.btn-search-results):hover {
    background-color: #aac208 !important;
    border-color: #aac208;
}

.btn.close-and-reload {
    padding: 12px 32px;
}

.btn-add:not(.btn-accordion-add) {
    border: solid 1px #fff;
    background: transparent;
    color: white;
    overflow: hidden;
}
.btn-add {
    position: relative;
}

.logo {
    padding: 32px 50px;
}

.form-select.regions-select {
    padding: 1.12rem 1.25rem !important;
    line-height: 1;
    /*background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448.15 256.05"><defs><style> .cls-1 { fill: %232d5997; stroke-width: 0px; } </style></defs><path class="cls-1" d="M201.47,246.68c12.5,12.5,32.8,12.5,45.3,0L438.77,54.68c12.5-12.5,12.5-32.8,0-45.3s-32.8-12.5-45.3,0l-169.4,169.4L54.67,9.47C42.17-3.03,21.88-3.03,9.38,9.47s-12.5,32.8,0,45.3l192,192,.1-.1Z"/></svg>');*/
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><defs><style> .cls-1 { fill: %232d5996; stroke-width: 0px; } </style></defs><rect class="cls-1" width="150" height="150"/></svg>');
    background-size: auto;
    background-position: right !important;
    background-repeat: no-repeat !important;
    /* ox-shadow: 1px 1px 16px #00000088; */
    border: none;
}

.select-wrapper:after {
    content: "";
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448.15 256.05"><defs><style> .cls-1 { fill: %23fff; stroke-width: 0px; } </style></defs><path class="cls-1" d="M201.47,246.68c12.5,12.5,32.8,12.5,45.3,0L438.77,54.68c12.5-12.5,12.5-32.8,0-45.3s-32.8-12.5-45.3,0l-169.4,169.4L54.67,9.47C42.17-3.03,21.88-3.03,9.38,9.47s-12.5,32.8,0,45.3l192,192,.1-.1Z"/></svg>') !important;
    background-position: center right;
    /* background-size: 16px; */
    transform-origin: center;
    transform: scale(0.75) translateX(5px);
}

h2.accordion-header {
    position: relative;
}

.accordion .btn-add {
    position: absolute;
    right: 60px !important;
    top: 0;
    bottom: 0;
    border: 0 !important;
    z-index: 100;
    /*border-right: 1px solid #fff !important;*/
}

.btn-add:hover {
    background: rgb(55, 80, 131);
    color: white;
}

.btn-add:after {
    padding: 18px;
    content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><defs><style> .cls-1 { fill: %23000; stroke-width: 0px; } </style></defs><path class="cls-1" d="M18.46,2.46c0-1.36-1.1-2.46-2.46-2.46s-2.46,1.1-2.46,2.46v11.08H2.46c-1.36,0-2.46,1.1-2.46,2.46s1.1,2.46,2.46,2.46h11.08v11.08c0,1.36,1.1,2.46,2.46,2.46s2.46-1.1,2.46-2.46v-11.08h11.08c1.36,0,2.46-1.1,2.46-2.46s-1.1-2.46-2.46-2.46h-11.08V2.46Z"/></svg>');
    background: #d3ea38;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    aspect-ratio: 1/1;
    width: 56px;
}

@media (min-width:992px) {
    .starke-schule-logo {
    margin-bottom: -32px;
        width: 160px;
}
}

.accordion.accordion-transparent-header {
    --bs-accordion-bg: transparent;
}
.accordion-transparent-header button {
    --bs-accordion-btn-bg: transparent;
    --bs-accordion-active-bg: #ffffff20;
}
.accordion-transparent-header .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  }

/*
.bg-custom {
    background-size: 100% 100%;
    background-position:
        0px 0px,
        0px 0px;
    background-image: radial-gradient(75% 75% at 19% 81%, #21385cff 0%, #47679500 100%),
        radial-gradient(75% 75% at 102% 8%, #1b2e4bff 0%, #628cc4ff 100%);
}
*/

.bg-custom {
    1background-size: 100% 100%;
    1background-position: 0px 0px, 0px 0px, 0px 0px;
    1background-image: radial-gradient(75% 75% at 12% 90%, #21385CFF 0%, #47679500 100%), radial-gradient(100% 100% at 79% 15%, #1b2e4bff 0%, #628CC400 100%), linear-gradient(239deg, #1b2e4bff 4%, #628CC4FF 56%);
    background: url(/assets/img/hintergrund-backend.jpg);
    background-size: cover;
}






.main-nav a {
    letter-spacing: 2px;
}

.main-nav .dropdown-menu.dropdown-menu-end a {
    letter-spacing: 1px;
}

.main-nav a.active,
.left-nav a.active {
    font-weight: 800;
}

.main-nav a.active  {
    font-weight: 800;
    color: #d3ea38 !important;
}

.main-nav ul {
    gap: 8px;
}

@media (min-width:768px) {
.main-nav ul {
    gap: 90px;
}    
}

.main-nav .dropdown-menu.dropdown-menu-end li.us-table {
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
}







/*    DATATABLES    */

.table.dataTable.no-footer th {
    background: #4e8cc5;
    color: white;
}

table.dataTable thead th, table.dataTable thead td {
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    */
    vertical-align: top;
}


.table.dataTable.no-footer td {
    color: rgb(55, 80, 131);
    /*
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
    */
}


.table.dataTable.no-footer td.sorting_1 {
}

table.dataTable.us-table tbody tr:hover,
table.dataTable.us-table tbody tr:hover td {
    background: #f8f8f8;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 22px 10px 8px 10px !important;
}
table.dataTable tbody td:last-child {
    padding: 18px 10px 13px 10px !important;
}

table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:after {
    content: "⌃" !important;
    color: #fff;
    transform: rotate(180deg);
}
table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:before {
    content: "⌃" !important;
    color: #fff;
}


.dataTables_filter {
    position: absolute;
    top: -52px;
    z-index: 10;
    right: 122px;
    color: #fff;
}
.dataTables_filter input,
.dataTables_filter label  {
    color: #fff;
}

.dataTables_filter label {
    font-size: 0.7em;
    margin-right: 0.5em;
}








.logout-button:after {
    content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Ebene_2" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 195.5 195"><defs><style> .cls-1 { fill: %23163c69; stroke-width: 0px; } </style></defs><g id="Ebene_1-2" data-name="Ebene 1"><g><path id="Vereinigungsmenge_1" data-name="Vereinigungsmenge 1" class="cls-1" d="M81.73,136.4c-3.71-3.71-3.71-9.73,0-13.43l15.46-15.46H9.5c-5.25,0-9.5-4.25-9.5-9.5s4.25-9.5,9.5-9.5h88.44l-16.22-16.22c-3.7-3.72-3.69-9.73.03-13.44,3.71-3.69,9.7-3.69,13.41,0l31.11,31.11c2.02,2.01,3.02,4.83,2.74,7.66.29,2.84-.72,5.65-2.74,7.66l-31.11,31.11c-3.71,3.71-9.73,3.71-13.44,0Z"/><path id="Pfad_1" data-name="Pfad 1" class="cls-1" d="M97.5,195c-4.69,0-8.5-3.81-8.5-8.5s3.81-8.5,8.5-8.5h1c5.29-.03,10.55-.58,15.73-1.63,5.18-1.06,10.23-2.63,15.1-4.69,4.78-2.03,9.36-4.51,13.67-7.42,8.58-5.8,15.96-13.18,21.76-21.76,2.91-4.31,5.39-8.88,7.42-13.67,2.06-4.87,3.63-9.92,4.69-15.1,2.18-10.71,2.18-21.75,0-32.47-1.06-5.18-2.63-10.23-4.69-15.1-2.03-4.78-4.51-9.36-7.42-13.66-5.79-8.58-13.18-15.96-21.76-21.76-4.31-2.91-8.88-5.39-13.67-7.42-4.87-2.06-9.92-3.63-15.1-4.69-5.18-1.06-10.45-1.6-15.73-1.64h0c-4.69,0-8.5-3.81-8.5-8.5S93.81,0,98.5,0h2c.36,0,.73.02,1.09.07,5.39.19,10.76.83,16.05,1.91,6.28,1.29,12.41,3.19,18.31,5.68,5.8,2.46,11.35,5.47,16.56,8.99,10.38,7.01,19.31,15.95,26.32,26.32,3.53,5.22,6.54,10.77,8.99,16.56,2.49,5.9,4.4,12.04,5.68,18.31,2.64,12.96,2.64,26.32,0,39.28-1.29,6.28-3.19,12.41-5.68,18.31-2.45,5.8-5.47,11.35-8.99,16.56-3.5,5.18-7.48,10.01-11.9,14.42-4.42,4.42-9.25,8.4-14.42,11.9-5.22,3.53-10.77,6.54-16.56,8.99-5.9,2.5-12.04,4.4-18.31,5.68-5.3,1.08-10.69,1.72-16.09,1.92-.35.04-.7.07-1.05.07h-3Z"/></g></g></svg>');
    width: 32px;
    height: 32px;
}

.logout-button {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 10px 10px 10px 32px;
}

.login-button:before {
    content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Ebene_2" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 195.48 195"><defs><style> .cls-1 { fill: %23d3ea38; stroke-width: 0px; } </style></defs><g id="Ebene_1-2" data-name="Ebene 1-2"><g><path id="Vereinigungsmenge_1" data-name="Vereinigungsmenge 1" class="cls-1" d="M81.73,136.4c-3.71-3.71-3.71-9.73,0-13.43l15.46-15.46H9.5c-5.25,0-9.5-4.25-9.5-9.5s4.25-9.5,9.5-9.5h88.44l-16.22-16.22c-3.7-3.72-3.69-9.73.03-13.44,3.71-3.69,9.7-3.69,13.41,0l31.11,31.11c2.02,2.01,3.02,4.83,2.74,7.66.29,2.84-.72,5.65-2.74,7.66l-31.11,31.11c-3.71,3.71-9.73,3.71-13.44,0h0Z"/><path id="Pfad_1" data-name="Pfad 1" class="cls-1" d="M97.5,195c-4.69,0-8.5-3.81-8.5-8.5s3.81-8.5,8.5-8.5h1c5.29-.03,10.55-.58,15.73-1.63,5.18-1.06,10.23-2.63,15.1-4.69,4.78-2.03,9.36-4.51,13.67-7.42,8.58-5.8,15.96-13.18,21.76-21.76,2.91-4.31,5.39-8.88,7.42-13.67,2.06-4.87,3.63-9.92,4.69-15.1,2.18-10.71,2.18-21.75,0-32.47-1.06-5.18-2.63-10.23-4.69-15.1-2.03-4.78-4.51-9.36-7.42-13.66-5.79-8.58-13.18-15.96-21.76-21.76-4.31-2.91-8.88-5.39-13.67-7.42-4.87-2.06-9.92-3.63-15.1-4.69s-10.45-1.6-15.73-1.64h0c-4.69,0-8.5-3.81-8.5-8.5s3.81-8.49,8.5-8.49h2c.36,0,.73.02,1.09.07,5.39.19,10.76.83,16.05,1.91,6.28,1.29,12.41,3.19,18.31,5.68,5.8,2.46,11.35,5.47,16.56,8.99,10.38,7.01,19.31,15.95,26.32,26.32,3.53,5.22,6.54,10.77,8.99,16.56,2.49,5.9,4.4,12.04,5.68,18.31,2.64,12.96,2.64,26.32,0,39.28-1.29,6.28-3.19,12.41-5.68,18.31-2.45,5.8-5.47,11.35-8.99,16.56-3.5,5.18-7.48,10.01-11.9,14.42-4.42,4.42-9.25,8.4-14.42,11.9-5.22,3.53-10.77,6.54-16.56,8.99-5.9,2.5-12.04,4.4-18.31,5.68-5.3,1.08-10.69,1.72-16.09,1.92-.35.04-.7.07-1.05.07h-3v.03Z"/></g></g></svg>');
    width: 32px;
    height: 32px;
}

.login-button {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    padding: 10px 32px 10px 10px;
}
body:not(.home) .login-button { 
    border-color: white;
} 

.login-button:hover {
    color: #fff;
    background: #133c6a;
}

.barrierefreiheit-icon {
    position: absolute;
    bottom: -74px;
    right: 0;
}

section.tiles {
    background: #eceff3;    
}

section.tiles,
section.nb-faq,
section.faq-tiles {
    padding: 64px 0;
}

@media (min-width:1200px) {
    section.tiles,
section.nb-faq,
section.faq-tiles {
    padding: 128px 0;
}
}

.tiles small {
    color: #008dc9;
}

.text-green {
    color: #cbec00;

}

/* Modal Windows */

.modal {
    --bs-modal-border-width: 0.4rem;
    --bs-modal-border-radius: 0.5rem;
    --bs-modal-border-color: #4f8cc6;
}

.modal-body.text-body {
/* .table>:not(caption)>*>* { */
    color: #133c6a !important;
}

.btn-close {
    --bs-btn-close-color: #fff;
    --bs-btn-close-opacity: 1;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")
}
.modal-content {
	border-color: #375083;
}

.modal-header .btn-close {
    position: absolute;
    right: 0.25rem;
    top: 0.25rem;
    padding: 0.75rem;
    border-radius: 0.15rem;
    background-color: #375083;
    width: 0.25em;
    height: 0.25em;
}

#themen-info-modal img {
    max-width: 100%;
}


/* Form Styling */

.form-label {
    color: #375083;
    font-weight: bold;
}

.form-control {
    --bs-body-bg: #fff;
}



span.view-checkbox {
    width: 1.5rem;
    height: 1.5rem;
    display: block;
    border: 2px solid #4e8cc5;
    border-radius: 0.25rem;
    position: relative;
}
span.view-checkbox.checked:after {
    content: '';
    position: absolute;
    inset: 2px;
    background: #293e68;
}


#accordionThemen input.form-check-input:not(:checked) {
    1background-color: #2d5997;
}

#accordionThemen input.form-check-input:checked,
#accordionLandkreise input.form-check-input:checked {
    border: 1px solid white;
    background-color: #cbec00;
}

button.accordion-button.chosen {
    font-weight: 800;
}

input.form-check-input:focus-within {
    outline: 2px solid #143c6a;
}



.modal-content .tag {
  border: 1px solid #4e8cc5;
  padding: 0.25rem 1rem;
  border-radius: 0.25rem;
  margin: 0.25em 0.25em 0 0;
  line-height: 2em;
}
.us-table .tag {
    border: 1px solid #4e8cc5;
    float: left;
    padding: .1rem .25rem;
    font-size: .6rem;
    border-radius: 0.25rem;
    hyphens: auto;
    margin: 0.25em 0.25em 0 0;
}

span.tag.tag-all {
    background: #d3ea38;
}



.form-check-input:checked {
    background-color: #4f8cc6; 
    border-color: #4f8cc6; 
}


/* Accordion */

.nb-faq .accordion-button {
    background-color: #edf0f3;
    border-radius: 4px;
    box-shadow: none;
    gap: 16px;
}

.nb-faq,
.nb-faq .accordion-item {
    color: #133c6a;
    border: none;
}

.nb-faq .accordion-item {
    background-color: #edf0f3;
}

.nb-faq small,
.nb-card-section small {
    color: #cbec00;
}

.nb-faq .accordion-button:focus {
    box-shadow: none;
}

.nb-faq .row > div:first-child h2 {
    position: relative;
    display: inline-block;
}

.nb-faq .row > div:first-child h2:after {
    content: '';
    background-image: url(/assets/img/question-mark.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 32px;
    height: 40px;
    right: -35px;
    position: absolute;
}


.nb-card-section .accordion-button:not(.collapsed) {
    background-color: white;
    font-weight: 800;
}

.nb-card-section .accordion-button {
    border-radius: 4px !important;
}

.dotactions a.dropdown-item {
    --bs-dropdown-item-padding-x: 0.5em;
}

.dotactions ul.show {
    display: flex;
    border-radius: 32px;
    background: #d3ea38;
    border: none;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: transparent;
}


/* Modal Window Helper */

.btn-save {
    display: flex;
}
.loading-spinner {
    display: none;
    width: 24px;
    height: 24px;
    margin-right: 1em;
    border: 5px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 50%;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

label.form-label.required:after {
    content: '*';
    font-size: 0.75em;
    color: var(--bs-form-invalid-color);
    vertical-align: super;
    margin-left: 0.25em;
}


table.table.nb-modal-table {
    /* border: 1px solid #94949440; */
    border-collapse: separate;
    border-spacing: 0;
}

table.table.nb-modal-table tr td {
    background: #ECEFF3;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
    color: #133c6a;
}

table.table.nb-modal-table tr th {
    color: #133c6a;
}

table.table.nb-modal-table thead tr th:first-child {
    border-top: 1px solid #94949440;
    border-top-left-radius: 6px;
    border-left: 1px solid #94949440;
}
table.table.nb-modal-table thead tr th:last-child {
    border-top: 1px solid #94949440;
    border-top-right-radius: 6px;
    border-right: 1px solid #94949440;
}
table.table.nb-modal-table thead tr th {
    border-top: 1px solid #94949440;
}

table.table.nb-modal-table tbody tr:last-child td:first-child {
    border-bottom: 1px solid #94949440;
    border-bottom-left-radius: 6px;
    border-left: 1px solid #94949440;
}
table.table.nb-modal-table tbody tr:last-child td:last-child {
    border-bottom: 1px solid #94949440;
    border-bottom-right-radius: 6px;
    border-right: 1px solid #94949440;
}
table.table.nb-modal-table tbody tr:last-child td {
    border-bottom: 1px solid #94949440;
}




@media (max-width:991px) {
    table.nb-modal-table {
        table-layout: fixed;
        border-collapse: collapse;
    }

    table.nb-modal-table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    table.nb-modal-table tr {
        display: block;
        margin-bottom: .625em;
    }

    table.nb-modal-table td {
        display: block;
        font-size: .8em;
        border: none;
    }

    table.nb-modal-table td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    table.nb-modal-table td:last-child {
        border-bottom: 0;
    }

    .table.nb-modal-table > :not(caption) > * > * {
        padding: .25rem .5rem;
    }
}



/* see: https://cssloaders.github.io/ */

.show-loading {
    position: relative;
    padding-left: 80px;
    padding-right: 80px;
}
.show-loading:before {
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-block;
    border-top: 3px solid #FFF;
    border-right: 3px solid transparent;
    box-sizing: border-box;
    animation: loadingrotation 1s linear infinite;
    top: 4px;
    left: 16px;
    display: none;
}
.show-loading.show:before {
    display: block;
}



@keyframes loadingrotation {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
} 










/* aus bs.css übertragen */



.btn-add {
    border: solid 1px #fff;
    background: transparent;
    color: white;
    position: relative;
}

.btn-add:hover {
    border: solid 1px #fff;
    background: rgb(55, 80, 131);
    color: white;
}

/*
.btn-add:after {
    padding: 16px;
    content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><defs><style> .cls-1 { fill: %23000; stroke-width: 0px; } </style></defs><path class="cls-1" d="M18.46,2.46c0-1.36-1.1-2.46-2.46-2.46s-2.46,1.1-2.46,2.46v11.08H2.46c-1.36,0-2.46,1.1-2.46,2.46s1.1,2.46,2.46,2.46h11.08v11.08c0,1.36,1.1,2.46,2.46,2.46s2.46-1.1,2.46-2.46v-11.08h11.08c1.36,0,2.46-1.1,2.46-2.46s-1.1-2.46-2.46-2.46h-11.08V2.46Z"/></svg>');
    background: #d3ea38;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    aspect-ratio: 1/1;
}
*/

.bg-custom {
    background-size: 100% 100%;
    background-position:
        0px 0px,
        0px 0px;
    background-image: radial-gradient(75% 75% at 19% 81%, #21385cff 0%, #47679500 100%),
        radial-gradient(75% 75% at 102% 8%, #1b2e4bff 0%, #628cc4ff 100%);
}

@media (min-width:992px) {
    .hero.homepage {
        height: 80vh;
    }
}


.hero-sidebar {
    background-image: linear-gradient(90deg, #143c6d, #2c5a95) !important;
}

.hero-sidebar-content {
    margin: 32px 20px 64px;
}

@media (min-width:992px) {
    .hero-sidebar-content {
        margin: 32px 50px 80px;
    }
}

.add-green-line {
    position: relative;
}
.add-green-line:before {
    content: '';
    background: #d3ea38;
    position: absolute;
    top: -25px;
    left: 0;
    height: 3px;
    width: 42px;
}


.nb-hero-col-1 {
    background-image: linear-gradient(90deg, #143c6d, #2c5a95);
    background-size: cover;
    background-position: bottom right;
    background-repeat: no-repeat;
}

@media (max-width:767px) {
    .nb-hero-col-1 .row.logos {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .nb-hero-col-1 .row.logos #home-logo {
        order: 1;
    }

    #home-logo {
        justify-items: center;
        1padding: 16px 0;
    }
    
    #home-logo a {
        display: block;
    }
}

@media (min-width:1400px) {
    .nb-hero-col-1 {
        background-image: url(../img/Hero.jpg);
    }
    .hero .intro {
        padding-top: 120px;
    }
}

.nb-search-hero-col-1 {
    background-image: linear-gradient(90deg, #143c6d, #2c5a95);
    background-size: cover;
    background-position: bottom right;
    background-repeat: no-repeat;
    /*background: white;*/
}

.nb-search-hero-col-1 h2:before {
    /*content: '';
    content:url('/wp-content/themes/us/assets/img/lupe.svg');
    position: absolute;
    left: -12px;
    top: -5px;
    z-index: -1;
    width: 50px;*/
}

@media (min-width:768px) {
    .nb-search-hero-col-1 h2:before {
    /*content: '';
    content:url('/wp-content/themes/us/assets/img/lupe.svg');
    position: absolute;
    left: -30px;
    top: -40px;
    width: 200px;*/
}
}

.nb-search-hero-col-1 h2 {
    z-index: 1;
}


@media (min-width:992px) {
    .nb-search-hero-col-1 {
        /*background-image: url(../img/search-bg.jpg);
        background-position: center 20%;
        background-size: cover;
        */
    }
    .hero .intro {
        padding-top: 120px;
    }
}



.nb-search-section .accordion-body > div:not(:last-child) {
    border-bottom: 1px solid #ECEFF34D;
}

.nb-search-section .accordion-body > div:first-child {
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    1background-color: #2d5a96;
}

.nb-search-section .accordion-body > div:last-child {
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
}


.nb-search-section .accordion-body {
    border: 1px solid #2d5a96;
    border-radius: 0.5em;
}

.nb-search-section .accordion-button {
    font-size: 22px;
}







@media (min-width:768px) {
    .hero .intro {
        padding: 4% 200px;
    }
}

.hero .intro p {
    color: #cbec00;
}

@media (min-width:768px) {
    .hero .intro h2, .hero .intro h1 {
        font-size: 3vw;
        line-height: 5rem;
    }
}
.tile-items {
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
    grid-row-gap: 16px !important;
    align-items: flex-start;
    
}

@media (max-width:767.99px) {
    .tile-items p {
        font-size: 0.75em;
        line-height: normal !important;
    }
}

@media (min-width:1200px) {
    .tile-items p {
        line-height: normal !important;
    }
}

@media (min-width: 768px) {
    .tile-items {
    grid-template-columns: 1fr 1fr !important;
}
}

@media (min-width: 992px) {
    .tile-items {
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
}
}

@media (min-width: 1200px) {
    .tile-items {
    grid-template-columns: 1fr 1fr !important;
}
}

@media (min-width: 1620px) {
    .tile-items {
    grid-template-columns: 1fr 1fr !important;
}
}

.tile-items p {
    text-transform: uppercase;
    line-height: 1.8rem;
    margin-bottom: 0;
}

.tile-item {
    border-radius: 6px;
    background-image: linear-gradient(90deg, #143c6d, #2c5a95) !important;
    margin-top: 0 !important;
    aspect-ratio: 1 / 1;
    color: white !important;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.search-results.nb-card-section {
    background: #133c6a;
    background-image: url(../img/search-bg.jpg);
    1min-height: 100%;
    color: white;
}

.nb-search-section {
    1background: #133c6a;
    color: white;
}

.nb-card-section .accordion-item,
.nb-search-section .accordion-item {
    background-color: transparent;
    1color: white;
    border: none !important;
}

.nb-search-section .accordion-item button {
    background-color: #2d5a96;
}

.nb-card-section .accordion-item h2 button,
.nb-search-section .accordion-item h2 button:not(.rounded-pill) {
    /*background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><defs><style> .cls-1 { fill: %23008dc9; stroke-width: 0px; } </style></defs><rect class="cls-1" width="150" height="150"/></svg>');*/
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    box-shadow: none;
}

.nb-card-section .accordion-item button.accordion-button.collapsed,
.nb-search-section .accordion-item button.accordion-button.collapsed {
    /*background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><defs><style> .cls-1 { fill: %232d5996; stroke-width: 0px; } </style></defs><rect class="cls-1" width="150" height="150"/></svg>');*/
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    box-shadow: none;
}



.nb-card-section .accordion-button:not(.collapsed)::after,
.nb-search-section .accordion-button:not(.collapsed)::after {
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448.15 256.05"><defs><style> .cls-1 { fill: %23fff; stroke-width: 0px; } </style></defs><path class="cls-1" d="M201.47,246.68c12.5,12.5,32.8,12.5,45.3,0L438.77,54.68c12.5-12.5,12.5-32.8,0-45.3s-32.8-12.5-45.3,0l-169.4,169.4L54.67,9.47C42.17-3.03,21.88-3.03,9.38,9.47s-12.5,32.8,0,45.3l192,192,.1-.1Z"/></svg>');
    transform: var(--bs-accordion-btn-icon-transform) scale(0.75) translateX(-5px);
    background-position: center right;
    transform-origin: center;
}

.nb-card-section .accordion-button::after,
.nb-search-section .accordion-button::after {
    /*background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448.15 256.05"><defs><style> .cls-1 { fill: %23fff; stroke-width: 0px; } </style></defs><path class="cls-1" d="M201.47,246.68c12.5,12.5,32.8,12.5,45.3,0L438.77,54.68c12.5-12.5,12.5-32.8,0-45.3s-32.8-12.5-45.3,0l-169.4,169.4L54.67,9.47C42.17-3.03,21.88-3.03,9.38,9.47s-12.5,32.8,0,45.3l192,192,.1-.1Z"/></svg>');*/
    background-position: center right;
    /*background-size: 16px;*/
    transform-origin: center;
    transform: scale(0.75) translateX(5px);
}

.nb-search-section .accordion-button.collapsed::after {
    content: url(https://unterstuetzungssysteme-dev.ninebrackets.com/assets/img/icon-plus-2.svg);
    padding: 0;
    width: 48px;
    height: auto;
    /*transform: scale(0.75) translate(12px, -8px);*/
    top: 4px;
}

.nb-search-section .accordion-button::after {
    content: url(https://unterstuetzungssysteme-dev.ninebrackets.com/assets/img/icon-minus-2.svg);
    padding: 0;
    width: 48px;
    height: auto;
    position: absolute;
    right: 12px;
    top: 0px;
}












.nb-card-section .accordion,
.nb-search-section .accordion {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.nb-card-section .select-wrapper {
    position: relative;
}

.nb-card-section .select-wrapper:after {
    background-image: none !important;
    position: absolute;
    right: 32px;
    top: 10px;
    width: 20px;
    content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448.15 256.05"><defs><style> .cls-1 { fill: %23fff; stroke-width: 0px; } </style></defs><path class="cls-1" d="M201.47,246.68c12.5,12.5,32.8,12.5,45.3,0L438.77,54.68c12.5-12.5,12.5-32.8,0-45.3s-32.8-12.5-45.3,0l-169.4,169.4L54.67,9.47C42.17-3.03,21.88-3.03,9.38,9.47s-12.5,32.8,0,45.3l192,192,.1-.1Z"/></svg>') !important;
}

p.region-headline {
    position: absolute;
    right: 48px;
    top: 32px;
}

@media(min-width:992px) {
    /*
    .nb-card-section .select-wrapper.region-wrapper {
        position: absolute;
        right: 32px;
        top: 64px;
        width: 280px;
    }
    
    .region-headline {
        position: absolute;
        right: 32px;
        top: 22px;
    }
    */
}


@media(min-width:1200px) {
    /*
    .nb-card-section .select-wrapper.region-wrapper {
        position: absolute;
        right: 50px;
        top: 84px;
        width: 280px;
    }
    
    .region-headline {
        position: absolute;
        right: 50px;
        top: 32px;
    }
    */
}

.nb-search-section .accordion-button:not(.collapsed) {
    background-color: #2d5a96;
}

.search-results.nb-card-section .accordion-body .row:not(:first-child)  {
    1background: #133c6a;
}


.btn.btn-search-results {
    background: none !important;
    text-align: left;
    border: none;
}



.nb-faq .accordion {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.nb-faq .accordion-answer {
    width: 65%;
}

.nb-faq button.collapsed {
    1border-left: solid 6px #133c6a !important;
}

.nb-faq button .question-num, .nb-faq button .question-num h3 {
    font-size: 1.2rem;
	font-weight: bold;
}
.nb-faq .accordion-body p {
	margin-bottom: 0;
}

@media (min-width:992px) {
    
}

.nb-faq .accordion-body {
    padding: 0;
    font-size: 1.2rem;
    line-height: 1.5;
}

.nb-faq .accordion-item:has(.collapsed) {
    border-left: solid 6px #133c6a !important;
}

.nb-faq .accordion-item {
    border-left: solid 6px #cbec00 !important;
    border-radius: 6px;
}



.nb-faq button:after {
    content: url(https://unterstuetzungssysteme-dev.ninebrackets.com/assets/img/icon-minus.svg);
    padding: 0;
    width: auto;
    height: auto;
    position: absolute;
    right: 20px;
    transform: scale(0.75) translate(12px, -8px) !important;
}

.nb-faq button.collapsed:after {
    content: url(https://unterstuetzungssysteme-dev.ninebrackets.com/assets/img/icon-plus.svg);
    padding: 0;
    width: auto;
    height: auto;
    transform: scale(0.75) translate(12px, -8px);
}

@media (max-width:768px) {
    .nb-faq button.collapsed:after {
        padding-top: 4px;
    }
}

.nb-faq button {
    align-items: start !important;
    
}

.nb-faq button div.question-num {
    padding-top: 4px;
    font-weight: 600;
    padding-right: 48px;
}

.nb-faq button .accordion-body {
    1padding: 4px 16px
}



.faq-tiles {
    /*background-size: 100% 100% !important;
    background-position: 0px 0px, 0px 0px, 0px 0px !important;
    background-image: radial-gradient(70% 53% at 36% 76%, #17466FFF 0%, #073AFF00 100%), radial-gradient(35% 56% at 91% 74%, #001528F5 9%, #073AFF00 100%), linear-gradient(125deg, #508abdFF 1%, #003b69FF 100%) !important;*/
    background: url(/assets/img/hintergrund-backend-2.jpg);
    background-size: cover;
}

.faq-tiles .card strong, .faq-tiles strong {
    color: #cbec00;
}

.faq-tiles h2 {
    color: white;
}

.faq-tiles .card {
    background: #133c6a;
    color: white;
}

.faq-tiles .card.empty {
    background: transparent;
    color: white;
    border: none;
}

.faq-tiles .card-img-top {
    padding: 32px 32px 0;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}
.faq-tiles .card-icon-top {
    padding: 32px 32px 0;
}

.faq-tiles a {
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: 60%;
    vertical-align: sub;
}


.faq-tiles .card-body {
    padding: 32px;
}

/*    SELECT2    */

.select2-container li.select2-selection__choice {
    border-radius: var(--bs-border-radius-pill) !important;
    border: none !important;
    font-size: 14px;
    background-color: #d3ea38 !important;
    padding: 4px 22px !important;
}

.select2-container li.select2-selection__choice button {
    border: none !important;
    padding: 0 10px !important;
    height: 100%;
    font-size: 1.2em !important;
}

.select2-container li.select2-selection__choice button:hover {
    background-color: transparent !important;
}

/* Control look of options with radio look */

.select2-results__options .select2-results__option--selectable span.radio {
    padding-left: 26px;
    position: relative;
}

.select2-results__options .select2-results__option--selectable span.radio:before {
    content: '';
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Ebene_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.95 9.95"><defs><style> .cls-1 { fill: %23dadee2; } .cls-2 { fill: %23fff; } </style></defs><circle class="cls-2" cx="4.97" cy="4.97" r="4.6"/><path class="cls-1" d="M4.97.75c2.33,0,4.22,1.89,4.22,4.22s-1.89,4.22-4.22,4.22S.75,7.3.75,4.97,2.64.75,4.97.75M4.97,0C2.23,0,0,2.23,0,4.97s2.23,4.97,4.97,4.97,4.97-2.23,4.97-4.97S7.72,0,4.97,0h0Z"/></svg>');
    background-repeat: no-repeat;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 3px;
    left: 6px;    
}

.select2-results__options .select2-results__option--selectable.select2-results__option--selected span.radio:before {
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Ebene_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.95 9.95"><defs><style> .cls-1 { fill: %232d62f5; } .cls-2 { fill: %23fff; } </style></defs><circle class="cls-2" cx="4.97" cy="4.97" r="3.72"/><path class="cls-1" d="M4.97,2.5c1.36,0,2.47,1.11,2.47,2.47s-1.11,2.47-2.47,2.47-2.47-1.11-2.47-2.47,1.11-2.47,2.47-2.47M4.97,0C2.23,0,0,2.23,0,4.97s2.23,4.97,4.97,4.97,4.97-2.23,4.97-4.97S7.72,0,4.97,0h0Z"/></svg>');  
}


/* Control look of options with checkbox look */

.select2-results__options .select2-results__option--selectable span.checkbox {
    padding-left: 26px;
    position: relative;
}

.select2-results__options .select2-results__option--selectable span.checkbox:before {
    content: '';
    background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20fill%3D%22%23000000%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%20%3Cg%20id%3D%22%F0%9F%94%8D-Product-Icons%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%3Cg%20id%3D%22ic_fluent_checkbox_unchecked_24_regular%22%20fill%3D%22%23212121%22%20fill-rule%3D%22nonzero%22%3E%20%3Cpath%20d%3D%22M5.75%2C3%20L18.25%2C3%20C19.7687831%2C3%2021%2C4.23121694%2021%2C5.75%20L21%2C18.25%20C21%2C19.7687831%2019.7687831%2C21%2018.25%2C21%20L5.75%2C21%20C4.23121694%2C21%203%2C19.7687831%203%2C18.25%20L3%2C5.75%20C3%2C4.23121694%204.23121694%2C3%205.75%2C3%20Z%20M5.75%2C4.5%20C5.05964406%2C4.5%204.5%2C5.05964406%204.5%2C5.75%20L4.5%2C18.25%20C4.5%2C18.9403559%205.05964406%2C19.5%205.75%2C19.5%20L18.25%2C19.5%20C18.9403559%2C19.5%2019.5%2C18.9403559%2019.5%2C18.25%20L19.5%2C5.75%20C19.5%2C5.05964406%2018.9403559%2C4.5%2018.25%2C4.5%20L5.75%2C4.5%20Z%22%20id%3D%22%F0%9F%8E%A8Color%22%3E%20%3C%2Fpath%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    position: absolute;
    width: 24px;
    height: 24px;
    top: -1px;
    left: -1px;    
}

.select2-results__options .select2-results__option--selectable.select2-results__option--selected span.checkbox:before {
    width: 20px;
    height: 20px;
    left: 1px;
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22Ebene_1%22%20data-name%3D%22Ebene%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20600%20600%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20none%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-2%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%234f8cc6%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-3%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Crect%20class%3D%22cls-2%22%20x%3D%2250%22%20y%3D%2250%22%20width%3D%22500%22%20height%3D%22500%22%20rx%3D%2226.57%22%20ry%3D%2226.57%22%2F%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M508.33%2C50H91.67c-23.01%2C0-41.67%2C18.65-41.67%2C41.67v416.67c0%2C23.01%2C18.65%2C41.67%2C41.67%2C41.67h416.67c23.01%2C0%2C41.67-18.65%2C41.67-41.67V91.67c0-23.01-18.65-41.67-41.67-41.67ZM486.76%2C198.21l-2.42%2C2.8-233.33%2C233.33c-8.88%2C8.88-22.76%2C9.68-32.55%2C2.42l-2.8-2.42-100-100c-9.76-9.76-9.76-25.59%2C0-35.36%2C8.88-8.88%2C22.76-9.68%2C32.55-2.42l2.8%2C2.42%2C82.32%2C82.32%2C215.66-215.66c9.76-9.76%2C25.59-9.76%2C35.36%2C0%2C8.88%2C8.88%2C9.68%2C22.76%2C2.42%2C32.55Z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22M508.33%2C0H91.67C41.04%2C0%2C0%2C41.04%2C0%2C91.67v416.67c0%2C50.63%2C41.04%2C91.67%2C91.67%2C91.67h416.67c50.63%2C0%2C91.67-41.04%2C91.67-91.67V91.67c0-50.63-41.04-91.67-91.67-91.67ZM550%2C508.33c0%2C23.01-18.65%2C41.67-41.67%2C41.67H91.67c-23.01%2C0-41.67-18.65-41.67-41.67V91.67c0-23.01%2C18.65-41.67%2C41.67-41.67h416.67c23.01%2C0%2C41.67%2C18.65%2C41.67%2C41.67v416.67Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cpath%20class%3D%22cls-3%22%20d%3D%22M449.03%2C165.7l-215.66%2C215.66-82.32-82.32-2.8-2.42c-9.79-7.26-23.68-6.45-32.55%2C2.42-9.76%2C9.76-9.76%2C25.59%2C0%2C35.36l100%2C100%2C2.8%2C2.42c9.79%2C7.26%2C23.68%2C6.45%2C32.55-2.42l233.33-233.33%2C2.42-2.8c7.26-9.79%2C6.45-23.68-2.42-32.55-9.76-9.76-25.59-9.76-35.36%2C0Z%22%2F%3E%0A%3C%2Fsvg%3E');  
}


textarea.select2-search__field {
    line-height: 1rem;
    margin-top: 0!important;
    padding: 0 !important;
    margin-bottom: 0.1rem;
}


button.btn-s2-all,
button.btn-s2-none {
    border: 1px solid #508bc6;
    border-radius: 10px;
    padding: 2px 4px;
    font-size: .6em;
    color: #508bc6;
}







#unterstuetzungssysteme_edit .select2-results__options .select2-results__option--selected {
        background-color: #e0e0e0 !important;
}

#unterstuetzungssysteme_edit .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    color: inherit !important;
}

.modal_edit_form .dropdown button {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;

    /* for 3 col menu */
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline;
    text-align: left;
}

.modal_edit_form .dropdown .dropdown-menu {
    width: 100%;
}

.modal_edit_form .dropdown .dropdown-menu .drop-menu-inner {
    flex-direction: column;
    width: 100%;
}

.modal_edit_form .dropdown .dropdown-menu .drop-menu-inner .dropdown-col {
    grid-template-columns: max-content auto !important;
    grid-gap: 4px;
}


.dropdown-multicol2 h4 {
    font-size: 1.2em;
}

button:focus-visible,
a.btn-add:focus-visible,
select:focus-visible
{
    outline: auto !important;
}

.carousel-item {
    background: #eef3fb;
    1width: 50%;
    padding: 32px;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

#carouselControls {
    padding: 0 100px;
}


.carousel-control-next-icon,
.carousel-control-prev-icon {
    background-color: #4f8cc6;
}

.mail-icon {
    background: #133c6a;
    padding: 0.3em 0.5em 0.4em 0.5em;
    border-radius: 100%;
}

.mail-icon i {
    color: #fff;
    font-size: 0.75em;
}

#search-result-parameters span {
    color: #133c6a;
    border-color: #133c6a;
}



span.pipe {
    transform: translateY(-.075em);
    display: inline-block;
    font-weight: 100;
}

.downloads-carousel .card-body {
    background-color: var(--bs-body-color);
    color: white;
}

.info-required { 
	position: absolute; 
	left: 2.75rem; 
}
#angebote-finden h3 {
	font-size: 1em;
	font-weight: 600;
	margin-bottom: 1em;
}



.modal-body p {
    margin-bottom: 0.7rem;
    line-height: 1.4rem;
}
.sidebar-nav li {
  padding: 0;
  margin-bottom: 0.5rem;
  list-style: none;
}
.sidebar-nav {
  padding: 0;
}
.taglist li {
  list-style: none;
  display: inline;
}
.taglist {
  padding: 0;
  display: inline;
}
header .dropdown-menu li {
    padding: 4px 0;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.1rem;
  }
}
.login-container input::placeholder {
    color: #333;
}
.login-container p.error {
    color: #a10404;
}
.form-switch .form-check-input {
	border-color: #375083;
	border-width: 2px;
}
.form-check-input[type="checkbox"] {
	border-color: #375083;
}
table.dataTable thead > tr > th.sorting_asc::before, table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > td.sorting_asc::before, table.dataTable thead > tr > td.sorting_desc::after {
  opacity: 1 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #333 !important;
}
.left-nav .btn-primary:focus-visible {
  outline: 3px solid #293e68;
}
.left-nav .btn-primary.active:focus {
	border: inherit;
	border-left: #d3ea38;
}

/* see: https://css-tricks.com/timer-bars-in-css-with-custom-properties/ */
.round-time-bar {
  margin: 1rem;
  overflow: hidden;
}
.round-time-bar div {
  height: 5px;
  animation: roundtime calc(var(--duration) * 1s) steps(var(--duration)) forwards;
  transform-origin: left center;
  background: linear-gradient(to bottom, #4f8cc6, #4f8cc6);
}

.round-time-bar[data-style="smooth"] div {
  animation: roundtime calc(var(--duration) * 1s) linear forwards;
}

.round-time-bar[data-style="fixed"] div {
  width: calc(var(--duration) * 5%);
}


@keyframes roundtime {
  to {
    /* More performant than `width` */
    transform: scaleX(0);
  }
}


/* Dropzone JS */

div#dropzone-area {
    padding: 50px 40px;
    border: 1px dotted;
    border-radius: 8px;
}

.dz-preview {
    width: 94%;
}

.dz-image {
    width: 100% !important;
}

.dz-progress {
    top: 67% !important;
    width: 50% !important;
    left: 35% !important;
}