/* base.css */
/*
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 {
    --berufsaussichten-button-color: #ffffff;
    --berufsaussichten-button-background-color: #275A37;
    --newsletter-button-color: #000;
    --newsletter-button-background-color: #fCC300;
    --berufsaussichten-button-color-hover: #000000;
    --berufsaussichten-button-background-color-hover: #41965C;
    --bl-schwerpunkte-title-font-family: 'Nunito',sans-serif;
    --bl-schwerpunkte-flkty-cell-default-bg-color: #EAEEF2; /* light gray statt #E6EBF0 vom mockup*/
    --bl-schwerpunkte-flkty-cell-kat1-bg-color: #FFECCB; /* light yellow */
    --bl-schwerpunkte-flkty-cell-kat2-bg-color: #D2EBDF; /* light green */
    --bl-schwerpunkte-flkty-cell-kat3-bg-color: #C8E2F1; /* light blue */
    --bl-schwerpunkte-badge-default-bg-color: #6B6C89; /* dark gray */
    --bl-schwerpunkte-badge-default-fg-color: #FFFFFF; /* white */
    --bl-schwerpunkte-badge-kat1-bg-color: #F5C140; /* dark yellow */
    --bl-schwerpunkte-badge-kat1-fg-color: #000000; /* white */
    --bl-schwerpunkte-badge-kat2-bg-color: #426F5A; /* dark green */
    --bl-schwerpunkte-badge-kat2-fg-color: #FFFFFF; /* white */
    --bl-schwerpunkte-badge-kat3-bg-color: #40668B; /* dark blue */
    --bl-schwerpunkte-badge-kat3-fg-color: #FFFFFF; /* white */
    --bl-schwerpunkte-btn-bg-color: #FFFFFF;
    --bl-schwerpunkte-btn-fg-color: #020202;
    --bl-schwerpunkte-btn-bg-color-hover: #40668B;
    --bl-schwerpunkte-btn-fg-color-hover: #FFFFFF;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    font-family: 'Nunito', sans-serif;
    height: 100%;
    -ms-overflow-style: scrollbar;
    /*font-size: .95rem;*/
    line-height: 1.42857143;
    color: #090909;
    background-color: #ffffff;
}
div {
    display: block;
}
h1.heading-start-page {
    font-size: 1.5em;
    margin-top: 0;
}
h2 {
    font-family: 'Nunito Sans', sans-serif;
}
a{
    text-decoration: none;
}
a, a:hover, a:focus {
    color: #005AAA;
}
a:hover, a:focus {
    text-decoration: underline;
}
legend {
    border-bottom: 0;
}
input.input-radio[type=radio] {
    position: absolute;
    opacity: 0;
}
input[type=checkbox] + label:before {
    content: "";
}
/*.row {*/
/*    margin-right: -15px;*/
/*    margin-left: -15px;*/
/*}*/
/*.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, .card-body:after, .card-body:before, .row:after, .row:before {*/
/*    display: table;*/
/*    content: " ";*/
/*}*/
/*.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, .card-body:after, .row:after {*/
/*    clear: both;*/
/*}*/
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#kompass_cont {
    margin-left: -270px !important;
}
.no-padding {
    padding: 0 !important;
    margin: 0 !important;
}
.semibold {
    font-weight: 600;
}
.read-more-btn {
    margin-bottom: 20px;
}
.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;
}
.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-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
    line-height: 45px;
    height: 45px;
}
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-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn {
    height: auto;
}
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;
}
#content .introduction {
    text-align: center;
    font-size: 0.95em;
    margin-bottom: 2em;
    padding: 1em 7em 1em;
}
#content .introduction h2 {
    font-weight: 600;
}
#content .introduction p {
    font-size: 1.2em;
}
.form-control {
    border-radius: 0 !important;
}
.btn {
    border-radius: 1px !important;
}
.btn-primary {
    background: #BDE0F1;
    color: #090909;
    border: 1px solid #5fa0d9;
}
.btn-primary:hover {
    background: #005AAA;
    color: #FFFFFF !important;
    border: 1px solid #d2c9a6;
}
.btn-default {
    background: #ffffff;
    color: #020202;
    border: 1px solid #888!important;
}
.btn-group.bootstrap-select {
    width: 180px!important;
}
.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
    background-color: #e6e6e6!important;
}
.btn-default.focus,
.btn-default:focus {
    background-color: #FFFFFF;
}
.btn-back,
.btn-blue {
    background: #005aaa !important;
    color: #FFFFFF !important;
    line-height: 22px;
}
.btn-back:hover,
.btn-back:focus,
.btn-blue:hover,
.btn-blue:focus {
    background: #f5c600 !important;
    color: #000000 !important;
}
.btn-blue {
    font-size: 0.9em;
}
.btn-blue .fa {
    margin-right: 5px;
}
a.btn.btn-sm.btn-default.session-add-beruf {
    background: #005aaa !important;
    color: #FFFFFF !important;
    line-height: 22px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: .85em;
}
a.btn.btn-sm.btn-default.session-add-beruf:focus,
a.btn.btn-sm.btn-default.session-add-beruf:hover,
a.btn.btn-sm.btn-default.session-add-beruf[disabled]
{
    background: #F6C03E !important;
    color: #000000 !important;
    border: 1px solid #F6C03E !important;
    opacity: 1;
}
.search-block label,
.tab-navigation-content {
    font-weight: normal;
    font-size: 0.9em;
}
.search-block label{
    margin-bottom: 4px;
}
.tab-navigation-content #bereiche,
.search-block .form-bereiche #bereiche,
.search-block .form-bereiche #filterkategorie {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tab-navigation-content #bereiche li,
.search-block .form-bereiche #bereiche li,
.search-block .form-bereiche #filterkategorie li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.search-block .form-bereiche #bereiche > li,
.search-block .form-bereiche #filterkategorie li {
    padding-left: 0 !important;
}
.search-block .form-bereiche #filterkategorie li label {
    width: 100%;
    font-size: 1.07em;
}
.tab-navigation-content #bereiche > li,
.search-block .form-bereiche #bereiche > li {
    padding-top: 6px;
    padding-left: 6px;
    padding-right: 6px;
}
.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 > 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';
    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-inputs .row > div > div,
.tab-navigation-content .form-inputs > div {
    white-space: nowrap;
    display: inline-block;
}
.search-block .form-inputs .row > div label,
.tab-navigation-content .form-inputs > div label {
    font-weight: 600;
}
.search-block .form-inputs .lehre label,
.tab-navigation-content .form-inputs .lehre label {
    color: #C14C1A !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: #A80014 !important;
}
.search-block .form-inputs .sonstige label,
.tab-navigation-content .form-inputs .sonstige label,
.search-block .form-inputs .sonstige1 label,
.tab-navigation-content .form-inputs .sonstige1 label,
.search-block .form-inputs .sonstige2 label,
.tab-navigation-content .form-inputs .sonstige2 label{
    color: #275A37 !important;
}
/* Bootstrap-fix for checkboxes */
.search-block .form-inputs input[type="checkbox"] + label::before {
    margin-top: 4px;
}
/*@media (max-width: 767.9px) {*/
/*    div.container .hidden-xs {*/
/*        display: none !important;*/
/*    }*/
/*}*/
.bootstrap-select .dropdown-menu li {
    padding-bottom: 6px !important;
    font-size: 1rem !important;
}
#ausbildung_selection > .custom-control.custom-checkbox,
.assistent .bootstrap-select {
    margin-top: 15px;
}
.assistent .bootstrap-select {
    width: 100% !important;
}
.assistent .bootstrap-select > .btn {
    font-size: 0.9em;
    background: #FFFFFF;
    height: 34px;
}
.search-block .bootstrap-select .btn,
#filter-content .bootstrap-select .btn {
    background: #FFFFFF;
    border-color: #CCCCCC;
    color: #555555;
    font-size: 0.9em;
    padding: 6px 12px;
    float: none;
    margin-top: 5px;
    font-weight: normal;
}
#filter-content .bootstrap-select {
    display: block;
}
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-default,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-default:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-default:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-default:hover {
    background: #FFFFFF;
    color: #000000;
    border: 1px solid #888!important;
}
/*.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {*/
/*    background-color: #FFFFFF;*/
/*}*/
.card-body {
    height: 255px;
    max-height: 100%!important;
}
.card.link-box {
    display: inline-table;
    margin-right: 15px;
    width: 100%;
}
@media (min-width: 400px) {
    .card.link-box {
        width: 320px;
    }
}
.card.link-box a {
    font-size: 1.1em;
}
.card.link-box .card-body {
    height: auto;
}
.fotos.row {
    display: flex;
}
@media (min-width: 768px) {
    .col-9 {
        width: 100% !important;
        padding-left: 0;
        padding-right: 0;
    }
}
table.dataTable {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
}
.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,
#news-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;
}
.dt-length,.dt-paging {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}
.tab-navigation-content #list-table_wrapper #list-table_paginate,
#news-table_wrapper #news-table_paginate {
    float: right;
}
.paginate_button.disabled {
    display: none;
}
.page-item.disabled,
button.page-link.ellipsis{
    display: none;
}
.tab-navigation-content #list-table_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 #list-table_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;
}
table.dataTable th.dt-type-numeric div.dt-column-header
{
    flex-direction: row !important;
}
#list-table_paginate a.paginate_button:hover{
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover,
a.paginate_button.current,
a.paginate_button.current:focus,
a.paginate_button.current:hover{
    background: #AEDAEF;
    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: none;
}
.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: 5em;
}
.list-le-zahlen {
    text-align: right;
    padding-right: 30px !important;
}
.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;
}
#list-table > tbody > tr > td .session-add-beruf .fa {
    margin-right: 5px;
}
#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),
tbody > tr > td:first-child,#list-table_wrapper{
    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):not(.berufNoticed):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';
}
/* START - mobile view fixes => beruf merken */
table#list-table > tbody > tr.child span.dtr-title {
    min-width: 0px !important;
}
table#list-table .session-add-beruf {
    margin-left: -4px;
}
/* END - mobile view fixes => beruf merken */
.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: #C14C1A;
}
.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: #A80014;
}
.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,
.tab-navigation-content #dossier-table > tbody > tr > td label span.sonstige1:before,
#list-table > tbody > tr > td span.sonstige1:before,
#news-table > tbody > tr > td span.sonstige1:before,
.tab-navigation-content #dossier-table > tbody > tr > td label span.sonstige2:before,
#list-table > tbody > tr > td span.sonstige2:before,
#news-table > tbody > tr > td span.sonstige2:before {
    color: #275A37;
}
.tab-navigation-content .search-results,
#list-table_info,
#list-table_infoBereiche,
#news-table_info,
#search-fulltext {
    padding-left: 0;
    padding-right: 3.5em;
    font-size: 1.3em;
    padding-top: 0.5em;
    margin-top: -20px;
    margin-bottom: 15px !important;
}
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;
    position: absolute;
    content: '\f055' !important;
    color: #333333 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: none !important;
    font-size: 1.4em;
    left: 15px !important;
    margin-top: -6px !important;
}
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;
    opacity: 0.6 !important;
}
/* 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: "\f0dc" !important;
    font-family: 'FontAwesome';
    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: 'FontAwesome';
    content: "\f160" !important;/*f0dc*/
}
table.dataTable thead .sorting_desc::after {
    position: static !important;
    display: inline-block !important;
    font-family: 'FontAwesome';
    content: "\f161" !important;
}
/* Adjust DataTable sorting Icons - END */
/* Remove default Datatable processing Animation */
div.dt-processing > div {
    display: none;
}
.pswp__bg {
    background: rgba(0,0,0,0.8) !important;
}
#jumptotop {
    background-color: #aed9ee;
    border-radius: 3px;
    bottom: 8px;
    box-sizing: border-box;
    color: #090909;
    height: 36px;
    width: 34px;
    line-height: 12px;
    opacity: 0.6;
    padding: 6px 10px;
    position: fixed;
    right: 8px;
    z-index: 800;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
}
#jumptotop:hover,
#jumptotop:focus,
#jumptotop:active {
    text-decoration: none;
}
.alle-berufe-letters {
    display: flex;
    flex-direction: column;
    padding: 1em 3em;
}
.alle-berufe-letters .bootstrap-select {
    width: 180px !important;
}
.alle-berufe-letters button.dropdown-toggle {
    background-color: #ffffff;
    color: #000000 !important;
    border: 1px solid #888;
}
.alle-berufe-letters .dropdown-menu {
    background-color: #ffffff;
}
.alle-berufe-letters .btn-default.active,
.alle-berufe-letters .btn-default:active,
.alle-berufe-letters .open > .dropdown-toggle.btn-default {
    background-color: #f1f1f1;
}
.dropdown-menu.open {
    max-height: 287px !important;
}
.pagination-letters {
    padding: 0 !important;
    margin: 0;
    background: #FFFFFF;
    text-align: center;
}
.pagination-letters > ul {
    margin: 0;
    margin-bottom: 5px;
}
.berufekvs-yearstable th,
.berufekvs-yearstable td {
    text-align: right;
}
.table-number {
    text-align: right;
}
.table-broschuere tr > td:first-child {
    width: 20%;
}
.progress {
    margin-bottom: 0px;
    max-width: 400px;
}
.progress-bar {
    background: #196599;
}
.bt-btn-yellow {
    background-color: #F6C03E;
    color: #000000;
    border: none;
    border-radius: 0 !important;
    padding: 1em 2em;
}
.bt-btn-yellow:hover {
    background-color: #2056AE;
    color: #ffffff;
}
.popover {
    min-width: 300px;
}
.start-berufsbereiche h3,
.start-berufsbereiche h4 {
    margin-bottom: 20px;
    font-size: 1.8rem;
}
.start-berufsbereiche p {
    font-size: 1.1em;
    margin-bottom: 20px;
}
@media (min-width: 991px) {
    .start-berufsbereiche p {
        font-size: 1.2em;
    }
}
.filter-p {
    /*display: inline-block;*/
    width: 220px;
}
.impressum h1,
.datenschutz h1,
.barrierefreiheitserklaerung h1,
.ueber-das-berufslexikon h1,
.beratung-in-biz h1 {
    border-bottom: #004a7f 3px solid;
    font-size: 2em;
    padding-bottom: 10px;
}
/*#matomo-opt-out {*/
/*    font-size: 1.2em !important;*/
/*    line-height: 24px !important;*/
/*    border: 1px solid lightgrey;*/
/*    padding: 10px;*/
/*}*/
/*#matomo-opt-out > p {*/
/*    font-size: 1em !important;*/
/*}*/
.page-not-found {
    margin-top: 2em;
    border-top: #2186C8 3px solid;
    color: #272727;
}
.page-not-found img {
    width: 7em;
    margin-top: 2em;
}
.page-not-found h1 {
    font-size: 2em;
    font-weight: bold;
}
.page-not-found p {
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 2em;
}
.page-not-found a.btn {
    padding: .5em 4em;
    font-weight: 600;
}
@media (min-width: 480px) {
    .page-not-found p {
        font-size: 1.2em;
    }
}
.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');
}
#ausbildungsinfos > div {
    margin-bottom: 30px;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #ffffff;
}
.session-add-beruf,
.show-beruf-as-pdf {
    cursor: pointer;
    min-width: 180px;
}
.session-add-beruf[disabled]{
    cursor: not-allowed;
}
.add-beruf-div {
    position: relative;
}
.add-beruf-div .btn-blue {
    margin-bottom: 0px;
}
.video-responsive {
    margin: 0 auto;
    position: relative;
    /*padding-bottom: 56.25%;*/
    height: inherit !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-beruf-symbol {
    display: none;
}
.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: #BDE0F1;
}
.fancybox-next span,
.fancybox-prev span {
    background: 0 !important;
    cursor: pointer;
    color: #FFFFFF;
    font-size: 3em;
    font-family: "FontAwesome";
    -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";
    -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: #BDE0F1;
}
.fancybox-close:after {
    content: "\f00d";
}
button.transparent {
    border: 0 !important;
    background: none !important;
    color: #005aaa;
    padding: 0;
}
button.transparent:hover {
    text-decoration: underline;
}
button.transparent:focus {
    outline: thin dotted;
    outline-offset: -2px;
    text-decoration: underline;
}
button.btn-text-einkommen {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
}
body:not(.using-mouse) .btn:focus {
    outline: 3px solid black;
    outline-offset: -3px;
}
@media (min-width: 768px) {
    button.btn-text-einkommen {
        top: -5px;
        right: -5px;
    }
}
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 #888888;
    border-radius: 2px;
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 1.3em;
    height: 20px;
    line-height: 17px;
    margin-right: 7px;
    margin-top: 0;
    padding-left: 1px;
    vertical-align: top;
    width: 20px;
}
input[type="checkbox"] + label::before {
    margin-top: 4px !important;
}
#search-berufsbereich input[type="checkbox"] + label::before,
#search-filterkategorie input[type="checkbox"] + label::before {
    margin-top: 2px !important;
}
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: 25px;
}
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;
}
input[type=checkbox] + label:before { content: "";  } /* unchecked icon */
input[type=checkbox]:checked + label:before {
    content: "\f00c";
    color: #f4c500;
    -webkit-text-stroke: 0.12em #f4c500;
    text-align: right;
    align-content: center;
} /* 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 */
a.paginate_button{
    color:#666666;
    cursor: pointer;
    text-decoration: none;
    padding: 4px 10px;
    background-color: #fff;
    border: 1px solid #ddd;
}
#list-table_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;
}
#list-table > tbody > tr > td .session-add-ausbildung {
    font-weight: 400!important;
    padding-left: 30px;
    padding-right: 30px;
    min-width: 0;
}
div.dt-processing{
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
}
.impressum h2,
.datenschutz h2,
.barrierefreiheitserklaerung h2,
.ueber-das-berufslexikon h2,
.beratung-in-biz h2 {
    font-size: 1.6em;
    font-weight: 600;
    margin-top: 30px;
}
.impressum h3,
.datenschutz h3,
.barrierefreiheitserklaerung h3,
.ueber-das-berufslexikon h3,
.beratung-in-biz h3 {
    font-size: 1.1em;
    font-weight: 600;
    margin-top: 30px;
}
.impressum p,
.datenschutz p,
.barrierefreiheitserklaerung p,
.ueber-das-berufslexikon p,
.beratung-in-biz p {
    margin-bottom: 15px;
    font-size: 1.2em;
}
.ueber-das-berufslexikon .berufe-anzeigen-btn {
    margin-bottom: 1em;
    font-size: 1.1em;
}
.highcharts-legend-item-hidden rect,
.highcharts-legend-item-disabled {
    fill: #CCCCCC !important;
}
.berufekvs-schwerpunkte-select,
.lehrlingszahlen-schwerpunkte-select,
.verwandte-schwerpunkte-select {
    background: #F7F7F7 none repeat scroll 0 0;
    border: 1px solid #cacaca;
    color: #020202;
    font-weight: 600;
    margin-top: 5px;
    padding: 7px 10px;
    margin-bottom: 20px;
}
.schwerpunkt-carousel .schwerpunkt-row-bg-img.single-teaser {
    height: 100% !important;
}
.startpage-beruf-item .similarberufe-item {
    height: 240px;
}
.startpage-beruf-item .similarberufe-item-bg {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.35);
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s ease 0s;
}
.startpage-beruf-item:hover .similarberufe-item-bg {
    opacity: 0;
}
.startpage-beruf-item .similarberufe-item-title {
    padding: 10px;
}
#verwandte, #lehrlingszahlen {
    padding-top: 5px;
}
.owl-carousel .owl-nav .owl-prev {
    left: -15px;
}
.owl-carousel .owl-nav .owl-next {
    right: -15px;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
    cursor: pointer;
    position: absolute;
    top: 20px;
    font-size: 1.7em;
    height: 120px;
}
#modalPdf .modal-dialog {
    max-width: 900px;
    min-width: 600px;
    width: 100%;
}
#modalPdf option:disabled {
    /*text-decoration: line-through;*/
    display: none;
    color: lightgray;
}
.sticky-wrapper {
    display: none;
}
.tab-content h5 {
    font-size: 1.5em;
    font-weight: 600;
}
.tab-content h5 + a {
    margin-left: 15px;
    margin-top: 4px;
}
.startpage-beruf-item {
    width: 33%;
    float: left;
    padding-right: 5px;
}
@media (min-width: 768px) {
    .startpage-beruf-item {
        padding-right: 10px;
    }
}
.start-berufsbereiche .similarberufe-link {
    font-size: 1.1em;
    margin-top: 10px;
    display: block;
}
.start-berufsbereiche.owl-carousel .owl-nav .owl-prev {
    left: -25px;
}
.start-berufsbereiche.owl-carousel .owl-nav .owl-next {
    right: -25px;
}
.owl-dots {
    display: block;
    margin-top: 15px;
    text-align: center;
}
.owl-dot {
    background: #F7F7F7;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    margin: 0 4px;
    width: 14px;
}
.owl-dot.active {
    background: #2D9ED2;
    cursor: auto !important;
}
.ausbildung-lexikon-badge {
    font-weight: 400;
    font-size: 0.9em;
}
.table-bereiche .tab-navigation-content #dossier-table > tbody > tr > td label span::before,
.table-bereiche tbody > tr > td span:not(.fa):not(.dtr-title):not(.dtr-data)::before {
    display: none;
}
.table-bereiche ul {
    padding-left: 0px;
    margin-bottom: 0;
}
.table-bereiche {
    margin-bottom: -20px;
}
.sticky-wrapper:not(.is-sticky) {
    height: 0 !important;
}
tr.le-only .session-add-beruf {
    padding-left: 7px !important;
    padding-right: 7px !important;
    min-width: auto !important;
}
tr.le-only .le-only-hide {
    display: none !important;
}
.le-only-hide:before {
    content: "" !important;
}
a.svg {
    position: relative;
    display: inline-block;
}
a.svg::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.pswp__caption__center {
    text-align: center !important;
}
/* wcag issue fix => 1.4.3 Contrast (Minimum) (Level AA) */
caption.visually-hidden {
    background-color: white;
    color: black;
}
@media (max-width: 1199px) {
    .filter-p {
        display: block;
    }
    #kompass_cont {
        margin-left: -290px !important;
    }
}
@media (max-width: 979px) {
    #kompass_cont {
        margin-left: -300px !important;
    }
    #lehrlingszahlen .table > tbody > tr > td:nth-child(2),
    #lehrlingszahlen .table > thead > tr > th:nth-child(2),
    #lehrlingszahlen .table > tbody > tr > td:nth-child(3),
    #lehrlingszahlen .table > thead > tr > th:nth-child(3) {
        display: none;
    }
}
@media (max-width: 767px) {
    .gehalt-trend .label {
        white-space: normal;
        text-align: left;
    }
    .lehrlingszahlen-chart {
        display: none !important;
    }
    .ui-menu .ui-menu-item {
        float: none !important;
    }
    #broschueren .btn.pull-right.visible-xs {
        float: none !important;
        max-width: 200px !important;
        font-size: 1em;
    }
    #kompass_cont {
        right: 5px !important;
        max-width: 350px !important;
        margin-left: -350px !important;
        top: 80px;
    }
    #kompass_cont #widget_pfeil {
        display: none !important;
    }
    .anchor-header {
        margin-top: 15px;
    }
    .sticky-wrapper {
        display: block !important;
    }
    #modalPdf {
        padding: 15px;
    }
    #modalPdf .modal-dialog {
        max-width: 100%;
        min-width: 100%;
        width: 100%;
        margin: 0;
    }
    .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,
    #list-table_info,
    #list-table_infoBereiche {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 1.1em;
        text-align: left;
        white-space: normal;
    }
    .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,
    #news-table > tbody > tr > td:first-child,
    #news-table > thead > tr > th:first-child {
        padding-left: 5em;
    }
    .pagination a,
    .tab-navigation-content #list-table_wrapper #list-table_length,
    .tab-navigation-content #list-table_wrapper #list-table_paginate,
    #news-table_wrapper #news-table_length,
    #news-table_wrapper #news-table_paginate,
    .input-sm {
        font-size: 0.9em;
    }
    .search-block .form-inputs .row > div > div,
    .tab-navigation-content .form-inputs > div {
        width: 100%;
    }
    .dossier-table-actions {
        text-align: center;
    }
    .dossier-table-actions > div:first-of-type > button {
        float: none !important;
        margin-bottom: 30px;
    }
    #berufegehaelter, #ausundweiterbildung, #berufsorientierung, #karrierevideosundfotos, #arbeitsmarktdaten {
        width: calc(100% - 16.667%);
    }
    .startpage-beruf-item {
        width: 50%;
    }
    #lehrlingszahlen .table > tbody > tr > td,
    #lehrlingszahlen .table > thead > tr > th {
        display: none;
    }
    #lehrlingszahlen .table > tbody > tr > td:nth-child(1),
    #lehrlingszahlen .table > thead > tr > th:nth-child(1),
    #lehrlingszahlen .table > tbody > tr > td:nth-last-child(1),
    #lehrlingszahlen .table > thead > tr > th:nth-last-child(1),
    #lehrlingszahlen .table > tbody > tr > td:nth-last-child(2),
    #lehrlingszahlen .table > thead > tr > th:nth-last-child(2),
    #lehrlingszahlen .table > tbody > tr > td:nth-last-child(3),
    #lehrlingszahlen .table > thead > tr > th:nth-last-child(3) {
        display: table-cell;
    }
    .owl-nav {
        display: none !important;
    }
}
@media (max-width: 480px) {
    .hidden-480 {
        display: none;
    }
    .startpage-beruf-item {
        width: 50%;
    }
    .berufekvs-sonder .berufekvs-yearstable tbody > tr:first-of-type > th:first-of-type {
        display: none !important;
    }
    #kompass_cont {
        width: 300px !important;
        margin-left: -300px !important;
    }
}
.tm-20 {
    margin-top: 20px;
}
.visible-xxs {
    display: none !important;
}
/* small smartphones tables */
@media (max-width: 450px) {
    .hidden-xxs {
        display: none !important;
    }
    .visible-xxs {
        display: block !important;
    }
}
/* small smartphones */
@media (max-width: 374px) {
    #berufegehaelter, #ausundweiterbildung, #berufsorientierung, #karrierevideosundfotos, #arbeitsmarktdaten {
        margin-left: 0;
        width: 100%;
    }
}
@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-beruf-div,
    .videos,
    .link-box,
    .links-block,
    .similarberufe,
    .similarberufe-carousel,
    .similarberufe-link {
        display: none !important;
    }
    .bt-print-visible {
        display: block !important;
        position: relative !important;
    }
}
#cookie-bar p {
    color: #fff;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #757575 !important;
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #757575 !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
    color: #757575 !important;
}
.sr-show-content:focus {
    background-color: #EBEFF1;
    border-radius: 3px;
    clip: auto !important;
    color: #000000;
    display: block;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 5px;
    font-size: .9em;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}
.sr-vorschlage:focus {
    left: auto;
    right: 0;
    top: -10px;
}
.covid-infobox .covid-col {
    margin-top: 40px;
    margin-bottom: -30px;
    border: 3px solid var(--berufsaussichten-button-background-color);
    padding: 2em 1em;
}
.covid-infobox h2 {
    font-size: 1.6em;
    margin-top: 0;
    margin-bottom: .7em;
}
.covid-infobox a.show-beruf-as-pdf {
    background: var(--berufsaussichten-button-background-color) !important;
    font-size: .85em;
    margin-bottom: 0;
}
.covid-infobox a.show-beruf-as-pdf:hover,
.covid-infobox a.show-beruf-as-pdf:focus {
    background: var(--berufsaussichten-button-background-color-hover) !important;
    outline-color: var(--berufsaussichten-button-background-color-hover) !important;
    color: var(--berufsaussichten-button-color-hover) !important;
}
@media (min-width: 768px) {
    .covid-infobox .covid-col {
        padding: 2em;
    }
    .covid-infobox a.show-beruf-as-pdf {
        font-size: .95em;
    }
}
.covid-infobox p {
    margin-bottom: 1em;
}
/* Fix for long query text, that is causing horizontal scroll */
div.dataTables_wrapper div.dataTables_info {
    white-space: nowrap;
}
.ausbildungsinfos {
    position: relative;
}
.ausbildungsinfos .breadcrumb-row {
    margin-top: 1.5em;
    margin-bottom: 3em;
}
@media (min-width: 992px) {
    .ausbildungsinfos .breadcrumb-row {
        margin-bottom: 0;
    }
}
.ausbildungsinfos .breadcrumb {
    background: transparent;
}
.ausbildungsinfos .breadcrumb li {
    font-size: 1em;
}
@media (min-width: 768px) {
    .ausbildungsinfos .breadcrumb li {
        font-size: 1.1em;
    }
}
.ausbildungsinfos h1 {
    font-size: 1.875rem;
    font-weight: 600;
    margin-bottom: 1em;
    word-break: break-word;
}
.ausbildungsinfos .abi-content {
    background-color: #F5F7F8;
    padding-top: 2em;
}
@media (min-width: 768px) {
    .ausbildungsinfos .abi-content {
        padding-top: 1em;
        padding-left: 1em;
        padding-right: 1em;
    }
}
.ausbildungsinfos .abi-text {
    margin-bottom: 2em;
}
.ausbildungsinfos .abi-text p {
    font-size: 1.15em !important;
}
.ausbildungsinfos .abi-text table {
    width: 346px !important;
}
.ausbildungsinfos .abi-kurzinfo-icon {
    position: absolute;
    /*background-image: url("../img/icons/announce-laptop.svg");*/
    background-color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 80px;
    height: 80px;
    top: 5%;
    right: 5%;
    border-radius: 50%;
    border: 2px solid;
    box-shadow: 3px 3px 8px 3px rgba(0,0,0,.1);
}
@media (min-width: 768px) {
    .ausbildungsinfos .abi-kurzinfo-icon {
        top: 1%;
        width: 110px;
        height: 110px;
    }
}
@media (min-width: 992px) {
    .ausbildungsinfos .abi-kurzinfo-icon {
        width: 150px;
        height: 150px;
        right: 6%;
        top: 2%
    }
}
@media (min-width: 1200px) {
    .ausbildungsinfos .abi-kurzinfo-icon {
        width: 170px;
        height: 170px;
    }
}
a:focus {
    outline: #005AAA dashed 2px !important;
    outline-offset: 2px !important;
    z-index: 9999;
}
/* Safari only */
a:focus:not(:root:root) {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !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;
}
#widget_link:focus {
    outline: 5px auto -webkit-focus-ring-color !important;
}
.owl-dot {
    background: #949494;
}
/* WCAG Skip Links - START */
#skiplinks {
    left: 0;
    top: 40px;
    z-index: 4000;
    display: block;
}
#skiplinks li {
    list-style: none;
    display: block;
}
#skiplinks a:active,
#skiplinks a:focus,
#skiplinks a:hover {
    text-decoration: none;
    background-color: #fff;
    white-space: nowrap;
    padding: .5em 1em;
    outline: 2px dashed #005AAA;
    color: #005AAA;
}
.notransition a {
    -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 JS script */
body.using-mouse a:focus {
    outline: none !important;
}
.jumptotop-covid-bar-visible {
    opacity: 1 !important;
    right: 40px !important;
    z-index: 902 !important;
}
.owl-stage a:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px #23527c !important;
}
.owl-stage[style]{
    padding-top: 2px;
    padding-bottom: 2px;
}
/*Safari focus fixes*/
.startpage-beruf-item a:focus:not(:root:root){
    outline: none !important;
    box-shadow: 0 0 0 2px #23527c !important;
}
.popup_close:focus a:focus:not(:root:root){
    outline: none !important;
    box-shadow: 0 0 0 2px #23527c !important;
}
.videos a:focus:not(:root:root){
    outline: none !important;
    box-shadow: 0 0 0 2px #23527c !important;
}
#jumptotop:focus:not(:root:root){
    outline: none !important;
    box-shadow: 0 0 0 2px #23527c !important;
}
body.using-mouse #jumptotop:focus:not(:root:root) {
    outline: none !important;
    box-shadow: none !important;
}
a.newsletter-button,
.newsletter-button {
    background-color: var(--newsletter-button-background-color) !important;
    color: var(--newsletter-button-color) !important;
}
/* sticky-wrapper - START */
.sticky-wrapper {
    display: block !important;
}
.navbar-custom {
    display: block!important;
}
@media screen and (min-width: 768px) {
    .navbar-fixed-top {
        padding-right: 1em;
    }
}
.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;
}
#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*/
#beratungInBiz #beratungInBizTitle {
    font-size: 1.875rem !important;
    font-weight: 600;
    word-break: break-word;
    border-bottom: 3px solid #004a7f;
    padding-bottom: 10px;
    margin: .67em 0;
    margin-bottom: 1em;
    margin-top: 20px;
}
.alle-berufe-letters .filter-container{
   display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.job-filter.filter{
    margin-top:0;
    margin-right: 0;
    margin-left:15px;
}
@media (max-width: 992px){
    .job-filter.filter{
        width: 220px;
        margin-left: 0;
        margin-bottom: 10px;
    }
    .job-filter.filter:first-child{
        margin-top:40px
    }
    .alle-berufe-letters .filter-container{
        flex-direction: column;
        flex-wrap: wrap;
    }
    .dropdown.bootstrap-select.bs3{
        margin-bottom: 10px;
    }
}
.btn-cookie-settings.btn-default{
    background-color: #E6EEEE;
    border: none !important;
}
.btn-cookie-settings.btn-default:hover{
    background-color: #e6e6e6;
}
div.dataTables_wrapper div.dataTables_length select {
    width: 75px;
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
@media (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_length select {
        width: 65px;
    }
    div.dataTables_wrapper div.dataTables_length label {
        text-wrap: none;
    }
}
.dataTables_empty{
    text-align: center;
}
@media (max-width: 992px) {
    .ausbildungsinfos .abi-kurzinfo-icon-box .abi-kurzinfo-icon {
        position: relative;
        display: block;
        margin-left: 30px;
    }
}
a.subbereiche-link{
    display: inline-block;
    padding-block: 1px;
}
#list-table_wrapper .dt-column-order:before,
#list-table_wrapper .dt-column-order:after,
#dossier-table_wrapper .dt-column-order:before,
#dossier-table_wrapper .dt-column-order:after
{
    font-size: .7em;
}
table.dataTable th.dt-type-numeric div.dt-column-header,
table.dataTable th.dt-type-date div.dt-column-header
{
    flex-direction: row !important;
}