/*
Google Font - Specify families

font-family: 'Open Sans', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Inter', sans-serif;
font-family: 'Nunito', sans-serif;
font-family: 'Nunito Sans', sans-serif;
*/
:root {
    --main-bg-color: #FFF;
    --main-link-color: #005AAA;
    --wbdb-box-border-color: #93C9B5;
    --main-font-color: #090909;
}
*:not(.collapse) {
    /*-webkit-transition: all 0.3s;*/
    /*-moz-transition: all 0.3s;*/
    /*-o-transition: all 0.3s;*/
    /*transition: all 0.3s;*/
}
html {
    min-height: 100%;
    position: relative;
}
body {
    height: 100%;
    background: var(--main-bg-color);
    color: var(--main-font-color);
    font-family: 'Nunito', sans-serif;
    -ms-overflow-style: scrollbar;
}
h2 {
    font-family: 'Nunito Sans', sans-serif;
}
a, a:hover, a:focus {
    color: #005AAA;
}
.h2, h2{
    font-size: 3rem;
}
.border-green {
    border: 2px solid var(--wbdb-box-border-color);
}
.logo {
    position: relative;
}
.logo a:focus {
    display: block;
}
.logo .logo-widget {
    position: absolute;
    right: 0;
    top: 0;
}
.logo .logo-widget img {
    width: auto !important;
    max-height: 135px !important;
    box-shadow: -25px 0 20px -15px rgba(0, 0, 0, 0.2);
}
.no-padding {
    padding: 0 !important;
    margin: 0 !important;
}
.semibold {
    font-weight: 600;
}
.read-more-btn {
    margin-bottom: 20px;
}

#header {
    background-color: #D0F8E466;
    margin-top: 5em;
    padding: 4em 0 2em 0;
}
#header h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5em;
    font-weight: 800;
    color: #000000;
    text-shadow: 2px 2px 3px rgb(0 0 0 / 30%);
    text-align: center;
}
#header h1 > a {
    text-decoration: none;
    color: inherit;
}
#header p {
    text-align: center;
    color: #000000;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1.3em!important;
    margin: 3% 14% 2%;
}
#header p > object > a {
    word-break: break-word;
}
.search-block button.btn[type="submit"].bt-btn-yellow {
    display: flex;
    align-items: center;
    background-color: #FFC300;
    color: #000000;
}
input.input-radio[type=radio] {
    position: absolute;
    opacity: 0;
}

@media screen and (min-width: 768px) {
    .search-block .form-inputs {
        font-size: 1.22em;
    }
    .search-block .form-inputs, .container-dossier .form-inputs {
        font-family: 'Nunito Sans', sans-serif;
    }
}
input[type=checkbox] + label:before {
    content: "";
}

.search-block > form > div > div, .search-block > form > div > div > div {
    position: static;
}
*:not(.collapse) {
    /* -webkit-transition: all 0.3s; */
    /* -moz-transition: all 0.3s; */
    /* -o-transition: all 0.3s; */
    /* transition: all 0.3s; */
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
user agent stylesheet
div {
    display: block;
}

.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.row.header {
    max-height: 126px;
}
.row.header img {
    width: 100%;
    height: auto;
}
.row.header.iframe-ak img {
    width: auto !important;
}
.row.header.iframe-ak {
    background-image: url('../img/header_ak_bg.png');
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover;
}
.row.header .col-xs-12 {
    padding: 0px !important;
}

/* Responsive adjustments for two links on Logo image - START */
.row.header .logo {
    background-color: #cccccc;
    height: 37px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.btn-search-options-main {
    border: none;
    border-radius: 0 !important;
    vertical-align: top;
    height: 48px;
    padding: 0 .5em;
}
.btn-search-options-main:hover,
#search_form button.btn-search-options-main:focus,
#suchagent_search_form button.btn-search-options-main {
    color: #FFFFFF;
}
#search_form button.btn-primary:focus,
#search_form button.btn-search-options-main:focus,
#search_form button#form_sucheAbschickenBtn:focus,
#suchagent_search_form button.btn-search-options-main:focus,
#suchagent_search_form button#such_agent_sucheAbschickenBtn:focus {
    outline: var(--main-link-color) dashed 2px !important;
    outline-offset: 2px !important;
}
.datepicker.dropdown-menu {
    background-color: #FFFFFF;
}
.datepicker.dropdown-menu .today.day,
.datepicker.dropdown-menu .today.day:hover,
.datepicker.dropdown-menu .today.day.old.disabled {
    background-color: #F6C03E;
    background-image: none;
    background-repeat: no-repeat;

}
.datepicker.dropdown-menu .active.day {
    background-color: #19448B;
    background-image: none;
    background-repeat: no-repeat;
}
.datepicker.dropdown-menu .today.day.focused,
.datepicker.dropdown-menu .active.day.focused {
    background: #eee;
    color: var(--main-font-color);
}
body.using-mouse #search_form button.btn-primary:focus,
body.using-mouse #search_form button.btn-search-options-main:focus,
body.using-mouse #search_form button#form_sucheAbschickenBtn:focus,
body.using-mouse #suchagent_search_form button.btn-search-options-main:focus,
body.using-mouse #suchagent_search_form button#such_agent_sucheAbschickenBtn:focus {
    outline: none !important;
}
.search-container {
    display: none;
}
.search-container,
.searchagent-container {
    z-index: 3;
}
.searchagent-container .label-hidden {
    display: none;
}
.searchagent-container .form-error,
.searchagent-container .form-error ul {
    margin-top: 10px;
    padding: 0px;
}
.searchagent-container .form-error ul li {
    list-style-type: none !important;
    padding: 0px;
    margin: 0px;
}
.searchagent-container .form-error,
.searchagent-container .form-error ul li {
    color: #D40000;
}
.form-control.is-invalid {
    border: solid 1px #dc3545 !important;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.form-control.is-invalid:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(233, 102, 102, 0.6) !important;
}
.search-container #form_suchAgentBtn,
.searchagent-container #such_agent_suchAgentBtn {
    padding: 0px;
    background-color: transparent;
    color: #000000;
}
.searchagent-container .alert-success {
    margin-top: 20px;
}
.searchagent-container .email-address {
    margin-bottom: 20px;
}
.searchagent-container .email-address #such_agent_email {
    position: relative;
    margin: 0 auto;
    margin-bottom: 0px;
    padding-left: 30px;
    padding-right: 35px;
    background-color: #EEEEEE;
    border: none;
    color: #1f1f1f;
    font-size: 1.2em;
    height: 48px;
}

.search-container.search-container-xs {
    margin-top: 5.5em;
    margin-bottom: 1em;
}

.search-container.search-container-xs .search-block {
    padding-left: 1.2em;
    padding-right: 1.2em;
}

.search-container.search-container-xs .erweiterte-suche .col-xs-6:nth-of-type(odd),
.search-container.search-container-xs .erweiterte-suche .dropdown button:nth-of-type(odd) {
    padding-right: 5px;
}

.search-container.search-container-xs .erweiterte-suche .col-xs-6:nth-of-type(even),
.search-container.search-container-xs .erweiterte-suche .dropdown button:nth-of-type(even) {
    padding-left: 5px;
}

.search-container.search-container-xs .erweiterte-suche .dropdown button {
    font-size: .9em;
}

.search-container.search-container-xs .erweiterte-suche .dropdown-backdrop {
    display: none;
}
.erweiterte-suche .dropdown.open button {
    background-color: #EEEEEE;
    border: 1px solid #EEEEEE;
}
.erweiterte-suche .content-expand .content#search-ausbildungsbereich {
    display: none;
    background-color: #EEEEEE;
    padding: 0.9em 1em 1em;
    margin-bottom: 1.5em;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    font-size: 1.8rem;
    line-height: 1.33;
    height: 45px;
    padding: 10px 16px;
    border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
    line-height: 45px;
    height: 45px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn {
    height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    font-size: 1.2rem;
    line-height: 1.5;
    height: 30px;
    padding: 5px 10px;
    border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
    line-height: 30px;
    height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn {
    height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
}
.input-group-addon div[id^='uniform-'] {
    margin: 0 -3px;
}

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
    border-right: 0;
}
.input-group-addon.addon-inside:first-child {
    border-right-width: 1px;
    border-right-style: solid;
    border-color: transparent;
}
.input-group-btn + .form-control,
.input-group-addon + .form-control,
.input-group-addon:last-child,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
    border-left: 0;
}
.input-group-btn {
    position: relative;
    white-space: nowrap;
}
.input-group-btn:first-child > .btn {
    margin-right: -1px;
}

.input-group-btn > .btn {
    position: relative;
}

input#wunsch_ausbildung.ui-autocomplete-loading + span,
input#wunsch_beruf.ui-autocomplete-loading + span,
input#q.ui-autocomplete-loading + span {
    display: block;
}

#overlay-assistent .btn-primary.search .fa, .search-block .form-erw-button button .fa {
    margin-left: 10px;
}
.search-block .erw-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 20px;
}
.search-block .erw-buttons button.bt-btn-yellow {
    margin-right: 10px;
}
.search-block .erw-buttons .save-search-agent-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    color: black;
    font-weight: 700;
    margin-bottom: 70px;

}
.search-block .form-erw-button button {
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 600;
}
.bildungsbereiche.border-green.border-container {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 1em;
}
@media (max-width: 1200px) {
    .search-block .erw-buttons .save-search-agent-btn {
        font-size: 1.5rem !important;
    }
}
@media (max-width: 768px) {
    .search-block .erw-buttons .save-search-agent-btn {
        margin-bottom: 30px;
    }
}
@media (min-width: 380px) {
    .row.header .logo {
        height: 44px;
    }
}

@media (min-width: 450px) {
    .row.header .logo {
        height: 52px;
    }
    .bildungsbereiche h2, .bildungsbereiche p {
        margin-left: 73px;
    }
}

@media (min-width: 576px) {
    #header {
        padding: 3.8em 0 2.9em 0;
    }
}

@media (min-width: 580px) {
    .row.header .logo {
        height: 67px;
    }
}

@media (min-width: 768px) {
    .row.header .logo {
        height: 87px;
    }
    .bildungsbereiche.border-green.border-container {
        margin-left: 14%;
        margin-right: 14%;
    }
}

@media (min-width: 768px) {
    .row.header .logo {
        height: 87px;
    }
    #header {
        padding-bottom: 3.5em;
    }
}

@media (min-width: 992px) {
    .row.header .logo {
        height: 112px;
    }
}

@media (min-width: 1200px) {
    .row.header .logo {
        height: 136px;
    }
}
@media screen and (min-width: 1200px) {
    #header {
        padding: 5em 0 4em 0;
    }

    #header h1 {
        font-size: 3em;
    }
}

@media screen and (min-width: 1400px) {
    #header {
        padding: 4em 0 5em 0;
    }

    #header h1 {
        font-size: 4em;
    }
}

@media screen and (min-width: 1400px) {
    .btn-search-options-main {
        height: 48px;
        padding: 0 1em;
    }
    input#q {
        height: 48px;
    }
}
/* Responsive adjustments for two links on Logo image - END */

#content .introduction {
    text-align: center;
    font-size: 0.95em;
    margin-bottom: 2em;
}
#content .introduction h2 {
    font-weight: 600;
}
input#q {
    position: relative;
    padding-right: 35px;
}
.input-wrapper-search {
    position: relative;
}
input#q + span {
    font-size: 1.3em;
    position: absolute;
    right: 7px;
    top: 8px;
    z-index: 100;
    display: none;
}
input#q.ui-autocomplete-loading + span {
    display: block;
}
.input-padding {
    padding-top: 0px;
}
.iframe {
    background: #FFFFFF;
}
.iframe #content .introduction {
    font-size: 0.8em;
    padding-top: 10px;
    padding-bottom: 10px;
}
.iframe .search-block .form-header {
    margin-top: 10px;
}
.iframewidget .search-block {
    padding-top: 20px;
    padding-bottom: 5px;
}
.iframewidget .search-block .form-header {
    font-size: 0.85em;
    margin-bottom: 8px;
}
.iframewidget .input_bereich + label + a {
    font-size: 0.85em;
    line-height: 2em;
}
.iframewidget .links-block .links-elm {
    font-size: 0.9em;
}
.iframewidget .links-block h3 {
    font-size: 1.2em;
    font-weight: 400;
    margin-top: 15px;
}
#institut-standort-container {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 15px;
}
#form-standort-umkreis > label {
    display: block;
}
#form-standort-umkreis > div {
    display: inline-block;
    margin-right: 20px;
    white-space: nowrap;
}
#standort_umkreis_plz {
    max-width: 90px;
}
.search-block #form-standort-bundeslaender {
    margin-top: 5px;
    font-size: 0.9em;
}
.search-block #form-standort-bundeslaender select {
    font-size: 0.9em;
}
.links-block .links-block-a {
    font-weight: 600 !important;
    display: block;
    margin-bottom: 3px;
}
.links-block td,
.links-block th {
    padding-right: 20px !important;
}
.links-block .links-block-a + a {
    display: block;
    margin-bottom: 2px;
}
.iframewidget .links-block .links-elm a {
    padding: 15px 50px 15px 15px;
}
.iframewidget .links-block .links-elm a::before {
    height: 35px;
    background-size: contain;
}
.iframewidget .links-block .links-elm a::after {
    font-size: 3.2rem;
}
.iframewidget .links-block li a {
    font-size: 0.9em;
    padding: 5px 50px 5px 5px;
}
.iframe .search-block .form-inputs .row > div > div,
.iframe .tab-navigation-content .form-inputs > div {
    width: auto !important;
}
.iframe .alle {
    display: none !important;
}
.iframe input[type="checkbox"] + label span.fa,
.iframe input.input-radio[type="radio"] + label span.fa {
    margin-right: 30px;
}
.iframe .sonstige input[type="checkbox"] + label span.fa {
    margin-right: 0px;
}
.iframe .links-block {
    margin: 0;
}
.iframe .links-block h3 {
    margin-top: 10px;
    margin-bottom: 3px;
}
.iframewidget .links-block .links-elm a::before {
    left: -55px;
}
.iframewidget .search-block .form-inputs .row > div > div,
.iframewidget .tab-navigation-content .form-inputs > div {
    min-width: 150px;
}
.iframewidget .introduction {
    display: none !important;
}
.iframewidget .widget_header_text {
    position: absolute;
    left: 15px;
    top: 15px;
    width: 220px;
    font-size: 0.85em;
}
.search-block {
    background: #F7F7F7;
    margin-bottom: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    position: static;
}
.search-block > .row {
    margin-top: 10px;
    margin-bottom: 10px;
}
.search-block > form > div > div,
.search-block > form > div > div > div {
    position: static;
}
#FormStandortBundeslaender select.selectpicker,
#form-standort-bundeslaender select.selectpicker {
    display: block !important;
}
.form-control {
    border-radius: 0 !important;
}
.btn {
    border-radius: 1px !important;
}
.btn-primary {
    background: #d0f8e4;
    color: var(--main-font-color);
    border: 1px solid #d2c9a6;
}
.decision {
    display: inline-block;
    margin-top: 10px;
}
.decision .btn-primary {
    margin-right: 10px;
    border: none !important;
}
.decision .btn-primary:focus {
    outline: var(--main-link-color) dashed 2px;
    outline-offset: 2px !important;
    z-index: 9999 !important;
}
.btn-primary:hover {
    background: var(--main-link-color);
    color: #FFFFFF !important;
    border: 1px solid #d2c9a6;
}
.btn-default {
    background: #ffffff;
    color: #020202;
    border: 1px solid #cacaca;
}
.btn-back, .btn-blue {
    background: var(--main-link-color) !important;
    color: #FFFFFF;
    font-size: 0.75em;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 15px;
}
#search_form .btn-back {
    padding: 5px 3px;
}
.tab-content .btn-back {
    font-size: 0.95em;
}
.sameseminar-date {
    font-weight: 600;
    display: block;
    margin-bottom: 3px;
}
.info-detail .table {
    margin-top: 15px;
}
.btn-blue {
    font-size: 0.85em;
}
.btn-back:hover,
.btn-back:focus,
.btn-blue:hover,
.btn-blue:focus {
    background: #d0f8e4 !important;
    color: var(--main-font-color) !important;
}
.btn-blue .fa,
.seminar-detail .btn-default .fa {
    margin-right: 5px;
}

#survey {
    display: none;
    /*position: sticky;*/
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 901;
}
#survey .alert-info {
    margin-bottom: 0;
    color: #fff;
    background-color: #093c7d;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    border-radius: 0;
}
#survey .alert-info > h2,
#survey .alert-info > span,
#survey .alert-info > a {
    margin: 0 10px 0 0;
}
#survey a:focus,
#survey button:focus {
    outline: #FFF dashed 2px !important;
    outline-offset: 2px !important;
    z-index: 9999 !important;
}
#survey .btn-to-survey {
    height: 30px;
}
#survey .survey_close {
    opacity: 1;
    font-size: 2.8rem;
    font-weight: 500;
    color: #FFF;
    text-shadow: 0 1px 0 #CCC;
    margin-left: auto;
}
#survey .survey_close:hover,
#survey .survey_close:focus {
    color: #777;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    text-shadow: 0 1px 0 #888;
}
@media (max-width: 870px) {
    #survey h2 {
        font-size: 1.5rem;
    }
    #survey .btn-to-survey {
        font-size: 1.2rem;
    }
}
@media (max-width: 400px) {
    #survey .alert-info {
        flex-direction: column !important;
        align-items: flex-start;
    }
    #survey .alert-info > h2,
    #survey .alert-info > a {
        margin: 10px 0 0 0;
    }
    #survey .alert-info > button.survey_close {
        position: absolute;
        top: 10px;
        right: 10px;
    }
}
.search-block .form-bereiche-button {
    color: var(--main-font-color);
    text-decoration: none;
}
.search-block .form-bereiche-button:after {
    margin-left: 5px;
    content: "\f106";
    /*font-family: 'FontAwesome';*/
    font-family: "Font Awesome 5 Free";
    font-size: 1.2em;
}
.search-block .form-bereiche-button.collapsed:after {
    content: "\f107";
}
.search-block .form-bereiche .btn-primary {
    margin-top: 15px;
    font-weight: 600;
    padding-left: 30px;
    padding-right: 30px;
}
.search-block .form-bereiche .btn-primary .fa {
    margin-left: 7px;
}
.search-block .bereiche-counts {
    font-size: 0.8em;
    font-weight: normal;
}
.search-block label,
.tab-navigation-content {
    color: #000000;
    font-weight: normal;
    font-size: 0.9em;
}
.tab-navigation-content #bereiche,
.search-block .form-bereiche #bereiche {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tab-navigation-content #bereiche li,
.search-block .form-bereiche #bereiche li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tab-navigation-content #bereiche > li,
.search-block .form-bereiche #bereiche > li {
    padding-top: 6px;
    padding-left: 6px;
    padding-right: 6px;
}
.search-block .form-bereiche #bereiche > li {
    padding-left: 0 !important;
}
.tab-navigation-content #bereiche > li > ul {
    padding-bottom: 6px;
    margin-left: 10px;
}
.tab-navigation-content #bereiche > li > ul > li > label,
.search-block .form-bereiche #bereiche > li > ul > li > label {
    font-weight: normal !important;
}
.tab-navigation-content #bereiche > li:nth-child(even) {
    background: #fcf3cd;
}
.tab-navigation-content #bereiche > li > a,
.search-block .form-bereiche #bereiche > li > a {
    color: #333333;
    text-decoration: none;
    display: inline-block;
}
.tab-navigation-content #bereiche > li > a:after,
.search-block .form-bereiche #bereiche > li > a:after {
    /*font-family: 'FontAwesome';*/
    font-family: "Font Awesome 5 Free";
    content: '\f0d7';
    margin-left: 5px;
}
.tab-navigation-content #bereiche > li > a.collapsed:after,
.search-block .form-bereiche #bereiche > li > a.collapsed:after {
    content: '\f0da';
}
.search-block .form-bereiche #bereiche > li > a,
.search-block .form-bereiche #bereiche > li > ul > li > label {
    max-width: 80%;
    vertical-align: top;
}
.search-block .form-bereiche #bereiche > li > ul > li > label:before {
    float: left;
}

.bereiche-results {
    text-align: center;
}
.bereiche-results .num {
    font-size: 2em;
    display: block;
}
.bereiche-results .results {
    display: block;
    line-height: 10px;
    margin-bottom: 10px;
}
.bereiche-results .btn-primary {
    font-size: 0.9em;
}
.search-block .form-header {
    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: 600;
}
.search-block #q,
.search-block .btn-primary {
    margin-bottom: 5px;
}
.search-block .form-inputs .row > div > div,
.tab-navigation-content .form-inputs > div {
    white-space: nowrap;
    display: inline-block;
    margin-right: 20px;
}
.search-block .form-inputs .row > div label,
.tab-navigation-content .form-inputs > div label {
    font-weight: 400;
}
.search-block .form-inputs .lehre label,
.tab-navigation-content .form-inputs .lehre label {
    color: #f29400 !important;
}
.search-block .form-inputs .schule label,
.tab-navigation-content .form-inputs .schule label {
    color: #004a99 !important;
}
.search-block .form-inputs .uni label,
.tab-navigation-content .form-inputs .uni label {
    color: #e20019 !important;
}
.search-block .form-inputs .sonstige label,
.tab-navigation-content .form-inputs .sonstige label {
    color: #009036 !important;
}
.tab-navigation-content .form-inputs.compare > p {
    text-align: center;
    font-size: 1.3em;
}
.tab-navigation-content .form-inputs.compare > div > div {
    padding-top: 5px;
    padding-bottom: 10px;
}
.tab-navigation-content .form-inputs.compare > div > div > label > span {
    color: #757574;
    font-weight: normal;
}
.tab-navigation-content .form-inputs > p:not(:first-of-type) {
    margin-top: 25px;
}
.tab-navigation-content .form-inputs .trend-div {
    margin-right: 50px;
}
.tab-navigation-content .form-inputs .trend-div label span {
    max-width: 100%;
}
.navigation-block {
    text-align: center;
}
.navigation-block a {
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 10px;
    min-width: 80%;
}
.navigation-block a.active {
    background: #d0f8e4 !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    color: black!important;
}
.tab-navigation-content,
#news {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #020202;
}
#news {
    background: #FFFFFF;
    padding-top: 0;
}
.tab-navigation-content #dossier-compare-table_wrapper,
.tab-navigation-content #dossier-table_wrapper,
.tab-navigation-content .dossier-table-actions,
.tab-navigation-content .dataTables_wrapper {
    margin-top: 30px;
}
.tab-navigation-content #dossier-table_wrapper {
    margin-top: 0;
}
.list-table tbody tr > td:last-child {
    min-width: 150px;
}

.list-table #filter-content .row:first-of-type {
    /*width: 100%;*/
}

#filter-content {
    background: #FFFFFF;
    padding: 2em 4em;
    margin-top: 5px;
    box-shadow: 0 0 30px 7px rgba(0, 0, 0, .1);
}
@media screen and (min-width: 1200px) {
    #filter-content {
        padding: 2em 3em;
    }
}

#filter-content .input-group {
    margin-bottom: 1.5em;
}

#filter-content button.btn[type="submit"] {
    background-color: #F6C03E;
    color: #000000;
    border: none;
    height: 34px;
}
#filter-content button.btn[type="submit"]:hover {
    background-color: #19448B;
}
#news-table_wrapper table.dataTable {
    margin-top: 0 !important;
}
#news-table_wrapper li {
    padding-left: 0;
}
.tab-navigation-content .dossier-table-actions a {
    cursor: pointer;
    position: relative;
}
.tab-navigation-content .dossier-table-actions a .fa {
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: -10px;
}
.tab-navigation-content #dossier-table thead,
.tab-navigation-content .list-table thead,
#news-table thead,
.tab-navigation-content #dossier-compare-table_wrapper thead {
    background: #F6F6F6;
}
.tab-navigation-content .list-table thead th {
    white-space: nowrap;
}
.tab-navigation-content .list-table > tbody > tr > td:first-of-type,
#news-table > tbody > tr > td:first-of-type {
    display: table-cell !important;
}
.tab-navigation-content .dataTables_wrapper .dataTables_length,
.tab-navigation-content .dataTables_wrapper .dataTables_paginate,
#news-table_wrapper #news-table_length,
#news-table_wrapper #news-table_paginate {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}
.tab-navigation-content .dataTables_wrapper .dataTables_paginate,
#news-table_wrapper #news-table_paginate {
    float: right;
}
.paginate_button.disabled {
    display: none;
}
.tab-navigation-content .dataTables_wrapper .pagination > li:first-child > a, .pagination > li:first-child > span,
#news-table_wrapper #news-table_paginate .pagination > li:first-child > a, .pagination > li:first-child > span {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}
.tab-navigation-content .dataTables_wrapper .pagination > li:last-child > a, .pagination > li:last-child > span,
#news-table_wrapper .pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}
.pagination > li > a, .pagination > li > span {
    color: #666666;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background: #d0f8e4;
    color: #373737;
    border: 1px solid #ddd;
}
.tab-navigation-content #dossier-table > tbody > tr > td.dataTables_empty:last-child,
.tab-navigation-content .list-table > tbody > tr > td.dataTables_empty:last-child,
#news-table > tbody > tr > td.dataTables_empty:last-child,
.tab-navigation-content #dossier-compare-table > tbody > tr > td.dataTables_empty:last-child {
    padding-left: 0 !important;
    padding-right: 0 !important;
    color: #373737 !important;
    font-size: 1.2em !important;
}
.tab-navigation-content #dossier-table thead > tr > th,
.tab-navigation-content .list-table thead > tr > th,
#news-table thead > tr > th,
.tab-navigation-content #dossier-compare-table_wrapper th {
    font-weight: 600 !important;
    color: #373737;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 0;
}
.tab-navigation-content #dossier-table > tbody > tr > td:first-child,
.tab-navigation-content #dossier-table > thead > tr > th:first-child,
.tab-navigation-content .list-table > tbody > tr > td:first-child,
.tab-navigation-content .list-table > thead > tr > th:first-child,
#news-table > tbody > tr > td:first-child,
#news-table > thead > tr > th:first-child {
    padding-left: 3em;
}
.tab-navigation-content #dossier-table > tbody > tr > td:last-child {
    padding-right: 2em;
    font-size: 1.8em;
}
.tab-navigation-content #dossier-table > tbody > tr > td:last-child a {
    color: #8F8F8F !important;
}
/*.tab-navigation-content .list-table > tbody > tr > td:last-child,*/
#news-table > tbody > tr > td:last-child {
    padding-right: 0;
}
/*.tab-navigation-content .list-table > tbody > tr > td:nth-child(2) {
    width: 40%;
    padding-right: 3em;
}*/

#news-table > tbody > tr > td:first-child,
#news-table > thead > tr > th:first-child {
    padding-left: 1em;
}

@media (min-width: 1024px) {
    #news-table > tbody > tr > td:first-child,
    #news-table > thead > tr > th:first-child {
        padding-left: 3em;
    }
}

#news-table > tbody > tr > td:nth-child(1) {
    padding-right: 0;
}
#news-table > tbody > tr > td:nth-child(2) {
    width: 20%;
    padding-right: 0;
}
.tabpanel-col {
    padding: 0;
}
.news-ak {
    background: #65AA8E;
    text-align: right;
    padding-right: 20px;
    width: 100%;
    background-image: linear-gradient(90deg, #d7eee5 200px, #65AA8E 400px);
}
.news-ak h2.header-text {
    text-transform: uppercase;
    text-align: left;
    font-size: 2.5rem;
    line-height: 2.7rem;
    font-weight: normal;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
    color: #005aaa;
    float: left;
}
@media (max-width: 767px) {
    .news-ak {
        background-image: linear-gradient(90deg, #d7eee5 150px, #65AA8E 300px);
    }
    .news-ak h2.header-text {
        padding-left: 20px;
        font-size: 1.5rem;
        line-height: 1.7rem;
    }
}
@media (max-width: 380px) {
    .news-ak {
        text-align: left;
    }
    .news-ak .btn {
        margin-left: 20px;
    }
    .news-ak h2.header-text {
        padding-bottom: 0;
        padding-right: 20px;
    }
}
.news-ak:after {
    clear: both;
}
.news-ak a {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    text-decoration: none !important;
}
.news-ak a > span {
    color: #003461;
}
.news-ak span {
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
}
.news-ak button .fa {
    margin-left: 7px;
    display: inline;
}
.news-ak button {
    white-space: nowrap;
    border: 1px solid var(--main-font-color);
}
.news-ak-filter {
    padding: 15px;
    padding-left: 7em;
}
.news-ak-filter .form-control {
    display: inline-block;
    margin-right: 15px;
    max-width: 215px;
}
#kompass_cont {
    margin-left: -270px !important;
}

/* BEGIN Pagination-letters */
.pagination-letters {
    background-color: #FFF;
}

.pagination-letters .pagination li > a {
    border-radius: 0 !important;
    padding: 4px 10px;
}

.pagination-letters > ul {
    margin: 0;
    margin-bottom: 5px;
}

/* END Pagination-letters */

.tab-navigation-content #dossier-table > tbody > tr > td:last-child span {
    cursor: pointer;
}
.tab-navigation-content #dossier-table > tbody > tr > td,
.tab-navigation-content .list-table > tbody > tr > td,
#news-table > tbody > tr > td {
    vertical-align: middle;
    color: #373737;
}
.tab-navigation-content #dossier-table > tbody > tr > td label {
    font-weight: normal !important;
    display: block;
}
.list-table > tbody > tr > td .session-add-course {
    font-weight: 600;
    padding-left: 30px;
    padding-right: 30px;
}
.list-table > tbody > tr > td .session-add-course .fa {
    margin-right: 5px;
}
.tab-navigation-content #dossier-table > tbody > tr > td label span {
    position: relative;
    margin-left: 30px;
}
.list-table > tbody > tr > td span:not(.fa):not(.dtr-title):not(.dtr-data),
#news-table > tbody > tr > td span:not(.fa):not(.dtr-title):not(.dtr-data) {
    position: relative;
}
.tab-navigation-content #dossier-table > tbody > tr > td label span:before,
.list-table > tbody > tr > td span:not(.fa):not(.dtr-title):not(.dtr-data):before,
#news-table > tbody > tr > td span:not(.fa):not(.dtr-title):not(.dtr-data):before {
    position: absolute;
    left: -20px;
    content: "\f111";
    /*font-family: 'FontAwesome';*/
    font-family: "Font Awesome 5 Free";
}
.tab-navigation-content #dossier-table > tbody > tr > td label span.lehre:before,
.list-table > tbody > tr > td span.lehre:before,
#news-table > tbody > tr > td span.lehre:before {
    color: #F29400;
}
.tab-navigation-content #dossier-table > tbody > tr > td label span.schule:before,
.list-table > tbody > tr > td span.schule:before,
#news-table > tbody > tr > td span.schule:before {
    color: #004A99;
}
.tab-navigation-content #dossier-table > tbody > tr > td label span.uni:before,
.list-table > tbody > tr > td span.uni:before,
#news-table > tbody > tr > td span.uni:before {
    color: #E20019;
}
.tab-navigation-content #dossier-table > tbody > tr > td label span.sonstige:before,
.list-table > tbody > tr > td span.sonstige:before,
#news-table > tbody > tr > td span.sonstige:before {
    color: #009036;
}
.tab-navigation-content #dossier-table .fa-info-circle {
    color: #333333;
}
.tab-navigation-content #dossier-compare-table span.feld {
    font-size: 1.05em;
    font-weight: 600;
    display: block;
    margin-bottom: 2px;
}
.tab-navigation-content #dossier-compare-table td {
    font-size: 0.95em;
}
.tab-navigation-content #dossier-compare-table span:not(.feld):not(.sr-only):not(.transparent):not(.fa):not(.visible-print) {
    position: relative;
}
.tab-navigation-content #dossier-compare-table span:not(.feld):not(.sr-only):not(.transparent):not(.fa):not(.visible-print):after {
    position: absolute;
    right: -15px;
    top: 0px;
    content: "\f111";
    /*font-family: 'FontAwesome';*/
    font-family: "Font Awesome 5 Free";
}
.tab-navigation-content #dossier-compare-table .fa-info-circle {
    color: #333333;
    cursor: pointer;
}
.tab-navigation-content #dossier-compare-table_wrapper .dataTables_scrollBody {
    /*overflow: visible !important;*/
}
.tab-navigation-content #dossier-compare-table span.lehre:after {
    color: #F29400;
}
.tab-navigation-content #dossier-compare-table span.schule:after {
    color: #004A99;
}
.tab-navigation-content #dossier-compare-table span.uni:after {
    color: #E20019;
}
.tab-navigation-content #dossier-compare-table span.sonstige:after {
    color: #009036;
}
.tab-navigation-content #dossier-compare-table > tbody > tr > td,
.tab-navigation-content #dossier-compare-table_wrapper th {
    padding-left: 2.9em;
    padding-right: 2.9em;
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;
}
.tab-navigation-content #dossier-compare-table small {
    line-height: 120%;
    display: inline-block;
}
.tab-navigation-content #dossier-compare-table_wrapper th {
    vertical-align: middle;
}
.tab-navigation-content .search-results,
.dataTables_info,
#news-table_info,
#search-fulltext {
    padding-left: 2.6em;
    font-size: 1.2em;
    padding-top: 0.5em;
    margin-top: -30px;
    margin-bottom: 30px;
    margin-top: 30px;
}
#search-fulltext {
    padding-top: 15px;
}
#pageContent {
    z-index: inherit;
    position: relative;
    background-color: #FFF;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before {
    /*font-family: 'FontAwesome' !important;*/
    font-family: "Font Awesome 5 Free" !important;
    content: '\f055' !important;
    color: #333333 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: none !important;
    font-size: 1.4em;
    margin-top: 1px;
    font-weight: 900;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child::before {
    content: '\f056' !important;
}
table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::after,
table.dataTable thead .sorting_asc_disabled::after,
table.dataTable thead .sorting_desc_disabled::after {
    position: static !important;
    display: inline-block !important;
    margin-left: 5px;
}

/* Adjust DataTable sorting Icons - START */
table.dataTable thead .sorting::before,
table.dataTable thead .sorting::after,
table.dataTable thead > tr > th.sorting_asc::before,
table.dataTable thead > tr > th.sorting_asc::after,
table.dataTable thead > tr > th.sorting_desc::before {
    display: none !important;
}

table.dataTable thead > tr > th.sorting_asc::after,
table.dataTable thead .sorting::after {
    position: static !important;
    display: inline-block !important;
    content: "\e150" !important;
    font-family: 'Glyphicons Halflings', sans-serif;
    opacity: 0.5;
}

table.dataTable thead > tr > th.sorting_asc::after,
table.dataTable thead .sorting_asc::after {
    position: static !important;
    display: inline-block !important;
    font-family: 'Glyphicons Halflings', sans-serif;
    content: "\e155" !important;
}

table.dataTable thead .sorting_desc::after {
    position: static !important;
    display: inline-block !important;
    font-family: 'Glyphicons Halflings', sans-serif;
    content: "\e156" !important;
}
/* Adjust DataTable sorting Icons - END */

/* Remove default Datatable processing Animation - START */
div.dataTables_processing > div:last-child {
    display: none;
}
/* Remove default Datatable processing Animation - END */

/* Text Opener Box - START */
/* hide h1 on move down transition */
h1.rellax {
    z-index: 0;
    position: relative;
    word-break: break-word;
    hyphens: auto;
}
.text-opener-box {
    z-index: 2;
    position: relative;
    background-color: #FFFFFF;
}
.text-opener-box .intro  {
    padding-left: 20px;
    padding-right: 20px;
}
.text-opener-box .intro > div {
    border: 3px solid var(--wbdb-box-border-color);
}
.text-opener-box .intro h1,
.text-opener-box .intro p {
    text-align: center;

}
.text-opener-box h1 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: var(--wbdb-box-border-color) 3px solid;
    font-size: 1.6em;
    padding-bottom: 10px;
}
.text-opener-box p {
    font-size: 1.1em;
}
/* Text Opener Box - END */

/* Breadcrumb styling - START */
.content-breadcrumb {
    font-family: Poppins, sans-serif;
    font-size: 1.05em;
}
.breadcrumb-link {
    color: var(--main-link-color);
}
.content-breadcrumb .breadcrumb-divider {
    padding-left: 1em;
    padding-right: 1em;
}
.content-breadcrumb p span {
    opacity: .6;
}
@media screen and (min-width: 1200px) {
    .text-opener-box h1 {
        width: 70%;
    }
}
@media screen and (max-width: 420px) {
    .text-opener-box h1 {
        hyphens: auto;
    }
}
/* Breadcrumb styling - END */

/* Förderprogramme - START */
#foerderprogramme > div {
    padding: 30px 10px ;
}
.foerderprogramme-liste {
    margin-top: 30px;
}
.foerderprogramme-liste img {
    width: 100%;
}
.foerderprogramme-liste .auflistung {
    padding: 20px;
    padding-top: 50px;
    font-size: 1.1em;
    font-weight: bold;
}
.foerderprogramme-liste .auflistung a {
    color: var(--main-font-color);
}
.foerderprogramm-box {
    margin-top: 30px;
    padding: 0px 15px;
}
.foerderprogramm-box .border-green {
    border-width: 2px !important;
}
.foerderprogramm-box .content {
    padding: 20px 8.33333333%;
}
.foerderprogramm-box h2 {
    font-size: 1.4em;
}
.foerderprogramm-box p {
    font-size: 1.1em;
}
@media screen and (max-width: 505px) {
    .foerderprogramme-liste .auflistung {
        font-size: 1em;
    }
}
@media screen and (max-width: 630px) {
    #intro p,
    .foerderprogramm-box p {
        font-size: 1em;
    }
    .foerderprogramm-box h2 {
        font-size: 1.2em;
    }
}
@media screen and (max-width: 750px) {
    #foerderprogramme p br {
        display: contents;
    }
}
@media screen and (min-width: 767px) {
    /*
    .foerderprogramm-box .border-green {
        margin-left: calc(8.33333333% - 30px);
        width: calc(83.33333333% + 60px);
    }
    */
    .foerderprogramm-box {
        padding: 0px 40px;
    }
    .foerderprogramm-box .content {
        padding: 20px 35px;
    }
}
@media screen and (min-width: 992px) {
    .foerderprogramm-box {
        padding: 0px 50px;
    }
    .foerderprogramm-box .content {
        padding: 20px 42px;
    }
}

@media screen and (min-width: 1200px) {
    .foerderprogramm-box {
        padding: 0px 70px;
    }
}
/* Förderprogramme - END */

.pswp__bg {
    background: rgba(0,0,0,0.8) !important;
}
#jumptotop {
    background-color: #222;
    border-radius: 3px;
    bottom: 8px;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 1.6em;
    height: 36px;
    width: 34px;
    line-height: 12px;
    opacity: 0.6;
    padding: 6px 10px;
    position: fixed;
    right: 8px;
    z-index: 800;
}
.seminar-detail #description-full.collapse.in + div {
    display: none;
}
.seminar-detail #description-short,
.seminar-detail #description-full {
    word-wrap: break-word;
}
.seminar-detail #description-full.collapse.in + div + a .more,
.seminar-detail #description-full.collapse + div + a .less {
    display: none;
}
.seminar-detail #description-full.collapse.in + div + a .less {
    display: inline;
}
.seminar-detail .link-box {
    margin-top: 15px;
}
.seminar-detail .link-box a .fa {
    margin-right: 5px;
}
.seminar-detail .list-group {
    margin-top: 15px;
    font-size: 0.9em;
}
.seminar-detail .list-group ul,
.seminar-detail .list-group li {
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
}
.seminar-detail .list-group > li:first-of-type {
    padding-left: 15px;
}
.seminar-detail #kompetenzen .list-group > li:not(:first-of-type),
.seminar-detail #weiterbildung .list-group > li {
    padding-left: 35px;
}
.seminar-detail .list-group > li > ul > li {
    padding: 10px;
}
.seminar-detail .list-group > li > ul > li > ul > li {
    padding-left: 15px;
}
.seminar-detail .list-group a:not(.btn) {
    color: var(--main-font-color);
    text-decoration: none !important;
}
.seminar-detail .list-group a:not(.btn):hover {
    color: var(--main-link-color);
}
.seminar-detail .list-group .institute a {
    color: var(--main-link-color);
    text-decoration: none !important;
}
.seminar-detail .list-group .institute a:hover {
    color: var(--main-font-color);
}
.seminar-detail #kompetenzen .list-group > li:not(:first-of-type) > a:before,
.seminar-detail #weiterbildung .list-group > li > a:before,
.seminar-detail .list-group > li > ul > li > a:before {
    /*font-family: 'FontAwesome';*/
    font-family: "Font Awesome 5 Free";
    content: '\f056';
    margin-left: -18px;
    position: absolute;
}
.seminar-detail #kompetenzen .list-group > li:not(:first-of-type) > a.collapsed:before,
.seminar-detail #weiterbildung .list-group > li > a.collapsed:before,
.seminar-detail .list-group > li > ul > li > a.collapsed:before {
    content: '\f055';
}
.seminar-detail .list-group .panel-heading {
    font-weight: 600;
}
.seminar-detail .list-group.list-group-striped > li:nth-of-type(2n+1),
.seminar-detail .list-group.list-group-striped > a:nth-of-type(2n+1) {
    background-color: #f9f9f9;
}
.seminar-detail .weiterbildung-details > div {
    margin-top: 10px;
}
.seminar-detail #weiterbildung .list-group-item > a:not(.collapsed) > span {
    font-weight: 600;
}
.seminar-detail .progress-div {
    padding-top: 45px;
}
.progress {
    margin-bottom: 0px;
    max-width: 400px;
}
.tab-navigation-content #dossier-compare-table .progress {
    max-width: 80px;
    margin: 0 auto;
}
.tab-navigation-content .no-result-notice,
.tab-content .no-result-notice {
    margin: 10px 0;
}
.progress-bar {
    background: #196599;
}
.seminar-detail .progress-div button {
    color: #666666;
    cursor: pointer;
    float: left;
    font-size: 1.35em;
    margin-right: 8px;
    padding: 0px;
    margin-top: -4px;
}
.popover {
    min-width: 300px;
}
.links-block {
    margin-top: 15px;
    margin-bottom: 15px;
}
.links-block ul, .links-block li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.links-block ul {
    padding-top: 5px;
    padding-bottom: 5px;
}
.links-block li a {
    color: #0b0b0b;
    padding: 10px;
    padding-right: 50px;
    display: block;
    position: relative;
    box-sizing: border-box;
    border: #C9E6F3 5px solid;
}
.links-block li a:after {
    /*font-family: "FontAwesome";*/
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    color: #333333;
    position: absolute;
    right: 20px;
    top: 0px;
    font-size: 3em;
    font-weight: 200;
    text-decoration: none !important;
}
.links-block li a:hover {
    text-decoration: none;
}
.links-block li a:hover > span {
    text-decoration: underline;
}
.links-block li a:focus {
    background: #FFFFFF;
    border: #C9E6F3 5px solid;
    box-sizing: border-box;
}
.links-block li {
    border-bottom: 1px solid #FFFFFF;
}
.links-block li:last-child {
    border-bottom: 0;
}
.links-block li .link-title {
    display: block;
    text-transform: uppercase;
    font-weight: 600;
}
.links-block li .link-description {
    font-size: 0.85em;
}
.links-block .block-content {
    background: #c9e6f3;
}
.links-block .links-elm {
    color: #333333;
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 400;
    border-bottom: 1px solid #b1b1b1;
    position: relative;
}
.links-block .links-elm a {
    display: block;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 25px;
    color: #2056AE;
    padding-right: 50px;
    margin-left: -15px;
    margin-right: -15px;
}
.links-block .links-elm a.collapsed {
    color: #333333;
}
.links-block .links-elm a:hover,
.links-block .links-elm a:focus {
    color: #2056AE;
    text-decoration: none;
}
.links-block .links-elm a:after {
    /*font-family: "FontAwesome";*/
    font-family: "Font Awesome 5 Free";
    content: "\f106";
    color: #c9e6f3;
    position: absolute;
    right: 20px;
    top: 0px;
    font-size: 3em;
    font-weight: 200;
}
.links-block .links-elm a.collapsed:after {
    content: "\f107";
    color: #b1b1b1;
}
.links-block .links-elm a:before {
    content: "";
    width: 90px;
    height: 50px;
    position: absolute;
    left: -70px;
    top: 15px;
    background-position: left center;
    background-repeat: no-repeat;
}
.links-block .links-elm.berufegehaelter a:before {
    background-image: url('../img/links_berufegehaelter.png');
}
.links-block .links-elm.ausundweiterbildung a:before {
    background-image: url('../img/links_ausundweiterbildung.png');
}
.links-block .links-elm.berufsorientierung a:before {
    background-image: url('../img/links_berufsorientierung.png');
}
.links-block .links-elm.karrierevideosundfotos a:before {
    background-image: url('../img/links_karrierevideosundfotos.png');
}
.links-block .links-elm.arbeitsmarktdaten a:before {
    background-image: url('../img/links_arbeitsmarktdaten.png');
}
.filter-p {
    display: inline-block;
    width: 220px;
}
.seminar-detail .gehalt-trend {
    margin-top: 10px;
    margin-bottom: -5px;
}
.seminar-detail .gehalt-trend .trend {
    display: inline;
    padding-top: 0.2em;
    padding-bottom: 0.3em;
    padding-right: 35px;
}
.seminar-detail .gehalt-trend .trend .gleichbleibend::after,
.seminar-detail .gehalt-trend .trend .sinkend::after,
.seminar-detail .gehalt-trend .trend .stark.sinkend::after,
.seminar-detail .gehalt-trend .trend .steigend::after,
.seminar-detail .gehalt-trend .trend .stark.steigend::after {
    top: 0px;
}
.seminar-detail .gehalt-trend .label-white {
    background: #EBEBEB;
    color: var(--main-font-color);
    font-size: 0.95em;
    font-weight: 600;
    line-height: 2.5em;
}
.seminar-detail {
    margin-top: 0px;
    padding: 0px;
}
@media (min-width: 768px) {
    .seminar-detail {
        margin-top: 30px;
    }
}
.impressum h1,
.datenschutz h1,
.searchagent h1,
.barrierefreiheitserklaerung h1,
.seminar-detail h1,
.beruf-not-found h1 {
    border-bottom: #004a7f 3px solid;
    font-size: 1.5em;
    padding-bottom: 10px;
}
.seminar-detail .gehalt,
.trend {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}
.trend .gleichbleibend,
.trend .sinkend,
.trend .stark.sinkend,
.trend .steigend,
.trend .stark.steigend {
    display: inline-block;
    position: relative;
}
.trend .gleichbleibend:after,
.trend .sinkend:after,
.trend .stark.sinkend:after,
.trend .steigend:after,
.trend .stark.steigend:after {
    content: "";
    display: inline-block;
    width: 36px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    right: -40px;
    margin-top: 0px;
    position: absolute;
}
.gehalt-trend .trend .gleichbleibend:after,
.gehalt-trend .trend .sinkend:after,
.gehalt-trend .trend .stark.sinkend:after,
.gehalt-trend .trend .steigend:after,
.gehalt-trend .trend .stark.steigend:after {
    margin-top: 9px;
}
tbody .trend .gleichbleibend:after,
tbody .trend .sinkend:after,
tbody .trend .stark.sinkend:after,
tbody .trend .steigend:after,
tbody .trend .stark.steigend:after {
    position: relative;
    display: inline-block;
    padding-top: 3px;
    left: 5px;
    right: 0;
}
.trend .gleichbleibend:after {
    background-image: url('../img/trend_consistent.png');
}
.trend .steigend:after,
.trend .stark.steigend:after {
    background-image: url('../img/trend_up.png');
}
.trend .sinkend:after,
.trend .stark.sinkend:after {
    background-image: url('../img/trend_down.png');
}
.seminar-detail h2.description {
    text-transform: uppercase;
    font-size: 1.15em;
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 20px;
}
.seminar-detail p {
    margin-bottom: 20px;
}
.seminar-detail .institute-header {
    background: #d0f8e4;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
}
.seminar-detail .institute-header h1 {
    color: #020202;
    border: 0;
    font-weight: 500;
    font-size: 1.7em;
    padding-bottom: 3px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 30px;
    letter-spacing: -0.03em;
    line-height: 1.3em;
}
.seminar-detail .institute-header .institute-header-bereiche {
    font-size: 0.9em;
}
.seminar-detail .bereich {
    font-weight: 600;
}
.seminar-detail .fa-external-link {
    margin-left: 5px;
}
.seminar-detail .btn-default {
    width: auto;
    font-weight: 600;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 5px;
}
.seminar-detail .btn-default.read-more-btn {
    width: auto;
    margin-top: 10px;
}
.seminar-detail .description-link {
    margin-bottom: 20px;
    margin-top: 20px;
}
.seminar-detail .description-link a {
    font-size: 1.3rem !important;
    color: var(--main-link-color) !important;
}
.seminar-detail .description-link a:hover {
    color: var(--main-font-color) !important;
    text-decoration: underline !important;
}
.seminar-detail .links-elm {
    color: #333333;
    font-size: 0.95em;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
}
.seminar-detail .links-elm > a.collapsed {
    border-bottom: 1px solid #b1b1b1;
}
.seminar-detail .links-elm a {
    display: block;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 2px;
    color: #2056AE;
    padding-right: 50px;
}
.seminar-detail .links-elm a.collapsed {
    color: #333333;
}
.seminar-detail .links-elm a:hover,
.seminar-detail .links-elm a:focus {
    color: #2056AE;
    text-decoration: none;
}
.seminar-detail .links-elm a:after {
    /*font-family: "FontAwesome";*/
    font-family: "Font Awesome 5 Free";
    content: "\f106";
    color: #2F9EC6;
    position: absolute;
    right: 10px;
    top: 3px;
    font-size: 2em;
    font-weight: 600;
}
.seminar-detail .links-elm a.collapsed:after {
    content: "\f107";
    color: #333333;
}
.seminar-detail .links-elm + div.collapse.in {
    border-bottom: 1px solid #b1b1b1;
}
.seminar-detail .videos figure,
.seminar-detail .fotos {
    margin-top: 10px;
}
.seminar-detail .video-foto-div {
    margin-top: 10px;
}
.seminar-detail .videos .thumb,
.seminar-detail .fotos .thumb {
    position: relative;
    display: block;
    overflow: hidden;
}
.seminar-detail .fotos.row {
    margin-left: -5px !important;
    margin-right: -5px !important;
}
.seminar-detail .fotos.row > div,
.seminar-detail .fotos.row > figure {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.seminar-detail .videos .thumb:after,
.seminar-detail .fotos .thumb:after {
    content: "\f01d";
    /*font-family: 'FontAwesome';*/
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    /*bottom: 0;*/
    opacity: 0.8;
    /*display: table-cell;*/
    text-align: center;
    color: #FFFFFF;
    font-size: 8em;
    /*display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;*/
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.seminar-detail .fotos .thumb:after {
    /*content: "\f03e";*/
    content: "";
    font-size: 2em;
}
.seminar-detail .videos .thumb:hover:after,
.seminar-detail .fotos .thumb:hover:after {
    opacity: 1;
    color: #d0f8e4;
}
.seminar-detail .videos .thumb figure,
.seminar-detail .fotos .thumb figure {
    overflow: hidden;
}
.seminar-detail .videos .thumb img,
.seminar-detail .fotos .thumb img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.seminar-detail .videos .thumb:hover img,
.seminar-detail .fotos .thumb:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.seminar-detail .videos .video-element {
    display: block;
}
.seminar-detail .videos .video-element:hover {
    text-decoration: none;
}
.seminar-detail .videos .video-layer {
    display: none;
}
.session-add-course {
    cursor: pointer;
}
.add-course-div {
    position: relative;
}
.video-responsive {
    margin: 0 auto;
    position: relative;
    /*padding-bottom: 56.25%;*/
    height: 360px !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.video-responsive > iframe {
    /*position: absolute;
    top: 0;
    left: 0;*/
    width: 100%;
    height: 100%;
    border: 0;
}
.video-swipe .pswp__zoom-wrap {
    max-width: 640px;
    margin: 0 auto;
    height: 100%;
}
.session-course-symbol {
    display: none;
}
.navigation-block span.fa {
    margin-right: 5px;
    font-size: 1.1em;
}
.video-layer {
    width: 100%;
    height: 100%;
    position: absolute;
}
.fancybox-title-float-wrap .child {
    border-radius: 3px;
}
.fancybox-type-inline .fancybox-inner {
    height: 0 !important;
    padding-bottom: 56.25% !important;
}
.fancybox-prev {
    left: -60px !important;
}
.fancybox-next {
    right: -60px !important;
}
.fancybox-nav {
    width: 60px !important;
}
.fancybox-nav span {
    visibility: visible !important;
    opacity: 1;
}
.fancybox-nav:hover span {
    opacity: 1 !important;
    color: #d0f8e4;
}
.fancybox-next span,
.fancybox-prev span {
    background: 0 !important;
    cursor: pointer;
    color: #FFFFFF;
    font-size: 3em;
    /*font-family: "FontAwesome";*/
    font-family: "Font Awesome 5 Free";
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-align: center;
}
.fancybox-next span:after {
    content: "\f054";
}
.fancybox-prev span:after {
    content: "\f053";
}
.fancybox-close {
    background: 0 !important;
    cursor: pointer;
    color: #FFFFFF;
    font-size: 2.5em;
    top: -45px !important;
    right: -45px !important;
    /*font-family: "FontAwesome";*/
    font-family: "Font Awesome 5 Free";
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.fancybox-close:hover {
    text-decoration: none;
    color: #d0f8e4;
}
.fancybox-close:after {
    content: "\f00d";
}
button.transparent {
    border: 0 !important;
    background: none !important;
    color: var(--main-link-color);
    padding: 0;
}
button.transparent:hover {
    text-decoration: underline;
}
button.transparent:focus {
    outline: thin dotted;
    outline-offset: -2px;
    text-decoration: underline;
}
input[type=checkbox] { position: absolute; opacity: 0; } /* to hide the checkbox itself */
input.input-radio[type=radio] { position: absolute; opacity: 0; } /* to hide the checkbox itself */
input[type=checkbox] + label:before,
input.input-radio[type=radio] + label:before {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e0dfdf;
    border-radius: 2px;
    display: inline-block;
    /*font-family: "FontAwesome";*/
    font-family: "Font Awesome 5 Free";
    font-size: 1.3em;
    height: 19px;
    line-height: 17px;
    margin-right: 7px;
    margin-top: 0;
    padding-left: 1px;
    vertical-align: top;
    width: 20px;
}
input.input-radio[type=radio] + label:before {
    border-radius: 50%;
    height: 19px;
    width: 19px;
    background: #FFFFFF;
    font-size: 0.9em;
    padding-left: 4px;
    line-height: 18px;
}
input[type=checkbox]:focus + label:before {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 90, 170, 1) !important;
    outline: 0 none;
}
input.input-radio[type=radio]:focus + label:before {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 90, 170, 1) !important;
    outline: 0 none;
}
input[type=checkbox] + label span.fa,
input.input-radio[type=radio] + label span.fa {
    display: inline-block;
    margin-left: 5px;
    margin-right: 30px;
}
input[type=checkbox] + label > span,
input.input-radio[type=radio] + label > span {
    display: inline-block;
    padding-top: 1px;
    max-width: 70%;
}
input[type=checkbox] + label,
input.input-radio[type=radio] + label {
    color: #020202;
    font-weight: normal;
}
input[type=checkbox] + label:before { content: ""; font-weight: 700;} /* unchecked icon */
input[type=checkbox]:checked + label:before { content: "\f00c"; color: #f4c500;} /* checked icon */

input[type=checkbox].indeterminate + label:before {
    content: "";
    background: #F4C500;
    border: #FFFFFF 5px solid;
}

input.input-radio[type=radio] + label:before { content: "";  } /* unchecked icon */
input.input-radio[type=radio]:checked + label:before {
    /*content: "\f111";
    color: #f4c500; */
    background: #F4C500;
    border: #FFFFFF 4px solid;
    box-shadow: inset 0 0 0 -1px #e0dfdf;
} /* checked icon */
#owl-bildungsbereiche {
    width: 100vw;
    position: relative;
    left: calc(-50vw + 50%);
}
.owl-theme .owl-dots .owl-dot.active span {
    background: #93C9B5!important;
}
.owl-theme .owl-dots .owl-dot span {
    background: #EDC62E!important;
}
/* Footer - General - START */
#pageFooter {
    margin-top: 3em;
}
.footer {
    background: #d8f7e5;
    color: #333;
    z-index: 2;
    display: block;
    position: relative;
    padding-top: 1.5em;
    padding-bottom: 1em;
}
#wartungsbereich .btn-default {
    color: #ffffff;
}
@media (min-width: 768px) {
    .footer {
        padding-top: 2em;
        padding-bottom: 1.5em;
    }
}
@media (min-width: 1200px) {
    .footer {
        padding-top: 2.5em;
    }
}
.footer .footer-logo-link {
    text-decoration: none;
}
.footer .footer-logo-link:hover {
    -webkit-filter: drop-shadow( 3px 2px 3px rgba(0, 0, 0, .25));
    filter: drop-shadow( 3px 2px 3px rgba(0, 0, 0, .25));
}
.footer .footer-logo {
    height: 1.7em;
    width: auto;
}
.footer h3 {
    color: #d1f0ff;
    font-size: 1.8rem;
    font-weight: 400;
    margin-bottom: 2px;
}
.footer .footer-border {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #376297;
}
.footer .footer-border p.footer-logo-sitename {
    margin-bottom: 1.4em;
}
.footer .footer-border p.footer-links {
    margin-bottom: 0;
}
.footer .footer-border a {
    color: #333;
    margin-right: 5px;
    font-size: 1.1em;
    font-weight: 300;
    display: block;
    font-family: "Nunito Sans", sans-serif;
    line-height: 1.5em;
}
.footer .footer-border a:hover,
.footer .footer-border a:focus {
    color: #000000;
}
.footer .footer-pane {
    background: none;
    color: #333;
    font-size: 1.2rem;
}
.footer .footer-pane a {
    color: #333;
}
.footer .footer-pane a:hover {
    color: #d1f0ff;
}
#pageFooter a:focus {
    outline: #ffffff dashed 2px;
}
@media screen and (min-width: 768px) {
    .footer .footer-border a {
        display: inline;
    }
}
.footer a.footer-logo-link,
.footer a.navbar-brand-name {
    display: inline;
}

.footer a.navbar-brand-name {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
}
footer .nav-tabs > li > a {
    border: 1px solid #d2d2d2;
    border-radius: 2px 2px 0 0;
    font-size: 0.9em;
    color: #020202;
    border-bottom: 1px solid #F7F7F7;
}
footer .nav-tabs {
    border-bottom: 0;
}
footer .nav-tabs > li.active > a,
footer .nav-tabs > li.active > a:hover,
footer .nav-tabs > li.active > a:focus,
footer .nav-tabs > li > a:hover,
footer .nav-tabs > li > a:focus {
    background: #F7F7F7;
    color: #020202;
}

footer .nav-tabs > li.active > a:focus,
footer .nav-tabs > li > a:focus {
    z-index: 1;
}

footer .tabs {
    background: #FFFFFF;
    padding-top: 1em;
}
footer p {
    color: #020202;
}
footer .tab-content {
    padding: 30px;
    font-size: 1em;
    background: #F7F7F7;
}
footer .tab-content ul,
footer .tab-content li {
    padding: 0;
    padding-left: 15px;
}
footer .tab-content li {
    margin-top: 10px;
}
.impressum h2,
.datenschutz h2,
.barrierefreiheitserklaerung h2 {
    font-size: 1.3em;
    font-weight: 600;
    margin-top: 30px;
}
.impressum h3,
.datenschutz h3,
.barrierefreiheitserklaerung h3 {
    font-size: 1.1em;
    font-weight: 600;
    margin-top: 30px;
}
.impressum p,
.datenschutz p,
.barrierefreiheitserklaerung p {
    margin-bottom: 15px;
}


.seminar-detail-container #description {
    margin-bottom: 30px;
}
.similiarseminare {
    margin-top: 30px;
    margin-bottom: 10px;
}
h2.similiarseminare {
    font-size: 1.4rem;
}

/* AUTOCOMPLETE */
#kurseAutocompleteContainer {
    margin-top: 40px;
    background: transparent;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 100;
}
#kurseAutocompleteContainer .ui-widget {
    font-family: 'Open Sans', sans-serif !important;
}
#kurseAutocompleteContainer ul,
#kurseAutocompleteContainer li {
    color: inherit !important;
    background: #FFFFFF !important;
    border: 0 !important;
    font-weight: 400 !important;
}

#kurseAutocompleteContainer h2,
#kurseAutocompleteContainer p {
    text-align: center;
}
#kurseAutocompleteContainer h2 {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 3px;
}
#kurseAutocompleteContainer p {
    font-size: 0.85em;
    margin-bottom: 30px;
}
#kurseAutocompleteContainer .ui-menu .ui-menu-item {
    cursor: auto !important;
    float: none;
}
#kurseAutocompleteContainer .ui-menu-item {
    font-size: 0.9em;
}
#kurseAutocompleteContainer .ui-autocomplete-category {
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 400 !important;
}
#kurseAutocompleteContainer .ui-autocomplete-category.le {
    color: #f27e00 !important;
}
#kurseAutocompleteContainer .ui-autocomplete-category.bhs {
    color: #1841d9 !important;
}
#kurseAutocompleteContainer .ui-autocomplete-category.ak {
    color: #f00c06 !important;
}
#kurseAutocompleteContainer .ui-autocomplete-category.sonstige {
    color: #007613 !important;
}
#kurseAutocompleteContainer ul.myauto {
    border-right: #e4e5e6 1px solid !important;
    padding-left: 25px !important;
    vertical-align: top;
}
#kurseAutocompleteContainer ul.myauto a {
    color: #020202;
    border: 1px solid transparent;
    margin: 0 !important;
}
#kurseAutocompleteContainer ul.myauto a:hover,
#kurseAutocompleteContainer ul.myauto a:focus,
#kurseAutocompleteContainer ul.myauto a.ui-state-active {
    color: #020202;
    text-decoration: none !important;
    outline-offset: -2px !important;
}
#kurseAutocompleteContainer ul.myauto a.ui-state-active {
    border: 1px solid #003eff;
}
#kurseAutocompleteContainer ul.myauto:first-of-type {
    padding-left: 0.4em !important;
}
#kurseAutocompleteContainer ul.myauto:last-of-type {
    border-right: 0 !important;
}
#kurseAutocompleteContainer ul.myauto .ui-menu-item {
    color: #000000 !important;
}
#courses .dataTables_wrapper .fo > div {
    display: inline-block;
    width: 50%;
}
ul.myauto {
    display: table-cell !important;
    background-image: none !important;
    background-color: #fff !important;
    margin: 0 !important;
    cursor: auto !important;
    padding-left: 0.4em !important;
    padding-right: 0.4em !important;
    width: 23% !important;
    min-height: 1px !important;
    position: relative !important;
    float: none !important;
    clear: none !important;
    font-weight: normal !important;
    color: inherit !important;
    border-radius: 0 !important;
    border: 1px solid #d3d3d3 !important;
    top: auto !important;
    left: auto !important;
}
#kurseAutocompleteContainer ul.myauto li.ui-state-focus,
#kurseAutocompleteContainer ul.myauto li.ui-state-active {
    margin: auto !important;
}
#kurseAutocompleteContainer > .row > .ui-widget-content {
    display: none;
    top: 0px !important;
    left: auto !important;
    width: 100% !important;
    background: #FFFFFF !important;
    border: 1px solid #f4c500 !important;
    border-radius: 2px;
    margin-top: 0px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
}
#kurseAutocompleteContainer > .row > .ui-widget-content .ui-autocomplete {
    position: relative !important;
    width: 100% !important;
    top: 0px !important;
    left: 0px !important;
}
#kurseAutocompleteContainer .ui-menu-icon {
    display: none !important;
}
/* 2024-01-10 autocomplete design settings with inline-block / grid / flex */
#kurseAutocompleteContainer .autocomplete-list > ul {
    display: inline-block !important;
    column-count: 3;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    margin: auto !important;
    width: auto !important;
}
#kurseAutocompleteContainer .autocomplete-list > ul > * {
    break-inside: avoid-column;
}
#kurseAutocompleteContainer .ausbildungen-autocomplete-item {
    display: block!important;
    line-height: 17px!important;
    margin-bottom:0.35em!important;
}
#kurseAutocompleteContainer .ausbildungen-autocomplete-item-text {
    display:block;
    font-size: 1.1rem;
    color: #4b4b4b;
}

.dataTables_processing,
#news-table_processing {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    color: #FFFFFF;
    text-align: center;
    box-sizing: border-box;
    padding-top: 5%;
    font-size: 2em;
    z-index: 100;
}

div.dataTables_wrapper div.dataTables_processing {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.iframe-ak-top {
    background: #AEDDCC !important;
    color: #333333;
    font-weight: 600;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.2em;
}
.iframe .owl-prev, .iframe .owl-next {
    cursor: pointer;
    /*font-family: "FontAwesome";*/
    font-family: "Font Awesome 5 Free";
    font-size: 3.5em;
    position: absolute;
    height: 120px;
    line-height: 40px;
    top: 0;
    color: #666666;
}
.iframe .owl-prev {
    left: 10px;
}
.iframe .owl-next {
    right: 10px;
}
.iframe .owl-prev::after {
    content: "\f104";
}
.iframe .owl-next::after {
    content: "\f105";
}
.iframe .owl-nav .disabled {
    opacity: 0.3;
}
.iframe .owl-carousel {
    padding-left: 30px;
    padding-right: 30px;
    min-height: 150px;
    box-sizing: border-box;
}
.iframe .owl-stage-outer {
    max-height: 500px;
    overflow: hidden;
}
.iframe .owl-carousel .owl-item {
    cursor: pointer;
    text-align: center;
    padding: 30px 0px;
    box-sizing: border-box;
}
/*.iframe .owl-carousel .owl-item > div {
    background: #F4F4F4;
    border-radius: 3px;
    padding: 5px 15px;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
}*/
.iframe .owl-carousel .owl-item a {
    background: #f4f4f4 none repeat scroll 0 0;
    border-radius: 3px;
    color: #333333;
    display: block;
    font-size: 1.1em;
    margin-left: 10px;
    margin-right: 10px;
    padding: 7px 12px;
    transition: all 0.3s ease 0s;
    box-shadow:0px 0px 2px #DEDEDE;
    min-height: 60px;
}
.iframe .owl-carousel .owl-item a:hover {
    background: #AEDDCC;
    text-decoration: none;
}
.iframe .iframe-ak-more {
    text-align: center;
    display: block;
    margin: 0 auto;
    max-width: 500px;
    background: #AEDDCC;
    color: #333333;
    text-decoration: none !important;
    box-shadow:0px 0px 2px #DEDEDE;
    border-radius: 3px;
    padding: 7px 10px;
    font-size: 0.85em;
}
a.svg {
    position: relative;
    display: inline-block;
}
a.svg::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

@media (max-width: 1199px) {
    .logo .logo-widget img {
        max-height: 112px !important;
    }
    .filter-p {
        display: block;
    }
    #kompass_cont {
        margin-left: -290px !important;
    }
}

@media (max-width: 991px) {
    footer .nav-tabs > li > a {
        padding: 10px;
    }
}
@media (min-width:767px) and (max-width:991px) {

    .ausbildungsassistent.hidden-xs.hidden-sm {
        display: none !important;
    }
}
@media (max-width: 979px) {
    .logo .logo-widget img {
        max-height: 87px !important;
    }
    #kurseAutocompleteContainer ul.myauto,
    #kurseAutocompleteContainer ul.myauto:first-of-type {
        display: block !important;
        width: 100% !important;
        border-right: 0 !important;
        padding-left: 0 !important;
    }
    #kompass_cont {
        margin-left: -300px !important;
    }
}

@media (max-width: 767px) {
    #search-fulltext, .pagination-letters {
        padding-left: 15px !important;
    }
    div.bildungsbereiche-container .bildungsbereiche-row a.col-xs-12 {
        margin-bottom: 14px !important;
    }
    div.bildungsbereiche-container .bildungsbereiche-row {
        margin-top: 0px !important;
    }
    .logo .logo-widget img {
        height: 100%;
        position: absolute;
        right: 0;
        width: auto;
    }
    .logo .logo-widget {
        height: 100%;
    }
    .news-ak span:not(.fa) {
        display: none !important;
    }
    #kurseAutocompleteContainer {
        right: 47px;
        background: transparent !important;
    }
    footer .nav > li > a {
        min-height: 43px;
    }
    footer .nav > li > a .visible-xs {
        display: inline !important;
    }
    .seminar-detail .btn-default {
        float: none !important;
    }
    .fancybox-next span,
    .fancybox-prev span {
        font-size: 1.5em;
    }
    .fancybox-close {
        font-size: 1em;
    }
    .fancybox-prev {
        left: -45px !important;
    }
    .fancybox-next {
        right: -45px !important;
    }
    .fancybox-close {
        height: 25px !important;
        right: -25px !important;
        top: -25px !important;
        width: 20px !important;
    }
    .tab-navigation-content .search-results,
    .dataTables_info {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 0.9em;
        text-align: left;
        white-space: normal;
    }
    .tab-navigation-content #dossier-table:not(.collapsed) > tbody > tr > td:first-child,
    .tab-navigation-content #dossier-table:not(.collapsed) > thead > tr > th:first-child,
    .tab-navigation-content .list-table:not(.collapsed) > tbody > tr > td:first-child,
    .tab-navigation-content .list-table:not(.collapsed) > thead > tr > th:first-child {
        padding-left: 30px;
    }
    .tab-navigation-content #dossier-table > tbody > tr > td:last-child {
        color: #373737 !important;
        font-size: 1em;
    }
    .seminar-detail .gehalt-trend .label-white {
        display: inline-block;
        margin-bottom: 5px;
        padding-bottom: 0.5em;
        padding-top: 0.4em;
        line-height: inherit;
    }
    .trend .gleichbleibend::after,
    .trend .sinkend::after,
    .trend .stark.sinkend::after,
    .trend .steigend::after,
    .trend .stark.steigend::after {
        margin-top: 3px;
    }
    .gehalt-trend .trend .gleichbleibend:after,
    .gehalt-trend .trend .sinkend:after,
    .gehalt-trend .trend .stark.sinkend:after,
    .gehalt-trend .trend .steigend:after,
    .gehalt-trend .trend .stark.steigend:after {
        margin-top: 2px;
    }
    .tab-navigation-content #dossier-table > tbody > tr > td:first-child,
    .tab-navigation-content #dossier-table > thead > tr > th:first-child,
    .tab-navigation-content .list-table > tbody > tr > td:first-child,
    .tab-navigation-content .list-table > thead > tr > th:first-child {
        padding-left: 1em;
    }
    /*
    footer .tab-content {
        padding: 20px 10px;
    }*/
    .seminar-detail .btn-default {
        margin-top: 10px;
    }
    .navigation-block {
        padding: 0;
    }
    .navigation-block > .row {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .navigation-block a {
        width: 100%;
        min-width: 100%;
        /*border-bottom: 17px solid #F3F2F2 !important;*/
    }
    .navigation-block a:not(.active) {
        padding-bottom: 10px;
        padding-top: 10px;
        border-bottom: 0;
        border-left: 0;
        border-top: 0;
        margin-bottom: 0px;
        border-right: 1px solid #e6e6e6;
    }
    .navigation-block a.active {
        border-bottom: 0 !important;
        box-shadow: none !important;
        margin-bottom: 0 !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .navigation-block a:hover {
        border-color: #e6e6e6;
    }
    .navigation-block > .row > div {
        padding: 0;
    }
    .tab-navigation-content {
        border-radius: 0px;
    }
    .tab-navigation-content #dossier-table > tbody > tr > td:last-child {
        position: relative;
    }
    .tab-navigation-content #dossier-table > tbody > tr > td:last-child span {
        cursor: auto;
    }
    .tab-navigation-content #dossier-table > tbody > tr > td:last-child .trend {
        display: inline-block;
    }
    .tab-navigation-content #dossier-table > tbody > tr > td:last-child .fa-trash {
        font-size: 1.8em;
        color: #979797 !important;
    }
    footer .nav > li > a {
        padding: 5px 9px;
        font-size: 0.8em;
    }
    .pagination a,
    .tab-navigation-content .dataTables_wrapper .dataTables_length,
    .tab-navigation-content .dataTables_wrapper .dataTables_paginate,
    .input-sm {
        font-size: 0.9em;
    }
    .search-block .form-inputs .row > div > div, .tab-navigation-content .form-inputs > div {
        width: 45%;
    }
    .dossier-table-actions {
        text-align: center;
    }
    .dossier-table-actions > div:first-of-type > button {
        float: none !important;
        margin-bottom: 30px;
    }
    .seminar-detail .progress-div {
        padding-top: 15px;
    }
    #berufegehaelter, #ausundweiterbildung, #berufsorientierung, #karrierevideosundfotos, #arbeitsmarktdaten {
        width: calc(100% - 16.667%);
    }
    .links-block .links-elm {
        font-size: 1.1em;
    }
    .links-block li {
        font-size: 0.9em;
    }
    .input-padding {
        padding-top: 20px;
    }
    #kompass_cont {
        right: 5px !important;
        max-width: 350px !important;
        margin-left: -350px !important;
        top: 80px;
    }
    #kompass_cont #widget_pfeil {
        display: none !important;
    }
    .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next{
        display: none !important;
    }
}
@media (min-width: 767px) and (max-width: 992px) {
    .navigation-block a {
        white-space: normal;
    }
}
.date-form {
    margin-top: 10px;
}
.seminar-detail-container {
    margin: 0 15px;
}
/* small smartphones */
@media (max-width: 374px) {
    .links-block .links-elm {
        margin-left: 0px;
        width: 100%;
        padding-left: 0px;
    }
    .links-block .links-elm a::before {
        left: 0px;
        background: none !important;
    }
    footer .nav > li > a {
        font-size: 0.75em;
        padding: 5px 3px;
    }
    #berufegehaelter, #ausundweiterbildung, #berufsorientierung, #karrierevideosundfotos, #arbeitsmarktdaten {
        margin-left: 0;
        width: 100%;
    }
    .links-block .links-elm {
        font-size: 1.1em;
    }
    .links-block li {
        font-size: 0.9em;
    }
}
@media print {
    .navigation-block a[href]:after,
    table a[href]:after {
        content: "";
    }
    .navigation-block a,
    .navigation-block a.active {
        border: 1px solid #cacaca !important;
        border-radius: 1px !important;
    }
    #cookie-bar {
        display: none;
    }
}
.similarseminare {
    font-weight: 600;
    margin-top: 35px;
}
.similarseminar-item,
.newinstitute-item {
    background: #d0f8e4;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    height: 170px;
    display: block;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 2px;
    position: relative;
    border: #DDDDDD 1px solid;
    transition: all 0.3s ease 0s;
}
.newinstitute-item {
    background: #FEFEFE;
}
.similarseminar-item-title {
    display: flex;
    justify-content: center;
}
.similarseminar-item-title,
.newinstitute-item-title {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
    color: #333333;
    padding: 5px;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    font-size: 0.85em;
    font-weight: 600;
    line-height: 1.25em;
    word-wrap: break-word;
}
.newinstitute-item-title {
    top: 0 !important;
    font-size: 0.95em;
    padding: 0;
    background: transparent;
    height: auto !important;
    bottom: auto !important;
}
.newinstitute-item-title span {
    background: #D0F8E4;
    padding: 7px;
    padding-bottom: 10px;
    padding-bottom: 10px;
    display: block;
}
.newinstitute-item-title p {
    color: var(--main-font-color);
    background: transparent;
    font-size: 0.85em;
    margin: 0 !important;
    padding: 7px;
    line-height: 1.5em;
    font-weight: 400;
}

p.similarseminar-item-title,
p.newinstitute-item-title {
    margin: 0;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
    cursor: pointer;
    position: absolute;
    top: 20px;
    font-size: 1.7em;
    height: 120px;
}
.owl-carousel .owl-nav .owl-prev {
    left: -15px;
}
.owl-carousel .owl-nav .owl-next {
    right: -15px;
}
.seminar-detail-container div.seminar-collapse-container {
    margin-left: 15px;
    margin-right: 15px;
}
.seminar-detail-container #description .row {
    margin-bottom: .6em;
}
@media screen and (min-width: 768px) {
    .seminar-detail-container #description .row {
        margin-bottom: .4em;
    }
}
.seminar-detail .links-elm a span, h2.description span {
    padding-left: 10px;
}
.seminar-detail .links-elm > a > i {
    min-width: 15px;
}

div.info-detail {
    padding-bottom: 10px;
}
/* BEGIN SLIDER-Customization */
div.noUi-origin {
    transition: none;
}
span#event-start, span#event-end, span#event-cost-start, span#event-cost-end {
    margin-right: 10px;
}
/* END SLIDER-Customization */
.seminar-detail .links-elm + div.collapse.in + .location {
    border-bottom: none;
}
td.dossier-cost, td.dossier-date, .tab-navigation-content #dossier-table > tbody > tr > td, .tab-navigation-content .list-table > tbody > tr > td, #news-table > tbody > tr > td {
    white-space: normal;
}
.tab-navigation-content #dossier-table > tbody > tr > td, .tab-navigation-content .list-table > tbody > tr > td:first-child {
    white-space: normal;
}
.tab-navigation-content .list-table thead > tr > th.table-header-white-bg {
    background: #FFF;
    padding-top: 0px;
}
th.table-header-white-bg {
    padding-left: 0px!important;
}
th div.form-header {
    margin-bottom: 5px;
}
#education-area-top-select {
    font-size: 0.9em;
    font-family: 'Open Sans', sans-serif;
}
input.form-control {
    font-size: 0.9em;
    font-family: 'Open Sans', sans-serif;
}
th.table-header-white-bg div.form-group, th.table-header-white-bg div.input-group  {
    margin-bottom: 10px;
}
.standort-alle, .standort-umgebung, .standort-bundesland  {
    display: block;
    margin-right: 20px;
}
@media screen and (min-width: 768px) {
    .standort-alle, .standort-umgebung, .standort-bundesland  {
        display: inline-block;
    }
}
.links-elm.weiterbildung.institut-collapse a:after {
    margin-left: 5px;
    content: "\f106";
    /*font-family: 'FontAwesome';*/
    font-family: "Font Awesome 5 Free";
    font-size: 1.2em;
}
.links-elm.weiterbildung.institut-collapse a {
    color: var(--main-font-color);
    text-decoration: none;
}
.links-elm.weiterbildung.institut-collapse a.collapsed:after {
    content: "\f107";
}
li.list-group-item.panel-heading a.collapsed::before {
    content: '\f055';
}
ul.list-group.panel.panel-default li.panel-heading {
    padding-left: 28px;
}
ul.list-group.panel.panel-default {
    margin-top: 5px;
    margin-bottom: 10px;
}
li.list-group-item:not(.panel-heading) {
    padding: 0;
    border-radius: 0;
}
list-group-item panel-heading {

}
li.list-group-item.panel-heading a::before {
    /*font-family: 'FontAwesome';*/
    font-family: "Font Awesome 5 Free";
    content: '\f056';
    margin-left: -18px;
    position: absolute;
}
div.bildungsbereiche-container img {
    width: 100%;
}
div.bildungsbereiche-container .similarseminar-item-title {
    padding: 7px;
    font-size: 0.95em;
}
div.bildungsbereiche-container .bildungsbereiche-row .row {
    margin-left: -7px;
    margin-right: -7px;
}
@media screen and (min-width: 1200px) {
    div.bildungsbereiche-container .bildungsbereiche-row .row:first-of-type {
        margin-bottom: 1.3em;
    }
}
div.bildungsbereiche-container .bildungsbereiche-row .row > div {
    padding-left: 7px;
    padding-right: 7px;
}
.bildungsbereich-label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bildungsbereich {
    box-sizing: border-box;
    width: 20%;
}
.bildungsbereiche h2 {
    font-weight: 600;
}
.ui-state-active, .ui-widget-content .ui-state-active {
    color: #454545!important;
}
.ui-datepicker .ui-datepicker-header {
    border-radius: 0 !important;
    font-family: 'Open Sans' !important;
    background: #D0F8E4 !important;
    color: #020202;
    font-size: 0.95em;
    font-weight: 600;
}
.ui-widget {
    font-family: 'Open Sans' !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #F3F2F2 !important;
}
.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover,
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #D0F8E4 !important;
}
#ui-datepicker-div {
    border-radius: 0 !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #444444 !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    border: 0 !important;
    background: none !important;
    padding: 3px !important;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px !important;
    top: 2px !important;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px !important;
    top: 2px !important;
}
/* jquery datepicker barrierefreiheit */
/* Interaction states
----------------------------------*/
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    background: #D0F8E4 !important;
    font-weight: normal;
    color: #2b2b2b;
}
.tm-20 {
    margin-top: 20px;
}
footer #biz {
    margin-bottom: -30px;
}
footer #biz .biz-main {
    margin-bottom: 40px;
}
footer #biz p {
    line-height: 1.6em;
}
footer #biz a.biz {
    background-color: #D91434;
    color: #fff;
    border: none;
    padding: 10px 50px;
    font-size: 1em;
    font-weight: 600;
    float: right;
}
@media (max-width: 992px) {
    footer #biz a.biz {
        float: left;
    }
}
footer #biz a.biz:hover {
    background-color: #ccc;
}
footer #biz .biz-regional h2 {
    font-size: 1.5em;
    margin-top: 0;
}
footer #biz .biz-service {
    margin-top: 40px;
}
footer #biz .biz-service h2 {
    font-size: 1.2em;
    font-weight: 600;
    margin-top: 0;
}
footer #biz .biz-service span {
    font-size: 1em;
}
footer #biz .biz-service img.biz-service-img {
    display: block;
    width: 150px;
    margin: 0 auto;
}
footer #biz .biz-regional {
    padding-top: 30px;
    margin-left: -15px;
    margin-right: -15px;
}
footer #biz .biz-regional > div {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.bg-white {
    background-color: #fff;
    margin-left: -45px;
    margin-right: -25px;
    padding: 0 30px 30px;
}
@media (min-width: 768px) {
    footer #biz .biz-service div[class$="content"] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 150px;
    }
    footer .col-sm-offset-1 {
        margin-left: 0 !important;
    }
    .bg-white {
        margin-right: -45px;
    }
}
@media (min-width: 1200px) {
    footer #biz .biz-service div[class$="content"] {
        padding-left: 80px;
    }
}
@media (max-width: 768px) {
    footer #biz .biz-service div[class$="content"] {
        margin-top: 20px;
    }
}
@media print {
    .navigation-block a[href]:after,
    table a[href]:after {
        content: "";
    }
    .navigation-block a,
    .navigation-block a.active {
        border: 1px solid #cacaca !important;
        border-radius: 1px !important;
    }
    #cookie-bar {
        display: none;
    }
    a[href]:after {
        content: none !important;
    }
    #description-full {
        display: block !important;
    }
    #description-short, #jumptotop,
    .add-course-div, .videos, .link-box, .links-block,
    .similarberufe, .similarseminare-carousel, .similarseminare-link {
        display: none !important;
    }
}
#cookie-bar{
    color: #ffffff !important;
}
/* Fix for long query text, that is causing horizontal scroll */
div.dataTables_wrapper div.dataTables_info {
    white-space: normal !important;
}
/* Footer - BIZ - White Background - START */
@media screen and (max-width: 767px){
    footer #biz .biz-main {
        margin-bottom: 15px;
    }
    footer #biz .biz-service:first-of-type {
        margin-top: 20px;
    }
    footer #biz .biz-service:last-of-type {
        padding-bottom: 20px;
    }
}
.footer-tab-content-biz-bg {
    position: absolute;
    width: 0;
    height: 0;
    background-color: #fff;
    top: 0;
    left: 0;
}
@media screen and (max-width: 390px) {
    .row.biz-regional .col-with-btn {
        padding: 0px;
    }
    .row.biz-regional .btn.biz {
        font-size: 0.9em !important;
        padding: 10px 20px !important;
    }
}
@media screen and (max-width: 768px) {
    footer #biz .biz-service {
        margin-top: 0;
        padding-top: 20px;
        background-color: #ffffff;
        margin-right: -15px;
        margin-left: -15px;
    }
}
@media screen and (min-width: 768px) {
    footer #biz .biz-service:first-of-type {
        margin-top: 50px;
    }
    .footer-tab-content-biz-bg {
        height: 1060px;
        width: 720px;
        top: 110px;
        left: 0px;
    }
}
@media screen and (min-width: 769px) {
    .footer-tab-content-biz-bg {
        height: 960px;
    }
}
@media screen and (min-width: 992px) {
    footer #biz .biz-service:first-of-type {
        margin-top: 55px;
    }
    .footer-tab-content-biz-bg {
        width: 940px;
        top: 90px;
        left: 0px;
    }
}
@media screen and (min-width: 1200px) {
    footer #biz .biz-service:first-of-type {
        margin-top: 60px;
    }

    .footer-tab-content-biz-bg {
        width: 1140px;
        top: 95px;
        left: 0px;
    }
}
footer #biz a.biz:hover,
footer #biz a.biz:focus {
    background-color: #890e23;
    outline-color: #890e23 !important;
    color: #ffffff;
}
/* Footer - BIZ - White Background - END */
/* Footer - General - END */

a:focus,
.dossier-table-actions button:focus {
    outline: var(--main-link-color) dashed 2px!important;
    outline-offset: 2px!important;
    z-index: 9999 !important;
}

/* Safari only */
a:focus:not(:root:root),
button:focus:not(:root:root) {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.navigation-block a:focus {
    background-color: #D0F8E4;
    outline-color: #46B47D !important;
}

.bildungsbereiche-container a:focus {
    -webkit-filter: opacity(.8);
    filter: opacity(.8);
}
.institute-carousel a:focus .newinstitute-item-title span,
.similiarseminare-carousel a:focus .similarseminar-item-title {
    background-color: var(--main-link-color);
    color: #ffffff;
}
.institute-carousel a.newinstitute-item:focus {
    outline-offset: -2px!important;
}
.popup_content a:focus,
#cookie-bar a:focus {
    outline-color: #ffffff !important;
}
.popup_close:focus {
    outline: #ffffff dashed 2px!important;
}

#cookie-bar a:focus {
    color: #444444;
    background-color: #ffffff !important;
}
.news-ak a:focus {
    outline-color: #ffffff !important;
}
.sr-show-content:focus {
    background-color: #EBEFF1;
    border-radius: 3px;
    clip: auto !important;
    color: #000000;
    height: auto;
    line-height: normal;
    padding: 5px;
    font-size: .9em;
    text-decoration: none;
    width: auto;
    z-index: 100000;
}
.sr-vorschlage:focus {
    left: auto;
    right: 0;
    top: 20px;
}
#content .introduction p {
    margin-bottom: 0;
    font-size: 1.2em;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    opacity: .56 !important;
}
/* WCAG Skip Links - START */
#skiplinks {
    left: 0;
    top: 0;
    z-index: 4000;
    display: block;
}
#skiplinks.under_survey {
    top: 60px;
}
@media (max-width: 1400px) {
    #skiplinks {
        font-size: .9em;
        left: 50%;
        margin-left: -80px;
    }
    #skiplinks a {
        text-align: center;
    }
}
#skiplinks,
#skiplinks a {
    position: absolute;
    display: block;
}
#skiplinks p {
    margin: 0;
    line-height: 1.2em;
    padding: 0;
    display: block;
}
#skiplinks a {
    z-index: 100;
    background: 0 0;
    left: -1000em;
    top: -1000em;
    width: .1em;
    color: #000;
    line-height: 1.2em;
    display: block;
}
#skiplinks a:active,
#skiplinks a:focus,
#skiplinks a:hover {
    position: absolute;
    z-index: 100;
    left: 12px;
    top: 12px;
    width: auto;
    white-space: nowrap;
    background: 0 0;
    padding: .5em 1em;
    outline: 2px dashed var(--main-link-color);
    color: var(--main-link-color);
}
.notransition a,
.popover {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
/* WCAG Skip Links - END */

/* When mouse is detected, ALL focused elements have outline removed. */
/* In correlation with jQuery script */
body.using-mouse a:focus,
body.using-mouse button:focus {
    outline: none !important;
}
#dossier-table th {
    padding-right: 0;
}
.slider-kosten,
.slider-datum {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.slider-kosten {
    margin-bottom: 2.3em;
}
.slider-datum {
    margin-bottom: 1em;
}
.slider-kosten .slider-kosten-bis,
#event-cost-end,
.slider-datum .slider-datum-ende,
#event-end {
    text-align: right;
}
@media screen and (max-width: 386px) {
    .slider-kosten,
    .slider-datum {
        padding-right: 1.4em;
    }
    .row-slider {
        margin-right: .65em;
    }
}
@media screen and (min-width: 992px) {
    .slider-kosten .slider-kosten-bis,
    #event-cost-end,
    .slider-datum .slider-datum-ende,
    #event-end {
        text-align: left;
    }
    .slider-kosten .slider-kosten-von,
    #event-cost-start,
    .slider-datum .slider-datum-beginn,
    #event-start {
        text-align: right;
    }
}
@media (max-width: 767px) {
    .tab-navigation-content #dossier-table > thead > tr > th:first-child {
        padding-left: 1.8em;
    }
}
#jumptotop:focus {
    display: block !important;
    min-width: auto !important;
}
.imgAuthor {
    font-size: 1rem;
    top: 150px;
    position: relative;
    left: -10px;
    color: white;
    background: #0000005e;
    display: inline-block;
}
.imgAuthorSmall {
    font-size: 1rem;
    top: 150px;
    position: relative;
    left: -10px;
    color: white;
    background: #0000005e;
    display: inline-block;
}
/* fixing pop over accessibility */
.popover {
    font-size: 1.1rem;
    min-width: auto;
    background-color: #D0F8E4;
    line-height: .5;
}
.popover .arrow::after {
    border-top-color: #D0F8E4 !important;
}
#survey .alert-info > h2{
    font-size: 1.3em !important;
}
#survey .btn-to-survey {
    height: auto !important;
    margin-left: 10px;
    padding: 4px 10px;
}
#survey .alert-info {
    border: none;
}
/* sticky-wrapper - START */
.sticky-wrapper {
    display: block !important;
}
.sticky-wrapper .start #navigation {
    opacity: 0;
    transition: 0.3s all;
}
.sticky-wrapper.is-sticky .start {
    top: 0 !important;
}
.sticky-wrapper.is-sticky .start #navigation {
    opacity: 1;
}
#navigation .sticky-wrapper {
    opacity: 0;
    height: 0 !important;
}
#navigation .sticky-wrapper.is-sticky {
    opacity: 1;
}
#navigation .sticky-wrapper .navbar {
    display: none;
}
#navigation .sticky-wrapper.is-sticky .navbar {
    display: block;
}
/* sticky-wrapper - END */

/*safari fixes*/
#widget_link:focus:not(:root:root) {
    outline: none !important;
    box-shadow: 0 0 0 2px #23527c !important;
    display: block;
}
#widget_link[style] {
    width: 86px;
    display: block;
}
#widget[style] {
    margin-right: 16px !important;
}
#widget .row {
    margin: 0;
}
/*End of safari fixes*/
.navbar-custom {
    display: block!important;
}
@media screen and (min-width: 768px) {
    .navbar-fixed-top {
        padding-right: 1em;
    }
}
.bootstrap-select .dropdown-menu li {
    padding-bottom: 6px !important;
    font-size: 1.6rem !important;
}
.alle-institute-letters .bootstrap-select, .alle-kurse-letters .bootstrap-select {
    width: 180px !important;
}

.alle-institute-letters button.dropdown-toggle ,.alle-kurse-letters button.dropdown-toggle {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #888;
}

.alle-institute-letters .dropdown-menu, .alle-kurse-letters .dropdown-menu{
    background-color: #ffffff;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover {
    background-color: #d0f8e4;
    color: black;
}
.pagination-letters label {
    font-size: 1.2em;
}
.btn-cookie-settings.btn-default{
    background-color: #E6EEEE;
    border: none !important;
}
.btn-cookie-settings.btn-default:hover{
    background-color: #e6e6e6;
}