:root {
    --bs-primary-rgb: rgb(41, 62, 104);
    --bs-body-font-size: 1rem;
    --bs-primary-rgb: rgb(41, 62, 104) !important;
    --bs-body-color: rgb(41, 62, 104) !important;

    --ust-midblue: #4e8cc5; /* blau aus dem Logo */
    --ust-lightblue: #008DC9; /* für Modalfenster Rahmen */
    --ust-darkblue: #143C69;
    --ust-green: #d3ea38;

    --ust-input-border-radius: 8px;
    --ust-input-height: 54px;
}


@media (min-width:992px) {
    :root {
        --bs-body-font-size: 1.2rem;
    }
}


/* make Page Layout stretch over browser height */

html, body {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

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";
}

.text-darbblue {
    color: var(--ust-darkblue);
}

@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;
}

.g-1 {
    gap: 1em;
}

.text-ust-darblue {
    color: var(--ust-darkblue) !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;
}

/* second level menu */
.left-nav ul ul .btn-primary {
    font-size: 14px;
}

.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(.rounded-pill):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: %23143C69; 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;
}


.btn-add.rounded-pill:after {
    background: transparent;
    padding: 14px 17px;
}

.btn-add.rounded-pill:hover:after {
    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: %23ffffff; 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>');
}

@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 {
    background-image: url(/assets/img/hintergrund-backend-fade.jpg);
    background-color: #155485;
    background-size: 100%;
    background-repeat: no-repeat;
}



/* Bootstrap Helper */

.mb-35 {
    margin-bottom: 2rem !important;
}

.mb-6 {
    margin-bottom: 4rem !important;
}
.mb-7 {
    margin-bottom: 5rem !important;
}
.mb-8 {
    margin-bottom: 7rem !important;
}



.mt-6 {
    margin-top: 4rem !important;
}
.mt-7 {
    margin-top: 5rem !important;
}
.mt-8 {
    margin-top: 7rem !important;
}




.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: 2.5em;
}    
}

.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 thead th:first-child {
    border-top-left-radius: 5px;
}
table.dataTable thead th:last-child {
    border-top-right-radius: 5px;
}


.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: 16px;
    height: 16px;
}

@media (min-width:576px) {
    .login-button:before {
        width: 32px;
        height: 32px;
    }
}

.login-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px 8px 8px;
}

@media (min-width:992px) {
    .login-button {
        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.3125rem;
    --bs-modal-border-radius: 0.5rem;
    --bs-modal-border-color: var(--ust-lightblue);
}

.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-header .btn-close {
    position: absolute;
    right: 0.25rem;
    top: 0.25rem;
    padding: 1.4rem;
    border-radius: 0.4rem;
    background-color: var(--ust-lightblue);
    width: 0.25em;
    height: 0.25em;
    background-size: 30%;
}

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


/* Form Styling */

.form-label {
    color: #375083;
    font-weight: bold;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
}

.form-control {
    --bs-body-bg: #fff;
    padding: .9rem .9rem;
    border-color: var(--ust-darkblue);
    border-radius: var(--ust-input-border-radius);
}

#taetigkeitsbericht_eintraege .form-select {
    padding: .9rem .9rem;
    border-color: var(--ust-darkblue);
    border-radius: var(--ust-input-border-radius);
}

#taetigkeitsbericht_eintraege .input-type-date.required:after {
    content: '';
}

.dropdown-col .form-label {
    margin-left: .35em;
    margin-top: -2px;
}

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 {
    font-weight: bold;
    /* background: #d3ea38; */
}



.form-switch .form-check-input:checked {
    background-color: #008dc9;
    border-color: #4f8cc6; 
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23143C69'/%3e%3c/svg%3e")
}

/* 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 4px 0 0 !important;
}

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

.dotactions ul.show {
    display: flex;
    border-radius: 32px;
    background: #d3ea38;
    border: none;
    --bs-dropdown-min-width: 7rem;
    margin-top: -7px !important;
}

.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;
}


h5.modal-title, .h5.modal-title {
    font-size: 24px;
}

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

label.form-label.required:after,
th.required:after {
    content: '*';
    font-size: 0.75em;
    color: var(--ust-darkblue);
    vertical-align: super;
    margin-left: 0.5em;
}

.input-type-date.required {
    position: relative;
}
.input-type-date.required:after {
    content: '*';
    position: absolute;
    top: 25%;
    right: 66px;
    font-size: 14px;
}



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;
}


@media (min-width:992px) {
    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;
        width: 100%;
    }

    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:not(.rounded-pill):not(.btn-accordion-add) {
/*.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-old {
    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:1280px) {
    .hero.homepage {
        height: 80vh;
    }
}


.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 {
    1background-image: linear-gradient(90deg, #143c6d, #2c5a95);
    1background-size: cover;
    1background-position: bottom right;
    1background-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;
    }
}




.home.persons {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 40%;
    max-height: 70%;
}

@media (min-width:768px) {
    .home.persons {
        display: block;
    }

}
@media (min-width:1280px) {
    .home.persons {
        max-width: 50%;
    }
}

@media (min-width:1400px) {
    .home.persons {
        max-width: 70%;
    }
}


@media (min-width:768px) {
    .nb-hero-col-1 {
        background-image: url(../img/hero-gradient-light.jpg);
        background-position: center;
        background-size: 200%;
    }
    .hero .intro {
        padding-top: 120px;
    }
}

@media (min-width:1400px) {
    .nb-hero-col-1 {
        background-size: cover;
    }
}

.nb-search-hero-col-1 {
    1background-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;
}

._angebote_suchergebnisse {
    background-image: url(/wp-content/themes/us/assets/img/search-bg.jpg);
    background-size: cover;
    background-position: bottom;
}
@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 0 0.5em 0.5em;
}

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










@media (min-width:768px) {
    .hero .intro {
        padding: 4em 200px 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;
    }
}

.tile-item img {
    height: 40cqh;
}

@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: none;
    line-height: 1.8rem;
    margin-bottom: 0;
    font-size: clamp( 12px, 13cqw, 24px );
}

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

@media (min-width:992px) {
    
    .tile-item {
        aspect-ratio: 1 / 1;
    }
}

.search-results.nb-card-section {
    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(6px);
}

.search-results.nb-card-section .accordion-button:not(.collapsed)::after, .search-results.nb-search-section .accordion-button:not(.collapsed)::after {
    transform: var(--bs-accordion-btn-icon-transform) scale(0.75) translateX(-5px) !important;
}

.nb-search-section .accordion-button {
    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;
}


.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>');
    margin-right: 4px;
}




.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: 100%;
}

@media (min-width:992px) {
    .nb-faq .accordion-answer {
    width: 92%;
    }
}

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

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

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

@media (min-width:992px) {
    .nb-faq button .question-num, .nb-faq button .question-num h3 {
        font-size: 1.2rem;
    }
    .nb-faq .accordion-body {
        font-size: 1.2rem;
    }
}

.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(/assets/img/icon-minus.svg);
    padding: 0;
    width: auto;
    height: auto;
    position: absolute;
    right: 20px;
    transform: scale(0.75) rotate(180deg) translate(0,0) !important;
    transform-origin: center;
}

.nb-faq button.collapsed:after {
    content: url(/assets/img/icon-plus.svg);
    padding: 0;
    width: auto;
    height: auto;
    transform: scale(0.75) rotate(0) translate(0,0) !important;
}

@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;
}
@media (max-width:991.99px) {
    .card.empty figure {
        aspect-ratio: 5 / 1;
        margin-left: 16px;
    }
}

@media (max-width:575px) {
    .card.empty figure {
        margin-left: 0;
    }
}

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

.faq-tiles .card-icon-top {
     object-position: bottom;
}

@media (min-width:992px) {
    .faq-tiles .card-img-top,
    .faq-tiles .card-icon-top {
    aspect-ratio: 1 / 1;
    object-position: center;
    }
    
    .faq-tiles .card-icon-top {
        object-position: left;
    }
}

.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;
}

@media( min-width:992px ) {
    .card.empty .card-body {
        padding: 16px;
    }
}

div#accordionFaqs .accordion-body p img {
    width: 22px;
    margin-bottom: 3px;
    padding-inline: 2px;
}





.dropdown-toggle::after,
.select2-selection--multiple:after {
    border: 0 !important;
    margin-left: -24px !important;
    margin-top: 2px;
    width: 44px !important;
    height: 44px !important;
    background-image: url('data:image/svg+xml,<svg width="66" height="66" viewBox="0 0 66 66" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M60 0C63.3137 0 66 2.68629 66 6V60C66 63.3137 63.3137 66 60 66H6C2.68629 66 9.66415e-08 63.3137 0 60V6C0 2.68629 2.68629 9.66384e-08 6 0H60ZM17.1211 23.8789C15.9495 22.7073 14.0505 22.7073 12.8789 23.8789C11.7073 25.0505 11.7073 26.9495 12.8789 28.1211L29.8789 45.1211L29.9014 45.1426C29.9251 45.1659 29.9493 45.1886 29.9736 45.2109L29.9912 45.2275C29.9931 45.2292 29.9952 45.2307 29.9971 45.2324C30.0658 45.2942 30.137 45.3519 30.21 45.4062C30.2153 45.4103 30.2202 45.415 30.2256 45.4189C30.2782 45.4577 30.3331 45.4925 30.3877 45.5273C30.4208 45.5485 30.4535 45.5701 30.4873 45.5898C30.5359 45.6183 30.5859 45.6435 30.6357 45.6689C30.6724 45.6877 30.7088 45.7065 30.7461 45.7236C30.7928 45.7451 30.8402 45.7642 30.8877 45.7832C30.9321 45.8009 30.9764 45.8185 31.0215 45.834C31.0622 45.848 31.1034 45.8599 31.1445 45.8721C31.1942 45.8868 31.2437 45.9019 31.2939 45.9141C31.3373 45.9245 31.3811 45.9329 31.4248 45.9414C31.4758 45.9513 31.5268 45.9605 31.5781 45.9678C31.6178 45.9734 31.6575 45.9774 31.6973 45.9814C31.75 45.9868 31.8026 45.9916 31.8555 45.9941C31.9017 45.9964 31.9479 45.997 31.9941 45.9971C32.0417 45.9972 32.0892 45.9963 32.1367 45.9941C32.1821 45.9921 32.2272 45.9885 32.2725 45.9844C32.3237 45.9797 32.3748 45.9741 32.4258 45.9668C32.466 45.9611 32.5059 45.9546 32.5459 45.9473C32.6003 45.9372 32.6541 45.9251 32.708 45.9121C32.7479 45.9024 32.7876 45.8922 32.8271 45.8809C32.8777 45.8664 32.9276 45.8502 32.9775 45.833C33.0177 45.8192 33.058 45.8056 33.0977 45.79C33.1501 45.7694 33.2015 45.7463 33.2529 45.7227C33.2889 45.7061 33.3249 45.6899 33.3604 45.6719C33.414 45.6446 33.4663 45.6147 33.5186 45.584C33.5545 45.5628 33.5908 45.5423 33.626 45.5195C33.6471 45.5059 33.6686 45.4928 33.6895 45.4785C33.7507 45.4366 33.8104 45.3917 33.8691 45.3447C33.8854 45.3317 33.9019 45.319 33.918 45.3057C33.966 45.2656 34.0135 45.2242 34.0596 45.1807L52.0596 28.1807C53.2641 27.043 53.3183 25.145 52.1807 23.9404C51.043 22.7359 49.145 22.6817 47.9404 23.8193L32.0596 38.8174L17.1211 23.8789Z" fill="%23143C69"/></svg>');
    background-size: 50%;
    background-repeat: no-repeat;
    position: absolute;
    right: -8px;
}

.dropdown-toggle.show::after {
    transform: rotate(180deg);
    transform-origin: 25% 25%;
}

/*    SELECT2    */

.select2-selection--multiple:after {
    content: '';
    top: 15px;
}

.select2-container--open .select2-selection--multiple:after {
    transform: rotate(180deg);
    transform-origin: 25% 25%;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin-right: 50px ! IMPORTANT;
    font-weight: 100 !important;
    margin-top: 2px !important;
}

.select2.select2-container--default .select2-selection {
    border-color: var(--ust-darkblue);
    border-radius: var(--ust-input-border-radius);
    min-height: var(--ust-input-height) !important;
    padding: 0.8rem 1.4rem 0.8rem 0.8rem !important;
}

.select2-container li.select2-selection__choice {
    border-radius: var(--bs-border-radius-pill) !important;
    border: #141e33 solid 1px !important;
    font-size: 14px;
    background-color: #fff !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-selection__placeholder {
    color: #ccc !important;
    font-weight: 100;
    font-size: 16px;
}

.select2-search__field::placeholder {
    color: #ccc !important;
    font-weight: 400;
    font-size: 16px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 0 !important;
    margin-left: -24px !important;
    margin-top: 2px;
    width: 44px !important;
    height: 44px !important;
    background-image: url('data:image/svg+xml,<svg width="66" height="66" viewBox="0 0 66 66" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M60 0C63.3137 0 66 2.68629 66 6V60C66 63.3137 63.3137 66 60 66H6C2.68629 66 9.66415e-08 63.3137 0 60V6C0 2.68629 2.68629 9.66384e-08 6 0H60ZM17.1211 23.8789C15.9495 22.7073 14.0505 22.7073 12.8789 23.8789C11.7073 25.0505 11.7073 26.9495 12.8789 28.1211L29.8789 45.1211L29.9014 45.1426C29.9251 45.1659 29.9493 45.1886 29.9736 45.2109L29.9912 45.2275C29.9931 45.2292 29.9952 45.2307 29.9971 45.2324C30.0658 45.2942 30.137 45.3519 30.21 45.4062C30.2153 45.4103 30.2202 45.415 30.2256 45.4189C30.2782 45.4577 30.3331 45.4925 30.3877 45.5273C30.4208 45.5485 30.4535 45.5701 30.4873 45.5898C30.5359 45.6183 30.5859 45.6435 30.6357 45.6689C30.6724 45.6877 30.7088 45.7065 30.7461 45.7236C30.7928 45.7451 30.8402 45.7642 30.8877 45.7832C30.9321 45.8009 30.9764 45.8185 31.0215 45.834C31.0622 45.848 31.1034 45.8599 31.1445 45.8721C31.1942 45.8868 31.2437 45.9019 31.2939 45.9141C31.3373 45.9245 31.3811 45.9329 31.4248 45.9414C31.4758 45.9513 31.5268 45.9605 31.5781 45.9678C31.6178 45.9734 31.6575 45.9774 31.6973 45.9814C31.75 45.9868 31.8026 45.9916 31.8555 45.9941C31.9017 45.9964 31.9479 45.997 31.9941 45.9971C32.0417 45.9972 32.0892 45.9963 32.1367 45.9941C32.1821 45.9921 32.2272 45.9885 32.2725 45.9844C32.3237 45.9797 32.3748 45.9741 32.4258 45.9668C32.466 45.9611 32.5059 45.9546 32.5459 45.9473C32.6003 45.9372 32.6541 45.9251 32.708 45.9121C32.7479 45.9024 32.7876 45.8922 32.8271 45.8809C32.8777 45.8664 32.9276 45.8502 32.9775 45.833C33.0177 45.8192 33.058 45.8056 33.0977 45.79C33.1501 45.7694 33.2015 45.7463 33.2529 45.7227C33.2889 45.7061 33.3249 45.6899 33.3604 45.6719C33.414 45.6446 33.4663 45.6147 33.5186 45.584C33.5545 45.5628 33.5908 45.5423 33.626 45.5195C33.6471 45.5059 33.6686 45.4928 33.6895 45.4785C33.7507 45.4366 33.8104 45.3917 33.8691 45.3447C33.8854 45.3317 33.9019 45.319 33.918 45.3057C33.966 45.2656 34.0135 45.2242 34.0596 45.1807L52.0596 28.1807C53.2641 27.043 53.3183 25.145 52.1807 23.9404C51.043 22.7359 49.145 22.6817 47.9404 23.8193L32.0596 38.8174L17.1211 23.8789Z" fill="%23143C69"/></svg>');
    background-size: 50%;
    background-repeat: no-repeat;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
    transform-origin: 25% 25%;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    margin-right: 31px !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    font-weight: 100 !important;
    color: var(--ust-darkblue);
}

.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');  
}

.select2-selection--multiple {
    padding-right: 30px !important;
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 60px !important;
}

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;
}

.select2-container--open .select2-dropdown {
    transform: translateY(31px);
}
.modal .select2-container--open .select2-dropdown {
    transform: translate(-5px, -7px);
}







#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;
    border-color: var(--ust-darkblue);
    --bs-border-color: var(--ust-darkblue);
    border-radius: var(--ust-input-border-radius);
    height: var(--ust-input-height);
}

.modal_edit_form .dropdown button.empty {
    color: #ccc !important;
}

.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;
}

input#search {
    --bs-body-bg: #fff;
    padding: .25rem .25rem;
    border-color: var(--ust-darkblue);
    border-radius: var(--ust-input-border-radius);
    width: 75%;
    max-width: 250px;
    border-width: 1px;
}

input#search + a {
    text-decoration: none;;
    color: var(--ust-darkblue);
}

input#search:placeholder-shown + a {
    display: none;
}





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.5rem; 
    font-size: 14px;
}
#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;
}

.form-check-input.size-24 {
    width: 24px;
    height: 24px;
}


.form-check-input.medium {
    width: 32px;
    height: 32px;
}

.form-check-input.big {
    width: 44px;
    height: 44px;
}
.form-check-input.big:checked,
.form-check-input.size-24:checked,
.form-check-input.medium:checked {
    background: url('data:image/svg+xml,<svg width="66" height="66" viewBox="0 0 66 66" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M60 0C63.3137 0 66 2.68629 66 6V60C66 63.3137 63.3137 66 60 66H6C2.68629 66 9.66415e-08 63.3137 0 60V6C0 2.68629 2.68629 9.66384e-08 6 0H60ZM50.1807 22.9404C49.043 21.7361 47.1439 21.6818 45.9395 22.8193L30.0586 37.8164L24.1211 31.8789C22.9496 30.7077 21.0504 30.7078 19.8789 31.8789C18.7074 33.0505 18.7074 34.9505 19.8789 36.1221L27.8779 44.1221C27.8899 44.134 27.9029 44.1455 27.915 44.1572C27.9234 44.1653 27.932 44.1737 27.9404 44.1816C27.9703 44.2098 28.0015 44.2369 28.0322 44.2637C28.0403 44.2707 28.0485 44.2782 28.0566 44.2852C28.0795 44.3046 28.1027 44.3241 28.126 44.3428C28.1529 44.3644 28.1805 44.3857 28.208 44.4062C28.2193 44.4147 28.2308 44.4234 28.2422 44.4316C28.2597 44.4443 28.2781 44.4565 28.2959 44.4688C28.3426 44.501 28.3914 44.5302 28.4395 44.5596C28.4813 44.5851 28.5236 44.6105 28.5664 44.6338C28.6142 44.6598 28.6631 44.6838 28.7119 44.707C28.7491 44.7247 28.7864 44.7427 28.8242 44.7588C28.8734 44.7797 28.9236 44.7982 28.9736 44.8164C29.0174 44.8323 29.0612 44.8485 29.1055 44.8623C29.1506 44.8764 29.1965 44.8885 29.2422 44.9004C29.2892 44.9126 29.3364 44.9247 29.3838 44.9346C29.4281 44.9438 29.473 44.9508 29.5176 44.958C29.5701 44.9665 29.6229 44.9747 29.6758 44.9805C29.717 44.9849 29.7585 44.9875 29.7998 44.9902C29.8538 44.9938 29.9078 44.9974 29.9619 44.998C30.0009 44.9985 30.0401 44.9971 30.0791 44.9961C30.1384 44.9945 30.1977 44.9924 30.2568 44.9873C30.2914 44.9843 30.3259 44.9797 30.3604 44.9756C30.4198 44.9684 30.4791 44.9599 30.5381 44.9492C30.576 44.9423 30.6137 44.9341 30.6514 44.9258C30.7073 44.9134 30.7631 44.9004 30.8184 44.8848C30.858 44.8735 30.8972 44.8605 30.9365 44.8477C30.9876 44.8309 31.0385 44.8135 31.0889 44.7939C31.133 44.7768 31.1763 44.7576 31.2197 44.7383C31.2663 44.7175 31.3127 44.6961 31.3584 44.6729C31.3968 44.6533 31.434 44.6316 31.4717 44.6104C31.5278 44.5787 31.5843 44.5473 31.6387 44.5117C31.6487 44.5052 31.659 44.4989 31.6689 44.4922C31.6962 44.4739 31.7232 44.4549 31.75 44.4355C31.7638 44.4256 31.7774 44.4154 31.791 44.4053C31.8116 44.3899 31.8322 44.3744 31.8525 44.3584C31.8774 44.3388 31.9024 44.3193 31.9268 44.2988C31.9419 44.2861 31.9567 44.2728 31.9717 44.2598C31.9926 44.2415 32.0137 44.2231 32.0342 44.2041C32.0424 44.1965 32.0514 44.1894 32.0596 44.1816L50.0596 27.1816C51.264 26.0441 51.318 24.145 50.1807 22.9404Z" fill="%23143C69"/></svg>');
    background-size: cover;
}


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 */

.dropzone {
    min-height: 50px !important;
}

.dropzone .dz-message {
    margin: 1em 0 !important;
}

div#dropzone-area {
    padding: 10px 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;
}


/* Placeholder for Date Time Fields */

::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field {
    text-transform: uppercase;
}

table#ansprechpersonliste td {
    color: rgb(55, 80, 131);
    word-wrap: break-word;
    max-width: 182px;
}

		
/* Datatables :: Nur letzte Spalte im Kopf (th:last-child) */
table.dataTable thead th:last-child:before,
table.dataTable thead th:last-child:after,
table.dataTable thead th:last-child.sorting:before,
table.dataTable thead th:last-child.sorting:after,
table.dataTable thead th:last-child.sorting_asc:before,
table.dataTable thead th:last-child.sorting_asc:after,
table.dataTable thead th:last-child.sorting_desc:before,
table.dataTable thead th:last-child.sorting_desc:after {
  content: none !important;   /* entfernt den Inhalt */
  display: none !important;   /* versteckt das Pseudo-Element */
}		
.fa.fa-link {
  color: rgb(55, 80, 131);
}
.main.bg-custom.vh-100x {
  min-height: 100%;
}

.bg-user-expire {
    background-color: #ffc17f;
}



@media ( max-width: 767.99px ) {
    .us-table tr {
        flex-direction: column;
        display: flex;
    }

    table.dataTable.us-table td,
    table.dataTable.us-table th {
        display: block !important;
        border-width: 0;
        padding: 2px 8px !important;
    }

    table.dataTable.us-table th,
    table.dataTable.us-table td:not(:last-child) {
        width: 100% !important;
        max-width: unset !important;
    }

    .us-table td.sorting_1 {
        display: none !important;
    }

    .us-table tr:nth-child(odd) td {
        background: #f0f0f0 !important;
    }

    table.dataTable.us-table td:last-child {
        position: absolute;
        right: 0;
        z-index: 1;
        transform: translate( 25px, -10px );
        background: transparent !Important;
        zoom: 0.75;
    }

    /* Table Header Mobile Button */
    .table-header-row a.btn > span {
        display: none;
    }

    .table-header-row a.btn {
        width: 20px;
        display: inline;
        padding: 9px 0 21px 8px;
    }

}



@media (max-width:576px) {
    .home .faq-tiles .card-body p {
    font-size: 0.8em;
    padding: 1rem;
    }
    
    .home .faq-tiles .card-body {
        padding: 0;
    }
    
    .hero .login-button {
        font-size: 0.6em;
    }
    
    .home .faq-tiles img {
    padding: 0;
    }
    
    #search-result-parameters span,
    .change-search {
        font-size: 1em;
        padding: 8px 16px;
    }
}


@media (max-width:400px) {
    .home .faq-tiles .card-body p {
    font-size: 0.6em;
    }
}


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

.video-wrapper:not(.is-playing):before,
.audio-wrapper:not(.is-playing):before {
    content:url('/wp-content/themes/us/assets/img/green-play-icon.svg');
    position: absolute;
        left: 50%;
        top: 50%;
        z-index: 1;
        pointer-events: none;
        transform: translate(-50%, -50%);
}


.image-wrapper,
.audio-wrapper {
    position: relative;
}

.downloads-carousel {

    .image-wrapper.type-download:before {
        content: url(/wp-content/themes/us/assets/img/green-download-arrow.svg);
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 1;
        pointer-events: none;
        transform: translate(-50%, -50%);
    }

    .image-wrapper.type-extlink:before {
        content: url(/wp-content/themes/us/assets/img/icon-ext-link.svg);
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
        pointer-events: none;
    }

}

.downloads-carousel .card-body {
    background: RGBA(0, 0, 0);
    background: linear-gradient(var(--ust-darkblue), var(--ust-midblue)) !important;
}

/*
audio::-webkit-media-controls-panel { background: white }
*/


audio {
    color-scheme: dark;
}

audio::-webkit-media-controls-enclosure {
    border-radius:0;
}

/* Slick Slider */

.downloads-carousel .slick-prev, .downloads-carousel .slick-next {
    z-index: 1000;
}

.downloads-carousel .slick-prev  {
    left: 8px;
}
.downloads-carousel .slick-next {
    right: 8px;
}




/* Customizer Content Adrian 2026-01-22 */

/* Select-Felder: Breite nur für Mobile */
@media (max-width: 991px) {
  select#unterstuetzungssystem.form-select,
  select#schulamtsbezirk.form-select {
    width: 100% !important;
  }
}

/* Angebote-finden Section: Hintergrund */
section#angebote-finden.nb-card-section {
  position: relative;
}

section#angebote-finden.nb-card-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/assets/img/hintergrund-backend-2.jpg") no-repeat center / 200%;
  transform: rotate(180deg);
  z-index: 0;
}

section#angebote-finden.nb-card-section > * {
  position: relative;
  z-index: 1;
}

/* Desktop: Figure Shadow */
@media (min-width: 1200px) {
  section#angebote-finden figure {
    position: relative;
    background: transparent !important;
  }
  
  section#angebote-finden figure::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
    z-index: -1;
  }
}

/* Hero Search: Hintergrund */
.hero.search-hero {
  background: url("/wp-content/themes/us/assets/img/hero-gradient-light.jpg") no-repeat center / cover !important;
}

@media (max-width: 991px) {
  .hero.search-hero figure.justify-content-end {
    display: none !important;
  }
}

/* Desktop: Button Hover */
@media (min-width: 1200px) {
  .hero.search-hero .btn.btn-secondary.change-search {
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
  }
  
  .hero.search-hero .btn.btn-secondary.change-search:hover {
    background-color: #143C69 !important;
    border-color: #143C69 !important;
    color: #d3ea38 !important;
  }
}

/* Tablet: Homepage Hero */
@media (max-width: 1199.98px) {
  section.hero.homepage .nb-hero-col-1 {
    background: url("/wp-content/themes/us/assets/img/hero-gradient-light.jpg") center / cover no-repeat !important;
  }
}

@media (max-width: 991px) {
  .hero-sidebar-content.add-green-line {
    top: 10px;
  }
}

/* Mobile: Angebote-finden direkter Hintergrund */
@media (max-width: 991.98px) {
  section#angebote-finden.nb-card-section::before {
    content: none !important;
  }
  
  section#angebote-finden.nb-card-section {
    background: url("/assets/img/hintergrund-backend-2.jpg") no-repeat center / cover !important;
  }
  
  section#angebote-finden.nb-card-section section,
  section#angebote-finden.nb-card-section .container,
  section#angebote-finden.nb-card-section .container-fluid,
  section#angebote-finden.nb-card-section .row,
  section#angebote-finden.nb-card-section .wrapper {
    background: transparent !important;
  }
}
@media (max-width: 1199.98px) {
  table.table.nb-modal-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 0 !important;
  }
}