:root {
    --juco: #FFAA00;
    --afit: #FF7700;
    --baa: #99CC11;
    --jobco: #553399;
    --ara: #0099DD;
    --bss: #006A32;
    --nebarot: #a11;
    --nebagr: #0099a0;
    --outline-color: #a11;
}
[data-dark-background] {
    --outline-color: #FFAA00;
}


joomla-alert {
    padding: 15px 30px 15px 15px;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    font-size: 1.2em;
}
joomla-alert[type="success"],
.uk-alert {
    margin-top:20px;
    padding: 15px 30px 15px 15px;
    background: #0099a0;
    color: #fff;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

/* WACA Snippet */
.waca-badge {
	margin: -20px 0;
}

#tm-dialog-mobile .uk-close {
    color: #000;
}

/* Scroll behavior */
html {
    scroll-behavior:smooth;
    scroll-padding-top:14.666vh;
    scroll-padding-top:12em
}
html:focus-within {
    scroll-behavior:smooth
}
@media (max-width: 600px) {
    html {
        scroll-padding-top:7.5vh
    }
}

body :focus-visible {
    outline: 4px dashed var(--outline-color) !important;
    outline-offset: .25rem !important;
    border-radius: 2px;
    z-index: 100000;
}
footer *:focus-visible {
    outline: 4px dashed var(--juco) !important;
}
/* back to top button */
footer .to-top *:focus-visible {
    display:inline-block;
    border-radius: 25px;
}
/* to content button home */
.to-content *:focus-visible {
    display:inline-block;
    border-radius: 40px;
}

/* outline animation für focus */
@media (prefers-reduced-motion: no-preference) {
    *:focus-visible {
        animation: outline-bounce .5s;
    }
}
@keyframes outline-bounce {
    0% { outline-offset: .25rem !important }
    50% { outline-offset: .5rem !important }
    100% { outline-offset: .25rem !important }
}
/* focus in Megamenü sichtbar machen */
.uk-navbar-dropdown-dropbar {
    padding-left: 25px;
    padding-right: 25px;
}
/* focus bei Formularfeldern */
#adminForm :focus-visible {
    outline-offset: 0 !important;
    outline: 4px solid var(--nebagr) !important;
}
/* Cookie Banner */
.cc-trigger {
    background: #fff;
    padding: 10px;
    border-radius: 50px;
}

.tm-toolbar {
    z-index: 991;
}
/* Focus Hintergrund */
.hero-wegweiser :focus-visible,
.uk-logo:focus-visible {
    box-shadow: 0 0 0 8px #fff;
}
.tm-toolbar #djacc :focus-visible,
.tm-toolbar :focus-visible {
    outline-color: var(--juco) !important;
}
.uk-panel.suche .uk-search-input:focus-visible {
    outline: none !important;
}
.uk-panel.suche .uk-search {
    width: 400px;
}

/* ALLGEMEIN */
hr {
    border-top: 1px solid #333;
}
.footer.uk-section-secondary {
    background: #333333;
}
.angebot .uk-tile-default {
    padding-top: 0;
    padding-bottom: 0;
}
.uk-icon.uk-navbar-toggle-icon {
    color: #000;
}
/* DJ Access Toolbar */
.djacc-toolbar .djacc__dec:hover svg [stroke^="#"],
.djacc-toolbar .djacc__inc:hover svg [stroke^="#"] {
    stroke: #fff;
}
.djacc-toolbar .djacc__dec:hover,
.djacc-toolbar .djacc__inc:hover {
    background: #2d79ff;
}

/* BUNTE SECTIONS*/
.section-bunt.uk-section-muted {
    background: #a11;
}
.section-bunt.uk-section-default {
    background: linear-gradient(to left, #fff 80%, #a11 80%);
}
.section-bunt .bunt-bild {
    padding-left: 0;
}
.juco .section-bunt.uk-section-muted,
.juco.section-bunt.uk-section-muted,
.juco #jf_results .section-bunt,
#jf_results .section-bunt.juco {
    background: var(--juco);
}
.afit .section-bunt.uk-section-muted,
.afit.section-bunt.uk-section-muted,
.afit #jf_results .section-bunt,
#jf_results .afit.section-bunt{
    background: var(--afit);
}
.baa .section-bunt.uk-section-muted,
.baa.section-bunt.uk-section-muted,
.baa #jf_results .section-bunt,
#jf_results .baa.section-bunt {
    background: var(--baa);
}
.jobco .section-bunt.uk-section-muted,
.jobco.section-bunt.uk-section-muted,
.jobco #jf_results .section-bunt,
#jf_results .jobco.section-bunt {
    background: var(--jobco);
}
.ara .section-bunt.uk-section-muted,
.ara.section-bunt.uk-section-muted,
.ara #jf_results .section-bunt,
#jf_results .ara.section-bunt {
    background: var(--ara);
}
.bss .section-bunt.uk-section-muted,
.bss.section-bunt.uk-section-muted,
.bss #jf_results .section-bunt,
#jf_results .bss.section-bunt {
    background: var(--bss);
}
.faq-initiative .bunt-bild {
    margin-top: -4rem;
}

/* BUTTONS*/
.uk-button.uk-button-primary,
.uk-button.uk-button-danger {
    border: dashed 2px transparent;
}
.uk-button.uk-button-primary:hover {
	border-color: var(--nebarot);
}
.uk-button.uk-button-danger:hover {
    border-color: #0099a0;
}

.juco .uk-button.uk-button-default,
.afit .uk-button.uk-button-default,
.baa .uk-button.uk-button-default,
.jobco .uk-button.uk-button-default,
.ara .uk-button.uk-button-default,
.bss .uk-button.uk-button-default {
    padding-left: 0;
    text-align: left;
    min-width: 320px;
}
.wegw-button .uk-button.uk-button-default,
.button-pfeil .uk-button-primary {
    min-width: 320px;
}

.juco .uk-button.uk-button-default::before,
.uk-navbar-dropdown .juco .uk-button.uk-button-default::before,
.afit .uk-button.uk-button-default::before,
.uk-navbar-dropdown .afit .uk-button.uk-button-default::before,
.baa .uk-button.uk-button-default::before,
.uk-navbar-dropdown .baa .uk-button.uk-button-default::before,
.jobco .uk-button.uk-button-default::before,
.uk-navbar-dropdown .jobco .uk-button.uk-button-default::before,
.ara .uk-button.uk-button-default::before,
.uk-navbar-dropdown .ara .uk-button.uk-button-default::before,
.bss .uk-button.uk-button-default::before,
.uk-navbar-dropdown .bss .uk-button.uk-button-default::before{
    content: "";
    display: block;
    float: left;
    margin-right: 20px;
    width: 40px;
    height: 40px;
}

.submenu-btn::before {
    content: "";
    display: block;
    margin-right: 20px;
    width: 40px;
    height: 40px;
}
.submenu-btn-juco::before {
    background-color: var(--juco);
}
.submenu-btn-afit::before {
    background-color: var(--afit);
}
.submenu-btn-ara::before {
    background-color: var(--ara);
}
.submenu-btn-baa::before {
    background-color: var(--baa);
}
.submenu-btn-jobco::before {
    background-color: var(--jobco);
}
.submenu-btn-bss::before {
    background-color: var(--bss);
}
.submenu-btn {
    background-color: #fff;
    color: #333;
    border: 1px solid #e5e5e5;
    padding-left: 0;
    text-align: left;
    min-width: 320px;
    overflow: visible;
    font: inherit;
    -webkit-appearance: none;
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 38px;
    text-decoration: none;
    transition: .1s ease-in-out;
    transition-property: color, background-color, background-position, background-size, border-color, box-shadow;
    text-transform: none;
    border-radius: 3px;
}
.submenu-btn::after {
    content: url(/images/template_24/neba-icon_pfeil.svg);
    display: block;
    top: 7px;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 13px;
}
.metismenu.mod-menu .metismenu-item.level-2 .submenu-text {
    font-size: 1rem;
    padding-bottom: 0;
}
.metismenu.mod-menu .metismenu-item.item-1992.level-2 .submenu-text {
    margin-top: 12px;
}

.juco .uk-button.uk-button-default::before,
.uk-navbar-dropdown .juco .uk-button.uk-button-default::before {
    background-color: var(--juco);
}
.afit .uk-button.uk-button-default::before,
.uk-navbar-dropdown .afit .uk-button.uk-button-default::before {
    background-color: var(--afit);
}
.baa .uk-button.uk-button-default::before,
.uk-navbar-dropdown .baa .uk-button.uk-button-default::before {
    background-color: var(--baa);
}
.jobco .uk-button.uk-button-default::before,
.uk-navbar-dropdown .jobco .uk-button.uk-button-default::before {
    background-color: var(--jobco);
}
.ara .uk-button.uk-button-default::before,
.uk-navbar-dropdown .ara .uk-button.uk-button-default::before {
    background-color: var(--ara);
}
.bss .uk-button.uk-button-default::before,
.uk-navbar-dropdown .bss .uk-button.uk-button-default::before {
    background-color: var(--bss);
}

.juco .uk-button.uk-button-default::after,
.uk-navbar-dropdown .juco .uk-button.uk-button-default::after,
.afit .uk-button.uk-button-default::after,
.uk-navbar-dropdown .afit .uk-button.uk-button-default::after,
.baa .uk-button.uk-button-default::after,
.uk-navbar-dropdown .baa .uk-button.uk-button-default::after,
.jobco .uk-button.uk-button-default::after,
.uk-navbar-dropdown .jobco .uk-button.uk-button-default::after,
.ara .uk-button.uk-button-default::after,
.uk-navbar-dropdown .ara .uk-button.uk-button-default::after,
.bss .uk-button.uk-button-default::after,
.uk-navbar-dropdown .bss .uk-button.uk-button-default::after {
    content: url(/images/template_24/neba-icon_pfeil.svg);
    display: block;
    float: right;
    top: 7px;
    right: 10px;
    width: 24px;
    height: 24px;
    position: relative;
	margin-right: -15px;
}
.juco .uk-button.uk-button-default:hover::after,
.uk-navbar-dropdown .juco .uk-button.uk-button-default:hover::after,
.afit .uk-button.uk-button-default:hover::after,
.uk-navbar-dropdown .afit .uk-button.uk-button-default:hover::after,
.baa .uk-button.uk-button-default:hover::after,
.uk-navbar-dropdown .baa .uk-button.uk-button-default:hover::after,
.jobco .uk-button.uk-button-default:hover::after,
.uk-navbar-dropdown .jobco .uk-button.uk-button-default:hover::after,
.ara .uk-button.uk-button-default:hover::after,
.uk-navbar-dropdown .ara .uk-button.uk-button-default:hover::after,
.bss .uk-button.uk-button-default:hover::after,
.uk-navbar-dropdown .bss .uk-button.uk-button-default:hover::after {
	margin-right: -17px;
}

.btn-tuerk .uk-button-secondary {
    font-weight: bold;
    font-size: 1.1em;
}
.button-pfeil .uk-button-danger {
    font-size: 1.2rem;
    font-weight: bold;
}
.button-pfeil .uk-button.uk-button-primary,
.button-pfeil .uk-button.uk-button-danger {
    text-align: left;
}
.button-pfeil .uk-button.uk-button-primary::after,
.button-pfeil .uk-button-danger::after {
    content: url("/images/template_24/neba-icon_pfeil_white.svg");
    display: block;
    float: right;
    width: 24px;
    height: 24px;
    padding: 6px 0;
	margin-right: -11px;
}
.button-pfeil .uk-button.uk-button-primary:hover::after,
.button-pfeil .uk-button-danger:hover::after {
    content: url("/images/template_24/neba-icon_pfeil.svg");
    display: block;
    float: right;
    width: 24px;
    height: 24px;
    padding: 6px 0;
	margin-right: -11px;
}
.statement-button.button-pfeil .uk-button-danger {
    padding-left: 14px;
}
.statement-button.button-pfeil .uk-button-danger::after {
    padding: 6px 0 6px 20px;
}

.juco .uk-button.uk-button-default:hover,
.afit .uk-button.uk-button-default:hover,
.baa .uk-button.uk-button-default:hover,
.jobco .uk-button.uk-button-default:hover,
.ara .uk-button.uk-button-default:hover,
.bss .uk-button.uk-button-default:hover {
    border-color: #000;
	border: dashed 2px var(--nebarot);
	margin: -1px;
}

/* damit icon und schrift auseindander sind */

a.back-button.uk-button {
    display: inline-block;
}
.uk-breadcrumb > * > * {
    text-decoration: underline;
}

/* WEGWEISER ALLG */
.wegweiser-list .el-item a {
    border: solid 1px #333;
    padding: 20px;
    color: #333;
    text-decoration: none;
    width: 66%;
    display: inline-block;
}
/* .wegweiser-list .el-item a:before {
    content: "";
    position: absolute;
    top: 24px;
    left: 25px;
    height: 20px;
    width: 20px;
    background: #f2f2f2;
    border: solid 1px #000;
    border-radius: 50%;
}
.wegweiser-list .el-item a:hover::before {
      background: radial-gradient(circle, #a11, #a11, #fff);
} 
.wegweiser-list .el-item a:checked::before {
      background: var(--nebarot);
}*/
.wegweiser-list .el-item a:hover {
    border: dashed 2px var(--nebarot);
	margin: -1px;
}
.bc-wegw .uk-margin-medium-bottom {
    margin-bottom: 0 !important;
}
.wegw-headl {
    padding-left: 80px;
}
.wegw-border .uk-tile-default {
    border-radius: 8px;
}

/* startseite Wegweiser Buttons */
.hero-wegweiser .uk-card.uk-card-primary {
    border-radius: 0 10px 10px 0;
	min-height: 184px;
    max-width: 222px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.hero-wegweiser a.uk-card-primary.uk-card-body:hover .uk-h4,
.hero-wegweiser a.uk-card-primary.uk-card-body:hover h2 {
    color: var(--nebarot);
}
.hero-wegweiser a.uk-card-primary.uk-card-body {
    border: 2px dashed transparent;
}
.hero-wegweiser a.uk-card-primary.uk-card-body:hover {
    border: 2px dashed var(--nebarot);
}
.hero-wegweiser a.uk-card-primary.uk-card-body:hover svg .cls-1 {
    stroke: var(--nebarot);
}
.hero-wegweiser .cls-1 {
    stroke-width: 10px !important;
}

.hero-panel {
	border-radius: 10px 0 0 10px;
    border-color: transparent;
    min-height: 160px;
}

.footer-nav .uk-panel a {
    font-size: 1.4rem;
}
.kp-anb-detail a {
    font-size: 1.2rem;
}
.kp-anb-detail .el-content svg {
    width: 30px;
    color: var(--nebarot);
}
.kp-anb-detail:focus-visible,
.kp-anb-detail:focus {
    outline: 4px dashed var(--outline-color) !important;
    outline-offset: .25rem !important;
    border-radius: 2px;
}

/* DJ Access Toolbar */

/* hide on mobile */
.djacc--sticky.djacc-popup {
    display: none;
}
.djacc__panel {
    padding: 2px 10px !important;
}
.djacc-toolbar,
.djacc-toolbar .djacc__btn,
.djacc-toolbar .djacc__arrows,
.djacc-toolbar .djacc__reset {
    background: #000 !important;
}
.djacc__btn.djacc__btn--monochrome,
.djacc__btn.djacc__btn--invert-colors,
.djacc__arrows.djacc__arrows--letter-spacing,
.djacc__arrows.djacc__arrows--line-height,
.djacc__btn.djacc__btn--highlight-titles {
    display: none !important;
}
.djacc-toolbar  .djacc__btn--active {
    background: #2d79ff;
    color: #fff;
}

.djacc-toolbar,
.djacc-toolbar .djacc__arrows,
.djacc-toolbar .djacc__btn,
.djacc-toolbar .djacc__reset {
	border: none !important;
}
.djacc-toolbar .djacc__item--label:first-child {
    padding-left: 0;
}
.djacc-toolbar .djacc__btn:focus-visible .djacc__title,
.djacc-toolbar .djacc__reset:focus-visible .djacc__title{
    display: inline-block;
}

.uk-navbar-nav>li>a:hover {
    background: var(--nebarot);
    color: #fff;
    text-decoration: underline;
}
.uk-navbar-nav>li>a {
    padding-left: 30px;
    padding-right: 30px;
}
.uk-navbar-nav>li.uk-active>a {
    background: var(--nebarot);
    color: #fff;
}
.button-normal a.uk-button {
    display: inline-block;
}
.uk-logo {
    padding: 10px 10px 10px 0;
}
.angebot-wegweiser {
    max-width: 235px;
}
.header-wegweiser-panel {
    margin-bottom: 0;
}
.header-wegweiser-panel .uk-h4,
.angebot-wegweiser-panel .uk-h4 {
    font-weight: 400;
    font-size: 17px;
}
.header-wegweiser-panel .uk-panel.uk-tile-muted,
.angebot-wegweiser-panel .uk-panel.uk-tile-default {
    border-radius: 5px;
    min-width: 180px;
    border: 1px solid transparent;
}
.header-wegweiser-panel .uk-panel.uk-tile-muted:hover,
.angebot-wegweiser-panel .uk-panel.uk-tile-default:hover {
    border: 2px dashed var(--nebarot);
	margin: -1px;
    background: #fff;
}
.header-wegweiser-panel .uk-panel.uk-tile-muted:hover svg .cls-1,
.angebot-wegweiser-panel .uk-panel.uk-tile-default:hover svg .cls-1 {
    stroke: var(--nebarot);
}
.header-wegweiser-panel .uk-panel.uk-tile-muted:hover svg .cls-2,
.angebot-wegweiser-panel .uk-panel.uk-tile-default:hover svg .cls-2 {
    fill: #fff;
}
.header-wegweiser-panel .uk-panel.uk-tile-muted svg .cls-1,
.angebot-wegweiser-panel .uk-panel.uk-tile-default svg .cls-1 {
    stroke-width: 2px;
}

.hero-wegweiser .uk-card-primary.uk-card-hover:hover {
    background-color: #fff;
    color: var(--nebarot)
}
.angebot-wegweiser-panel .uk-tile-muted {
    background-color: #fff;
}

/* ALLGEMEIN */
.color-hero {
    background: #f2f2f2;
    padding: 20px 20px 20px 40px;
}
#module-menu-dialog-mobile .uk-nav .uk-parent a {
    color: var(--nebarot);
    font-weight: 600;
}
#module-menu-dialog-mobile .uk-nav .uk-nav-sub a {
    font-size: 1.1rem;
    color: #333;
    font-weight: 400;
}
/* .uk-navbar-toggle {
    align-items: flex-end;
} */
.tm-toolbar .uk-search-default .uk-search-input {
    border: 1px solid #fff;
}
#search-289 .uk-search-input {
    border: 1px solid transparent;
}
.uk-h3.hero-home-h {
    font-size: 1.4rem;
}
.jfilters-item-link.jfilters-item-link--clear {
    /* display: flex;
    justify-content: flex-end;
    margin-top: -20px;*/
    float: right;
}
.formError {
    color: var(--nebarot) !important;
}
#userForm input:focus-visible {
    outline-offset: 0 !important;
}

/* STARTSEITE SUCHE */
.uk-panel.suchebox form {
    width: 100% !important;
}
.uk-panel.suchebox form input {
    border: 1px solid #333333;
    padding: 25px 10px 25px 50px;
}
/* .suche-bsp .uk-subnav li:first-child a {
    color: #000;
    text-decoration: none;
} */
.suche-bsp .uk-subnav a {
    color: #039;
}
.uk-search .uk-search-icon {
    left: auto;
    right: 0;
}
.uk-search-default:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
    padding-left: 15px;
}
/*
.intern-menu .uk-subnav>*>:first-child {
    color: #000;
    font-size: 1.1rem;
}*/

/* anbieterinnen */
.anbieter-boxen > .uk-grid {
    margin-left: 0;
}
.anbieter-box li {
    border: 1px solid #cccccc;
    padding: 1.5em 0 0 1.5em;
}
.anbieter-box li h3,
.anbieter-box .uk-text-lead {
    font-size: 1.25em;
    font-weight: 600;
    margin-bottom: 0.25em;
}
.anbieter-box li h3 span.box-name-organisation,
.anbieter-box .uk-accordion-title {
    color: var(--nebarot);
    font-weight: 600;
    font-size: 1.1em;
    margin: 0 0 0.15em 0;
}
.anbieter-box .box-link {
    text-align: right;
}
.anbieter-box .uk-accordion-content .uk-margin-top {
    text-align: right;
    margin-right: -1.5em;
    margin-bottom: -1.5em;
    margin-left: auto;
    .uk-button {
        background: #333333;
    }
    .uk-button:hover {
        color: #fff;
    }
}
.anbieter-box.uk-list > :nth-child(n+2) {
    margin-top: 1.5em;
}
.anbieter-box .uk-accordion-title::before {
    background-image: url('/images/template_24/accordion-closed.png');
}
.anbieter-box .uk-open > .uk-accordion-title::before {
    background-image: url('/images/template_24/accordion-open.png');
}
.anbieter-box:has(.uk-open) {
    background: #efefef;
}
.anbieter-box .box-label {
    font-weight: 600;
}
.anbieter-box:has(.uk-open) .html-box-website {
    display: none;
}

/* Jfilter */
.anbieter-liste {
    .anbieter-boxen.angebot-ausbildungsfit li {
        border-left: 7px solid var(--afit);
    }

    .anbieter-boxen.angebot-betriebsservice li {
        border-left: 7px solid var(--bss);
    }

    .anbieter-boxen.angebot-jobcoaching li {
        border-left: 7px solid var(--jobco);
    }

    .anbieter-boxen.angebot-berufsausbildungsassistenz li {
        border-left: 7px solid var(--baa);
    }

    .anbieter-boxen.angebot-jugendcoaching li {
        border-left: 7px solid var(--juco);
    }

    .anbieter-boxen.angebot-arbeitsassistenz li {
        border-left: 7px solid var(--ara);
    }

    .anbieter-box .uk-label {
        text-transform: none;
        background: #efefef;
        color: #000;
        margin-bottom: 0;
        margin-top: -6.2em;
        display: inline-block;
        float: right;
    }

    #jfilters-filter-list-294-55 .jfilters-filter-list__item:first-child .jfilters-item-link--button {
        border-left: 30px solid var(--juco);
    }

    #jfilters-filter-list-294-55 .jfilters-filter-list__item:nth-child(2) .jfilters-item-link--button {
        border-left: 30px solid var(--afit);
    }

    #jfilters-filter-list-294-55 .jfilters-filter-list__item:nth-child(3) .jfilters-item-link--button {
        border-left: 30px solid var(--baa);
    }

    #jfilters-filter-list-294-55 .jfilters-filter-list__item:nth-child(4) .jfilters-item-link--button {
        border-left: 30px solid var(--jobco);
    }

    #jfilters-filter-list-294-55 .jfilters-filter-list__item:nth-child(5) .jfilters-item-link--button {
        border-left: 30px solid var(--ara);
    }

    #jfilters-filter-list-294-55 .jfilters-filter-list__item:nth-child(6) .jfilters-item-link--button {
        border-left: 30px solid var(--bss);
    }

    #jfilters-filter-container-294-55 .jfilters-item-link--button .jfilters-item__text {
        border-top-left-radius: unset;
        border-bottom-left-radius: unset;
        border-left: none;
    }
}
.filter-bndl .mod-jfilters_filters {
    margin-top: -20px;
}
.filter-bndl .jfilters-filter-header {
    width: 65%;
}
.jfilters-item-link--button.jfilters-item-link--selected .jfilters-item__text {
    border: 1px solid #333;
    background: #333;
    color: #fff;
}

.jfilters-filter-header__toggle {
    font-size: 1rem;
    font-weight: 400;
}
.jfilters-filter-header__toggle:hover {
    background: none;
}

/* Download Buttons */
.dl-btn-subkat .uk-subnav-pill .el-item a,
.dl-kat-btn .uk-subnav-pill .el-item a {
    border: 1px solid #999;
    border-radius: 3px;
    padding: 0.2em 1em !important;
    font-size: 1em;
}
/* aktiver DL Button - wird per JS gesetzt im Download bereich */
.dl-btn-subkat .uk-subnav-pill .el-item a.link-active,
.dl-kat-btn .uk-subnav-pill .el-item.uk-active a {
    background: #333;
    color: #fff;
    border: 1px solid #000;
}
.dl-kat-btn .uk-subnav-pill .el-item:nth-child(1) a {
    border-left: 36px solid var(--nebarot);
}
.dl-kat-btn .uk-subnav-pill .el-item:nth-child(2) a {
    border-left: 36px solid var(--juco);
}
.dl-kat-btn .uk-subnav-pill .el-item:nth-child(3) a{
    border-left: 36px solid var(--afit);
}
.dl-kat-btn .uk-subnav-pill .el-item:nth-child(4) a {
    border-left: 36px solid var(--baa);
}
.dl-kat-btn .uk-subnav-pill .el-item:nth-child(5) a {
    border-left: 36px solid var(--ara);
}
.dl-kat-btn .uk-subnav-pill .el-item:nth-child(6) a {
    border-left: 36px solid var(--jobco);
}
.dl-kat-btn .uk-subnav-pill .el-item:nth-child(7) a {
    border-left: 36px solid var(--bss);
}

/* download auf Angebotsseiten */
.nb-download-links .uk-grid-small > .uk-grid-margin {
	margin-top: 10px;
}

/* Logos bei Partner Unternehmen */
.partner-unternehmen .el-image {
    height: 200px;
    width: auto;
    object-fit: contain;
}
.partner-unternehmen .el-item .uk-first-column {
    flex-flow: column;
}

.module-ausbildung18 .el-image {
        margin: 5px 10px 0 0;
}
.module-ausbildung18 a {
    display: inline-block;
}
.logo-ausbildung18 {
    padding-top: 1em;
}

/* Spamschutz RSForm */
.uk-form-horizontal .rsform-type-joomlacaptcha .uk-form-label {
    width: 100%;
    margin-bottom: 1em;
}
.rsform-error-msg {
    color: #000;
    border: 2px solid #000;
    padding: 1em;
    background: yellow;
}
/* homepage */
.homepage-suche {
    margin-top: 80px;
}
/* Breadcrumb */
li.uk-disabled a {
    color: #000;
    text-decoration: none;
}
/* Admin Form Anbieterinnen und Partner */
#adminForm #editor-xtd-buttons {
    display: none;
}
.subform-repeatable-container td {
    min-width: 150px;
}

/* COOKIES */
#cm {
    box-shadow: 0 0 4em .5em rgba(0,0,0);
    bottom: 4em;
}
.cc_div .off-i::after, .cc_div .off-i::before {
    background: #fff;
}
.cc_div .b-tg .c-tg {
    background: var(--nebarot);
}
.cc_div .b-tg .c-tgl:checked~.c-tg {
    background: var(--nebagr);
}
#s-bns button:nth-child(2) {
    color: var(--cc-btn-primary-text);
    background: var(--cc-btn-primary-bg);
}
#s-bns button:nth-child(2):hover {
    background: var(--cc-btn-primary-hover-bg);
}
/* popup Farben der Buttons gleich */
#c-bns.swap button:last-child {
    color: var(--cc-btn-secondary-text);
    background: var(--cc-btn-secondary-bg);
}
#c-bns.swap button:last-child:hover {
    background: var(--cc-btn-secondary-hover-bg);
}

/* Cookie Keks ausblenden */
.n3tcc--loaded .cc-trigger {
    display: none;
}
#tm-dialog-mobile .uk-nav-default .uk-nav-sub li.uk-active > a {
    color: var(--nebarot);
}

@media screen and (max-width: 640px) {
    .column-relative .uk-position-absolute .uk-button.uk-button-primary {
        position: relative !important;
    }
    .column-relative .uk-panel.column-relative-text {
        height: 65%;
    }
    .hero-wegweiser .uk-card.uk-card-primary {
        border-radius: 10px;
        min-height: 202px;
        max-width: 100%;
    }
    .wegweiser-list .el-item a {
        width: 75%;
        font-size: 1.1rem;
    }
    .statements .el-title {
        text-align: left !important;
    }
    .uk-h3.hero-home-h {
        font-size: 1.2rem;
    }
    .header-wegweiser-panel .uk-padding-small {
        padding: 10px;
    }
    .wegw-headl {
        padding-left: 35px;
    }
    .wegw-headl .uk-h1 {
        font-size: 1.8rem;
    }
    .uk-h2.wegw-headl2 {
        font-size: 1.35rem;
    }
    .filter-bndl .jfilters-filter-header {
        width: 100%;
    }
    .anbieter-liste {
        .anbieter-box .uk-label {
            position: absolute;
            right: 0;
            top: 70px;
        }
    }
    
    .anbieter-det h1 {
        font-size: 1.5rem;
    }
    .anbieter-det h2 {
        font-size: 1.1rem;
    }
    .anbieter-det .kp-anb-detail a {
        font-size: 1rem;
    }
}

@media screen and (max-width: 960px) {
    .section-bunt .uk-container {
        padding-right: 0;
    }
    .hero-wegweiser .uk-card.uk-card-primary {
        border-radius: 10px;
        min-height: auto;
        max-width: 100%;
    }
    .hero-panel {
        border-radius: 10px;
        border-color: transparent;
        min-height: auto;
        padding-top: 20px;
    }
    .juco .uk-button.uk-button-default::before,
    .uk-navbar-dropdown .juco .uk-button.uk-button-default::before {
        margin-right: 8px;
    }
    /* mobiles menü */
    #module-259 .item-1341 {
        display: none;
    }
    .adminarea .tm-top {
        display: none;
    }
    .submenu-btn {
        line-height: 25px;
        margin-bottom: 8px;
    }
    .submenu-btn::before {
        width: 35px;
        height: 35px;
    }
    .submenu-btn::after {
        display: none;
    }
    .item-1990.js-accordion .uk-nav-sub .uk-nav-header,
    .item-1991.js-accordion .uk-nav-sub .uk-nav-header {
        text-transform: none;
        font-size: 1.2rem;
        font-weight: 500;
    }
    .item-1991.js-accordion a.submenu-text {
        padding-left: 0;
        text-decoration: underline;
        color: #039;
        font-size: 1rem;
    }
    /* mobiles Menü */
    #tm-dialog-mobile .uk-modal-body.uk-padding-large {
        padding: 20px;
    }
    #tm-dialog-mobile .uk-nav-sub a {
        padding: 0;
    }
}

@media screen and (min-width: 960px) and (max-width: 1335px) {
    .hero-panel,
    .hero-wegweiser {
        bottom: 30px !important;
    }
}
@media screen and (max-height: 900px) {
    .hero-panel,
    .hero-wegweiser {
        bottom: 30px !important;
    }
}

@media screen and (max-width: 1335px) and (min-width: 1120px) {
    .uk-navbar-nav>li>a {
        padding-left: 12px;
        padding-right: 12px;
        font-size: 1.25rem;
    }
    .header-wegweiser-panel .uk-padding-small {
        padding: 15px;
    }
    .baa .uk-button.uk-button-default::before,
    .uk-navbar-dropdown .baa .uk-button.uk-button-default::before{
        margin-right: 10px;
    }
    .baa .uk-button.uk-button-default::after,
    .uk-navbar-dropdown .baa .uk-button.uk-button-default::after {
        margin-right: -22px;
    }
}
@media screen and (max-width: 1120px) and (min-width: 960px) {
    .uk-navbar-nav>li>a {
        padding-left: 8px;
        padding-right: 8px;
        font-size: 1.1rem;
    }
    .header-wegweiser-panel .uk-h4 {
        font-size: 16px;
    }
    .header-wegweiser-panel .uk-padding-small {
        padding: 8px;
    }
    .uk-navbar-container .uk-container {
        padding-left: 16px;
        padding-right: 16px;
    }
    .button-pfeil .uk-button-danger {
        font-size: 1rem;
    }
    .baa .uk-button.uk-button-default::before,
    .uk-navbar-dropdown .baa .uk-button.uk-button-default::before{
        margin-right: 8px;
    }
    .baa .uk-button.uk-button-default::after,
    .uk-navbar-dropdown .baa .uk-button.uk-button-default::after {
        margin-right: -24px;
    }
}

@media screen and (max-width: 1200px) and (min-width: 960px) {
    .hero-wegweiser .uk-card.uk-card-primary {
        min-height: 165px;
    }
}

@media screen and (max-width: 1335px) {
    .juco .uk-button.uk-button-default,
    .afit .uk-button.uk-button-default,
    .jobco .uk-button.uk-button-default,
    .baa .uk-button.uk-button-default,
    .ara .uk-button.uk-button-default,
    .bss .uk-button.uk-button-default,
    .home-app .uk-tile-default .uk-button-primary,
    .wegw-button .uk-button.uk-button-default,
    .button-pfeil .uk-button-primary {
        min-width: 245px;
        padding-right: 20px;
        font-size: 0.95rem;
    }
    .juco .uk-button.uk-button-default::before,
    .afit .uk-button.uk-button-default::before,
    .jobco .uk-button.uk-button-default::before,
    .baa .uk-button.uk-button-default::before,
    .ara .uk-button.uk-button-default::before,
    .bss .uk-button.uk-button-default::before {
        margin-right: 14px;
    }
    .juco .uk-button.uk-button-default::after,
    .afit .uk-button.uk-button-default::after,
    .jobco .uk-button.uk-button-default::after,
    .baa .uk-button.uk-button-default::after,
    .ara .uk-button.uk-button-default::after,
    .bss .uk-button.uk-button-default::after {
        margin-right: -14px;
    }
    .baa .uk-button.uk-button-default::before {
        width: 18px;
        margin-right: 6px;
    }
    .baa .uk-button.uk-button-default {
        min-width: 245px;
        padding-right: 10px;
        font-size: 0.95rem;
    }
    .wegw-btn.juco .uk-button.uk-button-default::after,
    .wegw-btn.afit .uk-button.uk-button-default::after,
    .wegw-btn.jobco .uk-button.uk-button-default::after,
    .wegw-btn.baa .uk-button.uk-button-default::after,
    .wegw-btn.ara .uk-button.uk-button-default::after,
    .wegw-btn.bss .uk-button.uk-button-default::after {
        display: none;
    }
}

/* metismenu cassiopeia */
.tm-header .container-nav {
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 1em;
}

@media (width <= 767.98px) {
    .tm-header .container-nav .container-search, .tm-header .container-nav nav {
        margin-top: 1em;
    }
}

.tm-header .container-nav .container-search:only-child {
    margin-left: auto;
}

.tm-header .navbar-collapse.show {
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
}

.tm-header .mod-menu {
    color: #000;
    flex: 1 0 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

@media (width >= 992px) {
    .tm-header .mod-menu {
        flex-direction: row;
        flex: 1;
        display: flex;
    }
}

.tm-header .mod-menu > li {
    position: relative;
}

@media (width >= 992px) {
    .tm-header .mod-menu > li + li {
        margin-left: 1.55em;
    }
}

.tm-header .mod-menu > li > a, .tm-header .mod-menu > li > span {
    color: currentColor;
    text-decoration: none;
    position: relative;
}

@media (width >= 992px) {
    .tm-header .mod-menu > li:after {
        content: "";
        opacity: .2;
        background: none;
        height: 2px;
        margin: auto;
        transition: all .2s, background-color .2s;
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        right: 50%;
    }
}

@media (width <= 991.98px) {
    .tm-header .mod-menu > li.active > a, .tm-header .mod-menu > li.active > span, .tm-header .mod-menu > li > a:hover {
        text-decoration: underline;
    }
}

.tm-header .mod-menu .parent > ul {
    color: #22262a;
    display: none;
}

.tm-header .metismenu > li + li {
    margin-left: 0;
}

@media (width >= 992px) {
    .tm-header .metismenu > li > a:after, .tm-header .metismenu > li > button:before {
        content: "";
        background: none;
        height: 3px;
        margin: auto;
        transition: all .2s, background-color .2s;
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        right: 50%;
    }
}

/*.tm-header .metismenu > li > a:hover:after,
.tm-header .metismenu > li > button:hover:before,
.tm-header .metismenu > li.active > a:after,
.tm-header .metismenu > li.active > button:before {
    background: var(--nebarot);
    left: 0;
    right: 0;
}*/

.tm-header .metismenu > li > button.mm-toggler-link:hover:before, .tm-header .metismenu > li.active > button.mm-toggler-link:before {
    left: .5em;
    right: 0;
}

@media (width >= 992px) {
    .tm-header .metismenu > li.level-1.active > a,
    .tm-header .metismenu > li.level-1.active > button,
    .tm-header .metismenu > li.level-1 > a:hover,
    .tm-header .metismenu > li.level-1 > button:hover {
        text-decoration: none;
    }
}

.tm-header .metismenu > li.level-1 > ul {
    min-width: 50rem;
    column-count: 2;
}

.tm-header .navbar-toggler {
    color: #000;
    cursor: pointer;
    border: 1px solid #000;
}

.tm-header .navbar-toggler .fas {
    font-size: 1.5rem;
}

.tm-header .navbar-toggler > * {
    pointer-events: none;
}

.metismenu.menu-horizontal {
    flex: 1 0 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

@media (width >= 992px) {
    .metismenu.menu-horizontal {
        flex-direction: row;
        flex: 1;
        display: flex;
        align-items: center;
    }
}

.metismenu.menu-horizontal > li {
    position: relative;
}

.metismenu.menu-horizontal .level-1 > ul {
    min-width: 12rem;
}

.metismenu.mod-menu {
    margin: 0;
}

.metismenu.mod-menu .metismenu-item {
    flex-wrap: wrap;
    align-items: center;
    padding: .5em 1.5em;
    font-size: 1.4rem;
    line-height: 1.5;
    display: flex;
    font-weight: 500;
}

.metismenu.mod-menu .metismenu-item.parent {
    position: relative;
}

.metismenu.mod-menu .metismenu-item > ul {
    z-index: 1001;
    padding: 0;
    list-style: none;
    display: block;
    position: absolute;
    top: 100%;
    box-shadow: 0 0 .5em #0000001a;
}

.metismenu.mod-menu .metismenu-item > span, .metismenu.mod-menu .metismenu-item > a, .metismenu.mod-menu .metismenu-item > button {
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    overflow: hidden;
}

.metismenu.mod-menu .metismenu-item > a:focus, .metismenu.mod-menu .metismenu-item > button:focus {
    outline-offset: 2px;
    outline: 1px dotted #ced4da;
}

.metismenu.mod-menu .metismenu-item.active > a, .metismenu.mod-menu .metismenu-item.active > button, .metismenu.mod-menu .metismenu-item > a:hover, .metismenu.mod-menu .metismenu-item > button:hover {
    text-decoration: underline;
}

.metismenu.mod-menu .metismenu-item:after {
    content: none;
}
.metismenu.mod-menu .metismenu-item.item-1991:not(.level-2) .mm-collapse.mm-show {
    display: flex;
    flex-direction: column;
}
.metismenu-item.item-1991 a.submenu-text {
    padding-left: 0;
    text-decoration: underline;
}
.metismenu-item.item-1991 a.submenu-text:hover {
    background: none;
    color: #039;
    text-decoration: none;
}
.metismenu.mod-menu .metismenu-item:not(.level-1) > ul, .metismenu.mod-menu .metismenu-item:not(.level-2) > ul {
    margin-inline-end: -1em;
}

.metismenu.mod-menu .metismenu-item.divider:not(.parent) {
    border-right: 1px solid #ced4da;
    width: 1px;
    margin: .25em;
    padding: 0;
    overflow: hidden;
}

@media (width <= 991.98px) {
    .metismenu.mod-menu .metismenu-item.divider:not(.parent) {
        border-bottom: 1px solid #ced4da;
        width: auto;
        height: 1px;
    }
}

.metismenu.mod-menu .mm-collapsing {
    height: 0;
    transition-property: color, background-color, height, visibility;
    transition-duration: .35s;
    transition-timing-function: ease;
    overflow: hidden;
}

.metismenu.mod-menu .mm-collapse {
    background-color: #fff;
    position: absolute;
    box-shadow: 1px 1px 4px #0000001a;
}

.metismenu.mod-menu .mm-collapse:not(.mm-show) {
    display: none;
}

.metismenu.mod-menu .mm-collapse > li > a {
    display: inline-flex;
    position: relative;
}

.metismenu.mod-menu .mm-collapse > li.divider:not(.parent) {
    border-bottom: 1px solid #ced4da;
    width: auto;
    height: 1px;
}

.metismenu.mod-menu .mm-collapse > li.parent .mm-toggler {
    display: inline-flex;
}

.metismenu.mod-menu .mm-collapse > li.parent > ul {
    box-shadow: none;
    background-color: #00000008;
    flex-basis: calc(100% + 1em);
    margin-top: .5em;
    margin-bottom: -.5em;
    position: relative;
    top: 0;
}

.metismenu.mod-menu .mm-toggler {
    color: currentColor;
    user-select: none;
    box-shadow: none;
    background: none;
    border: none;
    align-items: center;
    height: 100%;
    padding: 0;
    display: flex;
    position: relative;
}

.metismenu.mod-menu .mm-toggler:after {
    content: "";
    border-top: .5em solid;
    border-left: .4em solid #0000;
    border-right: .4em solid #0000;
    width: 0;
    height: 0;
    margin-inline-start: .5em;
    transition: all .2s ease-out;
    margin-top: .15em;
}

.mm-active > .metismenu.mod-menu .mm-toggler:after, .metismenu.mod-menu .mm-toggler[aria-expanded="true"]:after {
    transform: rotateX(-180deg);
}

.metismenu-item.parent button {
    font-size: 1.4rem;
    font-family: 'Source Sans 3';
    font-weight: 500;
}
.metismenu-item.parent:hover,
.metismenu-item.level-1 a:hover {
    background: var(--nebarot);
    color: #fff;
}
.metismenu.mod-menu .metismenu-item {
    padding: 0;
}
.metismenu-item.level-2 a.submenu-btn {
    padding: 0 !important;
    margin: 10px 0 10px 0;
}
.metismenu-item.level-2 a.submenu-btn:hover {
    background: #fff;
    color: #000;
}
.metismenu-item.level-1 a,
.metismenu-item.parent .mod-menu__separator {
    padding: 0.5em 1.5em;
}
.metismenu.mod-menu .metismenu-item > ul {
    padding: 1.75em;
}
/* Überschrift */
.metismenu .item-2123,
.metismenu .item-2122 {
    column-span: all;
}
.metismenu-item .submenu-heading {
    font-weight: 600;
    font-size: 1.25rem;
    margin-bottom: 10px;
}

/* Anbieter:innen Grafik */
#anbieter-innen .js-sticky .uk-panel a.el-link {
    display: inline-block;
}
/* Modal Button Background Kontrast */
button.uk-modal-close-outside {
    background: #000;
}