/* fonts */

@font-face {
    font-family: 'PublicSans';
    font-display: swap;
    src:    url('/fonts/public_sans/PublicSans-Regular.otf') format("opentype"),
            url('/fonts/public_sans/PublicSans-Regular.ttf') format("truetype"),
            url('/fonts/public_sans/PublicSans-Regular.woff') format("woff"),
            url('/fonts/public_sans/PublicSans-Regular.woff2') format("woff2");
}

/* New Font Crison */
@font-face {
    font-family: 'CrimsonText-Bold';
    font-display: swap;
    src:    url(/fonts/CrimsonText/CrimsonText-Bold.eot);
    src:    url(/fonts/CrimsonText/CrimsonText-Bold.eot?#iefix) format('embedded-opentype'),
            url(/fonts/CrimsonText/CrimsonText-Bold.otf) format('otf'),
            url(/fonts/CrimsonText/CrimsonText-Bold.svg#CrimsonText-Bold) format('svg'),
            url(/fonts/CrimsonText/CrimsonText-Bold.ttf) format('truetype'),
            url(/fonts/CrimsonText/CrimsonText-Bold.woff) format('woff'),
            url(/fonts/CrimsonText/CrimsonText-Bold.woff2) format('woff2');
}
@font-face {
    font-family: 'CrimsonText-BoldItalic';
    font-display: swap;
    src: url(/fonts/CrimsonText/CrimsonText-BoldItalic.eot);
    src: url(/fonts/CrimsonText/CrimsonText-BoldItalic.eot?#iefix) format('embedded-opentype'),
    url(/fonts/CrimsonText/CrimsonText-BoldItalic.otf) format('otf'),
    url(/fonts/CrimsonText/CrimsonText-BoldItalic.svg#CrimsonText-BoldItalic) format('svg'),
    url(/fonts/CrimsonText/CrimsonText-BoldItalic.ttf) format('truetype'),
    url(/fonts/CrimsonText/CrimsonText-BoldItalic.woff) format('woff'),
    url(/fonts/CrimsonText/CrimsonText-BoldItalic.woff2) format('woff2');
}
@font-face {
    font-family: 'CrimsonText-Italic';
    font-display: swap;
    src: url(/fonts/CrimsonText/CrimsonText-Italic.eot);
    src: url(/fonts/CrimsonText/CrimsonText-Italic.eot?#iefix) format('embedded-opentype'),
    url(/fonts/CrimsonText/CrimsonText-Italic.otf) format('otf'),
    url(/fonts/CrimsonText/CrimsonText-Italic.svg#CrimsonText-Italic) format('svg'),
    url(/fonts/CrimsonText/CrimsonText-Italic.ttf) format('truetype'),
    url(/fonts/CrimsonText/CrimsonText-Italic.woff) format('woff'),
    url(/fonts/CrimsonText/CrimsonText-Italic.woff2) format('woff2');
}

@font-face {
    font-family: 'CrimsonText-Regular';
    font-display: swap;
    src: url(/fonts/CrimsonText/CrimsonText-Regular.eot);
    src: url(/fonts/CrimsonText/CrimsonText-Regular.eot?#iefix) format('embedded-opentype'),
    url(/fonts/CrimsonText/CrimsonText-Regular.otf) format('otf'),
    url(/fonts/CrimsonText/CrimsonText-Regular.svg#CrimsonText-Regular) format('svg'),
    url(/fonts/CrimsonText/CrimsonText-Regular.ttf) format('truetype'),
    url(/fonts/CrimsonText/CrimsonText-Regular.woff) format('woff'),
    url(/fonts/CrimsonText/CrimsonText-Regular.woff2) format('woff2');
}
@font-face {
    font-family: 'CrimsonText-SemiBold';
    font-display: swap;
    src: url(/fonts/CrimsonText/CrimsonText-SemiBold.eot);
    src: url(/fonts/CrimsonText/CrimsonText-SemiBold.eot?#iefix) format('embedded-opentype'),
    url(/fonts/CrimsonText/CrimsonText-SemiBold.otf) format('otf'),
    url(/fonts/CrimsonText/CrimsonText-SemiBold.svg#CrimsonText-SemiBold) format('svg'),
    url(/fonts/CrimsonText/CrimsonText-SemiBold.ttf) format('truetype'),
    url(/fonts/CrimsonText/CrimsonText-SemiBold.woff) format('woff'),
    url(/fonts/CrimsonText/CrimsonText-SemiBold.woff2) format('woff2');
}
@font-face {
    font-family: 'CrimsonText-SemiBoldItalic';
    font-display: swap;
    src: url(/fonts/CrimsonText/CrimsonText-SemiBoldItalic.eot);
    src: url(/fonts/CrimsonText/CrimsonText-SemiBoldItalic.eot?#iefix) format('embedded-opentype'),
    url(/fonts/CrimsonText/CrimsonText-SemiBoldItalic.otf) format('otf'),
    url(/fonts/CrimsonText/CrimsonText-SemiBoldItalic.svg#CrimsonText-SemiBoldItalic) format('svg'),
    url(/fonts/CrimsonText/CrimsonText-SemiBoldItalic.ttf) format('truetype'),
    url(/fonts/CrimsonText/CrimsonText-SemiBoldItalic.woff) format('woff'),
    url(/fonts/CrimsonText/CrimsonText-SemiBoldItalic.woff2) format('woff2');
}

/* Checkbox */
.checkbox label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.checkbox .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 15%;
}

.checkbox label input[type="checkbox"] {
    display: none;
}

.checkbox label input[type="checkbox"]+.cr>.cr-icon {
    opacity: 0;
}

.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon {
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled+.cr {
    opacity: .5;
}

/* Pagination */
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0A0D52;
    border-color: #0A0D52;
}

/* News Layout */
.cstm-height-card .card-img-top {
    height: 100px;
    object-fit: cover;
}

.news-card-text{
    font-size: .7em;
}

.news {
    margin-right: 1px;
    margin-left: 1px;
    cursor: pointer;
    /*background-color: #00ff30;*/
}
.news-img {
    max-width: 100%;
    max-height: 25vh;
    /*object-fit: cover;*/
}

@media (min-height: 850px) and (min-width: 1200px) {
    .news{
        width: 100%;
        height: 28vh;
    }
}

@media (max-width: 991px) {
    .news-img {
        max-height: none;
        max-width: 100%;
        width: 100%;
    }
}
.font-w-700 {
    font-weight: 700;
}
.news-category {
    font-size: 0.75rem;
    margin-top: 10px;
    font-weight: bold;
}

.news-title-container{
    background-color: #0A0D52;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem!important;
}
.news-title-button{
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}

.news-title-list {
    font-size: var(--title-h5-size);
    line-height: 1.4em;
    font-weight: 700;
    margin-bottom: 0.75rem;
    margin-top: 0.625rem;
    color: #0A0D52;
    /*background-color: #0A0D52;*/
}

.news-title {
    font-size: var(--title-h5-size);
    line-height: 1.4em;
    font-weight: 700;
    margin-bottom: 0.75rem;
    margin-top: 0.625rem;
    color: #ffffff;
}

.news-description a {
    text-decoration: none;
}

.news-author a {
    text-decoration: none;
    font-weight: bold;
}
/* .News Layout */

/** Buttons */
/** Button vorher */
.news-vorher-btn-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 50vh;
    left: calc(100vw - 8rem);
    z-index: 1;
}
.news-vorher-btn-slide{
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #0A0D52;*/
    width: 8rem;
    position: absolute;
    left:0px;
    /*left: -1rem;*/
    transition: 1s;
    text-align: right;
    z-index: 500;
}
/*.news-vorher-btn-wrapper:hover .news-vorher-btn-slide{
    transition: 1s;
    left: -8rem;
}*/

/** .Button Naechster */
/** Button Vorher */
.news-naechster-btn-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 50vh;
    /*right: 100px;*/
    /*left: -8rem;*/
    z-index: 1;
}

.news-naechster-btn-slide{
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #0A0D52;*/
    width: 8rem;
    position: absolute;
    right: 0px;
    transition: 1s;
    text-align: right;
}

/*.news-naechster-btn-wrapper:hover .news-naechster-btn-slide{
    transition: 1s;
    right: -6.9rem;
}*/

/** .Button naechster */
.news-btn-link {
    margin-left: 1px;
    position:relative;
    color: #ffffff;
    font-size: 1rem;
    text-align: center;
}
.news-naechster-btn-wrapper:hover .news-btn-link {
    color: #1d68a7;
}
.news-vorher-btn-wrapper:hover .news-btn-link {
    color: #1d68a7;
}

.news-triangle-left {
    position: relative;
    display: block;
    border-top: 25px solid transparent;
    border-right: 25px solid #0A0D52;
    border-bottom: 25px solid transparent;
    /*left: -3.1rem;*/
    left: -4.7rem;
    z-index: 799;
}
.news-triangle-left-mobil {
    position: relative;
    display: block;
    border-top: 25px solid transparent;
    border-right: 25px solid #0A0D52;
    border-bottom: 25px solid transparent;
    left: -6.63rem;
    z-index: 1005;
}

.news-triangle-right {
    position: relative;
    display: block;
    border-top: 25px solid transparent;
    border-left: 25px solid #0A0D52;
    border-bottom: 25px solid transparent;
    right: -4.8rem;
    /*left: 7.63rem;*/
    z-index: 799;
}
.news-triangle-right-mobil {
    position: relative;
    display: block;
    border-top: 25px solid transparent;
    border-left: 25px solid #0A0D52;
    border-bottom: 25px solid transparent;
    left: 6.63rem;
    z-index: 1005;
}
.news-tooltip-links, .news-tooltip-rechts {
    position:absolute;
    display: none;
    background-color: #ffffff;
    border-color: #0A0D52;
    border-style: solid;
    border-width: 1px;
    color: #0A0D52;
    height: auto;
    min-height: 100%;
    max-width: 300px;
    width: 200px;
    top:0px;
    font-size: .7rem;
}
.news-tooltip-rechts {
    right: 0px;
    text-align: left;
}
.news-tooltip-links {
    left: 0px;
    text-align: left;
}
/** .Buttons */
/* .news Layout */

/* Tino */


.bgcontrast{
    background-color: rgba(12, 58, 129, 0.22);

}

.fade-in {
    animation: fadeIn ease 10s;
    -webkit-animation: fadeIn ease 10s;
    -moz-animation: fadeIn ease 10s;
    -o-animation: fadeIn ease 10s;
    -ms-animation: fadeIn ease 10s;
}@keyframes fadeIn {
     0% {
         opacity:0;
     }
     100% {
         opacity:1;
     }
 }

@-moz-keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.vorstellung{
    position: relative;
    float: left;
    width: 250px;
    height: 350px;
    background-color: #3d5072;
    border: 1px solid #074389;
}

#flex-container {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.panel{
    padding: 20px;
    border: 1px solid #3d5072;
    background-color: rgba(61, 80, 114, 0.04);
}
.rund {
    width: 100%;
    padding: 10px;
    /*border: #0A0D52;*/
    /*border-width: 1px;*/
    /*border-style: solid;*/
    /*border-color: #0A0D52;*/
    border-radius: 250px;
    -moz-border-radius: 250px;
    -webkit-border-radius: 250px
}

.rund2 {
    width: 100%;
    /*padding: 10px;*/
    border: #0A0D52;
    /*border-width: 1px;*/
    /*border-style: solid;*/
    /*border-color: #0A0D52;*/
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px
}


.flex-container {
    display: flex;
    flex-direction: column-reverse;
}

.centerdiv{
    margin: auto;
}

.panel:hover{
    border-bottom: 5px solid #074389 !important;
}

.center-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.zertifikat-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

h1{
    margin-bottom: 35px;
}

p.margin-15{
    margin-top: 20px;
}
i.fa-linkedin{
    text-align: center;

}

/* Toby */
/* Kontakt */
.kontakt_icons {
    font-size: 1.25rem;
    padding-left: 1rem !important;
}
/* .Kontakt */
#debug-overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 70%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff; /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}


.bewerbung-title-container{
    background-color: #0A0D52;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem!important;
}

.bewerbung-title-container h5 {
    font-size: var(--title-h5-size);
    line-height: 1.4em;
    font-weight: 700;
    margin-bottom: 0.75rem;
    margin-top: 0.625rem;
    color: #ffffff;
}

a > i.fa, a > i.fab, a > i.far, a > i.fas { text-align: right; /*width: 1.2em;*/ }
a.icon {
    display: inline-block;
    cursor: pointer;
}
a.icon i.fa, a.icon i.fab, a.icon i.far, a.icon i.fas{
    font-size: 18px;
    color: #777777;
    width: 1.1em;
}
a.icon i.fa:hover, a.icon i.fab:hover, a.icon i.far:hover, a.icon i.fas:hover {
    color: #007bff;!important;
}
a.icon i.header{
    color: #ffffff;
    font-size: 1.5rem;
}
i.delete:hover {
    cursor: pointer;
}
a.icon i.delete{
    color: #4c110f;
}
a.icon i.edit{
    color: #0d640d;
}
a.icon i.delete:hover,a.icon i.edit:hover{
    color: #007bff;
}
a.icon.btn i.fa,a.icon.btn i.fab,a.icon.btn i.far,a.icon.btn i.fas { color: #FFFFFF; }
a.icon.btn { float: right; width: auto; height: auto; /*padding: 4px 8px; margin: 0px 6px 6px 0px;*/ }
a.icon.btn:hover { background: #D0D0D0 !important; color: #000000; }

a.niederlassung.selected.primary {
    border: 1px solid #a38529;
    background-color: #FFD13F;
    margin: 2px 0px 2px 10px;
    padding: 2px 5px;
    border-radius: 4px;
}
a.niederlassung.selected {
    border: 1px solid #586c3f;
    background-color: #7C9359;
    margin: 2px 0px 2px 10px;
    padding: 2px 5px;
    border-radius: 4px;
}
a.niederlassung {
    display: block;
    float: left;
    width: 200px;
    margin: 2px 0px 2px 10px;
    padding: 2px 5px;
    cursor: pointer;
    border: 1px solid transparent;
}
/* Jobportal */
@CHARSET "UTF-8";

div.branche {
    margin-bottom: 1px;
}

div.berufsgruppen {
    padding: 8px 0px 8px 0px;
    margin-left: 50px;
}

div.hl_job {
    margin-bottom: 1px;
    cursor: pointer;
}

div.job_document {
    padding: 8px 0px 8px 0px;
    display: none;
}

div.job_container1 {
    margin-top: 10px;
    border-top: 1px solid #C4D2E2;
}

div.job_container2 {
    float: right;
    padding-top: 10px;
    margin-bottom: 10px;
}

div.job_anfrage_container {
    clear: both;
    padding: 6px 0px 6px 0px;
    text-align: center;
    border-top: 1px solid #C4D2E2;
    border-bottom: 1px solid #C4D2E2;
}

div.navi_sub_item {
    padding: 1px 1px 1px 6px;
    margin-top: 1px;
}
div.jobportal-wir-bieten p {
    color: #0A0D52;
}
/*form.default-form select.navi_sub {
    font-size: 11px;
    width: 208px;
    margin: 2px 0px 2px 5px;
    padding: 1px 1px 1px 0px;
}

form.default-form input.navi_sub {
    font-size: 11px;
    width: 208px;
    margin: 2px 0px 2px 5px;
    padding: 1px 1px 1px 2px;
}

form.default-form select.navi_sub option {
    font-size: 11px;
}*/

.job_document strong, .job_document span {
    font-size: inherit;
}

a.job_anfrage_link { color: #B40F0F; font-weight: bold; text-decoration: none; }
a.job_anfrage_link:hover { color: #296018; font-weight: bold; text-decoration: none; }

a.job-list {
    display: block;
    margin: 2px 0;
    padding: 8px 0 10px 0;
    border-bottom: 1px solid #E3E3E3;
    font-weight: normal;

}
a.job-list:hover {
    text-decoration: none;
    color: inherit;
    background-color: rgba(210,210,210,0.2);
}
div.job-ort {
    margin-top: 6px;
    font-size: 13px;
}
div.job-distance {
    display: inline-block;
    background-color: #c4a568;
    padding: 2px 5px;
    font-size: 10px;
    border-radius: 4px;
    color: #2d2d2d;
}
div.job-stelle {
    font-weight: bold;
    font-size: 14px;
}
div.job-arbeitszeit {
    background-color: #636567;
    padding: 3px 6px;
    font-size: 12px;
    border-radius: 4px;
    margin-bottom: 2px;
    color: #FFFFFF;
    width: 140px;

}
div.job-befristung {
    padding: 3px 6px;
    font-size: 12px;
    border-radius: 4px;
    color: #FFFFFF;
    width: 140px;
}
div.job-befristung.befristet {
    background-color: #cb8203;
}
div.job-befristung.unbefristet {
    background-color: #0d640d;
}

div.pagination {
    margin-top: 20px;
    text-align: center;
}

div.pagination a, div.pagination span.current {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 4px;
    background-color: #ECECEC;
    margin: 6px 6px;
}
div.pagination span.current {
    background-color: #4B4B4B;
    color: #FFFFFF;
}
div.pagination a:hover {
    background-color: #8BAFD5;
    color: #FFFFFF;
}
/* Jobs */
/* job Layout */
.job-card-text{
    font-size: .7em;
}

.job {
    margin-right: 1px;
    margin-left: 1px;
    cursor: pointer;
    /*background-color: #00ff30;*/
}
.job-img {
    max-width: 100%;
    width: 100%;
    /*max-height: 25vh;*/
    object-fit: cover;
}

@media (min-height: 850px) and (min-width: 1200px) {
    .job{
        width: 100%;
        height: 35vh;
    }
}

@media (max-width: 991px) {
    .job-img {
        max-height: none;
        max-width: 100%;
        width: 100%;
    }
}
.font-w-700 {
    font-weight: 700;
}
.job-category {
    font-size: 0.75rem;
    margin-top: 10px;
    font-weight: bold;
}

.job-title-container{
    background-color: #0A0D52;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem!important;
}

.job-title {
    font-size: var(--title-h5-size);
    line-height: 1.4em;
    font-weight: 700;
    margin-bottom: 0.75rem;
    margin-top: 0.625rem;
    color: #ffffff;
}
.job-title-button{
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}

.job-title-list {
    font-size: var(--title-h5-size);
    line-height: 1.4em;
    font-weight: 700;
    margin-bottom: 0.75rem;
    margin-top: 0.625rem;
}

.job-description a {
    text-decoration: none;
}

.job-author a {
    text-decoration: none;
    font-weight: bold;
}


/** Buttons */

/** Button vorher */
.job-vorher-btn-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 50vh;
    left: calc(100vw - 8rem);
    z-index: 1;
}
.job-vorher-btn-slide{
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #0A0D52;*/
    width: 8rem;
    position: absolute;
    left:0px;
    /*left: -1rem;*/
    transition: 1s;
    text-align: right;
    z-index: 500;
}
/*.job-vorher-btn-wrapper:hover .job-vorher-btn-slide{
    transition: 1s;
    left: -8rem;
}*/

/** .Button Naechster */
/** Button Vorher */
.job-naechster-btn-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 50vh;
    /*right: 100px;*/
    /*left: -8rem;*/
    z-index: 1;
}

.job-naechster-btn-slide{
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #0A0D52;*/
    width: 8rem;
    position: absolute;
    right: 0px;
    transition: 1s;
    text-align: right;
}

/*.job-naechster-btn-wrapper:hover .job-naechster-btn-slide{
    transition: 1s;
    right: -6.9rem;
}*/

/** .Button naechster */
.job-btn-link {
    margin-left: 1px;
    position:relative;
    color: #ffffff;
    font-size: 1rem;
    text-align: center;
}
.job-naechster-btn-wrapper:hover .job-btn-link {
    color: #1d68a7;
}
.job-vorher-btn-wrapper:hover .job-btn-link {
    color: #1d68a7;
}

.job-triangle-left {
    position: relative;
    display: block;
    border-top: 25px solid transparent;
    border-right: 25px solid #0A0D52;
    border-bottom: 25px solid transparent;
    /*left: -3.1rem;*/
    left: -4.7rem;
    z-index: 799;
}
.job-triangle-left-mobil {
    position: relative;
    display: block;
    border-top: 25px solid transparent;
    border-right: 25px solid #0A0D52;
    border-bottom: 25px solid transparent;
    left: -6.63rem;
    z-index: 1005;
}

.job-triangle-right {
    position: relative;
    display: block;
    border-top: 25px solid transparent;
    border-left: 25px solid #0A0D52;
    border-bottom: 25px solid transparent;
    right: -4.8rem;
    /*left: 7.63rem;*/
    z-index: 799;
}
.job-triangle-right-mobil {
    position: relative;
    display: block;
    border-top: 25px solid transparent;
    border-left: 25px solid #0A0D52;
    border-bottom: 25px solid transparent;
    left: 6.63rem;
    z-index: 1005;
}
.job-tooltip-links, .job-tooltip-rechts, .job-tooltip-onlinebewerbung {
    position:absolute;
    display: none;
    background-color: #ffffff;
    border-color: #0A0D52;
    border-style: solid;
    border-width: 1px;
    color: #0A0D52;
    height: auto;
    min-height: 100%;
    max-width: 300px;
    width: 200px;
    top:0px;
    font-size: .7rem;
}
.job-tooltip-rechts {
    right: 0px;
    text-align: left;
}
.job-tooltip-links {
    left: 0px;
    text-align: left;
}

.job-tooltip-onlinebewerbung {
    /*position: relative;*/
    height: 30vh;
    width: 60vw;
    bottom: 0px;
    text-align: left;
    z-index: 1010;
}
.ProfilDelButton {
    border: 1px solid #ced4da;
    /*background-color: #FFD13F;*/
    margin: 2px 0px 2px 10px;
    padding: 2px 5px;
    border-radius: 4px;
}
.ProfilDelButton:hover {
    border: 1px solid #7c0f0f;
}
/** .Buttons */
/* .job Layout */

/* DIALOG */

.dialog-iframe {
    width: calc(100% + 2rem);
    height: calc(100vh - 4rem);
    margin-left: -1rem;
}

div#dialog-flash {
    display: none;
}
div#flash-success {
    display: block;
    position: fixed;
    bottom: -160px;
    left: 0;
    background-color: #008800;
    padding: 1.15rem 2.3rem;
    color: #FFFFFF;
    font-size: 1.8em;
    border-radius: 4px;
    border: 4px solid #444444;
    z-index: 5;
}

.dialog-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 1000vh;
    background: rgba(170,170,170,0.5);
    /*background: rgba(170,170,170,0.3);*/
    z-index: 12140;
}
.dialog {
    position: fixed;
    z-index: 12141;
    border: 1px solid #C0C0C0;
    border-radius: 6px;
    min-height: 100px;
    background-color: #ffffff;
    left: 0;
    top: 0;
    padding: 0;
    outline: 0;
    width: 100%;
    height: 100vh;
}
.dialog-titlebar {
    background-color: #0A0D52;
    color: #ffffff;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #C0C0C0;
    font-weight: bold;
}
.dialog-titlebar.alert {
    background-color: #820000;
    color: #FFFFFF;
}
.dialog-titlebar.success {
    background-color: #006e00;
    color: #FFFFFF;
}
a.dialog-close-btn {
    color: #b17526;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    font-weight: bold;
    background-color: #2b2b2b;
    border-radius: 3px;
    padding: 2px 7px;
}
.dialog-content {
    padding: 0.6rem 1rem;
    width: 100%;
}
@media (max-width: 575px) {
    .dialog {
        left: 0 !important;
        top: 0 !important;
    }
}
@media (min-width: 576px) {

}
@media (min-width: 768px) {
    .dialog {
        width: auto;
        min-width: 400px;
        height: auto;
        padding: 1rem;
    }
    .dialog-w800, .dialog-w1000 {
        width: 740px;
    }
    .dialog-iframe {
        height: 80vh;
    }
}
@media (min-width: 992px) {
    .dialog-w800 {
        width: 800px;
    }
    .dialog-w1000 {
        width: 900px;
    }
}
@media (min-width: 1200px) {
    .dialog-wmax {
        width: 1000px;
    }
    .dialog-w1000 {
        width: 1000px;
    }
}
@media (min-width: 1600px) {
    .dialog-wmax {
        width: 1500px;
    }
}


/*!
 * Datepicker v0.5.3
 * https://github.com/fengyuanchen/datepicker
 *
 * Copyright (c) 2014-2017 Fengyuan Chen
 * Released under the MIT license
 *
 * Date: 2017-06-15T11:00:53.699Z
 */
.datepicker-container {
    font-size: 12px;
    line-height: 30px;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 210px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ffffff;
    direction: ltr !important;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
.datepicker-container:before,
.datepicker-container:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    content: ' ';
    border: 5px solid transparent;
}
.datepicker-dropdown {
    position: absolute;
    z-index: 1;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid #c8c8c8;
    -webkit-box-shadow: 0 1px 3px #ccc;
    box-shadow: 0 1px 3px #ccc;
}
.datepicker-inline {
    position: static;
}
.datepicker-top-left,
.datepicker-top-right {
    border-top-color: #39f;
}
.datepicker-top-left:before,
.datepicker-top-left:after,
.datepicker-top-right:before,
.datepicker-top-right:after {
    top: -5px;
    left: 10px;
    border-top: 0;
}
.datepicker-top-left:before,
.datepicker-top-right:before {
    border-bottom-color: #39f;
}
.datepicker-top-left:after,
.datepicker-top-right:after {
    top: -4px;
    border-bottom-color: #fff;
}
.datepicker-bottom-left,
.datepicker-bottom-right {
    border-bottom-color: #39f;
}
.datepicker-bottom-left:before,
.datepicker-bottom-left:after,
.datepicker-bottom-right:before,
.datepicker-bottom-right:after {
    bottom: -5px;
    left: 10px;
    border-bottom: 0;
}
.datepicker-bottom-left:before,
.datepicker-bottom-right:before {
    border-top-color: #39f;
}
.datepicker-bottom-left:after,
.datepicker-bottom-right:after {
    bottom: -4px;
    border-top-color: #fff;
}
.datepicker-top-right:before,
.datepicker-top-right:after,
.datepicker-bottom-right:before,
.datepicker-bottom-right:after {
    right: 10px;
    left: auto;
}
.datepicker-panel > ul:before,
.datepicker-panel > ul:after {
    display: table;
    content: ' ';
}
.datepicker-panel > ul:after {
    clear: both;
}
.datepicker-panel > ul {
    width: 102%;
    margin: 0;
    padding: 0;
}
.datepicker-panel > ul > li {
    float: left;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    list-style: none;
    cursor: pointer;
    text-align: center;
    background-color: #ffffff;
}
.datepicker-panel > ul > li:hover {
    background-color: #1D64AE;
    color: #fff;
}
.datepicker-panel > ul > li.muted,
.datepicker-panel > ul > li.muted:hover {
    color: #999;
}
.datepicker-panel > ul > li.highlighted {
    background-color: rgb(48, 16, 115);
    color: inherit;
}
.datepicker-panel > ul > li.highlighted:hover {
    background-color: #1D64AE;
    color:  #ffffff;
}
.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover {
    color: #099C00;
}
.datepicker-panel > ul > li.disabled,
.datepicker-panel > ul > li.disabled:hover {
    cursor: default;
    color: #ccc;
    background-color: #fff;
}
.datepicker-panel > ul > li.disabled.highlighted,
.datepicker-panel > ul > li.disabled:hover.highlighted {
    background-color: #e6f2ff;
}
.datepicker-panel > ul > li[data-view='years prev'],
.datepicker-panel > ul > li[data-view='year prev'],
.datepicker-panel > ul > li[data-view='month prev'],
.datepicker-panel > ul > li[data-view='years next'],
.datepicker-panel > ul > li[data-view='year next'],
.datepicker-panel > ul > li[data-view='month next'],
.datepicker-panel > ul > li[data-view='next'] {
    font-size: 18px;
}
.datepicker-panel > ul > li[data-view='years current'],
.datepicker-panel > ul > li[data-view='year current'],
.datepicker-panel > ul > li[data-view='month current'] {
    width: 150px;
}
.datepicker-panel > ul[data-view='years'] > li,
.datepicker-panel > ul[data-view='months'] > li {
    line-height: 52px;
    width: 52px;
    height: 52px;
}
.datepicker-panel > ul[data-view='week'] > li,
.datepicker-panel > ul[data-view='week'] > li:hover {
    cursor: default;
    background-color: #0A0D52;
    color: #1d68a7;
}
.datepicker-hide {
    display: none;
}
/* cookies */

/*#cookie-modal{*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    border: 0;*/
/*    font-size: 10pt;*/
/*    font-family: 'Open Sans', Arial, Helvetica, sans-serif;*/
/*    font-weight: 400;*/
/*    line-height: 1em;*/
/*    text-align: left;*/
/*    vertical-align: baseline;*/
/*    text-shadow: none;*/
/*    background: none;*/
/*    position: absolute;*/
/*}*/

/*#cookie-tag{*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    border: 0;*/
/*    font-size: 10pt;*/
/*    font-family: 'Open Sans', Arial, Helvetica, sans-serif;*/
/*    font-weight: 400;*/
/*    line-height: 1em;*/
/*    text-align: left;*/
/*    vertical-align: baseline;*/
/*    text-shadow: none;*/
/*    background: none;*/
/*    position: fixed !important;*/
/*    z-index: 99999999999 !important;*/
/*    bottom: 0 !important;*/
/*    left: auto !important;*/
/*    right: 5% !important;*/
/*}*/

/*#cookie-tag a, #cookie-tag a:visited {*/
/*    font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;*/
/*    font-size: 12pt !important;*/
/*    background-color: #ffffff !important;*/
/*    !* background-image: url(http:); *!*/
/*    background-repeat: no-repeat;*/
/*    background-position: 6px 7px;*/
/*    color: #000 !important;*/
/*    padding: 8px 12px 8px 12px !important;*/
/*    text-decoration: none !important;*/
/*    display: block;*/
/*    border-top: 1px solid #666 !important;*/
/*    border-right: 1px solid #666 !important;*/
/*    border-left: 1px solid #666 !important;*/
/*    border-radius: 5px 5px 0 0 !important;*/
/*    -moz-border-radius: 5px 5px 0 0 !important;*/
/*    -webkit-border-radius: 5px 5px 0 0 !important;*/
/*    box-shadow: 2px 2px 3px #000;*/
/*    -moz-box-shadow: 2px 2px 3px #000;*/
/*    -webkit-box-shadow: 2px 2px 3px #000;*/
/*    transition: color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;*/
/*    -moz-transition: color 0.2s ease-in-out 0s, -moz-box-shadow 0.2s ease-in-out 0s;*/
/*    -webkit-transition: color 0.2s ease-in-out 0s, -webkit-box-shadow 0.2s ease-in-out 0s;*/
/*}*/

/*#cookie-tag a:hover {*/
/*    color: rgba(100, 180, 255, 0.95)  !important;*/
/*}*/

/*#cookie-modal, #cookie-settingsmodal {*/
/*    display: none;*/
/*    width: 100% !important;*/
/*    !*height: 100% !important;*!*/
/*    min-height: 100%;*/
/*    position: fixed !important;*/
/*    top: 0 !important;*/
/*    left: 0 !important;*/
/*    z-index: 99999999 !important;*/
/*}*/

/*#cookie-modal #cookie-modal-wrapper {*/
/*    width: 65%;*/
/*    margin: 10px auto !important;*/
/*    background-color: rgba(255, 255, 255, 0.95) !important;*/
/*    color: #000 !important;*/
/*    padding: 25px 15px 5px !important;*/
/*    text-align: left !important;*/
/*    position: relative !important;*/
/*    max-height: 8%;*/
/*    overflow-y: auto;*/
/*    !*-webkit-overflow-scrolling: touch;*!*/
/*    overflow-x: hidden;*/
/*    min-height: 500px;*/
/*    border-top: 1px solid #666 !important;*/
/*    border-right: 1px solid #666 !important;*/
/*    border-left: 1px solid #666 !important;*/
/*    border-radius: 5px 5px 5px 5px !important;*/
/*    -moz-border-radius: 5px 5px 5px 5px !important;*/
/*    -webkit-border-radius: 5px 5px 5px 5px !important;*/
/*    box-shadow: 2px 2px 3px #000;*/
/*    -moz-box-shadow: 2px 2px 3px #000;*/
/*    -webkit-box-shadow: 2px 2px 3px #000;*/
/*    transition: color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;*/
/*    -moz-transition: color 0.2s ease-in-out 0s, -moz-box-shadow 0.2s ease-in-out 0s;*/
/*    -webkit-transition: color 0.2s ease-in-out 0s, -webkit-box-shadow 0.2s ease-in-out 0s;*/
/*}*/

/*#cookie-modal, #cookie-settingsmodal, #cookie-tag, #cookie-notification {*/
/*    line-height: 1 !important;*/
/*}*/

/*#cookie-modal #cookie-modal-wrapper .cookie-content {*/
/*    padding-top: 8px;*/
/*    clear: both;*/
/*    !*height: 420px;*!*/
/*    overflow-y: auto;*/
/*    overflow-x: hidden;*/
/*}*/

/*#cookie-modal #cookie-modal-wrapper h2, #cookie-settingsmodal #cookie-settingsmodal-wrapper h2 {*/
/*    margin: 0 1rem !important;*/
/*    font-size: 24pt !important;*/
/*    width: 712px !important;*/
/*    color: #143d7b !important;*/
/*    font-weight: 400;*/

/*}*/

/*#cookie-modal #cookie-modal-wrapper .cookie-subtitle, #cookie-modal #cookie-modal-wrapper .cookie-content {*/
/*    padding: 1rem !important;*/
/*}*/

/*#cookie-modal #cookie-modal-wrapper .cookie-content table tr td{*/
/*    vert-align: top !important;*/
/*    padding: 1rem !important;*/
/*}*/
/*#cookie-modal #cookie-modal-wrapper .cookie-content .cookie-preference-name{*/
/*    font-weight: bold !important;*/
/*    font-size: 1.5rem !important;*/
/*    color: #143d7b !important;*/
/*}*/

/*#cookie-modal .cookie-link {*/
/*    color: #143d7b;*/
/*}*/
/*#cookie-modal .cookie-link:hover {*/
/*    color: rgba(100, 180, 255, 0.95)  !important;*/
/*}*/
/*#cookie-modal .cookie-btn {*/
/*    box-shadow:inset 0px 1px 0px 0px #dcecfb;*/
/*    !*background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);*!*/
/*    background-color: #ffffff;*/
/*    border-radius:6px;*/
/*    border:1px solid #84bbf3;*/
/*    position: absolute;*/
/*    display:inline-block;*/
/*    cursor:pointer;*/
/*    color: #143d7b;*/
/*    font-family:Arial;*/
/*    font-size:15px;*/
/*    font-weight:bold;*/
/*    padding:6px 24px;*/
/*    text-decoration:none;*/
/*    text-shadow:0px 1px 0px #528ecc;*/
/*    !*margin-left: auto !important;*!*/
/*    !*margin-right: auto !important;*!*/
/*    !*margin-left: 40px;*!*/
/*    box-shadow: 2px 2px 3px #000;*/
/*    -moz-box-shadow: 2px 2px 3px #000;*/
/*    -webkit-box-shadow: 2px 2px 3px #000;*/
/*    transition: color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;*/
/*    -moz-transition: color 0.2s ease-in-out 0s, -moz-box-shadow 0.2s ease-in-out 0s;*/
/*    -webkit-transition: color 0.2s ease-in-out 0s, -webkit-box-shadow 0.2s ease-in-out 0s;*/
/*}*/
/*#cookie-modal .cookie-btn:hover {*/
/*    background:linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);*/
/*    background-color:#80b5ea;*/
/*    color: blue !important;*/
/*}*/

/*#cookie-modal .cookie-btn:active{*/
/*    background:linear-gradient(to bottom, #5a85b0 5%, #bddbfa 100%);*/
/*    background-color:#80b5ea;*/
/*    color: blue !important;*/
/*}*/

/*#cookie-modal #cookie-all-btn {*/
/*    background-color: #80b5ea !important;*/
/*}*/
/*!*#cookie-modal #cookie-save-btn {*!*/
/*!*    background-color: #007bff !important;*!*/
/*!*    color: #ffffff;*!*/
/*!*}*!*/

/*#cookie-modal .cookie-btn-wrapper {*/
/*    width:  100%;*/
/*    text-align: center;*/
/*    padding-bottom: 1rem;*/
/*    padding-top: 1rem;*/
/*}*/

/*!* Base for label styling *!*/
/*.cookie-checkbox:not(:checked),*/
/*.cookie-checkbox:checked {*/
/*    position: absolute;*/
/*    left: -9999px;*/
/*}*/
/*.cookie-checkbox:not(:checked) + label,*/
/*.cookie-checkbox:checked + label {*/
/*    position: relative;*/
/*    padding-left: 32px;*/
/*    cursor: pointer;*/
/*    margin-bottom: 4px;*/
/*    display: inline-block;*/
/*    font-size: 16px;*/
/*}*/
/*!* checkbox aspect *!*/
/*.cookie-checkbox:not(:checked) + label:before,*/
/*.cookie-checkbox:checked + label:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    left: 0px; top: 0px;*/
/*    width: 22px; height: 22px;*/
/*    border: 2px solid #1a2ecb;*/
/*    background: #ffffff;*/
/*    border-radius: 4px;*/
/*    box-shadow: inset 0 1px 3px rgba(0,0,0,.1);*/
/*}*/
/*!* checked mark aspect *!*/
/*.cookie-checkbox:not(:checked) + label:after,*/
/*.cookie-checkbox:checked + label:after {*/
/*    content: '✔';*/
/*    position: absolute;*/
/*    top: 0px; left: 5px;*/
/*    font-size: 20px;*/
/*    line-height: 1.2;*/
/*    color: #09ad7e;*/
/*    transition: all .2s;*/
/*}*/
/*!* checked mark aspect changes *!*/
/*.cookie-checkbox:not(:checked) + label:after {*/
/*    opacity: 0;*/
/*    transform: scale(0);*/
/*}*/
/*.cookie-checkbox:checked + label:after {*/
/*    opacity: 1;*/
/*    transform: scale(1);*/
/*}*/
/*!* disabled checkbox *!*/
/*.cookie-checkbox:disabled:not(:checked) + label:before,*/
/*.cookie-checkbox:disabled:checked + label:before {*/
/*    box-shadow: none;*/
/*    border-color: #999999;*/
/*    background-color: #dddddd;*/
/*}*/
/*.cookie-checkbox:disabled:checked + label:after {*/
/*    color: #999999;*/
/*}*/
/*.cookie-checkbox:disabled + label {*/
/*    color: #aaaaaa;*/
/*}*/
/*!* accessibility *!*/
/*.cookie-checkbox:checked:focus + label:before,*/
/*.cookie-checkbox:not(:checked):focus + label:before {*/
/*    border: 2px solid #0000ff;*/
/*}*/
/*!* hover style just for information *!*/
/*label:hover:before {*/
/*    border: 2px solid #4778d9!important;*/
/*    background: #ffffff;*/
/*}*/

/*@keyframes blink { 50% { border-color: #ff0000;border-width: 3px; }  }*/

/*.cookies-turn-on{border: 3px solid #3876B8 ;*/
/*    !*position: fixed ;*!*/
/*    !*top: 50% ;*!*/
/*    !*right: 50% ;*!*/
/*    !*width: 20em ;*!*/
/*    !*height: 5em ;*!*/
/*    !*margin: -2.5em -10em ;*!*/
/*    !*text-align:center ;*!*/
/*    !*font-family: monospace ;*!*/
/*    !*font-size: 25px ;*!*/
/*    !*font-weight: bold*!*/
/*    !*color: #ff0000 ;*!*/
/*    margin-bottom: 10px;*/
/*    border-radius: 10px;*/
/*    !*background-color: #C4D2E2;*!*/
/*    animation: blink .5s step-end infinite alternate;*/
/*}*/
/* alex */
:root {
    --background-image-max-hight: 440px;
    --title-h5-size: 1.5625rem;
    /*--title-h5-size: 1rem;*/
}

html, body {
    height: 100%;
    color: rgba(84, 101, 118, 0.8);
    font-family: 'PublicSans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    width: 100%;
}

#site-content {
    flex: 1;
    /*margin-top: 45px;*/
}

div#main-navigation {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    height: 70px!important;
    box-sizing: border-box;
    background-color: #FFFFFF;
    z-index: 12000;
    border-bottom: 1px solid #0A0D52;
}
#logo-link {
    position: relative;
}

#logo {
    width: 300px;
}

#logo-subtext {
    color: #3d5072;
    font-size: 0.82rem;
    position:absolute;
    top: 25px;
    left: 73px;
}

nav#main-navigation.in-move {
    transition: 0.5s;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

nav ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

nav ul li {
    list-style: none;
    position: relative;
    background-color: #FFFFFF;
    line-height: 1.2;
}

nav ul li a {
    padding: 8px 8px;
    text-decoration: none;
    /*text-transform: uppercase;*/ /* UPPERCASE MENU Groschrift an / aus */
    font-size: 0.75rem;
    text-align: center;
    white-space: nowrap;
}


nav a.active {
    background-color: #EDE9E1;
}

nav a:hover {
    text-decoration: none;
    background-color: #F4F2ED;

}

nav ul li ul {
    position: absolute;
    margin-top: 10px;
    min-width: 200px;
}

nav ul li ul {
    display: block;
}

nav li ul li {
    list-style: none;
    overflow:hidden;
    max-height:0;
    transition:max-height 500ms ease;
}

nav li ul li a {
    display: block;
}

nav ul > li:hover ul li {
    max-height:150px;
}

nav#top-nav-main {
    margin-top: 1.4rem;
}

nav#top-nav-main a {
    align-self: center;
    color: #0A0D52;
    cursor: pointer;
}

/* Mobile Menu */

input#mobile-menu {
    display: none;
}

label.mobile-menu-icon {
    margin-top: 0.54rem;
    margin-right: 1rem;
    float: right;
}

.mobile-menu-icon {
    background: #FFF;
    cursor: pointer;
    display: block;
    height: 28px;
    padding: 16px;
    width: 28px;
}

.mobile-menu-icon .mobile-menu,
.mobile-menu-icon .mobile-menu::before,
.mobile-menu-icon .mobile-menu::after {
    background: #0A0D52;
    content: '';
    display: block;
    height: 3px;
    position: absolute;
    transition: background ease .3s, top ease .3s .3s, transform ease .3s;
    width: 24px;
}

.mobile-menu-icon:hover .mobile-menu,
.mobile-menu-icon:hover .mobile-menu::before,
.mobile-menu-icon:hover .mobile-menu::after {
    background: #0A0D52;
}


.mobile-menu-icon .mobile-menu::before {
    top: -7px;
}

.mobile-menu-icon .mobile-menu::after {
    top: 7px;
}

#mobile-menu:checked + .mobile-menu-icon .mobile-menu {
    background: transparent;
}

#mobile-menu:checked + .mobile-menu-icon .mobile-menu::before {
    transform: rotate(45deg);
}

#mobile-menu:checked + .mobile-menu-icon .mobile-menu::after {
    transform: rotate(-45deg);
}

#mobile-menu:checked + .mobile-menu-icon .mobile-menu::before,
#mobile-menu:checked + .mobile-menu-icon .mobile-menu::after {
    top: 0;
    transition: top ease .3s, transform ease .3s .3s;
}

#page-top-bg-bewerbung { background-image: url("/img/backgrounds/compressed/bewerbung.jpg"); background-position: center;min-height: var(--background-image-max-hight); }
#page-top-bg-kontakt { background-image: url("/img/backgrounds/kontakt.jpg"); background-position: center;min-height: var(--background-image-max-hight); }
#page-top-bg-zertifikate { background-image: url("/img/backgrounds/compressed/zertifikate.jpg"); background-position: center;min-height: var(--background-image-max-hight);  }

@media (min-width: 1200px) {
    nav ul li a {
        padding: 8px 10px;
    }
    /*.scroll-left p{ width: 70%;}*/
    #page-top-bg-referenzen { background-image: url("/img/backgrounds/compressed/referenzen_small_desktop.jpg");background-position: center;min-height: var(--background-image-max-hight);}
    #page-top-bg-aktuell { background-image: url("/img/backgrounds/aktuell_small.jpg");background-position: center;min-height: var(--background-image-max-hight);}
    #page-top-bg-jobbatterie { background-image: url("/img/backgrounds/jobbatterie_.jpg");background-position: center;min-height: var(--background-image-max-hight);}
    #page-top-bg-barrierefreiheit { background-image: url("/img/backgrounds/barrierefreiheit_.jpg");background-position: center;min-height: var(--background-image-max-hight);}
    #page-top-bg-ueber-uns { background-image: url("/img/backgrounds/compressed/ueber_uns_.jpg"); background-position: center;min-height: var(--background-image-max-hight);  }
    #page-top-bg-unternehmen { background-image: url("/img/backgrounds/unternehmen_.jpg"); background-position: center;min-height: var(--background-image-max-hight); }
    #page-top-bg-unternehmen-login { background-image: url("/img/backgrounds/compressed/anmelden_.jpg"); background-position: center;min-height: var(--background-image-max-hight); }
    #page-top-bg-anmelden { background-image: url("/img/backgrounds/compressed/anmelden_.jpg");background-position: center;min-height: var(--background-image-max-hight);}
    #page-top-bg-standorte { background-image: url("/img/backgrounds/compressed/standorte_.jpg"); background-position: center;min-height: var(--background-image-max-hight); }
    #page-top-bg-kandidaten { background-image: url("/img/backgrounds/compressed/kandidaten_.jpg");background-position: center;min-height: var(--background-image-max-hight); }
    #page-top-bg-bewerber { background-image: url("/img/backgrounds/compressed/bewerber_.jpg"); background-position: center;min-height: var(--background-image-max-hight); }
    #page-top-bg-bewerber-login { background-image: url("/img/backgrounds/compressed/anmelden_.jpg"); background-position: center;min-height: var(--background-image-max-hight); }
    #page-top-bg-home { background-image: url('/img/backgrounds/compressed/home_.jpg'); background-position: center;min-height: var(--background-image-max-hight); }
    #page-top-bg-jobportal { background-image: url('/img/backgrounds/jobs_finden.jpg'); background-position: center;min-height: var(--background-image-max-hight); }
    #page-top-bg-login { background-image: url('/img/backgrounds/compressed/bewerber_login.jpg'); background-position: center;min-height: var(--background-image-max-hight); }
    #page-top-bg-talente { background-image: url('/img/backgrounds/compressed/talente_finden.jpg'); background-position: center;min-height: var(--background-image-max-hight); }
    #page-top-bg-mitarbeiter_werben { background-image: url('/img/backgrounds/compressed/mitarbeiter_werben_.jpg'); background-position: center;min-height: var(--background-image-max-hight); }
    #page-top-bg-personal_care { background-image: url('/img/backgrounds/personal_care_small.jpg'); background-position: center;min-height: var(--background-image-max-hight); }
}
/* mobile */
@media (max-width: 1199px) {
    /*.scroll-left p{ width: 140%;}*/
    #page-top-bg-referenzen { background-image: url("/img/backgrounds/compressed/referenzen_small.jpg");background-position: center;min-height: var(--background-image-max-hight);}
    #page-top-bg-aktuell { background-image: url("/img/backgrounds/aktuell_small.jpg");background-position: center;min-height: var(--background-image-max-hight);}
    #page-top-bg-jobbatterie { background-image: url("/img/backgrounds/jobbatterie_.jpg");background-position: center;min-height: var(--background-image-max-hight);}
    #page-top-bg-barrierefreiheit { background-image: url("/img/backgrounds/barrierefreiheit_small.jpg");background-position: center;min-height: var(--background-image-max-hight);}
    #page-top-bg-ueber-uns { background-image: url("/img/backgrounds/compressed/ueber_uns.jpg"); background-position: center;min-height: var(--background-image-max-hight);  }
    #page-top-bg-unternehmen { background-image: url("/img/backgrounds/unternehmen.jpg");min-height: var(--background-image-max-hight); }
    #page-top-bg-unternehmen-login { background-image: url("/img/backgrounds/compressed/anmelden.jpg");min-height: var(--background-image-max-hight); }
    #page-top-bg-anmelden { background-image: url("/img/backgrounds/compressed/anmelden.jpg");background-position: center;min-height: var(--background-image-max-hight);}
    #page-top-bg-standorte { background-image: url("/img/backgrounds/compressed/standorte_.jpg"); background-position: center;min-height: var(--background-image-max-hight); }
    #page-top-bg-kandidaten { background-image: url("/img/backgrounds/compressed/kandidaten.jpg");background-position: center;min-height: var(--background-image-max-hight); }
    #page-top-bg-bewerber { background-image: url("/img/backgrounds/compressed/bewerber.jpg"); background-position: center;min-height: var(--background-image-max-hight); }
    #page-top-bg-bewerber-login { background-image: url("/img/backgrounds/compressed/anmelden.jpg"); background-position: center;min-height: var(--background-image-max-hight); }
    #page-top-bg-home { background-image: url('/img/backgrounds/compressed/home.jpg'); background-position: center;min-height: var(--background-image-max-hight); }
    #page-top-bg-jobportal { background-image: url("/img/backgrounds/jobs_finden.jpg");background-position: 65% center;min-height: var(--background-image-max-hight); }
    #page-top-bg-login { background-image: url("/img/backgrounds/compressed/bewerber_login.jpg");background-position: 65% center;min-height: var(--background-image-max-hight); }
    #page-top-bg-talente { background-image: url("/img/backgrounds/compressed/talente_finden.jpg");background-position: 65% center;min-height: var(--background-image-max-hight); }
    #page-top-bg-mitarbeiter_werben { background-image: url("/img/backgrounds/compressed/mitarbeiter_werben.jpg");background-position: 50% center;min-height: var(--background-image-max-hight); }
    #page-top-bg-personal_care { background-image: url("/img/backgrounds/personal_care_small.jpg");background-position: 50% center;min-height: var(--background-image-max-hight); }
}
@media (max-width: 991px) {

    div#main-navigation {
        height: 50px !important;
    }
    #logo {
        width: 240px;
    }

    #mobile-menu ~ nav#top-nav-main {
    }
    #mobile-menu:checked ~ nav#top-nav-main {
        right: 0px;
        width: 100vw;
    }
    nav#top-nav-main {
        position: fixed;
        background-color: rgb(255, 255, 255);
        border: 2px solid #333333;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
        transition: all ease-in-out .6s;
        overflow: hidden;
        width: 0px;
        height: calc(100vh - 48px);
        top: 1.6rem;
        right: -1000px;
        padding-bottom: 3rem;
        z-index: 12010;
    }
    div#top-nav-wrapper {
        overflow: auto;
        height: 100%;
        padding-top: 1rem;
    }
    nav a.active {
        background-color: inherit;
    }
    nav a:not([href]):hover {
        background-color: transparent;
        text-decoration: underline;
    }
    nav ul {
        display: block;
    }
    nav ul li {
        line-height: 1.8;
        flex: 1;
    }
    nav ul li a {
        padding: 8px 10px;
        font-size: 1.2rem;
        text-align: center;
        display: block;
        width: 100%;
    }

    nav ul li a:not([href]) {
        text-decoration: underline;
        font-size: 1.1rem;
    }


    nav ul li ul {
        position: inherit;
        margin: -5px 0 10px 0;
        min-width: 200px;
    }
    nav ul li ul {
        display: block;
    }
    nav li ul li {
        max-height: inherit;
        transition: none;
    }
    nav li ul li a {
        display: block;
        font-size: 1rem;
        padding: 0;
    }
    nav ul > li:hover ul li {
        max-height: inherit;
    }

}

/* end */

h2 {
    font-size: 1.6rem;
}

p {
    color: rgba(84, 101, 118, 0.8);
}


footer {
    background-color: #0A0D52;
    color: rgba(153, 171, 205, 0.97);
    margin-top: 3rem;
}


footer ul {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

footer ul li {
    list-style: none;
}


footer a {
    color: #FFFFFF;
    padding: 0 8px;
    text-decoration: none;
}


footer li a {
    font-size: 0.9rem;
}

ul.cities {
    flex-direction: column;
}

ul.cities li {
    list-style: none;
    font-size: 0.9rem;
}

h1 {
    font-size: 2rem;
}

.container {
    color: #0A0D52;
}
.container h1 {
    margin: 0px;
    margin-bottom: 1rem;
}
.container h2 {
    margin:0px;
    font-size: 1.25rem;
}
div.page-top-layer {
    background-color: #0A0D52;
    color: #FFFFFF;
    margin-bottom: 3rem;
    padding: 2rem 0 0.4rem 0;
    font-family: CrimsonText-Bold;
    /*font-style: italic;*/
}


/* end */

h2 {
    font-size: 1.6rem;
}

p {
    color: rgba(84, 101, 118, 0.8);
}


footer {
    background-color: #0A0D52;
    color: rgba(153, 171, 205, 0.97);
    margin-top: 3rem;
}


footer ul {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

footer ul li {
    list-style: none;
}


footer a {
    color: #FFFFFF;
    padding: 0 8px;
    text-decoration: none;
}


footer li a {
    font-size: 0.9rem;
}

ul.cities {
    flex-direction: column;
}

ul.cities li {
    list-style: none;
    font-size: 0.9rem;
}

h1 {
    font-size: 2rem;
}

.container {
    color: #0A0D52;
}
.container h1 {
    margin: 0px;
    margin-bottom: 1rem;
}
.container h2 {
    margin:0px;
    font-size: 1.25rem;
}
div.page-top-layer {
    background-color: #0A0D52;
    color: #FFFFFF;
    margin-bottom: 3rem;
    padding: 2rem 0 0.4rem 0;
    font-family: CrimsonText-Bold;
    letter-spacing: 0.1em;
    height: 590px;
    /*font-family: Georgia;*/
    /*font-family: ChanticleerRomanNF;*/
    /*font-style: italic;*/
}

div.page-top-layer h3 {
    margin: 0;
    padding: 0.2rem 3.6rem 1rem 0;
    /*color: #00ff30;*/
    color: #FFFFFF;
    font-size: 1.75rem;
    text-align: right;
    font-style: normal;
}

div.page-top-layer h4 {
    margin: 0;
    padding: 0.2rem 6rem 1rem 0;
    color: #FFFFFF;
    font-size: 1rem;
    text-align: right;
}

div.page-top-layer h3 + h4 {
    padding: 0rem 6rem 1.4rem 0;
    margin-top: -1rem;
    font-style: italic;
}

div.page-top-layer h4 {
    line-height: 1.5rem;
}

div.page-top-background {
    background-attachment: inherit;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 500px;
}

div.form-block {
    background-color: #FFFFFF;
    border: 1px solid #d1d9e0;
    padding: 2rem;
    border-radius: 4px;
}

div.kontakt a {
    display: block;
    text-decoration: none;
}
div.kontakt i {
    border: 2px solid #d7a814;
    width: 5.7rem;
    height: 5.7rem;
    text-align: center;
    border-radius: 100px;
    color: #F4F4F4;
    line-height: 5.7rem;
    font-size: 2.57rem;
    margin-top: 2.5rem;
}
div.kontakt span {
    color: #F4F4F4;
    font-size: 1.3rem;
    text-align: center;
    font-weight: normal;
    display: block;
    margin-top: 1.43rem;
    white-space: normal;
}

.animate {
    transition: 1.2s;
}

.animate.fadein {
    opacity: 0.2;
}

.animate.moveup {
    transform: translate(0px,30px);
}

.animate.moveup.triggered     {
    transform: translate(0,0);
}

.animate.move-lru {
    transform: translate(-30px,30px);
}

.animate.move-lru.triggered     {
    transform: translate(0,0);
}

.animate.move-rlu {
    transform: translate(30px,30px);
}

.animate.move-rlu.triggered     {
    transform: translate(0,0);
}

.fadein.triggered {
    animation: fadein 4s;
    opacity: inherit;
}

div.form-block {
    background-color: #FFFFFF;
    border: 1px solid #d1d9e0;
    padding: 2rem;
    border-radius: 4px;
}

.animate {
    transition: 1.2s;
}

.animate.fadein {
    opacity: 0.2;
}

.animate.moveup {
    transform: translate(0px,30px);
}

.animate.moveup.triggered     {
    transform: translate(0,0);
}

.animate.move-lru {
    transform: translate(-30px,30px);
}

.animate.move-lru.triggered     {
    transform: translate(0,0);
}

.animate.move-rlu {
    transform: translate(30px,30px);
}

.animate.move-rlu.triggered     {
    transform: translate(0,0);
}

.fadein.triggered {
    animation: fadein 4s;
    opacity: inherit;
}

/*
form {
    padding: 0;
    margin: 0;
}
.form-group {
    margin-bottom: 0.5rem;
}

.form-group label {
    font-size: .75rem;
    margin-bottom: 0.1rem;
}

.form-control {
    border-color: #0A0D52;
    font-size: 0.75rem;
    line-height: 1.75;
    padding: 0 .75rem;
}
.custom-select{
    border-color: #0A0D52;
    color: #0A0D52;
    font-size: 0.75rem;
}

 */

/* FORM (app-form) */

form.app-form .form-group {
    position: relative;
}

form.app-form div.form-group {
    margin-bottom: 1.3rem;
}

form.app-form input.form-control:focus,
form.app-form select:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .05rem rgba(0, 123, 255, 0.25);
}

form.app-form input,
form.app-form select {
    padding: .575rem .75rem .375rem .75rem;
    line-height: 1.65;
    height: calc(1.6em + .75rem + 2px);
}

form.app-form label {
    position: absolute;
    top: 0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin: 0;
    color: rgba(0,0,0,.7);
    font-size:80%;
    -webkit-transform:translate3d(.65rem,-.5rem,0);
    transform:translate3d(.65rem,-.5rem,0);
    opacity:1;
    line-height:normal;
    padding: 0 .2rem;
    background-color: #FFFFFF;
}

form.app-form .form-check {
    position: relative;
    padding-left: 0.3rem;
}

form.app-form input[type="checkbox"] {
    border: 0 none;
    padding: 0;
    background-color: inherit;
    position: relative;
    z-index: -1;
    opacity: 0;
    height: auto;
}
form.app-form input[type="checkbox"] + label {
    text-align: left;
    cursor: pointer;
    margin-bottom: 0;
    border: none;
    font-size: 90%;
    -webkit-transform:translate3d(0rem,0rem,0);
    transform:translate3d(0rem,0rem,0);
}
form.app-form input[type="checkbox"] + label:before {
    font-family: FontAwesome;
    color: #FF0000;
    content: "\00a0";
    height: 1.2rem;
    width: 1.2rem;
    display: inline-block;
    border: 2px solid #666666;
    border-radius: 4px;
    text-align: center;
    margin-right: 0.6rem;
    background-color: #dddddd;
}
form.app-form input[type="checkbox"]:checked + label:before {
    color: #00AA00;
    content: "\f00c";
    background-color: #e8e8e8;
}

/* IframeDialog */
.IFrameDialog{

}
/** FORM NEW **/


.form-control, .custom-select {
    font-size: 0.9rem;
}

form {
    color: #404040;
    font-size: 0.9rem;
}

fieldset {
    border: none;
}

form fieldset {
    margin-bottom: 20px;
}


form div.form-group {
    margin-top: 2px;
    clear: left;
    padding: 0px;
}


form div.form-group label {
    display: block;
    width: 100%;
    padding: 0px;
    margin-top: 8px;
    text-align: left;
}

/*form input.form-check-input[type="checkbox"] + label {*/
/*    padding-top: 4px;*/
/*}*/

form div.form-group input.form-control, form textarea.form-control {
    width: 100%;
    line-height: 1.2rem;
    padding: .375em .75em;
    height: calc(1.2rem + .75em + 2px);
    display: block;
    background-clip: padding-box;
    border-radius: 4px;
}

form div.form-group select.custom-select, form select.custom-select {
    width: 100%;
    line-height: 1.2rem;
    padding: .375em .75em;
    height: calc(1.2rem + .75em + 2px);
    display: block;
    background-clip: padding-box;
    border-radius: 4px;
}

form div.form-group.form-check input.form-check-input[type="checkbox"] {
    width: 1.4rem;
    float: left;
    margin-right: 5px;
    border-radius: 4px;
    display: inline-block;
    position: initial;
    margin-left: 0;
}

form label a {
    text-decoration: underline;
}


form input.form-control, form textarea.form-control, form select.custom-select{
    border: 1px solid #ced4da;
    background-color: #FFFFFF;
    margin-bottom: 3px;
    color: #3b3a3a;
    border-radius: 4px;
    width: 100%;
    line-height: 1.2rem;
    padding: .375em .75em;
    height: calc(1.2rem + .75em + 2px);
    display: block;
    background-clip: padding-box;
}

@media (max-width: 575px) {

    form {
        font-size: 1rem;
    }
    form div.form-group input.form-control, form textarea.form-control {
        line-height: 1.4rem;
        height: calc(1.4rem + .75em + 2px);
    }
    form div.form-group select.custom-select, form select.custom-select {
        line-height: 1.4rem;
        height: calc(1.4rem + .75em + 2px);
    }
    .form-control, .custom-select {
        font-size: 1rem;
    }


}

/* Select2 */
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    margin-bottom: 3px;
    color: #3b3a3a;
    border-radius: 4px;
    width: 100%;
    line-height: 1.2rem;
    padding: .375em .75em;
    height: calc(1.2rem + .75em + 2px);
    display: block;
    background-clip: padding-box;
}
.fileinput { position: relative; color:#ffffff !important; overflow: hidden; display: block; margin: 0px 0px 15px 0px; }
.fileinput input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); transform: translate(0px, 3px) scale(1.5); cursor: pointer; }

/* Standorte */
.standort-abteilungen-menu.abteilung-aktiv{
    background-color: rgba(0,0,5,.03);
}
.standort-abteilungen-menu,.button_niederlassungen{
    background-color: white;
}

.standort-abteilungen-menu:hover, .button_niederlassungen:hover{
    background-color: rgba(0,0,5,.03);
}


/* Mitarbeiter Foto */
.mitarbeiter-foto{
    /*border: #7591ae;*/
    /*border-width: 2px;*/
    max-width: 110px;
    max-height: 110px;
    width: 110px;
    height: 110px;
    /*width: 130px;*/
    /*height: 130px;*/
}
.mitarbeiter-foto-wrapper{
    position:absolute;
    display:none;
    z-index:100000;
    min-width: 100%;
}
@media (max-width: 450px) {
    .mitarbeiter-foto {
        max-width: 100%;
        max-height: 100%;
        width: 100%;
        height: 100%;
    }
}
/* warteanzeigen spinner downloadbalken */
/*Spinner ellipse
<div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>
*/
.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #fff;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}

/*Spinner spinner
<div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
*/
.lds-spinner {
    color: official;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #0A0D52;
}
.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}
@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/*Spinner Hourglas
<div class="lds-hourglass"></div>
*/
.lds-hourglass {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-hourglass:after {
    content: " ";
    display: block;
    border-radius: 50%;
    width: 0;
    height: 0;
    margin: 8px;
    box-sizing: border-box;
    border: 32px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-hourglass 1.2s infinite;
}
@keyframes lds-hourglass {
    0% {
        transform: rotate(0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    50% {
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    100% {
        transform: rotate(1800deg);
    }
}

/*Spinner roller
<div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
*/
.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}
.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px;
}
.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px;
}
.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px;
}
.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px;
}
.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px;
}
.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px;
}
.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px;
}
.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px;
}
@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* progress spinner */
@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.rotating {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
    display: block;
    color: #0f16be;
    /*width: 2rem;*/
    /*height: 2rem;*/
}
/* .progress spinner */
/* Loacalization icons */
.lang_link{
    color: #0A0D52;
    text-align: center;
    vertical-align: auto;
    line-height: 27px;
    min-width: 35px;
    min-height: 35px;
    margin: 1px;
    padding: 3px !important;
    font-size: 0.7rem !important;
    border-radius: 100px;
}

.lang_link.active{
    background-color: #007bff;
    color:white;
    border-color:transparent;
}

.lang_icon {
    width: 30px;
    border-radius: 100px;
    border-style: solid;
    border-width: 1px;
    border-color: #5a85b0;
}

.lang_icon:hover{
    border-radius: 100px;
    border-color: #007bff;
    border-width: 1px;
    border-style: solid;
    /*width: 45px;*/
}

.lang_icon.active {
    border-color: #007bff;
    border-width: 1px;
    border-style: solid;
    border-radius: 100px;
}
.message_error {
    /*border-radius: 10px 10px 10px 10px;*/
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) calc(.25rem - 1px) calc(.25rem - 1px);
    clear: both;
    border: 2px solid #2E2E2E;
    background-color: #FF0000;
    font-weight: bold;
    color: white;
    padding: 10px 10px 8px 50px !important;
    margin-bottom: 15px;
}
.message_error:before {
    position: relative;
    top: 0px;
    font-size: 1rem;
    left: -25px;
    content: "\f28d";
    font-family: 'Font Awesome\ 5 Free';
}
.message_success {
    /*border-radius: 10px 10px 10px 10px;*/
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) calc(.25rem - 1px) calc(.25rem - 1px);
    clear: both;
    border: 2px solid #2E2E2E;
    background-color: #3A6823;
    font-weight: bold;
    color: white;
    padding: 10px 10px 8px 50px !important;
    margin-bottom: 15px;
}
.message_success:before {
    position: relative;
    top: 0px;
    font-size: 1rem;
    left: -25px;
    content: "\f058";
    font-family: 'Font Awesome\ 5 Free';
}
.message_info {
    /*border-radius: 10px 10px 10px 10px;*/
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) calc(.25rem - 1px) calc(.25rem - 1px);
    clear: both;
    border: 2px solid #2E2E2E;
    background-color: #007bff;
    font-weight: bold;
    color: white;
    padding: 10px 10px 8px 50px !important;
    margin-bottom: 15px;
}
.message_info:before {
    position: relative;
    top: 0px;
    font-size: 1rem;
    left: -25px;
    content: "\f12a";
    font-family: 'Font Awesome\ 5 Free';
}

/*Icons Actions */
a.icon, a.icon-danger{
    color: #0A0D52;
    border: #6C7C99 solid 1px;
    width: 25px;
    height: 25px;
    padding: auto;
    line-height: auto;
    border-radius: calc(.25rem - 1px);
}
a.icon.btn i.fa,a.icon.btn i.fab,a.icon.btn i.far,a.icon.btn i.fas { color: #FFFFFF; }
a.icon.btn { float: left; width: auto; height: auto; padding: 4px 8px; margin: 0px 6px 6px 0px; }
a.icon.btn:hover { background: #D0D0D0 !important; color: #000000; }
td.actions a.icon {
    line-height: 1;
    padding: 0;
}
/* Icon Danger */
a.icon-danger i.fa,a.icon-danger i.fab,a.icon-danger i.far,a.icon-danger i.fas:hover{
    color: #660000;
}

div.headline1 {
    padding: 4px 0px 3px 6px;
    color: #000000;
    border-bottom: 1px solid #999999;
    font-size: 1.2rem;
    margin-bottom: 6px;
}

/* EM Gewinnspiel */
.embackground{
    /*background-image: url("../img/icons/rasen_em_bg.jpg");*/
    background-image: url("/img/fussball/Fussballfeld.png");
    background-position: center;
    background-size: 100%;
    /*background-color: #0d640d;*/
    width: calc(100vw + 15px);
    max-width: calc(100vw + 15px);
    min-width: calc(100vw + 15px);
}
.UEFA-text{
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width:100%;
    /*height: 1.2rem;*/
    color: #ffffff;
    font-size: 1.3rem;
    opacity: 1;
}
.scroll-left {
    height: 105%;
    overflow: hidden;
    position: relative;
    top: -50px;
    z-index: 300;
    left: 5px;
}
.scroll-left p {
    position: absolute;
    /*color: #c5ffc5;*/

    /*width: 70%;*/
    /*height: 50%;*/
    margin: 0;
    line-height: 50px;
    text-align: center;
    /* Starting position */
    -moz-transform:translateX(10%);
    -webkit-transform:translateX(10%);
    transform:translateX(10%);
    /* Apply animation to this element */
    -moz-animation: scroll-left 20s linear infinite;
    -webkit-animation: scroll-left 20s linear infinite;
    animation: scroll-left 20s linear infinite;
}

/* Move it (define the animation) */
@-moz-keyframes scroll-left {
    0% { -moz-transform: translateX(100%); }
    100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
    0% { -webkit-transform: translateX(100%); }
    100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%); /* Browser bug fix */
        -webkit-transform: translateX(100%); /* Browser bug fix */
        transform: translateX(100%);
    }
    100% {
        -moz-transform: translateX(-100%); /* Browser bug fix */
        -webkit-transform: translateX(-100%); /* Browser bug fix */
        transform: translateX(-100%);
    }
}
.blink_me {
    position: absolute;
    color: #00ff30;
    animation: blinker 3s linear infinite;

}

@keyframes blinker {
    50% {
        opacity: 1;
        color: #0A0D52;
        /*color: white;*/
    }
}
.rolling {
    animation: roll 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    /*position:absolute;*/
}

@keyframes roll {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}
.bouncingball {
    /*left: 20vw;*/
    animation: bounce 1s;
    transform: translateY(0px);
    animation-iteration-count: infinite;
    position:absolute;
}

@keyframes bounce {
    0% {top: 0;
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-in;
    }
    40% {}
    50% {top: 40px;
        /*height: 40px;*/
        -webkit-animation-timing-function: ease-out;
    }
    55% {top: 60px;
        /*height: 20px;*/
        -webkit-animation-timing-function: ease-in;}
    65% {top: 20px;
        /*height: 40px;*/
        -webkit-animation-timing-function: ease-out;}
    95% {
        top: 0;
        -webkit-animation-timing-function: ease-in;
    }
    100% {top: 0;
        transform: rotate(-360deg);
        -webkit-animation-timing-function: ease-in;
    }
}

@media (min-width: 1200px) {
    .scroll-left p{ width: 70%;}
}
/* mobile */
@media (max-width: 1199px) {
    .scroll-left p{ width: 140%;}
}
/* .EM Gweinnspiel */
.captcha_arrow {
    color: #0A0D52;
}
.captcha_ziel {
    color: #007bff;
}

.captcha-image {
    display: block; /* Bild als Block-Element */
    margin: 0 auto; /* Horizontale Zentrierung */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Hinzufügen eines Schattens */
    border-radius: 8px; /* Abgerundete Ecken (optional) */
    padding: 5px; /* Padding für ein bisschen Platz um das Bild */
    background-color: #f8f9fa; /* Optionaler Hintergrund für bessere Sichtbarkeit */
}


.video_howto_pics {
    border-style: solid;
    border-width: 5px;
    border-radius: 0.5rem;
    border-color: rgba(43,51,63,.7);
}
.video_howto_btn{
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.social_hover{
    font-weight: bolder;
}
.social_hover:hover{
    color: #0056b3;
    text-decoration: none !important;
}


/*Bewerber*/
.bewerber-title-container{
    background-color: #0A0D52;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem!important;
    margin-bottom: 0px !important;
}
.bewerber-title-button{
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}

.bewerber-title-list {
    font-size: var(--title-h5-size);
    line-height: 1.4em;
    font-weight: 700;
    margin-bottom: 0.75rem;
    margin-top: 0.625rem;
    color: #0A0D52;
    /*background-color: #0A0D52;*/
}

.bewerber-title {
    font-size: var(--title-h5-size);
    line-height: 1.4em;
    font-weight: 700;
    margin-bottom: 0.75rem;
    margin-top: 0.625rem;
    color: #ffffff;
}

.bewerber-container {
    border-radius: 0px;
    cursor: pointer;
}

@media (min-height: 850px) and (min-width: 1200px) {
    .bewerber-container{
        width: 100%;
    }
}