html, body {
    min-height: 100vh;
    background-color: #004876
}

body {
    position: relative
}

a {
    display: inline;
    color: #97bddd
}

.modal-dialog a, #main-wrapper a {
    color: #0d4162;
    text-decoration: underline;
}

a:hover {
    color: #fff;
    text-decoration: underline solid #fff 1px
}

.modal-dialog a:hover, #main-wrapper a:hover{
    color: #042338;
}

.main-content a, #footer a {
    color: #ffffff;
    text-decoration: underline
}

.modal-dialog .main-content a, #footer a, #main-wrapper a {
    color: #0d4162;
    text-decoration: underline
}

p {
    color: #fff
}

#main-wrapper p{
    color: #0d4162;
    font-size: 20px;
}

b, strong {
    font-weight: 600
}

@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 400;
    src: url('jost-v13-latin-regular.eot');
    src: local(''), url('jost-v13-latin-regular.eot?#iefix') format('embedded-opentype'), url('jost-v13-latin-regular.woff2') format('woff2'), url('jost-v13-latin-regular.woff') format('woff'), url('jost-v13-latin-regular.ttf') format('truetype'), url('jost-v13-latin-regular.svg#Jost') format('svg')
}

@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 600;
    src: url('jost-v13-latin-600.eot');
    src: local(''), url('jost-v13-latin-600.eot?#iefix') format('embedded-opentype'), url('jost-v13-latin-600.woff2') format('woff2'), url('jost-v13-latin-600.woff') format('woff'), url('jost-v13-latin-600.ttf') format('truetype'), url('jost-v13-latin-600.svg#Jost') format('svg')
}

@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 700;
    src: url('jost-v13-latin-700.eot');
    src: local(''), url('jost-v13-latin-700.eot?#iefix') format('embedded-opentype'), url('jost-v13-latin-700.woff2') format('woff2'), url('jost-v13-latin-700.woff') format('woff'), url('jost-v13-latin-700.ttf') format('truetype'), url('jost-v13-latin-700.svg#Jost') format('svg')
}

@font-face {
    font-family: 'Jost';
    font-style: italic;
    font-weight: 400;
    src: url('jost-v13-latin-italic.eot');
    src: local(''), url('jost-v13-latin-italic.eot?#iefix') format('embedded-opentype'), url('jost-v13-latin-italic.woff2') format('woff2'), url('jost-v13-latin-italic.woff') format('woff'), url('jost-v13-latin-italic.ttf') format('truetype'), url('jost-v13-latin-italic.svg#Jost') format('svg')
}

.uk-modal-header {
    background: #fff
}

.uk-modal-body {
    padding: 60px
}

.uk-modal-body ul li, .uk-modal-body ol li {
    margin-bottom: 18px
}

.uk-modal-body ul li ul, .uk-modal-body ol li ul, .uk-modal-body ul li ol, .uk-modal-body ol li ol {
    margin-top: 18px
}

.baseform {
    border-radius: 3px 60px 3px 60px
}

.slideshow--frontpage .baseform {
    border-radius: 3px 25px 3px 25px
}

.panel-align-left .panel-aligned-background.baseform {
    border-radius: 0 40px 0 0
}

.panel-align-right .panel-aligned-background.baseform {
    border-radius: 40px 0 0 0
}

.burgermenu.baseform {
    border-radius: 3px 10px 3px 10px
}

.header {
    background-color: #004876;
    box-shadow: 0px 0px 10px #000;
    max-height: 135px;
    min-height: 80px;
    top: 0;
    padding-top: 29px;
    padding-bottom: 10px
}

@media (min-width: 960px) {
    .header {
        padding-top: 29px;
        padding-bottom: 10px
    }
}

.header a {
    font-family: 'Jost', sans-serif;
    font-size: 20px
}

.header .header--logo {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 460px) {
    .header .header--logo {
        max-width: 60px
    }
}

@media (min-width: 640px) {
    .header .header--logo {
        max-width: 100px
    }
}

@media (min-width: 960px) {
    .header .header--logo {
        max-width: 160px
    }
}

@media (min-width: 1200px) {
    .header .header--logo {
        max-width: 200px
    }
}

@media (min-width: 460px) {
    .header.uk-active .header--logo {
        max-width: 60px
    }
}

@media (min-width: 640px) {
    .header.uk-active .header--logo {
        max-width: 60px
    }
}

@media (min-width: 960px) {
    .header.uk-active .header--logo {
        max-width: 100px
    }
}

@media (min-width: 1200px) {
    .header.uk-active .header--logo {
        max-width: 120px
    }
}

.header .header-contact-icons a {
    font-size: 24px;
    margin-right: 1rem;
    color: #fff
}

.header .header-contact-icons a :hover {
    color: #97bddd
}

.header .header-contact-icons a img {
    width: 25px;
    height: auto;
    vertical-align: -.2em;
}

.header .header--nav {
    padding-left: 7%
}

.header .header--nav button {
    background: none;
    color: #fff;
    height: 40px;
    font-size: 1.5rem;
    transform: scale(1.5);
    padding: 4px !important;
    margin-bottom: 6px
}

@media (max-width: 460px) {
    .header .header--logo {
        max-width: 30%
    }

    .header .header-contact-icons a {
        font-size: 25px;
        padding-right: 0;
        margin-right: 0
    }

    .header .header-contact-icons a img {
        width: 30px;
        height: auto
    }
}

.uk-sticky-placeholder {
    height: 0
}

.header--nav .uk-button {
    padding: 4px 17px
}

.header--nav .uk-dropdown {
    background: #004876;
    font-weight: 500;
    padding: 1.5rem;
    min-width: 300px;
    border-radius: 0 0 1rem 1rem
}

.header--nav .uk-dropdown .uk-nav-sub .item-link {
    color: #fff
}

.header--nav .uk-dropdown .uk-nav-sub .item-link::before {
    content: '// '
}

.header--nav .uk-dropdown .menu-item {
    left: 0
}

.header--nav .uk-dropdown .menu-item a {
    color: #fff
}

.header--nav .uk-dropdown .toggle {
    float: right;
    right: 0
}

.header--nav .uk-dropdown .toggle:active, .header--nav .uk-dropdown .toggle:hover, .header--nav .uk-dropdown .toggle:focus, .header--nav .uk-dropdown .uk-open .toggle {
    transform: rotateZ(90deg)
}

#navitem {
    top: 45px !important;
    transition: all .2s;
    z-index: 9999;
    position: fixed;
    width: 100%
}

@media (min-width: 960px) {
    #navitem {
        visibility: hidden;
        opacity: 0
    }
}

#navitem.uk-sticky-fixed {
    visibility: visible;
    opacity: 1;
    top: 20px !important
}

@media (min-width: 960px) {
    #navitem.uk-sticky-fixed {
        top: 45px !important
    }
}

.burgermenu {
    background: #fff;
    width: 46px;
    height: 46px;
    position: relative;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-direction: normal
}

@media (min-width: 960px) {
    .burgermenu {
        width: 56px;
        height: 56px
    }
}

.burgermenu .padding {
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    height: 80%;
    width: 80%
}

.burgermenu .bar {
    position: absolute;
    width: 100%;
    height: 3px;
    left: 50%;
    top: 50%;
    display: inline-block;
    transform: translate(-50%, -50%);
    transition: all .2s;
    background: #fff;
    animation-duration: 1s;
    animation-fill-mode: forwards
}

.burgermenu .bar1 {
    animation-name: keyframes-bar1-close
}

.burgermenu .bar2 {
    top: 50%;
    animation-name: keyframes-bar2-close
}

.burgermenu .bar3 {
    animation-name: keyframes-bar3-close
}

.uk-modal-page .burgermenu {
    background: #ff
}

.uk-modal-page .burgermenu .bar {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    background: #004876
}

.uk-modal-page .burgermenu .bar1 {
    animation-name: keyframes-bar1-open
}

.uk-modal-page .burgermenu .bar2 {
    animation-name: keyframes-bar2-open
}

.uk-modal-page .burgermenu .bar3 {
    animation-name: keyframes-bar3-open
}

@keyframes keyframes-bar1-open {
    0% {
        top: 22%;
        transform: translate(-50%, -50%) rotate(0deg)
    }
    50% {
        top: 50%;
        transform: translate(-50%, -50%) rotate(0deg)
    }
    100% {
        top: 50%;
        transform: translate(-50%, -50%) rotate(-45deg)
    }
}

@keyframes keyframes-bar2-open {
    0% {
        visibility: visible;
        opacity: 1
    }
    50% {
        visibility: visible;
        opacity: 1
    }
    51% {
        visibility: hidden;
        opacity: 0
    }
    100% {
        visibility: hidden;
        opacity: 0
    }
}

@keyframes keyframes-bar3-open {
    0% {
        top: 77%;
        transform: translate(-50%, -50%) rotate(0deg)
    }
    50% {
        top: 50%;
        transform: translate(-50%, -50%) rotate(0deg)
    }
    100% {
        top: 50%;
        transform: translate(-50%, -50%) rotate(-135deg)
    }
}

@keyframes keyframes-bar1-close {
    0% {
        top: 50%;
        transform: translate(-50%, -50%) rotate(-45deg)
    }
    50% {
        top: 50%;
        transform: translate(-50%, -50%) rotate(0deg)
    }
    100% {
        top: 22%;
        transform: translate(-50%, -50%) rotate(0deg)
    }
}

@keyframes keyframes-bar2-close {
    0% {
        visibility: hidden;
        opacity: 0
    }
    50% {
        visibility: visible;
        opacity: 1
    }
    51% {
        visibility: hidden;
        opacity: 0
    }
    100% {
        visibility: visible;
        opacity: 1
    }
}

@keyframes keyframes-bar3-close {
    0% {
        top: 50%;
        transform: translate(-50%, -50%) rotate(-135deg)
    }
    50% {
        top: 50%;
        transform: translate(-50%, -50%) rotate(0deg)
    }
    100% {
        top: 77%;
        transform: translate(-50%, -50%) rotate(0deg)
    }
}

#modalmenu {
    height: 100%;
    text-transform: uppercase;
    color: #ff
}

#modalmenu a {
    color: #ff
}

#modalmenu .toggle {
    width: 40px;
    margin: 0
}

#modalmenu .uk-modal-dialog {
    height: 100%;
    min-height: 100%;
    background: rgba(13, 65, 98, 0.85);
    overflow: scroll
}

#modalmenu .uk-modal-dialog .inner {
    height: 100%
}

#modalmenu .uk-modal-dialog .spacer {
    max-height: 100%
}

#modalmenu .contact {
    margin-top: 20px;
    padding-bottom: 120px
}

#modalmenu .mobile-menu {
    padding-top: 120px
}

@media (max-width: 959px) {
    #modalmenu .uk-nav-main {
        min-width: 300px
    }

    #modalmenu .uk-nav-main > li > a {
        font-weight: bold
    }

    #modalmenu .toggle {
        float: right;
        transform: rotate(-180deg)
    }

    #modalmenu .uk-open > .toggle span {
        transform: rotate(-90deg)
    }
}

@media (min-width: 960px) {
    #modalmenu .toggle {
        width: 30px;
        float: right;
        text-align: center;
        line-height: 1
    }

    #modalmenu a {
        line-height: 1.2
    }

    #modalmenu :hover > .item-link span, #modalmenu .uk-active > .item-link span {
        border-bottom: 1px solid #ff
    }

    #modalmenu .menu-item {
        position: relative;
        margin-bottom: 8px
    }

    #modalmenu .menu-item:last-child {
        margin-bottom: 0
    }

    #modalmenu .menu-item:after {
        content: '';
        clear: both;
        display: block;
        width: 100%
    }

    #modalmenu .item-link {
        float: left
    }

    #modalmenu .uk-nav-sub {
        padding: 0;
        float: left
    }

    #modalmenu .uk-nav-main > li > .toggle {
        pointer-events: none;
        position: absolute;
        left: 200px
    }

    #modalmenu .uk-nav-main > li > .item-link {
        text-align: right;
        font-weight: bold;
        width: 200px;
        margin-right: 30px
    }

    #modalmenu .uk-nav-main > li > .uk-nav-sub {
        display: block !important
    }

    #modalmenu .uk-nav-sub .uk-nav-sub {
        position: absolute;
        right: 0;
        transform: translate(100%, 0px)
    }
}

.breadcrumb--wrapper {
    color: rgba(255, 255, 255, 0.5);
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 30px;
    position: relative
}

.breadcrumb--wrapper a {
    color: rgba(255, 255, 255, 0.5)
}

.breadcrumb--wrapper .current-page {
    color: #fff
}

@media (min-width: 960px) {
    .breadcrumb--wrapper {
        margin-top: 50px
    }
}

.breadcrumb--wrapper {
    position: relative
}

.breadcrump--toggle-button {
    margin-bottom: 8px
}

#content {
    padding-top: 0;
    padding-bottom: 2rem
}

#content .box-shadow {
    box-shadow: 0px 0px 10px #000;
    padding: 5rem 0 2rem;
    color: #004876
}

@media (max-width: 460px) {
    #content .box-shadow .uk-container {
        padding: 1rem
    }

    #content .box-shadow .uk-container .corner::before {
        display: none
    }
}

#content .corner::before {
    content: ' ';
    padding: 1.2rem;
    border-top-left-radius: 20px;
    border-top: 4px solid #004876;
    border-left: 4px solid #004876;
    position: absolute;
    margin: -30px
}

#content p {
    margin-top: 0;
    margin-bottom: 1rem
}

#content .main-header {
    min-height: 600px;
    margin-bottom: 4rem
}

@media (min-width: 460px) {
    #content .main-header {
        min-height: 300px
    }
}

@media (min-width: 640px) {
    #content .main-header {
        min-height: 400px
    }
}

@media (min-width: 960px) {
    #content .main-header {
        min-height: 600px
    }
}

@media (min-width: 1200px) {
    #content .main-header {
        min-height: 600px
    }
}

#content .main-header h1 {
    color: #fff !important;
    font-weight: 900 !important;
    font-size: 39px !important;
    line-height: 1.2;
    position: absolute;
    bottom: 5rem
}

#content .main-header h1 .costumer-name {
    font-size: 67px;
    vertical-align: bottom;
    line-height: 1.2rem
}

@media (max-width: 460px) {
    #content .main-header h1 {
        font-size: 28px !important
    }
}

#content .main-header .corner::before {
    content: ' ';
    padding: 1.2rem;
    border-top-left-radius: 20px;
    border-top: 4px solid #f0f0f0;
    border-left: 4px solid #f0f0f0;
    position: absolute;
    margin: -30px
}

#content .has-parallax {
    min-height: 260px
}

.wp-block-latest-posts li {
    border-bottom: 1px solid #e5e5e5
}

.wp-block-latest-posts li .wp-block-latest-posts__post-date {
    display: none
}

.wp-block-latest-posts li a {
    display: none
}

.wp-block-latest-posts li .wp-block-latest-posts__post-full-content a {
    display: block
}

.error404 hr, .error404 #headerimg {
    display: none
}

.error404 #main {
    margin-top: 6rem;
    margin-bottom: 6rem
}

.error404 .page-header {
    margin-bottom: 4rem
}

.wp-block-button {
    font-weight: 600
}

.wp-block-button a {
    text-decoration: none
}

.wp-block-button :hover {
    background-color: #fff !important
}

#footer {
    color: #004876;
    base: 0px;
    padding-top: 1.375rem;
    base: 0px;
    padding-bottom: 0rem;
    base: 0px;
    font-size: 1.25 pxrem
}

#footer .contact-form {
    margin-bottom: 3rem
}

#footer .contact-form input, #footer .contact-form textarea {
    width: 90%;
    background-color: #fff
}

#footer .contact-form .wpcf7-list-item input {
    width: auto
}

#footer .wpcf7-submit {
    background-color: #97bddd !important;
    width: auto !important;
    font-weight: 600;
    color: #004876 !important;
    padding: .75rem 4rem !important
}

#footer .contact-form::before {
    content: ' ';
    padding: 1.2rem;
    border-top-left-radius: 20px;
    border-top: 4px solid #004876;
    border-left: 4px solid #004876;
    position: absolute;
    margin: -30px
}

#footer .footer-content {
    background: #fff;
    padding: 2rem 1.5rem 1rem;
    font-size: 1.1rem;
    border-radius: 1rem 1rem 0 0
}

#footer .footer-content .footer--logo {
    max-width: 200px
}

#footer .footer-content .footer-extra-content p {
    margin-left: 2rem;
    margin-top: 0px;
    color: #004876
}

#footer .footer-content .footer-extra-content img {
    width: 34px;
    height: auto;
    margin-left: -2.4rem;
    margin-top: -.8rem
}

#footer .footer-content .footer-address p {
    margin-top: 20px;
    margin-bottom: 0;
    color: #004876
}

#footer .footer-content .footer-address svg {
    margin-right: .6rem
}

#footer .footer-content .footer-nav {
    margin-top: 3rem
}

#footer .footer-content .footer-nav ul li {
    border-right: 1px solid #004876;
    display: inline;
    color: #004876
}

#footer .footer-content .footer-nav ul li:last-child {
    border: none
}

#footer .footer-content .footer-nav ul li a {
    min-height: 30px
}

#footer .footer-content .footer-nav ul li a:hover {
    color: #004876;
    text-decoration: underline
}

#footer a {
    color: inherit
}

#footer .uk-nav {
    text-transform: uppercase
}

.footer-bottom-fix {
    width: 100%;
    bottom: 0
}

@media only screen and (max-width: 600px) {
    #footer {
        display: block
    }

    #footer .contact-form, #footer .footer-content {
        width: 100%
    }
}

.af-form .af-field-instructions, .acf-form .af-field-instructions {
    font-size: 16px;
    margin-top: 10px !important
}

.af-form .acf-field [type=number], .acf-form .acf-field [type=number], .af-form .acf-field [type=email], .acf-form .acf-field [type=email], .af-form .acf-field [type=password], .acf-form .acf-field [type=password], .af-form .acf-field [type=text], .acf-form .acf-field [type=text], .af-form .acf-field input, .acf-form .acf-field input, .af-form .acf-field .select-wrap, .acf-form .acf-field .select-wrap, .af-form .acf-field textarea, .acf-form .acf-field textarea {
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-radius: 0 !important;
    font-size: 16px
}

.af-form .acf-field .acf-input-append, .acf-form .acf-field .acf-input-append {
    padding: 11px 12px;
    font-size: 16px;
    border-color: #ccc;
    border-radius: 0 !important
}

.af-form a.acf-icon, .acf-form a.acf-icon {
    text-decoration: none
}

.af-form .af-field-type-group .acf-field .acf-label label, .acf-form .af-field-type-group .acf-field .acf-label label {
    font-size: 16px;
    font-weight: normal
}

.af-form .af-field-type-checkbox .acf-checkbox-list label, .acf-form .af-field-type-checkbox .acf-checkbox-list label {
    font-size: 16px
}

.af-form .af-field-type-checkbox .acf-checkbox-list input[type="radio"], .acf-form .af-field-type-checkbox .acf-checkbox-list input[type="radio"], .af-form .af-field-type-checkbox .acf-checkbox-list input[type="checkbox"], .acf-form .af-field-type-checkbox .acf-checkbox-list input[type="checkbox"] {
    vertical-align: unset
}

.acf-repeater {
    margin-bottom: 60px
}

.acf-repeater.-table {
    overflow-x: scroll
}

.acf-repeater.-table .acf-actions {
    position: absolute;
    right: 0;
    bottom: -50px
}

.acf-table > tbody > tr > td, .acf-table > tbody > tr > td, .acf-table > tbody > tr > td, .acf-table > tbody > tr > td, .acf-table > thead > tr > td, .acf-table > thead > tr > td, .acf-table > thead > tr > td, .acf-table > thead > tr > td, .acf-table > tbody > tr > th, .acf-table > tbody > tr > th, .acf-table > tbody > tr > th, .acf-table > tbody > tr > th, .acf-table > thead > tr > th, .acf-table > thead > tr > th, .acf-table > thead > tr > th, .acf-table > thead > tr > th {
    font-size: 16px
}

.acf-actions {
    margin-top: 10px
}

.acf-actions .acf-button {
    font-size: 16px !important;
    padding: 8px 20px !important;
    background: #197dbc
}

button.af-next-button, button.af-previous-button, button.acf-button, input[type="reset"], input[type="submit"], .acf-button, button {
    font-size: 18px !important;
    background: #004876 !important;
    border-radius: 12px;
    border: none;
    color: #F0F0F0 !important;
    font-weight: normal;
    display: inline-block;
    text-decoration: none !important
}

button.af-next-button:hover, button.af-previous-button:hover, button.acf-button:hover, input[type="reset"]:hover, input[type="submit"]:hover, .acf-button:hover, button:hover {
    color: #fff;
    background: #135f8f;
    text-decoration: none
}

button.af-next-button[disabled="disabled"], button.af-previous-button[disabled="disabled"] {
    display: none
}

.af-form .acf-field [type=number], .acf-form .acf-field [type=number], .af-form .acf-field [type=email], .acf-form .acf-field [type=email], .af-form .acf-field [type=password], .acf-form .acf-field [type=password], .af-form .acf-field [type=text], .acf-form .acf-field [type=text], .af-form .acf-field input, .acf-form .acf-field input, .af-form .acf-field .select-wrap, .acf-form .acf-field .select-wrap, .af-form .acf-field textarea, .acf-form .acf-field textarea {
    background: #fff
}

.acf-repeater .acf-row-handle .acf-icon.-plus {
    display: none !important
}

.acf-repeater .acf-row-handle .acf-icon.-minus {
    display: block !important
}

.footer--contact-form h2, .footer--contact-form label {
    color: #fff
}

.footer--contact-form .acf-field .acf-label label {
    display: none
}

.footer--contact-form .acf-field [type=number], .footer--contact-form .acf-field [type=email], .footer--contact-form .acf-field [type=password], .footer--contact-form .acf-field [type=text], .footer--contact-form .acf-field input, .footer--contact-form .acf-field textarea {
    background: #fff;
    font-size: 18px;
    border: none;
    padding: 10px 20px;
    border-radius: 8px !important
}

form {
    border: none;
    padding-left: 0
}


form [type=number], form [type=password], form [type=text], form input, form textarea {
    background: #97bddd;
    border-radius: 10px;
    border: none;
    padding: 9px 15px 10px !important;
    font-size: 18px !important
}

form input.acf-is-appended {
    border-radius: 10px 0 0 10px !important
}

form .acf-input-append {
    border-radius: 0 10px 10px 0 !important
}

.af-field-type-email .af-label, .af-field-type-textarea .af-label, .af-field-type-checkbox .af-label {
    display: none
}

.acf-checkbox-list label {
    font-size: 1rem;
    margin: 0
}

.acf-checkbox-list label input {
    margin-top: -7px;
    color: #97bddd !important;
    background: #97bddd !important;
    border-radius: 10px;
    font-size: 30px
}

.mitarbeiter-loop .mitarbeiter-item {
    height: 22rem;
    margin-bottom: 1rem
}

.mitarbeiter-loop .mitarbeiter-item h4 {
    margin-bottom: 10px
}

.mitarbeiter-loop .mitarbeiter-item .mitarbeiter-img {
    position: relative;
    height: 17rem;
    margin-bottom: 1rem
}

.mitarbeiter-loop .mitarbeiter-item .mitarbeiter-img img {
    position: absolute;
    max-width: none;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    cursor: pointer
}

.mitarbeiter-loop .mitarbeiter-item .mitarbeiter-img .img-none {
    display: block
}

.mitarbeiter-loop .mitarbeiter-item .mitarbeiter-img .img-hover {
    display: none
}

.mitarbeiter-loop .mitarbeiter-item .mitarbeiter-img .img-active {
    display: none
}

.mitarbeiter-loop .mitarbeiter-item .mitarbeiter-img:hover {
    position: relative
}

.mitarbeiter-loop .mitarbeiter-item .mitarbeiter-img:hover img {
    position: absolute;
    max-width: none;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    cursor: pointer
}

.mitarbeiter-loop .mitarbeiter-item .mitarbeiter-img:hover .img-none {
    display: none
}

.mitarbeiter-loop .mitarbeiter-item .mitarbeiter-img:hover .img-hover {
    display: block
}

.mitarbeiter-loop .mitarbeiter-item .mitarbeiter-img:hover .img-active {
    display: none
}

.mitarbeiter-loop .mitarbeiter-item .mitarbeiter-img:active {
    position: relative
}

.mitarbeiter-loop .mitarbeiter-item .mitarbeiter-img:active img {
    position: absolute;
    max-width: none;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    cursor: pointer
}

.mitarbeiter-loop .mitarbeiter-item .mitarbeiter-img:active .img-none {
    display: none
}

.mitarbeiter-loop .mitarbeiter-item .mitarbeiter-img:active .img-hover {
    display: none
}

.mitarbeiter-loop .mitarbeiter-item .mitarbeiter-img:active .img-active {
    display: block
}

#content .icon-container .wp-block-column {
    overflow: hidden
}

#content .icon-card {
    text-align: center;
    margin-bottom: 2rem
}

#content .icon-card .icon {
    font-size: 60px;
    z-index: 100
}

#content .icon-card .icon-overlay-slideup {
    background: #004876;
    margin-top: -100px;
    z-index: 50;
    padding-top: .25rem;
    transition: .5s ease
}

#content .icon-card .icon-overlay-slideup .icon-overlay {
    height: 150px
}

#content .icon-card .icon-overlay-slideup .icon-overlay h3, #content .icon-card .icon-overlay-slideup .icon-overlay h4 {
    margin-bottom: 0
}

#content .icon-card .icon-overlay-slideup .icon-overlay .icon-text {
    opacity: 0
}

#content .icon-card .icon-overlay-slideup {
    -moz-transform: translateY(65%);
    -webkit-transform: translateY(65%);
    -ms-transform: translateY(65%);
    transform: translateY(65%)
}

#content .icon-card:hover .icon-overlay-slideup, #content .icon-card:focus .icon-overlay-slideup, #content .icon-card.active .icon-overlay-slideup {
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: .5s ease
}

#content .icon-card:hover .icon-text, #content .icon-card:focus .icon-text, #content .icon-card.active .icon-text {
    opacity: 1 !important;
    transition: .5s ease
}

@media (max-width: 800px) {
    #content .icon-card {
        margin-bottom: 5.5rem
    }
}

#content .image-card {
    background-size: cover;
    min-height: 165px;
    max-height: 165px;
    padding: 1.75rem;
    position: relative;
    margin-bottom: 3rem
}

#content .image-card .corner {
    color: #fff;
    margin-top: 30%;
    margin-bottom: 0;
    font-weight: bold;
    text-shadow: 0px 0px 20px #000;
    font-size: 30px;
    opacity: 1;
    text-transform: uppercase
}

#content .image-card .corner::before {
    content: ' ';
    padding: 1.2rem;
    border-top-left-radius: 20px;
    border-top: 4px solid #fff;
    border-left: 4px solid #fff;
    position: absolute;
    margin: -15px
}

#content .image-card .image-card-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(0, 0, 0, 0.5)
}

#content .image-card .image-card-overlay .overlay-content {
    padding: 2rem
}

#content .image-card .image-card-overlay, #content .image-card .image-card-overlay h2, #content .image-card .image-card-overlay h3, #content .image-card .image-card-overlay h4, #content .image-card .image-card-overlay a {
    color: #fff
}

#content .image-card:hover, #content .image-card:focus, #content .image-card:active {
    transition: .5s ease
}

#content .image-card:hover .corner, #content .image-card:focus .corner, #content .image-card:active .corner {
    opacity: 0
}

#content .image-card:hover .image-card-overlay, #content .image-card:focus .image-card-overlay, #content .image-card:active .image-card-overlay {
    opacity: 1
}

.uk-nav a {
    padding: 0 !important;
    margin: 5px 0
}

.header--nav .menu-item {
    vertical-align: middle
}

.header--nav .menu-item-has-children .toggle .before-icon {
    float: left
}

#wpmem_login .password, #wpmem_login .textbox, #wpmem_login .username, #wpmem_login .div_textarea textarea, #wpmem_login .file, #wpmem_login .image, #wpmem_login .password, #wpmem_login .textbox, #wpmem_login .username, #wpmem_login .text {
    width: 100%
}

.mitarbeiter--item .mitarbeiter--caption {
    background: #f0f0f0;
    padding: .5rem 0 1rem
}

.mitarbeiter--item .mitarbeiter--caption .inner {
    padding: 8px 15px
}

.mitarbeiter--item .mitarbeiter--caption .inner h3 {
    margin-bottom: 0
}

.mitarbeiter--item .mitarbeiter--caption .inner .mitarbeiter-position {
    margin: 0 0 .5rem
}

.mitarbeiter--item .mitarbeiter--caption .inner .mitarbeiter-data {
    margin: 0
}

#content .panel-layout .panel-grid:first-child > .theme-panel {
    margin-top: 0
}

.post-items .post-item {
    margin-bottom: 20px
}

.post-items .post-item .post--thumbnail {
    float: none
}

@media (min-width: 460px) {
    .post-items .post-item .post--thumbnail {
        float: left;
        margin: 0 30px 0 0
    }
}

.post-items .post-item .uk-article-meta {
    display: none
}

.pagination {
    margin-top: 20px;
    base: 0px;
}

.pagination a{
    text-decoration: none;
}

.pagination .nav-links {
    font-weight: bold
}

.pagination .page-numbers {
    padding: 5px 5px;
    color: #fff;
    text-decoration: none
}

.pagination .page-numbers.current {
    color: #004876
}

.uk-article-title {
    font-size: 2rem
}

body {
    font-size: 20px;
    font-family: 'Jost', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 300;
    color: #fff
}

body .modal-dialog, body #main-wrapper{
    color: #0d4162;
}

h1, h2, h3, h4, h5 {
    font-family: 'Jost', sans-serif;
    font-weight: 600
}

h1 {
    base: 0px;
    font-size: 2rem;
    base: 0px;
    line-height: 1.875rem;
    color: #fff
}

h2 {
    base: 0px;
    font-size: 2rem;
    base: 0px;
    line-height: 1.875rem;
    color: #fff
}

#main-wrapper h2, #main-wrapper h5, .modal-dialog h4, .modal-body h2 {
    color: #0d4162;
    font-weight: bold;
    font-size: 20px;
}

h4.modal-title{
    display: block;
    float: left;
    margin-top: 5px;
}

@media (max-width: 460px) {
    h2 {
        font-size: 1.5rem
    }
}

h3 {
    base: 0px;
    font-size: 1.5rem;
    base: 0px;
    line-height: 1.875rem;
    color: #fff
}

h4 {
    base: 0px;
    font-size: 1.25rem;
    base: 0px;
    line-height: 1.5rem;
    color: #fff
}

h5 {
    base: 0px;
    font-size: 1.25rem;
    base: 0px;
    line-height: 1.25rem;
    color: #fff
}

h4#grid-title {
    text-transform: uppercase;
    display: block;
    border-bottom: none;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
    margin-left: 0px;
    font-weight: 700;
    color: #0d4162 !important;
    float: none;
    margin-top: 5px;
}

.modal-header .close {
    margin: -1rem -1rem -1rem auto;
    color: #0d4162 !important;
    background-color: #ffffff  !important;
    padding: 20px !important;
    font-size: 30px !important;
}

.page-link {
    color: #0d4162 !important;
    background-color: #fff !important;
    border: 1px solid #d4d8dc;
}


.page-item.active .page-link {
    z-index: 1;
    color: #fff !important;
    background-color: #0d4162 !important;
    border-color: #0d4162;
}