/*!
 * 
 * abax
 * 
 * @author 
 * @version 0.1.0
 * @link UNLICENSED
 * @license UNLICENSED
 * 
 * Copyright (c) 2023 
 * 
 * This software is released under the UNLICENSED License
 * https://opensource.org/licenses/UNLICENSED
 * 
 * Compiled with the help of https://wpack.io
 * A zero setup Webpack Bundler Script for WordPress
 */
* {
    box-sizing: border-box
}

html, body {
    font-size: 20px;
    font-family: "Work Sans", sans-serif;
    color: #009581;
    margin: 0;
    padding: 0;
    line-height: 30px;
    overflow-x: hidden
}

.wp-app {
    position: relative
}

a {
    color: #07e6d9
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    font-family: "Work Sans", sans-serif
}

img {
    max-width: 100%;
    height: auto
}

.container {
    display: flex;
    width: 100%;
    max-width: 1436px;
    margin: 0 auto;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center
}

@media screen and (min-width: 1400px) {
    .container {
        flex-direction: row
    }
}

section {
    padding: 60px 0px 60px
}

@media only screen and (max-width: 800px) {
    section.hide-on-mobile, section .hide-on-mobile {
        display: none
    }
}

@media only screen and (min-width: 800px) {
    section.hide-on-desktop, section .hide-on-desktop {
        display: none
    }
}

@media only screen and (max-width: 800px) {
    section .gr.hide-on-mobile, section .gr .hide-on-mobile {
        display: none
    }
}

@media only screen and (min-width: 800px) {
    section .gr.hide-on-desktop, section .gr .hide-on-desktop {
        display: none
    }
}

.gr.section-headline-container {
    margin-bottom: 0;
    padding-bottom: 40px;
    padding-top: 0
}

.gr.section-headline-container .gc-1-1 {
    margin-bottom: 0px
}

.gr.section-headline-container .gc-1-2 {
    margin-bottom: 0px
}

.gr.section-headline-container .section-headline {
    width: 100%;
    margin-bottom: 0px
}

.gr.section-headline-container .section-subheadline {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 0px
}

.img-shadow img {
    box-shadow: rgba(2, 78, 67, .5) 0px 8px 15px
}

.gc-img-container {
    position: relative;
    display: flex
}

.gc-img-container.align-center {
    justify-content: center
}

.gc-img-container.align-left {
    justify-content: flex-start
}

.gc-img-container.align-right {
    justify-content: flex-end
}

.gc-img-container.colums-image-small img {
    max-width: 435px
}

.gc-img-container img {
    width: 100%;
    border-radius: 20px
}

.gc-img-container .image-icon-container {
    position: absolute;
    z-index: 10;
    top: 50%;
    right: 40px
}

.gc-img-container .image-icon-container img {
    -webkit-transform: translateY(-39px);
    transform: translateY(-39px);
    height: 78px;
    width: auto
}

.max-img-width {
    max-width: 780px;
    width: 100%
}

.shadow-box-2-3 {
    padding: 20px;
    box-shadow: rgba(2, 78, 67, .5) 0px 8px 15px;
    border-radius: 20px;
    width: 66.6666666667%;
    margin: 0 auto 40px
}

.gc-inner.column-square-light {
    padding: 40px;
    background: #e4f3f1;
    border-radius: 20px;
    align-self: flex-start
}

.gc-inner.column-square-dark {
    padding: 40px;
    background: #009581;
    border-radius: 20px;
    align-self: flex-start
}

@media only screen and (max-width: 800px) {
    .gc-img-container {
        position: relative;
        display: flex
    }

    .gc-img-container.align-center {
        justify-content: center
    }

    .gc-img-container.align-left {
        justify-content: center
    }

    .gc-img-container.align-right {
        justify-content: center
    }

    .gc-img-container.colums-image-small img {
        max-width: 100%
    }
}

@media only screen and (max-width: 600px) {
    html, body {
        font-size: 16px;
        font-family: "Work Sans", sans-serif;
        color: #009581;
        margin: 0;
        padding: 0;
        line-height: 26px
    }

    .gr.section-headline-container {
        padding-bottom: 32px
    }

    section {
        padding: 32px 0px 32px
    }

    .gc-inner.column-square-light {
        padding: 40px 24px
    }

    .gc-inner.column-square-dark {
        padding: 40px 24px
    }
}

hr {
    counter-reset: #5abeb9
}

h1 {
    display: inline-block;
    width: 100%;
    font-size: 2.4rem;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 20px 0px 40px
}

h2 {
    display: inline-block;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 10px 0px 40px
}

h3 {
    display: inline-block;
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 10px 0px 25px
}

h4 {
    display: inline-block;
    width: 100%;
    font-size: 1.35rem;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 10px 0px 25px
}

h5 {
    display: inline-block;
    width: 100%;
    font-size: 1.35rem;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 10px 0px 15px
}

h6 {
    display: inline-block;
    width: 100%;
    font-size: 1em;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 10px 0px 15px
}

.subheadline {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.3em
}

a {
    cursor: pointer
}

h1 a, h2 a, h3 a, h4 a, h4 a, h5 a, h6 a {
    text-decoration: none
}

.heading-h1 .heading-h2 {
    margin: 0px !important
}

.section-headline > :nth-child(1) {
    margin-top: 0px !important
}

.section-headline > :last-child {
    margin-bottom: 0px !important
}

.section-headline:first-child {
    margin-top: 0px !important
}

.section-subheadline {
    margin: 0px 0px 40px 0px
}

.section-subheadline > :nth-child(1) {
    margin-top: 0px !important
}

.section-subheadline > :last-child {
    margin-bottom: 0px !important
}

.section-subheadline:first-child {
    margin-top: 0px !important
}

.subheadline {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.3em;
    color: #009581
}

.heading-h1 {
    display: inline-block;
    width: 100%;
    font-size: 2.4rem;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 20px 0px 40px
}

.heading-h2 {
    display: inline-block;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 10px 0px 40px
}

.heading-h3 {
    display: inline-block;
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 10px 0px 25px
}

.heading-h4 {
    display: inline-block;
    width: 100%;
    font-size: 1.35rem;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 10px 0px 25px
}

.heading-h5 {
    display: inline-block;
    width: 100%;
    font-size: 1.35rem;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 10px 0px 15px
}

.heading-h6 {
    display: inline-block;
    width: 100%;
    font-size: 1em;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 10px 0px 15px
}

p.heading-h1 {
    display: inline-block;
    width: 100%;
    font-size: 2.4rem;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 20px 0px 40px
}

p.heading-h2 {
    display: inline-block;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 10px 0px 40px
}

p.heading-h3 {
    display: inline-block;
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 10px 0px 25px
}

p.heading-h4 {
    display: inline-block;
    width: 100%;
    font-size: 1.35rem;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 10px 0px 25px
}

p.heading-h5 {
    display: inline-block;
    width: 100%;
    font-size: 1.35rem;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 10px 0px 15px
}

p.heading-h6 {
    display: inline-block;
    width: 100%;
    font-size: 1em;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 10px 0px 15px
}

p.subheadline {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.3em
}

p {
    margin-bottom: 25px;
    font-size: 1rem
}

a {
    color: #07e6d9;
    text-decoration: none;
    font-weight: 700;
    transition: .4s
}

a:hover {
    color: #00fff0;
    text-decoration: none
}

.text-content {
    margin-bottom: 40px
}

.text-content:last-child {
    margin-bottom: 0px !important
}

.text-content > :nth-child(1) {
    margin-top: 0px !important
}

.text-content > :last-child {
    margin-bottom: 0px !important
}

.text-content .text-editor > :last-child {
    margin-bottom: 0px !important
}

.text-content .subheadline {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.3em;
    color: #009581
}

.text-content .heading-h1 {
    display: inline-block;
    width: 100%;
    font-size: 2.4rem;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 20px 0px 40px
}

.text-content .heading-h2 {
    display: inline-block;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 10px 0px 40px
}

.text-content .heading-h3 {
    display: inline-block;
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 10px 0px 25px
}

.text-content .heading-h4 {
    display: inline-block;
    width: 100%;
    font-size: 1.35rem;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 10px 0px 25px
}

.text-content .heading-h5 {
    display: inline-block;
    width: 100%;
    font-size: 1.35rem;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 10px 0px 15px
}

.text-content .heading-h6 {
    display: inline-block;
    width: 100%;
    font-size: 1em;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 10px 0px 15px
}

.text-content p.heading-h1 {
    display: inline-block;
    width: 100%;
    font-size: 2.4rem;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 20px 0px 40px
}

.text-content p.heading-h2 {
    display: inline-block;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 10px 0px 40px
}

.text-content p.heading-h3 {
    display: inline-block;
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 10px 0px 25px
}

.text-content p.heading-h4 {
    display: inline-block;
    width: 100%;
    font-size: 1.35rem;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 10px 0px 25px
}

.text-content p.heading-h5 {
    display: inline-block;
    width: 100%;
    font-size: 1.35rem;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 10px 0px 15px
}

.text-content p.heading-h6 {
    display: inline-block;
    width: 100%;
    font-size: 1em;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 10px 0px 15px
}

.text-content p.subheadline {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.3em
}

.text-content p {
    margin-bottom: 25px
}

.text-content a {
    color: #07e6d9;
    text-decoration: none;
    font-weight: 700;
    transition: .4s
}

.text-content a:hover {
    color: #00fff0;
    text-decoration: none
}

.text-content blockquote {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.3em;
    font-style: italic;
    margin: 10px 52px 25px 52px
}

.text-content blockquote p {
    font-size: inherit
}

.text-content blockquote p:last-child {
    margin-bottom: 0px
}

.text-content ul:not(header *) {
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 25px
}

.text-content ul:not(header *) li {
    position: relative;
    margin-bottom: 16px;
    font-weight: 600;
    list-style: none;
    color: #024e43;
    padding-left: 52px
}

.text-content ul:not(header *) li:last-child {
    margin-bottom: 0px
}

.text-content ul:not(header *) li:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0px;
    width: 26px;
    height: 26px;
    background: no-repeat url(/img/abax-list-icon-23ffea35.svg) center/26px
}

.text-content ul:not(header *) li ul {
    padding: 10px 0px 0px 0px;
    margin: 0px
}

.text-content ul:not(header *) li ul li {
    margin-bottom: 10px
}

.text-content ul:not(header *) li ul li:last-child {
    margin-bottom: 0px
}

.text-content ul:not(header *).normal-list {
    padding: 0px 0px 0px 30px;
    margin: 10px 0px 25px
}

.text-content ul:not(header *).normal-list li {
    position: relative;
    margin-bottom: 16px;
    font-weight: initial;
    list-style: disc;
    color: #024e43;
    padding-left: 24px
}

.text-content ul:not(header *).normal-list li:last-child {
    margin-bottom: 0px
}

.text-content ul:not(header *).normal-list li:before {
    content: none
}

.text-content ul:not(header *).normal-list li ul {
    padding: 10px 0px 0px 20px;
    margin: 0px
}

.text-content ul:not(header *).normal-list li ul li {
    margin-bottom: 10px
}

.text-content ul:not(header *).normal-list li ul li:last-child {
    margin-bottom: 0px
}

.text-content ul:not(header *).icon-list {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 34px 0px
}

.text-content ul:not(header *).icon-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
    font-weight: 600;
    list-style: none;
    color: #024e43;
    padding-left: 0px
}

.text-content ul:not(header *).icon-list li .list-icon-box {
    width: 26px;
    height: 26px;
    margin-top: 4px;
    margin-right: 28px;
    flex-shrink: 0
}

.text-content ul:not(header *).icon-list li .list-icon-box img {
    width: 26px;
    height: 26px
}

.text-content ul:not(header *).icon-list li:before {
    content: none
}

.text-content ol:not(header *) {
    padding: 0px 0px 0px 30px;
    margin: 10px 0px 25px
}

.text-content ol:not(header *) li {
    position: relative;
    margin-bottom: 16px;
    font-weight: initial;
    color: #024e43;
    padding-left: 24px
}

.text-content ol:not(header *) li:last-child {
    margin-bottom: 0px
}

.text-content ol:not(header *) li ol {
    padding: 10px 0px 0px 26px;
    margin: 0px
}

.text-content ol:not(header *) li ol li {
    margin-bottom: 10px
}

.text-content ol:not(header *) li ol li:last-child {
    margin-bottom: 0px
}

img.alignright {
    float: right;
    margin: 0 0 1em 1em
}

img.alignleft {
    float: left;
    margin: 0 1em 1em 0
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.alignright {
    float: right
}

.alignleft {
    float: left
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.contact-icon-box {
    display: flex;
    align-items: center
}

.contact-icon-box img {
    margin-right: 10px
}

.gc-img-caption {
    color: #024e43;
    font-size: .9em;
    margin-top: 15px
}

.gc-img-caption a {
    color: #5abeb9;
    text-decoration: none
}

.gc-img-caption a:hover {
    text-decoration: underline
}

@media only screen and (max-width: 600px) {
    h1 {
        display: inline-block;
        width: 100%;
        font-size: 1.875rem;
        line-height: 1.3em;
        color: #024e43;
        font-weight: 700;
        margin: 20px 0px 32px
    }

    h2 {
        display: inline-block;
        width: 100%;
        font-size: 1.5rem;
        line-height: 1.3em;
        color: #024e43;
        font-weight: 700;
        margin: 10px 0px 32px
    }

    h3 {
        display: inline-block;
        width: 100%;
        font-size: 1.35rem;
        line-height: 1.3em;
        color: #024e43;
        font-weight: 700;
        margin: 10px 0px 25px
    }

    h4 {
        display: inline-block;
        width: 100%;
        font-size: 1.15rem;
        line-height: 1.3em;
        color: #024e43;
        font-weight: 700;
        margin: 10px 0px 25px
    }

    h5 {
        display: inline-block;
        width: 100%;
        font-size: 1.15rem;
        line-height: 1.3em;
        color: #024e43;
        font-weight: 700;
        margin: 10px 0px 15px
    }

    h6 {
        display: inline-block;
        width: 100%;
        font-size: 1rem;
        line-height: 1.3em;
        color: #024e43;
        font-weight: 700;
        margin: 10px 0px 15px
    }

    .subheadline {
        font-weight: 500;
        font-size: 1.25rem
    }

    .text-content {
        margin-bottom: 32px
    }

    .text-content .heading-h1 {
        display: inline-block;
        width: 100%;
        font-size: 1.875rem;
        line-height: 1.3em;
        color: #024e43;
        font-weight: 700;
        margin: 20px 0px 32px
    }

    .text-content .heading-h2 {
        display: inline-block;
        width: 100%;
        font-size: 1.5rem;
        line-height: 1.3em;
        color: #024e43;
        font-weight: 700;
        margin: 10px 0px 32px
    }

    .text-content .heading-h3 {
        display: inline-block;
        width: 100%;
        font-size: 1.35rem;
        line-height: 1.3em;
        color: #024e43;
        font-weight: 700;
        margin: 10px 0px 25px
    }

    .text-content .heading-h4 {
        display: inline-block;
        width: 100%;
        font-size: 1.15rem;
        line-height: 1.3em;
        color: #024e43;
        font-weight: 700;
        margin: 10px 0px 25px
    }

    .text-content .heading-h5 {
        display: inline-block;
        width: 100%;
        font-size: 1.15rem;
        line-height: 1.3em;
        color: #024e43;
        font-weight: 700;
        margin: 10px 0px 15px
    }

    .text-content .heading-h6 {
        display: inline-block;
        width: 100%;
        font-size: 1rem;
        line-height: 1.3em;
        color: #024e43;
        font-weight: 700;
        margin: 10px 0px 15px
    }

    .text-content .subheadline {
        font-weight: 500;
        font-size: 1.25rem
    }

    .text-content p.heading-h1 {
        display: inline-block;
        width: 100%;
        font-size: 1.875rem;
        line-height: 1.3em;
        color: #024e43;
        font-weight: 700;
        margin: 20px 0px 32px
    }

    .text-content p.heading-h2 {
        display: inline-block;
        width: 100%;
        font-size: 1.5rem;
        line-height: 1.3em;
        color: #024e43;
        font-weight: 700;
        margin: 10px 0px 32px
    }

    .text-content p.heading-h3 {
        display: inline-block;
        width: 100%;
        font-size: 1.35rem;
        line-height: 1.3em;
        color: #024e43;
        font-weight: 700;
        margin: 10px 0px 25px
    }

    .text-content p.heading-h4 {
        display: inline-block;
        width: 100%;
        font-size: 1.15rem;
        line-height: 1.3em;
        color: #024e43;
        font-weight: 700;
        margin: 10px 0px 25px
    }

    .text-content p.heading-h5 {
        display: inline-block;
        width: 100%;
        font-size: 1.15rem;
        line-height: 1.3em;
        color: #024e43;
        font-weight: 700;
        margin: 10px 0px 15px
    }

    .text-content p.heading-h6 {
        display: inline-block;
        width: 100%;
        font-size: 1rem;
        line-height: 1.3em;
        color: #024e43;
        font-weight: 700;
        margin: 10px 0px 15px
    }

    .text-content p.subheadline {
        font-weight: 500;
        font-size: 1.25rem
    }
}

@font-face {
    font-display: swap;
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/work-sans-v18-latin-regular-44a3096e.eot);
    src: url(../../fonts/work-sans-v18-latin-regular-44a3096e.eot#iefix) format("embedded-opentype"), url(../../fonts/work-sans-v18-latin-regular-ce971665.woff2) format("woff2"), url(../../fonts/work-sans-v18-latin-regular-5d406343.woff) format("woff"), url(../../fonts/work-sans-v18-latin-regular-f4966d8d.ttf) format("truetype"), url(/img/work-sans-v18-latin-regular-40e7c520.svg#WorkSans) format("svg")
}

@font-face {
    font-display: swap;
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 500;
    src: url(../../fonts/work-sans-v18-latin-500-6236f94b.eot);
    src: url(../../fonts/work-sans-v18-latin-500-6236f94b.eot#iefix) format("embedded-opentype"), url(../../fonts/work-sans-v18-latin-500-e31b5d6a.woff2) format("woff2"), url(../../fonts/work-sans-v18-latin-500-546a8ec4.woff) format("woff"), url(../../fonts/work-sans-v18-latin-500-94957bb9.ttf) format("truetype"), url(/img/work-sans-v18-latin-500-625a1fe5.svg#WorkSans) format("svg")
}

@font-face {
    font-display: swap;
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 600;
    src: url(../../fonts/work-sans-v18-latin-600-e5602770.eot);
    src: url(../../fonts/work-sans-v18-latin-600-e5602770.eot#iefix) format("embedded-opentype"), url(../../fonts/work-sans-v18-latin-600-1da16a19.woff2) format("woff2"), url(../../fonts/work-sans-v18-latin-600-627a8dbf.woff) format("woff"), url(../../fonts/work-sans-v18-latin-600-6c28a6ec.ttf) format("truetype"), url(/img/work-sans-v18-latin-600-1728bf15.svg#WorkSans) format("svg")
}

@font-face {
    font-display: swap;
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 700;
    src: url(../../fonts/work-sans-v18-latin-700-b13e6e47.eot);
    src: url(../../fonts/work-sans-v18-latin-700-b13e6e47.eot#iefix) format("embedded-opentype"), url(../../fonts/work-sans-v18-latin-700-db79812a.woff2) format("woff2"), url(../../fonts/work-sans-v18-latin-700-1bc7a628.woff) format("woff"), url(../../fonts/work-sans-v18-latin-700-7f6be810.ttf) format("truetype"), url(/img/work-sans-v18-latin-700-a02a1c41.svg#WorkSans) format("svg")
}

header {
    padding: 0px 0px;
    z-index: 100;
    width: 100%;
    background-color: #fff;
    top: 0
}

header .gr {
    max-width: 1436px
}

header.fixed .fixed-nav-bar {
    position: fixed;
    top: 0;
    width: 100%
}

header.fixed .fixed-nav-bar .mobile-menu-toggle, header.fixed .fixed-nav-bar .main-menu-toggle {
    margin: 10px 0px
}

header.fixed .fixed-nav-bar .logo img {
    width: auto;
    height: 30px
}

header.fixed .fixed-nav-bar .desktop-menu > ul > li > a {
    margin: 10px 0px 10px
}

header .fixed-nav-bar {
    position: fixed;
    z-index: 900;
    width: 100%;
    top: 0;
    background-color: #fff;
    padding: 0px 0px
}

header .fixed-nav-bar > .gr .gc-1-1 {
    justify-content: space-between;
    align-items: center;
    margin: 0px
}

header .fixed-nav-bar .logo img {
    width: auto;
    height: 46px;
    transition: .4s
}

header .fixed-nav-bar .custom-logo-link {
    display: flex
}

header .desktop-menu ul {
    display: flex;
    flex-direction: row;
    -webkit-column-gap: 30px;
    column-gap: 30px;
    list-style-type: none;
    padding: 0px;
    margin: 0px
}

header .desktop-menu ul li {
    display: inline-block;
    position: relative
}

header .desktop-menu ul li.menu-item-has-children:hover > .sub-menu {
    display: block
}

header .desktop-menu ul li.menu-item-has-children > a {
    padding-right: 25px
}

header .desktop-menu ul li.menu-item-has-children > a::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(0deg) translateY(-4px);
    transform: rotate(0deg) translateY(-4px);
    right: 0px;
    height: 8px;
    width: 16px;
    background: no-repeat url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/abax-arrow-green-d32a8ed2.svg) center/16px 8px
}

header .desktop-menu ul li.menu-item-has-children > a:hover::before {
    background: no-repeat url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/abax-arrow-black-2207a59e.svg) center/16px 8px
}

header .desktop-menu ul li a {
    padding: 15px 0px 15px;
    margin: 30px 0px;
    display: block;
    font-size: 20px;
    line-height: 20px;
    color: #024e43;
    transition: .4s;
    font-weight: 700;
    text-decoration: none
}

header .desktop-menu ul li a:hover {
    color: #000
}

header .desktop-menu ul li.current_page_item a {
    color: #07e6d9
}

header .desktop-menu ul li .sub-menu {
    display: block;
    position: absolute;
    background: #07e6d9;
    width: 100%;
    box-shadow: rgba(0, 0, 0, .16) 0px 3px 20px;
    width: 100%;
    min-width: 260px;
    z-index: 20;
    padding: 8px 0px;
    border-radius: 0px 0px 10px 10px;
    transition: .4s
}

header .desktop-menu ul li .sub-menu:hover {
    background: #00fff0
}

header .desktop-menu ul li .sub-menu li {
    min-width: 260px;
    transition: .4s
}

header .desktop-menu ul li .sub-menu li.menu-item-has-children > a::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(-90deg) translateY(-4px);
    transform: rotate(-90deg) translateY(-4px);
    right: 15px;
    height: 8px;
    width: 16px;
    background: no-repeat url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/abax-arrow-green-d32a8ed2.svg) center/16px
}

header .desktop-menu ul li .sub-menu li a {
    color: #024e43;
    width: 100%;
    padding: 10px 30px 10px 30px;
    margin: 0px;
    border-bottom: 0px
}

header .desktop-menu ul li .sub-menu li a:hover {
    color: #000
}

header .desktop-menu ul li .sub-menu li.current_page_item a {
    color: #000
}

header .desktop-menu ul li .sub-menu .sub-menu {
    top: 0px;
    position: absolute;
    left: 100%;
    background: #07e6d9;
    width: 100%;
    box-shadow: rgba(0, 0, 0, .16) 0px 3px 20px;
    z-index: 10;
    border-radius: 10px
}

header .desktop-menu ul li .sub-menu .sub-menu:hover {
    background: #00fff0;
    transition: .4s
}

header .desktop-menu ul li .sub-menu {
    display: none
}

header .container {
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row
}

header .header-text {
    width: 40%;
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
    color: #009581;
    padding: 0px 20px
}

header .header-text p {
    margin: 0px
}

header .main-menu-toggle {
    display: none;
    width: 54px;
    height: 48px !important;
    padding: 10px 10px;
    margin: 31px 0px;
    border: 1px solid #fff;
    color: #024e43;
    font-size: 1.5rem;
    background-color: rgba(0, 0, 0, 0);
    height: 46px;
    border: 0;
    cursor: pointer;
    row-gap: 4px;
    flex-wrap: wrap;
    transition: .4s
}

header .main-menu-toggle:hover .line.line-2 {
    width: 100%
}

header .main-menu-toggle .line {
    width: 100%;
    height: 4px;
    background: #009581;
    border-radius: 3px;
    transition: .5s ease-out
}

header .main-menu-toggle .line.line-2 {
    width: 70%
}

header .main-menu-toggle.open .line.line-2 {
    width: 100%
}

header .mobile-menu-container {
    position: fixed;
    height: 100vh;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    top: 0px;
    bottom: 0px;
    left: 0;
    right: 0px;
    background-color: #fff;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    transition-duration: 1s;
    opacity: 0;
    z-index: 100
}

header .mobile-menu-container.open {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    width: 100%
}

header .mobile-menu-container .gr {
    padding: 0px;
    justify-content: flex-end;
    overflow-y: scroll
}

header .mobile-menu-container nav.mobile-menu {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: 30vh
}

header .mobile-menu-container nav.mobile-menu ul {
    display: flex;
    flex-direction: column;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    width: 100%
}

header .mobile-menu-container nav.mobile-menu ul.sub-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease-in-out
}

header .mobile-menu-container nav.mobile-menu ul.sub-menu.visible {
    max-height: 1000000vh
}

header .mobile-menu-container nav.mobile-menu ul li {
    display: block;
    position: relative;
    width: 100%;
    padding: 0px
}

header .mobile-menu-container nav.mobile-menu ul li.menu-item-has-children:hover > .sub-menu {
    display: block
}

header .mobile-menu-container nav.mobile-menu ul li.menu-item-has-children > a {
    padding-right: 0px;
    position: relative;
    width: 220px;
    margin: 0 auto;
    text-decoration: none
}

header .mobile-menu-container nav.mobile-menu ul li.menu-item-has-children > a span {
    position: relative;
    display: inline-block;
    display: flex
}

header .mobile-menu-container nav.mobile-menu ul li.menu-item-has-children > a span .mobile-menu-arrow {
    display: block;
    margin-left: 20px;
    top: 0px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    right: 0px;
    color: #fff;
    height: 20px;
    width: 20px;
    background: no-repeat url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/abax-arrow-green-d32a8ed2.svg) center
}

header .mobile-menu-container nav.mobile-menu ul li.menu-item-has-children > .sub-menu {
    background: #07e6d9;
    padding: 0
}

header .mobile-menu-container nav.mobile-menu ul li.menu-item-has-children > .sub-menu a {
    padding: 10px 0px 10px 0px
}

header .mobile-menu-container nav.mobile-menu ul li.menu-item-has-children > .sub-menu li:first-child {
    margin-top: 20px
}

header .mobile-menu-container nav.mobile-menu ul li.menu-item-has-children > .sub-menu li:last-child {
    margin-bottom: 20px
}

header .mobile-menu-container nav.mobile-menu ul li.menu-item-has-children > .sub-menu li.current_page_item a {
    color: #000
}

header .mobile-menu-container nav.mobile-menu ul li.menu-item-has-children > .sub-menu li .sub-menu {
    background: #00fff0;
    padding: 0
}

header .mobile-menu-container nav.mobile-menu ul li.menu-item-has-children > .sub-menu li .sub-menu .menu-item a {
    color: #000
}

header .mobile-menu-container nav.mobile-menu ul li.menu-item-has-children > .sub-menu li .sub-menu .current_page_item a {
    color: #fff
}

header .mobile-menu-container nav.mobile-menu ul li a {
    padding: 14px 0px 24px 0px;
    display: block;
    font-size: 1.2em;
    line-height: 20px;
    color: #024e43;
    transition: .4s;
    font-weight: 700;
    width: 220px;
    margin: 0 auto;
    text-decoration: none
}

header .mobile-menu-container nav.mobile-menu ul li.current_page_item a {
    color: #07e6d9
}

header .mobile-menu-container nav.mobile-menu ul li.current_page_item .sub-menu a {
    color: #000
}

.abax-sidebar-toggle {
    position: fixed;
    right: 0;
    top: 196px;
    z-index: 100;
    padding: 32px;
    border: none;
    border-radius: 8px 0px 0px 8px;
    font-family: inherit;
    font-weight: 700;
    font-size: 1rem;
    line-height: 20px;
    color: #024e43;
    background-color: #07e6d9;
    background-image: url(/img/abax-section-x-lightblue-d64e5cbd.svg);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    transition-property: color;
    transition-duration: .2s;
    box-shadow: rgba(0, 0, 0, .16) 0px 3px 20px
}

.abax-sidebar-toggle:hover {
    color: #fff
}

.abax-sidebar {
    background-color: #07e6d9;
    color: #024e43;
    padding: 40px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    position: fixed;
    right: 0;
    top: 196px;
    z-index: 101;
    max-width: 800px;
    min-width: 600px;
    -webkit-transform: translateX(110%);
    transform: translateX(110%);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: .4s;
    box-shadow: rgba(0, 0, 0, .16) 0px 3px 20px
}

.abax-sidebar.open {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.abax-sidebar .abax-sidebar-wrapper {
    display: flex
}

.abax-sidebar .abax-sidebar-wrapper .abax-contact-links {
    border-right: 2px solid #00fff0;
    width: 350px
}

.abax-sidebar .abax-sidebar-wrapper .abax-contact-links > div {
    padding: 0 40px 40px 0
}

.abax-sidebar .abax-sidebar-wrapper strong {
    color: #fff;
    display: block;
    font-size: 1rem;
    margin: 0 0 16px 0px
}

.abax-sidebar .abax-sidebar-wrapper p.text {
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    color: #000;
    margin-bottom: 16px
}

.abax-sidebar .abax-sidebar-wrapper a.mail, .abax-sidebar .abax-sidebar-wrapper a.phone {
    margin: 0 0 16px 0;
    color: #024e43;
    font-weight: bolder;
    display: block;
    text-decoration: none
}

.abax-sidebar .abax-sidebar-wrapper .contact-links-social a {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
}

.abax-sidebar .abax-sidebar-wrapper .contact-links-social a:not(:last-child) {
    margin-right: 15px
}

.abax-sidebar .abax-sidebar-wrapper .contact-links-social .social-facebook {
    background-image: url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/facebook-39f4a292.svg)
}

.abax-sidebar .abax-sidebar-wrapper .contact-links-social .social-instagram {
    background-image: url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/instagram-d59a8bf0.svg)
}

.abax-sidebar .abax-sidebar-wrapper .contact-links-social .social-linkedin {
    background-image: url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/linkedin-e2c9763f.svg)
}

.abax-sidebar .abax-sidebar-wrapper .contact-links-social .social-xing {
    background-image: url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/xing-5f1dc1e3.svg)
}

.abax-sidebar .abax-sidebar-wrapper .contact-links-social .social-youtube {
    background-image: url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/youtube-567308b7.svg)
}

.abax-sidebar .abax-sidebar-wrapper .contact-links-social .social-twitter {
    background-image: url(/img/twitter-32db16cc.svg)
}

.admin-bar-desktop {
    display: block
}

.admin-bar-mobile {
    display: none
}

@media only screen and (max-width: 786px) {
    .admin-bar-desktop {
        display: none
    }

    .admin-bar-mobile {
        display: block
    }
}

@media only screen and (max-width: 786px) {
    #wpadminbar {
        position: fixed !important
    }
}

@media only screen and (max-width: 1024px) {
    header .fixed-nav-bar {
        position: fixed;
        top: 0;
        width: 100%
    }

    header .fixed-nav-bar .mobile-menu-toggle, header .fixed-nav-bar .main-menu-toggle {
        margin: 10px 0px
    }

    header .fixed-nav-bar .desktop-menu > ul > li > a {
        margin: 10px 0px 10px
    }

    header .logo img {
        width: auto
    }

    header .mobile-menu-container {
        display: flex
    }

    header .desktop-menu {
        display: none
    }

    header .mobile-menu-toggle, header .main-menu-toggle {
        display: flex
    }
}

@media only screen and (max-width: 600px) {
    header .logo img {
        width: auto;
        height: 30px
    }

    .abax-sidebar {
        width: 90%;
        min-width: 90%;
        top: 123px;
        padding: 32px
    }

    .abax-sidebar .abax-sidebar-wrapper .abax-contact-links {
        border: none
    }

    .abax-sidebar .abax-sidebar-wrapper .abax-contact-links > div {
        padding: 0 0 40px
    }

    .abax-sidebar .abax-sidebar-wrapper .abax-contact-links .contact-links-social {
        padding: 0px
    }

    .abax-sidebar-toggle {
        position: fixed;
        right: 0;
        top: 123px;
        padding: 16px;
        border-radius: 8px 0px 0px 8px
    }

    .abax-sidebar-toggle:hover {
        color: #fff
    }
}

@media screen and (max-height: 800px) {
    .abax-sidebar {
        min-width: initial;
        width: 90%
    }

    .abax-sidebar .abax-quick-form {
        display: none
    }

    .abax-sidebar .abax-sidebar-wrapper .abax-contact-links {
        border-color: rgba(0, 0, 0, 0)
    }
}

@media only screen and (min-height: 801px)and (max-height: 1080px) {
    .abax-sidebar {
        z-index: 1000;
        top: 5%
    }

    .abax-sidebar .abax-quick-form {
        -webkit-transform-origin: top;
        transform-origin: top;
        -webkit-transform: scale(0.85);
        transform: scale(0.85)
    }
}

footer {
    padding: 80px 0px 60px;
    margin-top: 60px;
    background: #e4f3f1
}

footer .gr {
    row-gap: 0px
}

footer .gr .gc-1-2.menu-container {
    flex-wrap: wrap;
    padding: 0px;
    align-items: flex-start
}

footer .gr .gc-1-2.menu-container .gc-2-3 {
    padding: 0px;
    flex-wrap: wrap
}

footer .gr .gc-1-2.menu-container .gc-1-3 {
    min-width: 10%
}

footer .logo {
    height: 45px;
    margin-bottom: 40px
}

footer .logo img {
    height: 100%;
    width: auto
}

footer a {
    text-decoration: none
}

footer .footer-menu.footer-menu-04 ul {
    flex-direction: row;
    -webkit-column-gap: 20px;
    column-gap: 20px
}

footer .footer-menu ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: column;
    row-gap: 5px
}

footer .footer-menu li {
    margin: 0px;
    padding: 0px;
    list-style: none
}

footer .footer-menu li.menu-item-headline a {
    color: #5abeb9
}

footer .footer-menu li.menu-item-headline a:hover {
    color: #009581
}

footer .footer-menu a {
    font-size: .8rem;
    line-height: 26px;
    font-weight: 700;
    color: #024e43;
    transition: .4s
}

footer .footer-menu a:hover {
    color: #009581
}

footer .footer-menu a.menu-item-headline {
    color: #009581
}

footer .footer-menu a.menu-item-headline:hover {
    color: #5abeb9
}

footer .footer-menu .footer-social.hide-on-desktop {
    display: none
}

footer .footer-social {
    display: flex;
    -webkit-column-gap: 20px;
    column-gap: 20px
}

footer .footer-social a {
    width: 20px;
    height: 20px
}

footer .footer-social .social-facebook {
    background: no-repeat url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/facebook-39f4a292.svg) center/20px
}

footer .footer-social .social-instagram {
    background: no-repeat url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/instagram-d59a8bf0.svg) center/20px
}

footer .footer-social .social-linkedin {
    background: no-repeat url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/linkedin-e2c9763f.svg) center/20px
}

footer .footer-social .social-xing {
    background: no-repeat url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/xing-5f1dc1e3.svg) center/20px
}

footer .footer-social .social-youtube {
    background: no-repeat url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/youtube-567308b7.svg) center/20px
}

footer .footer-social .social-twitter {
    background: no-repeat url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/twitter-32db16cc.svg) center/20px
}

footer .footer-contact {
    margin-bottom: 70px
}

footer .footer-contact p {
    color: #000;
    font-size: .8rem
}

footer .footer-contact a {
    line-height: 26px;
    font-weight: 700;
    color: #024e43;
    transition: .4s
}

footer .footer-contact a:hover {
    color: #009581
}

footer .gr-copyright {
    margin-top: 48px;
    font-size: .8rem;
    line-height: 26px
}

footer .footer-social.hide-on-desktop {
    display: none
}

@media only screen and (max-width: 1024px) {
    footer .footer-contact {
        margin-bottom: 48px
    }

    footer .gr {
        row-gap: 0px
    }

    footer .gr .gc-1-2.menu-container {
        flex-wrap: wrap;
        padding: 0px;
        align-items: flex-start;
        width: 100%
    }

    footer .gr .gc-1-2.menu-container .gc-2-3 {
        padding: 0px;
        row-gap: 32px;
        width: 50%
    }

    footer .gr .gc-1-2.menu-container .gc-2-3 .gc-1-2 {
        width: 100%
    }

    footer .gr .gc-1-2.menu-container .gc-1-3 {
        min-width: 10%;
        width: 50%
    }

    .footer-social.hide-on-mobile {
        display: none
    }

    .footer-social.hide-on-desktop {
        display: flex !important;
        margin-top: 32px
    }
}

@media only screen and (max-width: 600px) {
    footer {
        margin-top: 32px;
        padding: 48px 0px
    }

    footer .logo {
        height: 45px;
        margin-bottom: 32px
    }

    footer .footer-menu a {
        font-size: .875rem;
        line-height: 20px
    }

    footer .footer-menu ul {
        row-gap: 0px
    }

    footer .gr-copyright {
        font-size: .875rem
    }

    footer .footer-contact {
        font-size: .875rem;
        line-height: 20px
    }

    footer .footer-contact a {
        font-size: .875rem;
        line-height: 20px
    }
}

a.to-top-button {
    width: 3em;
    height: 3em;
    text-align: center;
    text-decoration: none;
    background-color: #009581;
    color: #fff;
    border-radius: 50%;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: .33s;
    transition-timing-function: ease-out;
    box-shadow: rgba(0, 0, 0, .16) 0px 3px 20px;
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
    z-index: 90
}

a.to-top-button.visible {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

a.to-top-button:before {
    content: "";
    background-image: url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/abax-arrow-white-49404841.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 25%;
    width: 3em;
    height: 3em;
    position: absolute;
    left: 0;
    -webkit-transform: rotateZ(-180deg);
    transform: rotateZ(-180deg)
}

.gr {
    display: flex;
    width: 100%;
    max-width: 1436px;
    padding: 0px 70px;
    flex-wrap: wrap;
    margin: 0 auto;
    row-gap: 48px
}

.gc-inner {
    width: 100%
}

.gc-1-1 {
    display: flex;
    width: 100%;
    padding: 0px 20px
}

.gc-1-1.gc-center {
    width: 70%;
    margin-left: auto;
    margin-right: auto
}

.gc-1-2 {
    display: flex;
    width: 50%;
    padding: 0px 20px
}

.gc-1-2.gc-center {
    margin-left: auto;
    margin-right: auto
}

.gc-1-3 {
    display: flex;
    width: 33.3333333333%;
    min-width: 280px;
    padding: 0px 20px
}

.gc-2-3 {
    display: flex;
    width: 66.6666666667%;
    padding: 0px 20px
}

.gc-1-4 {
    display: flex;
    display: flex;
    width: 25%;
    padding: 0px 20px
}

.gc-3-4 {
    display: flex;
    width: 75%;
    padding: 0px 20px
}

.gc-1-5 {
    display: flex;
    width: 20%;
    padding: 0px 20px
}

.gc-2-5 {
    display: flex;
    width: 40%;
    padding: 0px 20px
}

.gc-3-5 {
    display: flex;
    width: 60%;
    padding: 0px 20px
}

.gc-4-5 {
    display: flex;
    width: 80%;
    padding: 0px 20px
}

.gc-1-6 {
    display: flex;
    width: 16.6666666667%;
    padding: 0px 20px
}

.mb-10 {
    margin-bottom: 20px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-25 {
    margin-bottom: 25px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-60 {
    margin-bottom: 40px
}

@media only screen and (max-width: 1024px) {
    .gc-1-2 {
        width: 50%
    }

    .gc-1-3 {
        width: 50%
    }

    .gc-2-3 {
        width: 50%
    }

    .gc-1-4 {
        width: 50%
    }

    .gc-3-4 {
        width: 50%
    }

    .gc-1-5 {
        width: 50%
    }

    .gc-2-5 {
        width: 50%
    }

    .gc-3-5 {
        width: 50%
    }

    .gc-4-5 {
        width: 50%
    }
}

@media only screen and (max-width: 800px) {
    .gc-1-1 {
        width: 100%
    }

    .gc-1-1.gc-center {
        width: 100%
    }

    .gc-1-2 {
        width: 100%
    }

    .gc-1-3 {
        width: 100%
    }

    .gc-2-3 {
        width: 100%
    }

    .gc-1-4 {
        width: 100%
    }

    .gc-3-4 {
        width: 100%
    }

    .gc-1-5 {
        width: 100%
    }

    .gc-2-5 {
        width: 100%
    }

    .gc-3-5 {
        width: 100%
    }

    .gc-4-5 {
        width: 100%
    }

    .gr {
        padding: 0 20px
    }

    .gr.column-flex-reverse {
        flex-direction: column-reverse
    }
}

@media only screen and (max-width: 600px) {
    .gc-1-1, .gc-1-2, .gc-1-3, .gc-2-3, .gc-1-4, .gc-3-4, .gc-1-5, .gc-2-5, .gc-3-5, .gc-4-5 {
        padding: 0 0px
    }
}

.content-modul-teamslider .column-link {
    text-decoration: none
}

.content-modul-teamslider .gc-inner .slider-content {
    display: flex;
    padding: 0px;
    flex-direction: column;
    row-gap: 15px
}

.content-modul-teamslider .gc-inner .slider-image {
    height: 162px;
    width: 162px;
    border-radius: 50%;
    margin: 0 auto 15px
}

.content-modul-teamslider .gc-inner .slider-title {
    color: #024e43;
    font-weight: 700
}

.content-modul-teamslider .gc-inner .slider-text {
    color: #024e43;
    font-weight: 400
}

.content-modul-teamslider .gc-inner a {
    font-weight: 400
}

.content-modul-teamslider #teamsplide {
    padding-bottom: 72px;
    margin-bottom: 32px
}

.content-modul-teamslider #teamsplide .splide__pagination {
    counter-reset: pagination-num;
    position: absolute;
    bottom: -30px;
    left: 50%;
    width: 80px;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
    padding: 0px;
    font-size: 20px;
    font-weight: 700;
    color: #024e43;
    height: 32px
}

.content-modul-teamslider #teamsplide .splide__pagination__page {
    opacity: 0;
    position: absolute;
    height: 32px;
    width: 80px;
    top: 0px;
    left: 0px;
    font-size: 20px;
    font-weight: 700;
    color: #024e43;
    margin: 0px;
    text-align: center
}

.content-modul-teamslider #teamsplide .splide__pagination__page.is-active {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.content-modul-teamslider #teamsplide .splide__arrows {
    position: absolute;
    bottom: 0px;
    right: 50%;
    width: 144px;
    -webkit-transform: translateX(72px);
    transform: translateX(72px)
}

.content-modul-teamslider #teamsplide .splide__arrow {
    background: no-repeat url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/abax-arrow-lightgreen-02-bcd981aa.svg) center/18px 32px;
    height: 32px;
    width: 18px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1
}

.content-modul-teamslider #teamsplide .splide__arrow.splide__arrow--prev {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

@media only screen and (max-width: 800px) {
    .content-modul-teamslider #teamsplide {
        padding-bottom: 32px
    }
}

.content-modul-highlightslider .gr.section-headline-container {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0
}

.content-modul-highlightslider .gr.section-headline-container .gc-1-1 {
    margin-bottom: 40px
}

.content-modul-highlightslider .gr.section-headline-container .gc-1-2 {
    margin-bottom: 40px
}

.content-modul-highlightslider .gr.section-headline-container .section-headline {
    width: 100%;
    margin-bottom: 0px
}

.content-modul-highlightslider .gr.section-headline-container .section-subheadline {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 0px
}

.content-modul-highlightslider .column-link {
    text-decoration: none
}

.content-modul-highlightslider .gc-inner.column-square-light {
    padding: 0px;
    background: #07e6d9;
    border-radius: 20px;
    align-self: flex-start;
    transition: .4s;
    height: 100%
}

.content-modul-highlightslider .gc-inner.column-square-light:hover {
    background: #00fff0
}

.content-modul-highlightslider .gc-inner.column-square-light:hover .background-image-container .slider-image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.content-modul-highlightslider .gc-inner .slider-content {
    display: flex;
    padding: 40px;
    flex-direction: column;
    row-gap: 15px
}

.content-modul-highlightslider .gc-inner .background-image-container {
    overflow: hidden;
    border-radius: 20px 20px 0 0;
    min-height: 340px
}

.content-modul-highlightslider .gc-inner .background-image-container .slider-image {
    height: 340px;
    width: 100%;
    border-radius: 20px 20px 0 0;
    transition: .6s
}

.content-modul-highlightslider .gc-inner .slider-category {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    text-decoration: none
}

.content-modul-highlightslider .gc-inner .slider-title {
    color: #024e43;
    font-weight: 700
}

.content-modul-highlightslider .gc-inner .slider-text {
    color: #024e43;
    font-weight: 400
}

.content-modul-highlightslider .gc-inner a {
    font-weight: 400
}

.content-modul-highlightslider #highlightsplide {
    padding-bottom: 72px;
    margin-bottom: 32px
}

.content-modul-highlightslider #highlightsplide .splide__pagination {
    counter-reset: pagination-num;
    position: absolute;
    bottom: -30px;
    left: 50%;
    width: 80px;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
    padding: 0px;
    font-size: 20px;
    font-weight: 700;
    color: #024e43;
    height: 32px
}

.content-modul-highlightslider #highlightsplide .splide__pagination__page {
    opacity: 0;
    position: absolute;
    height: 32px;
    width: 80px;
    top: 0px;
    left: 0px;
    font-size: 20px;
    font-weight: 700;
    color: #024e43;
    margin: 0px;
    text-align: center
}

.content-modul-highlightslider #highlightsplide .splide__pagination__page.is-active {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.content-modul-highlightslider #highlightsplide .splide__arrows {
    position: absolute;
    bottom: 0px;
    right: 50%;
    width: 144px;
    -webkit-transform: translateX(72px);
    transform: translateX(72px)
}

.content-modul-highlightslider #highlightsplide .splide__arrow {
    background: no-repeat url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/abax-arrow-lightgreen-02-bcd981aa.svg) center/18px 32px;
    height: 32px;
    width: 18px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1
}

.content-modul-highlightslider #highlightsplide .splide__arrow.splide__arrow--prev {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

@media only screen and (max-width: 600px) {
    .content-modul-highlightslider #highlightsplide {
        padding-bottom: 32px
    }

    .content-modul-highlightslider .gc-inner .slider-content {
        display: flex;
        padding: 24px;
        flex-direction: column;
        row-gap: 15px
    }
}

.content-modul-reviewslider #reviewsplide {
    padding-bottom: 72px;
    margin-bottom: 32px;
    position: relative
}

.content-modul-reviewslider #reviewsplide .splide__pagination {
    counter-reset: pagination-num;
    position: absolute;
    bottom: -30px;
    left: 50%;
    width: 80px;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
    padding: 0px;
    font-size: 20px;
    font-weight: 700;
    color: #024e43;
    height: 32px
}

.content-modul-reviewslider #reviewsplide .splide__pagination__page {
    opacity: 0;
    position: absolute;
    height: 32px;
    width: 80px;
    top: 0px;
    left: 0px;
    font-size: 20px;
    font-weight: 700;
    color: #024e43;
    text-align: center;
    margin: 0px
}

.content-modul-reviewslider #reviewsplide .splide__pagination__page.is-active {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.content-modul-reviewslider #reviewsplide .splide__arrows {
    position: absolute;
    bottom: 0px;
    right: 50%;
    width: 144px;
    -webkit-transform: translateX(72px);
    transform: translateX(72px)
}

.content-modul-reviewslider #reviewsplide .splide__arrow {
    background: no-repeat url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/abax-arrow-lightgreen-02-bcd981aa.svg) center/18px 32px;
    height: 32px;
    width: 18px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1
}

.content-modul-reviewslider #reviewsplide .splide__arrow.splide__arrow--prev {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.content-modul-reviewslider #reviewsplide .splide-inner {
    display: flex
}

.content-modul-reviewslider #reviewsplide .splide-inner .review-comment {
    position: relative;
    padding: 0px 0px 0px 100px
}

.content-modul-reviewslider #reviewsplide .splide-inner .review-comment:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 71px;
    height: 53px;
    background: no-repeat url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/icon-blockqoute-26cb8502.svg) center/71px 53px
}

.content-modul-reviewslider #reviewsplide .splide-inner .reviewtext {
    margin-bottom: 30px;
    font-size: 1.2rem;
    line-height: 32px;
    font-weight: 500;
    color: #000
}

.content-modul-reviewslider #reviewsplide .splide-inner .reviewname {
    margin-bottom: 0px;
    font-size: 1rem;
    line-height: 28px;
    color: #009581
}

.content-modul-reviewslider #reviewsplide .splide-inner .reviewlogo {
    width: 160px;
    margin-right: 20px;
    flex-shrink: 0
}

.content-modul-reviewslider #reviewsplide .splide-inner .reviewlogo img {
    width: 100%;
    height: auto
}

@media only screen and (max-width: 800px) {
    .content-modul-reviewslider #reviewsplide {
        padding-bottom: 32px
    }

    .content-modul-reviewslider #reviewsplide:before {
        content: "";
        position: absolute;
        top: 0px;
        right: 0px;
        width: 76px;
        height: 57px;
        background: no-repeat url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/icon-blockqoute-26cb8502.svg) center/76px 57px
    }

    .content-modul-reviewslider #reviewsplide .splide-inner {
        flex-direction: column
    }

    .content-modul-reviewslider #reviewsplide .splide-inner .reviewlogo {
        margin: 0px 0px 32px 0px
    }

    .content-modul-reviewslider #reviewsplide .splide-inner .reviewname {
        font-size: 16px;
        line-height: 26px
    }

    .content-modul-reviewslider #reviewsplide .splide-inner .review-comment {
        padding: 0px 0px 0px 0px
    }

    .content-modul-reviewslider #reviewsplide .splide-inner .review-comment:before {
        display: none;
        content: "";
        position: absolute;
        top: 6px;
        width: 40px;
        height: 30px;
        background: no-repeat url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/icon-blockqoute-26cb8502.svg) center/40px 30px
    }
}

@media only screen and (max-width: 600px) {
    .content-modul-reviewslider #reviewsplide .splide-inner .reviewtext {
        font-size: 1.25rem;
        line-height: 28px
    }

    .content-modul-reviewslider #reviewsplide .splide-inner .reviewname {
        font-size: 1rem;
        line-height: 26px
    }
}

.content-modul-videoslider .video-lightbox {
    display: none;
    position: fixed;
    overflow: auto;
    z-index: 200;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .75);
    flex-direction: column;
    justify-content: center;
    padding: 120px 25px
}

.content-modul-videoslider .video-lightbox .gr .gc-1-1 {
    display: flex;
    align-items: flex-end;
    flex-direction: column
}

.content-modul-videoslider .video-lightbox .video {
    width: 100%;
    border-radius: 20px
}

.content-modul-videoslider .video-lightbox.show-lightbox {
    display: flex
}

.content-modul-videoslider .video-lightbox .close-lightbox {
    position: relative;
    width: 48px;
    height: 48px;
    display: flex;
    cursor: pointer;
    margin-bottom: 20px
}

.content-modul-videoslider .video-lightbox .close-lightbox .close-lightbox-line {
    position: absolute;
    height: 2px;
    width: 48px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 22px
}

.content-modul-videoslider .video-lightbox .close-lightbox .close-lightbox-line:last-child {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.content-modul-videoslider #videosplide {
    padding-bottom: 80px
}

.content-modul-videoslider #videosplide .video-container video {
    width: 100%;
    display: flex;
    border-radius: 20px
}

.content-modul-videoslider #videosplide .video-container {
    display: flex;
    overflow: hidden;
    position: relative
}

.content-modul-videoslider #videosplide .video-button {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    top: 0px;
    left: 0px;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0px
}

.content-modul-videoslider #videosplide .splide__pagination {
    counter-reset: pagination-num;
    position: absolute;
    bottom: -40px;
    left: 50%;
    width: 80px;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
    padding: 0px;
    font-size: 20px;
    font-weight: 700;
    color: #024e43;
    height: 32px
}

.content-modul-videoslider #videosplide .splide__pagination__page {
    opacity: 0;
    position: absolute;
    height: 32px;
    width: 80px;
    top: 0px;
    left: 0px;
    font-size: 20px;
    font-weight: 700;
    color: #024e43;
    margin: 0px;
    text-align: center
}

.content-modul-videoslider #videosplide .splide__pagination__page.is-active {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.content-modul-videoslider #videosplide .splide__arrows {
    position: absolute;
    bottom: -10px;
    right: 50%;
    width: 144px;
    -webkit-transform: translateX(72px);
    transform: translateX(72px)
}

.content-modul-videoslider #videosplide .splide__arrow {
    background: no-repeat url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/abax-arrow-lightgreen-02-bcd981aa.svg) center/18px 32px;
    height: 32px;
    width: 18px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1
}

.content-modul-videoslider #videosplide .splide__arrow.splide__arrow--prev {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.content-modul-videoslider #videosplide .splide-inner .videoheadline {
    margin: 40px 0px 16px;
    font-size: 20px;
    line-height: 28x;
    color: #024e43;
    font-weight: 700
}

.content-modul-videoslider #videosplide .splide-inner .videolink a {
    margin: 0px;
    font-size: 20px;
    line-height: 28x;
    color: #07e6d9;
    font-weight: 700;
    text-decoration: none
}

.content-modul-slider {
    padding: 0
}

.content-modul-slider.section-home-slider .splide__slide {
    height: 700px
}

.content-modul-slider.section-home-slider .gr {
    margin-bottom: 0px
}

.content-modul-slider.section-home-slider .content-modul-slider-headline {
    margin-bottom: 80px
}

.content-modul-slider .splide__slide {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0px;
    display: flex;
    height: 440px
}

.content-modul-slider .splide__slide:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 40%;
    right: 0px;
    bottom: 0px;
    background: rgba(0, 149, 129, .8);
    background: linear-gradient(180deg, rgba(0, 149, 129, 0) 0%, rgba(0, 149, 129, 0.8) 100%)
}

.content-modul-slider .splide__arrow {
    background: no-repeat url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/abax-arrow-green-d32a8ed2.svg) center;
    background-size: 15px auto
}

.content-modul-slider .splide__arrow.splide__arrow--prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.content-modul-slider .gr {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 0px;
    z-index: 100
}

.content-modul-slider .content-modul-slider-headline {
    width: 100%;
    font-size: 3em;
    line-height: 1.2em;
    color: #fff;
    text-align: left;
    font-weight: 400;
    text-shadow: 0px 2px 15px rgba(2, 78, 67, .8);
    margin-bottom: 40px;
    padding: 0px 25px
}

.content-modul-slider .splide__pagination {
    height: 50px
}

.content-modul-slider .splide__pagination li {
    position: relative;
    width: 15px;
    height: 15px;
    margin: 0px 5px
}

.content-modul-slider .splide__pagination .splide__pagination__page {
    position: absolute;
    width: 15px;
    height: 15px;
    border: none;
    border-radius: 15px;
    border: none
}

.content-modul-slider .splide__arrows {
    position: absolute;
    -webkit-transform: translate(0, -30px);
    transform: translate(0, -30px);
    left: 0px;
    right: 0px;
    top: 50%;
    width: 100%;
    height: 50px;
    z-index: 200;
    cursor: pointer
}

.content-modul-slider .splide__arrows .splide__arrow {
    position: absolute;
    right: 0px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, .7);
    border: none;
    transition: .4s
}

.content-modul-slider .splide__arrows .splide__arrow:disabled {
    background-color: rgba(255, 255, 255, .3)
}

.content-modul-slider .splide__arrows .splide__arrow:disabled:hover {
    background-color: rgba(255, 255, 255, .3)
}

.content-modul-slider .splide__arrows .splide__arrow:hover {
    background-color: #fff
}

.content-modul-slider .splide__arrows .splide__arrow.splide__arrow--next {
    position: absolute;
    right: 40px;
    height: 50px;
    width: 50px
}

.content-modul-slider .splide__arrows .splide__arrow.splide__arrow--prev {
    position: absolute;
    left: 40px;
    height: 50px;
    width: 50px
}

.content-modul-slider .splide__arrows .splide__arrow.splide__arrow--prev svg {
    rotate: 180deg
}

@media only screen and (max-width: 1024px) {
    .content-modul-slider .splide__arrows .splide__arrow.splide__arrow--next {
        right: 0px
    }

    .content-modul-slider .splide__arrows .splide__arrow.splide__arrow--prev {
        left: 0px
    }
}

@media only screen and (max-width: 800px) {
    .content-modul-slider .splide__arrows {
        display: none
    }

    .content-modul-slider .splide__slide .splide__slide, .content-modul-slider.section-home-slider .splide__slide {
        height: 520px
    }

    .content-modul-slider .content-modul-slider-headline {
        width: 100%;
        padding: 0px;
        font-size: 2.25em
    }
}

@media only screen and (max-width: 600px) {
    .content-modul-slider .splide__slide {
        height: 360px
    }

    .content-modul-slider.section-home-slider .splide__slide {
        height: 360px
    }

    .content-modul-slider.section-home-slider .content-modul-slider-headline {
        margin-bottom: 40px
    }

    .content-modul-slider .content-modul-slider-headline {
        width: 100%;
        padding: 0px;
        font-size: 1.75em
    }
}

@media only screen and (max-width: 400px) {
    .content-modul-slider .splide__slide .splide__slide, .content-modul-slider.section-home-slider .splide__slide {
        height: 300px
    }
}

.content-modul-videoheaderhome {
    margin-bottom: 60px;
    position: relative;
    padding: 0px;
    width: 100vw;
    height: 100vh
}

.content-modul-videoheaderhome .gr {
    flex-wrap: nowrap
}

.content-modul-videoheaderhome .gc-inner {
    display: flex;
    align-items: center
}

.content-modul-videoheaderhome .headline-container .subheadline {
    color: #fff
}

.content-modul-videoheaderhome .headline-container .headline-01, .content-modul-videoheaderhome .headline-container .headline-02, .content-modul-videoheaderhome .headline-container .headline-03 {
    font-weight: 700;
    font-size: 80px;
    color: #fff;
    line-height: 1.15em
}

.content-modul-videoheaderhome video {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    border: none
}

.content-modul-videoheaderhome video.header-video-desktop {
    display: block
}

.content-modul-videoheaderhome video.header-video-mobil {
    display: none
}

.content-modul-videoheaderhome .content-modul-videoheaderhome-content {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 10
}

.content-modul-videoheaderhome.header-video-desktop {
    display: block
}

.content-modul-videoheaderhome.header-video-mobile {
    display: none
}

@media only screen and (max-width: 800px) {
    .content-modul-videoheaderhome .gr .gc-1-2 {
        width: 50%
    }

    .content-modul-videoheaderhome .gr .gc-1-2 .text-editor {
        margin-top: 0px
    }

    .content-modul-videoheaderhome .headline-container .headline-01, .content-modul-videoheaderhome .headline-container .headline-02, .content-modul-videoheaderhome .headline-container .headline-03 {
        font-weight: 700;
        font-size: 46px;
        color: #fff;
        line-height: 1.5em
    }

    .content-modul-videoheaderhome.header-video-desktop {
        display: none
    }

    .content-modul-videoheaderhome.header-video-mobile {
        display: block
    }
}

@media only screen and (max-width: 600px) {
    .content-modul-videoheaderhome {
        margin-bottom: 32px
    }

    .content-modul-videoheaderhome .headline-container .headline-01, .content-modul-videoheaderhome .headline-container .headline-02, .content-modul-videoheaderhome .headline-container .headline-03 {
        font-weight: 700;
        font-size: 30px;
        color: #fff;
        line-height: 1.3em
    }
}

.content-modul-videoheaderhome + .module-form-funnel, .content-modul-videoheaderhome + .content-modul-jobsuche {
    margin-top: -60px
}

.header-svg-animation {
    position: relative
}

img.delayed-animation {
    position: absolute;
    height: 100%;
    width: auto;
    left: 0;
    z-index: 1;
    top: 0
}

.delayed-animation {
    opacity: 0;
    transition-property: opacity;
    transition-duration: .1s
}

.delayed-animation.animate {
    opacity: 1
}

.content-modul-videoheadersubpage {
    position: relative;
    padding: 142px 0px 40px;
    background-color: #e4f3f1;
    margin-bottom: 60px
}

.content-modul-videoheadersubpage video.videoheader-background-video {
    top: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    z-index: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.content-modul-videoheadersubpage .gr {
    position: relative;
    z-index: 1;
    padding-top: 0px;
    padding-bottom: 0px
}

.content-modul-videoheadersubpage .gc-1-2 {
    margin: 0px;
    align-items: center
}

.content-modul-videoheadersubpage .gc-1-2 .text-content {
    margin: 0px
}

.content-modul-videoheadersubpage .gc-1-2 .text-editor {
    margin-top: 0px
}

.content-modul-videoheadersubpage .gc-1-2 .subheadline {
    margin-bottom: 40px
}

.content-modul-videoheadersubpage .text-content-container {
    background: #fff;
    padding-top: 32px;
    padding-bottom: 32px
}

.content-modul-videoheadersubpage .video-container {
    justify-content: flex-end
}

.content-modul-videoheadersubpage video {
    width: 100%;
    max-width: 580px
}

@media only screen and (max-width: 800px) {
    .content-modul-videoheadersubpage {
        padding: 94px 0px 0px
    }

    .content-modul-videoheadersubpage .gr {
        padding-top: 0px;
        padding-bottom: 0px;
        flex-direction: column-reverse
    }

    .content-modul-videoheadersubpage .gc-1-2 {
        align-items: center
    }

    .content-modul-videoheadersubpage .gc-1-2 .text-editor {
        margin-top: 0px
    }

    .content-modul-videoheadersubpage .video-container {
        justify-content: center;
        margin-bottom: 26px
    }

    .content-modul-videoheadersubpage .text-content-container .gc-1-2 {
        margin: 64px 0px 0px
    }
}

@media only screen and (max-width: 600px) {
    .content-modul-videoheadersubpage {
        margin-bottom: 32px
    }
}

.content-modul-imageheadersubpage {
    padding: 142px 0px 40px;
    background-color: #e4f3f1;
}

.content-modul-imageheadersubpage .gr {
    padding-top: 0px;
    padding-bottom: 0px
}

.content-modul-imageheadersubpage .gc-1-2 {
    margin: 0px;
    align-items: center
}

.content-modul-imageheadersubpage .gc-1-2 .text-content {
    margin: 0px
}

.content-modul-imageheadersubpage .gc-1-2 .text-editor {
    margin-top: 0px
}

.content-modul-imageheadersubpage .gc-1-2 .subheadline {
    margin-bottom: 40px
}

.content-modul-imageheadersubpage .text-content-container {
    background: #fff;
    padding-top: 32px;
    padding-bottom: 32px
}

.content-modul-imageheadersubpage .image-container {
    justify-content: flex-end
}

.content-modul-imageheadersubpage .image-container img {
    max-width: 430px;
    width: 100%;
    height: auto
}

@media only screen and (max-width: 800px) {
    .content-modul-imageheadersubpage {
        padding: 94px 0px 0px
    }

    .content-modul-imageheadersubpage .gr {
        padding-top: 0px;
        padding-bottom: 0px;
        flex-direction: column-reverse
    }

    .content-modul-imageheadersubpage .gc-1-2 {
        align-items: center
    }

    .content-modul-imageheadersubpage .image-container {
        justify-content: center;
        margin-bottom: 26px
    }

    .content-modul-imageheadersubpage .text-content-container .gc-1-2 {
        margin: 64px 0px 0px
    }

    .content-modul-imageheadersubpage.header-jobsuche {
        margin-bottom: 40px
    }
}

@media only screen and (max-width: 600px) {
    .content-modul-imageheadersubpage {
        margin-bottom: 32px
    }
}

.content-modul-teasergreen {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #009581
}

.content-modul-teasergreen.job-kontakt {
    color: #fff
}

.content-modul-teasergreen.job-kontakt .heading-h2, .content-modul-teasergreen.job-kontakt p {
    color: #fff
}

.content-modul-teasergreen .gr {
    padding-top: 80px;
    padding-bottom: 80px;
    row-gap: 48px
}

.content-modul-teasergreen .gr .gc-1-2 {
    margin-bottom: 0px
}

.content-modul-teasergreen .employee-name {
    color: #fff;
    font-weight: 700;
    margin: 16px 0 16px 0
}

.content-modul-teasergreen .employee-contact {
    margin: 0 0 40px 0
}

.content-modul-teasergreen .employee-contact a {
    color: #07e6d9;
    text-decoration: none
}

.content-modul-teasergreen .phone, .content-modul-teasergreen .mail {
    color: #f7f7f7
}

@media only screen and (max-width: 600px) {
    .content-modul-teasergreen {
        margin-top: 32px;
        margin-bottom: 32px
    }

    .content-modul-teasergreen .gr {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

.content-modul-teasercards .gr {
    row-gap: 120px;
    padding-left: 20px;
    padding-right: 20px
}

.content-modul-teasercards .gc-1-1 {
    margin-bottom: 0px;
    padding: 0px
}

.content-modul-teasercards .teaser-card-container {
    width: 100%;
    display: flex;
    background: #e4f3f1;
    overflow: hidden;
    border-radius: 20px
}

.content-modul-teasercards .teaser-card-container.card-column-reverse {
    flex-direction: row-reverse
}

.content-modul-teasercards .teaser-card-container .gc-1-2 {
    margin: 0px;
    padding: 80px 90px
}

.content-modul-teasercards .teaser-card-container .gc-1-2.teaser-image-container {
    min-height: 400px
}

@media only screen and (max-width: 1024px) {
    .content-modul-teasercards .teaser-card-container {
        flex-direction: column-reverse
    }

    .content-modul-teasercards .teaser-card-container .gc-1-2 {
        width: 100%
    }

    .content-modul-teasercards .teaser-card-container.card-column-reverse {
        flex-direction: column-reverse
    }
}

@media only screen and (max-width: 600px) {
    .content-modul-teasercards .gr {
        row-gap: 64px
    }

    .content-modul-teasercards .teaser-card-container .gc-1-2 {
        margin: 0px;
        padding: 48px 24px
    }

    .content-modul-teasercards .teaser-card-container .gc-1-2.teaser-image-container {
        min-height: 220px
    }
}

.content-modul-teaserjobs .gc-1-2 a {
    text-decoration: none;
    min-width: 100%
}

.content-modul-teaserjobs .gc-inner.column-square-light {
    padding: 40px;
    background: #07e6d9;
    border-radius: 20px;
    align-self: flex-start;
    transition: .4s;
    height: 100%
}

.content-modul-teaserjobs .gc-inner.column-square-light:hover {
    background: #00fff0
}

.content-modul-teaserjobs .gc-inner .date {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px
}

.content-modul-teaserjobs .gc-inner .title {
    display: inline-block;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 10px 0px 40px;
    margin: 0px 0px 48px;
    -webkit-hyphens: auto;
    hyphens: auto
}

.content-modul-teaserjobs .gc-inner .text {
    color: #000;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    margin: 0px
}

.content-modul-teamoverview .gr {
    row-gap: 80px
}

.content-modul-teamoverview .gc-1-2.column-teamcard-container {
    margin-bottom: 0px
}

.content-modul-teamoverview .gc-1-2 a {
    text-decoration: none
}

.content-modul-teamoverview .gc-inner.column-teamcard {
    background: #fff;
    align-self: flex-start;
    height: 100%;
    margin-bottom: 0px
}

.content-modul-teamoverview .gc-inner.column-teamcard .gc-img-container {
    height: 395px;
    width: 100%;
    border-radius: 20px;
    margin-bottom: 40px
}

.content-modul-teamoverview .gc-inner .name {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #024e43;
    margin: 0px 0px 16px
}

.content-modul-teamoverview .gc-inner .info {
    color: #009581;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    margin: 0px
}

.content-modul-teamoverview .gc-inner .data {
    margin-top: 16px
}

.content-modul-teamoverview .gc-inner .data a {
    color: #07e6d9;
    display: block;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    margin: 0px;
    transition: .4s
}

.content-modul-teamoverview .gc-inner .data a:hover {
    color: #00fff0
}

.content-modul-tile .first-column-tile {
    height: 280px;
    width: 100%;
    background: #e4f3f1;
    margin: 0 auto;
    height: 280px;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px
}

.content-modul-tile .first-column-tile .first-tile-headline {
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.3em;
    color: #024e43
}

.content-modul-tile .last-tile-link {
    width: 100%;
    text-decoration: none
}

.content-modul-tile .last-tile-link:hover .last-column-tile-dark {
    background: #07e6d9
}

.content-modul-tile .last-tile-link:hover .last-column-tile-light {
    background: #00fff0
}

.content-modul-tile .last-column-tile-dark {
    height: 280px;
    width: 100%;
    background: #009581;
    margin: 0 auto;
    height: 280px;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    transition: .4s
}

.content-modul-tile .last-column-tile-dark .last-tile-text {
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    line-height: 32px;
    color: #fff
}

.content-modul-tile .last-column-tile-light {
    height: 280px;
    width: 100%;
    background: #07e6d9;
    margin: 0 auto;
    height: 280px;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    transition: .4s
}

.content-modul-tile .last-column-tile-light .last-tile-text {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    line-height: 32px;
    color: #024e43
}

.content-modul-tile .column-tile {
    -webkit-perspective: 150rem;
    perspective: 150rem;
    position: relative;
    height: 280px;
    width: 100%;
    background: none;
    margin: 0 auto
}

.content-modul-tile .column-tile .column-tile-side {
    height: 280px;
    border-radius: 20px;
    overflow: hidden;
    transition: all .8s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    color: #fff
}

.content-modul-tile .column-tile .column-tile-side.back {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    background: #07e6d9;
    padding: 40px
}

.content-modul-tile .column-tile .column-tile-side.front {
    background-color: #07e6d9
}

.content-modul-tile .column-tile .tile-overlay {
    background: rgba(0, 0, 0, .4);
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px
}

.content-modul-tile .column-tile .tile-headline {
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.content-modul-tile .column-tile .tile-text {
    font-weight: 400;
    text-align: center;
    color: #000
}

.content-modul-tile .column-tile:hover .column-tile-side.front {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.content-modul-tile .column-tile:hover .column-tile-side.back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.content-modul-tile .gr {
    row-gap: 20px
}

.content-modul-tile .gr.gr-tile {
    padding: 0px 90px;
    row-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px
}

.content-modul-tile .gr .gc-1-3 {
    padding: 0;
    margin-bottom: 0;
    width: calc(33.3333333333% - 15px)
}

@media only screen and (max-width: 1280px) {
    .content-modul-tile .gr {
        row-gap: 20px
    }

    .content-modul-tile .gr.gr-tile {
        row-gap: 20px;
        -webkit-column-gap: 20px;
        column-gap: 20px
    }

    .content-modul-tile .gr .gc-1-3 {
        padding: 0;
        width: calc(50% - 15px)
    }
}

@media only screen and (max-width: 800px) {
    .content-modul-tile .gr {
        row-gap: 20px
    }

    .content-modul-tile .gr.gr-tile {
        padding: 0px 20px;
        row-gap: 20px;
        -webkit-column-gap: 20px;
        column-gap: 20px
    }

    .content-modul-tile .gr .gc-1-3 {
        padding: 0;
        width: 100%;
        max-width: 460px;
        margin: 0 auto
    }
}

.content-modul-philosophy .philosophy-container {
    position: relative;
    text-align: center
}

.content-modul-philosophy .philosophy-container .gr {
    row-gap: 64px
}

.content-modul-philosophy .philosophy-container .philosophy-element-r {
    display: flex;
    flex-direction: row
}

.content-modul-philosophy .philosophy-container .philosophy-element-l {
    display: flex;
    flex-direction: row
}

.content-modul-philosophy .philosophy-container .philosophy-gc-o, .content-modul-philosophy .philosophy-container .philosophy-gc-u {
    display: flex;
    justify-content: center
}

.content-modul-philosophy .philosophy-container .philosophy-gc-l {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    row-gap: 80px
}

.content-modul-philosophy .philosophy-container .philosophy-gc-r {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    row-gap: 80px
}

.content-modul-philosophy .philosophy-container .philosophy-element-o {
    width: 100%;
    max-width: 440px
}

.content-modul-philosophy .philosophy-container .philosophy-element-l1 {
    width: 100%;
    max-width: 440px
}

.content-modul-philosophy .philosophy-container .philosophy-element-l2 {
    width: 100%;
    max-width: 440px
}

.content-modul-philosophy .philosophy-container .philosophy-element-r1 {
    width: 100%;
    max-width: 440px
}

.content-modul-philosophy .philosophy-container .philosophy-element-r2 {
    width: 100%;
    max-width: 440px
}

.content-modul-philosophy .philosophy-container .philosophy-element-u {
    width: 100%;
    max-width: 440px
}

.content-modul-philosophy .philosophy-container .philosophy-icon {
    margin-bottom: 24px
}

.content-modul-philosophy .philosophy-container .philosophy-icon img {
    width: 100px;
    height: auto
}

.content-modul-philosophy .philosophy-container .philosophy-headline {
    display: inline-block;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 10px 0px 40px
}

.content-modul-philosophy .philosophy-container .philosophy-text {
    font-size: 1.2rem
}

.content-modul-philosophy .philosophy-container .philosophy-compass {
    position: absolute;
    width: 156px;
    height: 156px;
    right: 50%;
    top: 50%;
    -webkit-transform: translate(78px, -140px);
    transform: translate(78px, -140px)
}

.content-modul-philosophy .philosophy-container .philosophy-compass img {
    width: 100%;
    height: auto
}

@media only screen and (max-width: 1024px) {
    .content-modul-philosophy .philosophy-container .philosophy-gc-o, .content-modul-philosophy .philosophy-container .philosophy-gc-u {
        display: flex;
        justify-content: center
    }

    .content-modul-philosophy .philosophy-container .philosophy-gc-l {
        display: flex;
        flex-direction: column
    }

    .content-modul-philosophy .philosophy-container .philosophy-gc-r {
        display: flex;
        flex-direction: column
    }

    .content-modul-philosophy .philosophy-container .philosophy-compass {
        position: absolute;
        width: 120px;
        height: 120px;
        right: 50%;
        top: 50%;
        -webkit-transform: translate(60px, -70px);
        transform: translate(60px, -70px)
    }

    .content-modul-philosophy .philosophy-container .philosophy-compass img {
        width: 100%;
        height: auto
    }

    .content-modul-philosophy .philosophy-container .philosophy-text {
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 800px) {
    .content-modul-philosophy .philosophy-container .philosophy-compass {
        display: none
    }

    .content-modul-philosophy .philosophy-container .philosophy-gc-r, .content-modul-philosophy .philosophy-container .philosophy-gc-l {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        row-gap: 40px
    }

    .content-modul-philosophy .philosophy-container .philosophy-text {
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 600px) {
    .content-modul-philosophy .philosophy-container .philosophy-text {
        font-size: 1rem
    }
}

.section-cards-home .gr.section-headline-container {
    padding-bottom: 120px
}

.page-team-section.content-modul-teasercards .gr {
    row-gap: 80px
}

@media only screen and (max-width: 800px) {
    .section-cards-home .gr.section-headline-container {
        padding-bottom: 32px
    }
}

.content-modul-imageheadersubpage + .module-form-funnel, .content-modul-videoheadersubpage + .module-form-funnel, .content-modul-videoheaderhome + .module-form-funnel, .content-modul-videoheaderhome + .content-modul-jobsuche {
    margin-top: -60px
}

.module-form-funnel + .content-modul-teasergreen {
    margin-bottom: 0px;
    margin-top: -60px !important
}

section.module-form-funnel {
    background: #07e6d9;
    padding: 0 0;
    color: #024e43;
    text-align: center;
    margin: 60px 0px;
    position: relative
}

section.module-form-funnel .wpcf7-response-output {
    display: none !important
}

section.module-form-funnel .gr {
    padding-top: 80px;
    padding-bottom: 80px;
    background: no-repeat url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/abax-section-x-lightblue-d64e5cbd.svg) center right/auto 100%
}

section.module-form-funnel .heading-h2 {
    font-size: 2.4rem;
    color: #fff;
    margin-top: 0px
}

section.module-form-funnel div.wpcf7, section.module-form-funnel form {
    width: 100%
}

section.module-form-funnel br {
    display: none
}

section.module-form-funnel fieldset {
    padding: 0px
}

section.module-form-funnel fieldset.current, section.module-form-funnel div.success.current {
    visibility: visible;
    opacity: 1;
    height: auto;
    padding: 0px;
    margin: 0px;
    height: auto
}

section.module-form-funnel fieldset, section.module-form-funnel div.success {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    transition-property: opacity, visibility;
    transition-duration: .5s
}

section.module-form-funnel .success span.hint {
    font-size: 1.2rem;
    margin-bottom: 0px;
    font-weight: 500;
    display: inline-block
}

section.module-form-funnel .success .heading-h2 {
    color: #024e43
}

section.module-form-funnel .success .heading-h2.heading-white {
    color: #fff
}

section.module-form-funnel .first-choise .wpcf7-radio {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-column-gap: 26px;
    column-gap: 26px;
    row-gap: 26px;
    flex-wrap: wrap
}

section.module-form-funnel .first-choise .wpcf7-radio .wpcf7-list-item {
    max-width: 270px;
    width: 100%
}
.abax-quick-form .wpcf7-checkbox input, .abax-quick-form .wpcf7-radio input {
    position: absolute;
    display: none;
}

section.module-form-funnel .first-choise .wpcf7-radio .wpcf7-list-item-label {
    background: #e4f3f1;
    color: #024e43;
    border-radius: 8px;
    padding: 32px 32px;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
    margin: 0;
    display: inline-block;
    transition: .4s;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    max-width: 270px
}

section.module-form-funnel .first-choise .wpcf7-radio .wpcf7-list-item-label:hover {
    background: #fff
}

section.module-form-funnel .first-choise .wpcf7-radio input {
    position: absolute;
    display: none
}

section.module-form-funnel .first-choise .wpcf7-radio input:checked + .wpcf7-list-item-label {
    background: #000;
    color: #fff
}

section.module-form-funnel span.hint {
    font-size: 1.2rem;
    margin-bottom: 40px;
    font-weight: 500;
    display: inline-block
}

section.module-form-funnel .funnel-label {
    display: inline-block;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.3em;
    color: #024e43;
    font-weight: 700;
    margin: 10px 0px 40px;
    margin-top: 0px
}

section.module-form-funnel .wpcf7-checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    -webkit-column-gap: 26px;
    column-gap: 26px;
    row-gap: 26px
}

section.module-form-funnel .wpcf7-checkbox .wpcf7-list-item-label {
    background-color: #024e43;
    color: #fff;
    border-radius: 8px;
    padding: 13px 32px;
    font-size: 1rem;
    line-height: 30px;
    font-weight: bold;
    cursor: pointer;
    transition: .4s;
    -webkit-user-select: none;
    user-select: none;
    display: inline-block
}

section.module-form-funnel .wpcf7-checkbox input {
    position: absolute;
    display: none
}

section.module-form-funnel .wpcf7-checkbox input:checked + .wpcf7-list-item-label {
    background: #000
}

section.module-form-funnel .wpcf7-radio {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-column-gap: 26px;
    column-gap: 26px;
    row-gap: 26px;
    flex-wrap: wrap
}

section.module-form-funnel .wpcf7-radio .wpcf7-list-item-label {
    background: #e4f3f1;
    color: #024e43;
    border-radius: 8px;
    padding: 13px 32px;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
    margin: 0;
    display: inline-block;
    transition: .4s;
    -webkit-user-select: none;
    user-select: none
}

section.module-form-funnel .wpcf7-radio .wpcf7-list-item-label:hover {
    background: #fff
}

section.module-form-funnel .wpcf7-radio input {
    position: absolute;
    display: none
}

section.module-form-funnel .wpcf7-radio input:checked + .wpcf7-list-item-label {
    background: #000;
    color: #fff
}

section.module-form-funnel .form-wrapper {
    width: 100%;
    max-width: 1024px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 26px;
    -webkit-column-gap: 26px;
    column-gap: 26px
}

section.module-form-funnel .row {
    display: flex;
    margin: 0px;
    gap: 26px;
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

section.module-form-funnel .row label {
    text-align: left;
    display: block;
    margin: 0px;
    width: calc(50% - 13px)
}

section.module-form-funnel .row label .wpcf7-form-control-wrap {
    width: 100%;
    display: block
}
.wpcf7-form-control-wrap  input[type=email] {
    margin-bottom: 0px;
    width: 100%;
    color: #009581;
    line-height: 20px;
    padding: 20px 16px;
    background: #fff;
    border-radius: 8px;
}


section.module-form-funnel .row label .wpcf7-form-control-wrap input:focus {
    border: none
}

section.module-form-funnel .row label .wpcf7-form-control-wrap input:active {
    border: none
}

section.module-form-funnel .row label .wpcf7-form-control-wrap input::-webkit-input-placeholder {
    opacity: 1
}

section.module-form-funnel .row label .wpcf7-form-control-wrap input::placeholder {
    opacity: 1
}

.button.funnel-next-page {
    border: none;
    border-radius: 8px;
    font-family: inherit;
    padding: 13px 32px;
    font-size: 1rem;
    font-weight: bold;
    background: #e4f3f1;
    display: inline-block;
    width: auto;
    cursor: pointer;
    margin: 40px 0 0px;
    -webkit-user-select: none;
    user-select: none;
    transition: .4s
}

.button.funnel-next-page:hover {
    background: #fff
}

.arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    opacity: .66;
    height: 2.5rem;
    width: 2.5rem;
    background-image: url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/abax-arrow-white-49404841.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition-property: opacity;
    transition-duration: .25s;
    cursor: pointer
}

.arrow:hover {
    opacity: 1
}

.arrow.funnel-previous-page {
    left: 2.5%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.arrow.funnel-next-page {
    right: 2.5%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media only screen and (max-width: 800px) {
    section.module-form-funnel {
        padding: 0 30px
    }

    .arrow {
        margin: auto;
        top: 0;
        bottom: 0;
        opacity: 1;
        width: 2rem;
        height: 2rem
    }

    .arrow.funnel-next-page {
        right: 1%
    }

    .arrow.funnel-previous-page {
        left: 1%
    }
}

input[type=submit]:hover, .ur-submit-button:hover {
    background: #fff
}

fieldset {
    border: none;
    width: 100%
}

.user-registration.ur-frontend-form {
    border: none
}

.user-registration.ur-frontend-form input, .user-registration.ur-frontend-form textarea {
    border-radius: 8px !important;
    background-color: #fff !important;
    font-family: inherit !important;
    padding: 16px 16px !important;
    font-size: 1rem !important;
    line-height: 20px !important;
    border-width: 1px
}

.user-registration.ur-frontend-form .field-user_pass, .user-registration.ur-frontend-form .field-user_confirm_password {
    display: none
}

.user-registration.ur-frontend-form .ur-message li::before {
    background: ""
}

select {
    -webkit-appearance: none;
    appearance: none;
    background-image: url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/abax-arrow-black-2207a59e.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 92.5% 50%
}

.wpcf7-list-item.first {
    margin: 0
}

.wpcf7-list-item {
    margin: 0 !important
}

.submit-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}
.wpcf7-submit {
    -webkit-appearance: none;
    border: none;
    border-radius: 8px;
    font-family: inherit;
    padding: 13px 32px;
    font-size: 1rem;
    line-height: 30px;
    font-weight: bold;
    color: #024e43;
    background: #e4f3f1;
    display: inline-block;
    width: auto;
    cursor: pointer;
    margin: 40px 0 0px;
    -webkit-user-select: none;
    user-select: none;
    transition: .4s;
}

.wpcf7-spinner {
    position: absolute;
    top: 70px;
    margin-top: 40px
}

.wpcf7-not-valid-tip {
    font-weight: 700;
    font-size: .8rem
}

.abax-quick-form {
    padding: 0 0 0 40px;
    width: 450px
}

.abax-quick-form form {
    display: flex;
    flex-direction: column;
    row-gap: 40px
}

.abax-quick-form label {
    font-weight: 700;
    color: #024e43;
    margin-bottom: 16px
}

.abax-quick-form fieldset.current {
    visibility: visible;
    opacity: 1;
    display: flex;
    flex-direction: column;
    padding: 0px;
    margin: 0px
}

.abax-quick-form fieldset {
    opacity: 0;
    visibility: hidden;
    transition-property: visibility, opacity;
    transition-duration: .5s
}

.abax-quick-form .wpcf7-form-control-wrap {
    display: block
}

.abax-quick-form .wpcf7-list-item {
    margin: 0 !important
}

.abax-quick-form .wpcf7-spinner {
    position: absolute;
    top: 70px;
    margin: 30px 0px
}

.abax-quick-form .wpcf7 form .wpcf7-response-output {
    margin: 0px;
    padding: 0px;
    font-weight: 700;
    font-size: 1rem;
    border: none
}

.abax-quick-form .submit-wrapper {
    align-items: flex-start
}

.abax-quick-form .wpcf7-checkbox, .abax-quick-form .wpcf7-radio {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    row-gap: 16px;
    -webkit-column-gap: 16px;
    column-gap: 16px
}

.abax-quick-form .wpcf7-checkbox .wpcf7-list-item-label, .abax-quick-form .wpcf7-radio .wpcf7-list-item-label {
    background-color: #024e43;
    color: #fff;
    border-radius: 8px;
    padding: 13px 16px;
    font-size: 1rem;
    line-height: 30px;
    font-weight: 700;
    cursor: pointer;
    transition-property: background-color;
    transition-duration: .3s;
    -webkit-user-select: none;
    user-select: none;
    display: inline-block
}


.abax-quick-form .wpcf7-checkbox input:checked + .wpcf7-list-item-label, .abax-quick-form .wpcf7-radio input:checked + .wpcf7-list-item-label {
    background-color: #000
}

form.job-search {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

form.job-search .search-term {
    flex-basis: 48%
}

form.job-search label {
    color: #000;
    margin-bottom: 20px;
    display: inline-block
}

form.job-search .city, form.job-search .radius {
    flex-basis: 22%
}

form.job-search .submit {
    flex-basis: 100%
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border: none;
    background: #fff;
    border-radius: 8px;
    color: red;
    width: auto;
    display: inline-block;
    padding: 16px
}

.wpcf7 form.sent .wpcf7-response-output {
    color: green
}

.wpcf7 form .wpcf7-response-output {
    border: none;
    background: #fff;
    border-radius: 8px;
    width: auto;
    display: inline-block;
    padding: 16px
}


input[type=checkbox], input[type=radio] {
    width: auto
}

input:focus {
    border: none
}

input:active {
    background: #e4f3f1;
    border: none
}

input::-webkit-input-placeholder {
    opacity: 1
}

input::placeholder {
    opacity: 1
}

@media only screen and (max-width: 800px) {
    section.module-form-funnel .wpcf7-radio {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        -webkit-column-gap: 26px;
        column-gap: 26px;
        row-gap: 26px
    }
}

@media only screen and (max-width: 800px) {
    .content-modul-videoheaderhome + .module-form-funnel, .content-modul-videoheaderhome + .content-modul-jobsuche {
        margin-top: -32px
    }

    .content-modul-imageheadersubpage + .content-modul-jobsuche, .content-modul-imageheadersubpage + .module-form-funnel, .content-modul-videoheadersubpage + .module-form-funnel, .content-modul-videoheadersubpage + .module-form-funnel {
        margin-top: 60px !important
    }

    form.job-search {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column
    }
}

@media only screen and (max-width: 600px) {
    .content-modul-videoheaderhome + .module-form-funnel, .content-modul-videoheaderhome + .content-modul-jobsuche {
        margin-top: -32px
    }

    section.module-form-funnel {
        margin-bottom: 32px
    }

    section.module-form-funnel .gr {
        padding-top: 64px;
        padding-bottom: 64px
    }

    section.module-form-funnel .row label {
        width: 100%
    }

    section.module-form-funnel .funnel-label {
        display: inline-block;
        width: 100%;
        font-size: 1.5rem;
        line-height: 1.3em;
        color: #024e43;
        font-weight: 700;
        margin: 10px 0px 32px;
        margin-top: 0px
    }

    section.module-form-funnel .heading-h2 {
        display: inline-block;
        width: 100%;
        font-size: 1.5rem;
        line-height: 1.3em;
        color: #024e43;
        font-weight: 700;
        margin: 10px 0px 32px;
        font-size: 32px;
        margin-top: 0px
    }

    section.module-form-funnel .heading-h2.heading-white {
        color: #fff
    }

    section.module-form-funnel span.hint {
        font-size: 1.25rem
    }

    section.module-form-funnel .success span.hint {
        font-size: 1.25rem
    }

    .abax-quick-form {
        display: none
    }
}

input::-webkit-input-placeholder {
    opacity: .5
}

input::placeholder {
    opacity: .5
}

.wpcf7-form.submitting input[type=submit] {
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite
}

.category-header {
    padding-top: 110px;
    padding-bottom: 0px;
    background: #009581;
    margin-bottom: 60px
}

.category-header .gr {
    padding-top: 120px;
    padding-bottom: 120px;
    background: no-repeat url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/abax-section-x-30d3baf6.svg) right center/auto 100%
}

.category-header .gr .gc-inner {
    display: flex;
    flex-wrap: wrap
}

.category-header .gr .heading-h1 {
    color: #fff;
    margin: 0px 0px 40px
}

.category-header form.highlight-filters {
    flex-basis: 100%;
    display: flex;
    -webkit-column-gap: 20px;
    column-gap: 20px
}

.category-header form.highlight-filters > div {
    width: 50%
}

.category-header form.highlight-filters select {
    width: 100%
}

.category-header form.highlight-filters label {
    display: block;
    color: #fff;
    margin-bottom: 16px
}

.category-content {
    padding-top: 120px;
    padding-bottom: 120px
}

.category-content .gr {
    row-gap: 120px
}

.category-content .gr .gc-1-1 {
    margin-bottom: 0px
}

.category-content .gr .gc-inner {
    display: flex;
    -webkit-column-gap: 25px;
    column-gap: 25px
}

.category-content .gr .gc-inner > * {
    width: 50%
}

.category-content .gr .gc-inner .post-content {
    margin-bottom: 0px;
    padding-right: 40px
}

.category-content .gr .gc-inner .post-content *:last-child {
    margin-bottom: 0px
}

.category-content .gr .gc-inner .post-content .cat-title {
    font-size: 16px;
    color: #024e43
}

.category-content .gr .gc-inner .post-image {
    border-radius: 20px
}

.category-content .gr .gc-inner .post-image img {
    border-radius: 20px
}

@media only screen and (max-width: 800px) {
    .category-header {
        padding-top: 68px;
        margin-bottom: 32px
    }

    .category-header .gr {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .category-header form.highlight-filters {
        -webkit-column-gap: 20px;
        column-gap: 20px;
        row-gap: 20px;
        display: flex;
        flex-direction: column
    }

    .category-header form.highlight-filters > div {
        width: 100%
    }

    .category-content {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .category-content .gr {
        row-gap: 80px
    }

    .category-content .gr .gc-inner {
        display: flex;
        -webkit-column-gap: 25px;
        column-gap: 25px;
        row-gap: 40px;
        flex-direction: column-reverse
    }

    .category-content .gr .gc-inner > * {
        width: 100%
    }

    .category-content .gr .gc-inner .post-content {
        padding-right: 0px
    }
}

.single-stellenangebot .single-job-sidebar, .page-template-job-preview .single-job-sidebar {
    color: #fff
}

.single-stellenangebot .single-job-sidebar .heading-h2, .page-template-job-preview .single-job-sidebar .heading-h2 {
    color: #fff
}

.single-stellenangebot .job-content, .page-template-job-preview .job-content {
    padding: 60px 0
}

.single-stellenangebot .job-content .job-inner, .page-template-job-preview .job-content .job-inner {
    padding-right: 30px
}

.single-stellenangebot .job-content .job-intro, .page-template-job-preview .job-content .job-intro {
    padding: 15px 0
}

.single-stellenangebot .job-content .job-toggles, .page-template-job-preview .job-content .job-toggles {
    width: 100%
}

.single-stellenangebot .job-content .job-toggles .job-toggle, .page-template-job-preview .job-content .job-toggles .job-toggle {
    width: 100%;
    border-bottom: 3px solid #024e43;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.single-stellenangebot .job-content .job-toggles .job-toggle.open .job-toggle-content, .page-template-job-preview .job-content .job-toggles .job-toggle.open .job-toggle-content {
    max-height: 100vh
}

.single-stellenangebot .job-content .job-toggles .job-toggle.open .heading-h2:after, .page-template-job-preview .job-content .job-toggles .job-toggle.open .heading-h2:after {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.single-stellenangebot .job-content .job-toggles .job-toggle .heading-h2, .page-template-job-preview .job-content .job-toggles .job-toggle .heading-h2 {
    margin: 40px 0;
    position: relative
}

.single-stellenangebot .job-content .job-toggles .job-toggle .heading-h2:after, .page-template-job-preview .job-content .job-toggles .job-toggle .heading-h2:after {
    content: " ";
    width: 1em;
    height: 1em;
    background-image: url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/abax-arrow-lightgreen-02-bcd981aa.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: .25s
}

.single-stellenangebot .job-content .job-toggles .job-toggle .job-toggle-content, .page-template-job-preview .job-content .job-toggles .job-toggle .job-toggle-content {
    max-height: 0;
    overflow: hidden;
    transition-property: max-height;
    transition-duration: .25s
}

.single-stellenangebot .job-content .job-toggles .job-toggle .job-toggle-content > p, .single-stellenangebot .job-content .job-toggles .job-toggle .job-toggle-content > ul, .page-template-job-preview .job-content .job-toggles .job-toggle .job-toggle-content > p, .page-template-job-preview .job-content .job-toggles .job-toggle .job-toggle-content > ul {
    margin-bottom: 20px
}

.single-stellenangebot .job-content .job-toggles .job-toggle .job-toggle-content ul:not(header *), .page-template-job-preview .job-content .job-toggles .job-toggle .job-toggle-content ul:not(header *) {
    padding: 0px 0px 0px 18px;
    margin: 0px 0px 40px
}

.single-stellenangebot .job-content .job-toggles .job-toggle .job-toggle-content ul:not(header *) li, .page-template-job-preview .job-content .job-toggles .job-toggle .job-toggle-content ul:not(header *) li {
    position: relative;
    margin-bottom: 16px;
    font-size: 1rem;
    font-weight: 600;
    list-style: disc;
    color: #024e43;
    line-height: 30px;
    padding-left: 10px
}

.single-stellenangebot .job-content .job-toggles .job-toggle .job-toggle-content ul:not(header *) li:last-child, .page-template-job-preview .job-content .job-toggles .job-toggle .job-toggle-content ul:not(header *) li:last-child {
    margin-bottom: 0px
}

.single-stellenangebot .job-content .job-toggles .job-toggle .job-toggle-content ul:not(header *) li:before, .page-template-job-preview .job-content .job-toggles .job-toggle .job-toggle-content ul:not(header *) li:before {
    content: none
}

.single-stellenangebot .job-content .job-toggles .job-toggle .job-toggle-content ul:not(header *) li ul, .page-template-job-preview .job-content .job-toggles .job-toggle .job-toggle-content ul:not(header *) li ul {
    padding: 10px 0px 0px 20px;
    margin: 0px
}

.single-stellenangebot .job-content .job-toggles .job-toggle .job-toggle-content ul:not(header *) li ul li, .page-template-job-preview .job-content .job-toggles .job-toggle .job-toggle-content ul:not(header *) li ul li {
    margin-bottom: 10px
}

.single-stellenangebot .job-content .job-toggles .job-toggle .job-toggle-content ul:not(header *) li ul li:last-child, .page-template-job-preview .job-content .job-toggles .job-toggle .job-toggle-content ul:not(header *) li ul li:last-child {
    margin-bottom: 0px
}

.single-stellenangebot .job-content .btn-container, .page-template-job-preview .job-content .btn-container {
    padding: 60px 0 15px 0
}

.single-stellenangebot .job-kontakt p, .page-template-job-preview .job-kontakt p {
    margin-bottom: 1em
}

.single-stellenangebot .job-kontakt .employee-name, .page-template-job-preview .job-kontakt .employee-name {
    color: #fff
}

.single-stellenangebot .job-kontakt .employee-contact a, .page-template-job-preview .job-kontakt .employee-contact a {
    color: #07e6d9;
    text-decoration: none
}

.single-stellenangebot .job-kontakt .phone, .single-stellenangebot .job-kontakt .mail, .page-template-job-preview .job-kontakt .phone, .page-template-job-preview .job-kontakt .mail {
    color: #f7f7f7
}

.profiles-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    -webkit-column-gap: 40px;
    column-gap: 40px;
    row-gap: 40px;
    transition-property: opacity;
    transition-duration: .3s
}

.profiles-list.fading {
    opacity: 0
}

.profiles-list .abax-profile {
    background-color: #07e6d9;
    padding: 30px;
    width: 100%;
    border-radius: 20px
}

.profiles-list .abax-profile .abax-profile-meta {
    display: flex
}

.profiles-list .abax-profile .abax-profile-meta > div {
    flex-grow: 1
}

.profiles-list .abax-profile .abax-profile-meta .share {
    text-align: right;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    transition-property: color;
    transition-duration: .3s
}

.profiles-list .abax-profile .abax-profile-meta .share svg, .profiles-list .abax-profile .abax-profile-meta .share path {
    transition-property: fill;
    transition-duration: .3s
}

.profiles-list .abax-profile .abax-profile-meta .share:hover {
    color: #024e43
}

.profiles-list .abax-profile .abax-profile-meta .share:hover svg, .profiles-list .abax-profile .abax-profile-meta .share:hover path {
    fill: #024e43
}

.profiles-list .abax-profile.no-open-profiles {
    background-color: rgba(0, 0, 0, 0);
    padding: 0
}

.profiles-list .abax-profile.inquiry, .profiles-list .abax-profile.accept, .profiles-list .abax-profile.deny {
    background-color: rgba(7, 230, 217, .25);
    display: none
}

.profiles-list .abax-profile.inquiry .abax-profile-meta, .profiles-list .abax-profile.inquiry span.already-reacted, .profiles-list .abax-profile.inquiry span.already-reacted svg, .profiles-list .abax-profile.accept .abax-profile-meta, .profiles-list .abax-profile.accept span.already-reacted, .profiles-list .abax-profile.accept span.already-reacted svg, .profiles-list .abax-profile.deny .abax-profile-meta, .profiles-list .abax-profile.deny span.already-reacted, .profiles-list .abax-profile.deny span.already-reacted svg {
    color: #024e43;
    fill: #024e43
}

.profiles-list .abax-profile .tooltip {
    opacity: 0;
    position: absolute;
    width: 100%;
    background-color: #fff;
    color: #009581;
    padding: 10px 15px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    border-radius: 8px;
    transition: opacity, .3s;
    z-index: 0;
    visibility: hidden;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, .25);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.33em;
    cursor: none;
    font-family: "Work Sans", sans-serif
}

.profiles-list .abax-profile .abax-profile-buttons button.active:hover .tooltip {
    visibility: visible;
    opacity: 1
}

.profiles-list .abax-profile a {
    color: #024e43;
    display: flex;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    align-items: center
}

.profiles-list .abax-profile a svg {
    fill: #024e43;
    transition-property: fill;
    transition-duration: .3s
}

.profiles-list .abax-profile a:hover {
    color: #fff
}

.profiles-list .abax-profile a:hover svg {
    fill: #fff
}

.profiles-list .abax-profile .abax-profile-meta {
    color: #fff
}

.profiles-list .abax-profile .abax-profile-data {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 20px
}

.profiles-list .abax-profile .abax-profile-data > div {
    gap: 20px;
    width: 50%
}

.profiles-list .abax-profile .abax-profile-data > div.btn-container {
    margin-top: 10px;
    display: flex;
    gap: 20px;
    justify-content: flex-end;
    flex-wrap: wrap;
    position: relative
}

.profiles-list .abax-profile .abax-profile-data button {
    border: none
}

.profiles-list .abax-profile .abax-profile-data button.active {
    box-shadow: 3px 3px 15px rgba(0, 0, 0, .25);
    background-color: #024e43;
    color: #fff
}

.profiles-list span.already-reacted {
    color: #fff
}

.profiles-list span.already-reacted .tooltip-container {
    vertical-align: middle
}

.profiles-list span.already-reacted .tooltip-container:hover .tooltip {
    opacity: 1;
    visibility: visible
}

.content-modul-imageheadersubpage + .module-login-form {
    margin-top: -60px
}

.module-login-forme + footer {
    margin-top: -60px
}

.module-login-form {
    background: #07e6d9;
    padding: 0 0;
    color: #024e43;
    margin: 60px 0px;
    position: relative
}

.module-login-form .gr {
    padding-top: 80px;
    padding-bottom: 80px;
    background: no-repeat url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/abax-section-x-lightblue-d64e5cbd.svg) center right/auto 100%
}

.module-login-form .heading-h2 {
    font-size: 2.4rem;
    margin-top: 0px
}

.module-login-form label {
    margin-bottom: 16px;
    color: #000;
    display: flex
}

.module-login-form #abax-login-form {
    display: flex;
    flex-wrap: wrap;
    -webkit-column-gap: 20px;
    column-gap: 20px;
    align-items: baseline
}

.module-login-form .login-username, .module-login-form .login-password {
    width: calc(50% - 10px);
    margin-bottom: 0px
}

.module-login-form #magic-login-shortcode {
    margin: 0;
    width: auto
}

.module-login-form a.abax-reset-password {
    color: #024e43;
    font-size: 16px;
    font-weight: 400
}

.module-login-form a.abax-register-link {
    color: #024e43;
    font-size: 16px
}

.abax-confirmation-overlay, .abax-share-overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    background-color: rgba(0, 0, 0, .5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    transition-property: opacity, visibility;
    transition-duration: .33s
}

.abax-confirmation-overlay.open, .abax-share-overlay.open {
    visibility: visible;
    opacity: 1;
    z-index: 1000
}

.abax-confirmation-overlay[data-reaction-type=accept] .modal-text.accept-text, .abax-share-overlay[data-reaction-type=accept] .modal-text.accept-text {
    display: initial
}

.abax-confirmation-overlay[data-reaction-type=deny] .modal-text.deny-text, .abax-share-overlay[data-reaction-type=deny] .modal-text.deny-text {
    display: initial
}

.abax-confirmation-overlay[data-reaction-type=inquiry] .modal-text.inquiry-text, .abax-share-overlay[data-reaction-type=inquiry] .modal-text.inquiry-text {
    display: initial
}

.abax-confirmation-overlay[data-reaction-type=open] .modal-text.reset-text, .abax-share-overlay[data-reaction-type=open] .modal-text.reset-text {
    display: initial
}

.abax-confirmation-modal, .abax-share-modal {
    padding: 60px;
    max-width: 1436px;
    background-color: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: column
}

.abax-confirmation-modal input[type=email], .abax-share-modal input[type=email] {
    border: 2px solid #07e6d9
}

.abax-confirmation-modal .confirmation-form, .abax-share-modal .confirmation-form {
    display: flex;
    flex-direction: column
}

.abax-confirmation-modal .reaction-type, .abax-confirmation-modal textarea, .abax-share-modal .reaction-type, .abax-share-modal textarea {
    margin-bottom: 25px
}

.abax-confirmation-modal .reaction-type-label, .abax-share-modal .reaction-type-label {
    font-weight: bolder
}

.abax-confirmation-modal button, .abax-share-modal button {
    border: none;
    padding: 17px 25px;
    margin: 40px 0 0 10px
}

.abax-confirmation-modal .modal-text, .abax-share-modal .modal-text {
    display: none
}

.abax-confirmation-modal .share-response, .abax-share-modal .share-response {
    opacity: 0;
    line-height: 1.35em;
    min-height: 1.35em;
    transition-property: opacity;
    transition-duration: .33s
}

.abax-confirmation-modal .share-response.visible, .abax-share-modal .share-response.visible {
    opacity: 1
}

@media only screen and (max-width: 800px) {
    .content-modul-imageheadersubpage + .module-login-form {
        margin-top: 0px
    }

    .module-login-form .gr {
        padding-top: 64px;
        padding-bottom: 64px
    }

    .module-login-form .heading-h2 {
        font-size: 2rem;
        margin-top: 0px
    }

    .module-login-form #abax-login-form {
        display: flex;
        flex-wrap: wrap;
        row-gap: 20px;
        flex-direction: column
    }

    .module-login-form .login-username {
        width: 100%;
        margin-bottom: 20px
    }

    .module-login-form .login-password {
        width: 100%;
        margin-bottom: 0px
    }
}

@media only screen and (max-width: 600px) {
    .content-modul-imageheadersubpage + .module-login-form {
        margin-top: 32px
    }

    .profiles-list {
        row-gap: 32px
    }

    .profiles-list .abax-profile {
        padding: 24px
    }

    .profiles-list .abax-profile .abax-profile-data {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px
    }

    .profiles-list .abax-profile .abax-profile-data > div {
        gap: 20px;
        width: 100%
    }

    .profiles-list .abax-profile .abax-profile-data > div.btn-container {
        display: flex;
        gap: 20px;
        justify-content: flex-start
    }

    .profiles-list .abax-profile .abax-profile-data button {
        border: none
    }

    .profiles-list span.already-reacted {
        color: #fff
    }
}

.abax-profile-filters ul {
    z-index: 50;
    list-style-type: none;
    display: flex;
    font-weight: 300;
    padding: 0;
    gap: 2%;
    flex-wrap: wrap;
    -webkit-user-select: none;
    user-select: none
}

.abax-profile-filters ul li {
    background-color: #f7f7f7;
    flex: 1 1 0;
    transition-property: background-color;
    transition-duration: .3s;
    padding: 17px 15px;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    align-content: baseline;
    line-height: 2em;
    cursor: pointer
}

@media screen and (max-width: 1200px) {
    .abax-profile-filters ul li {
        flex: 1 0 31%;
        gap: 2%;
        margin-bottom: 2%
    }
}

@media screen and (max-width: 768px) {
    .abax-profile-filters ul li {
        flex: 1 0 49%
    }
}

.abax-profile-filters ul li .badge {
    background-color: #024e43;
    color: #fff;
    width: 42px;
    height: 42px;
    line-height: 42px;
    border-radius: 50%;
    text-align: center;
    font-weight: 700;
    font-size: .9em
}

.abax-profile-filters ul li.active, .abax-profile-filters ul li:hover {
    background-color: #e4f3f1
}

.abax-profile-filters ul li.no-profiles {
    opacity: .5;
    cursor: not-allowed
}

.abax-profile-filters ul li.no-profiles:hover {
    background-color: #f7f7f7
}

.post-type-archive-stellenangebot section.content-modul-imageheadersubpage {
    margin-bottom: 0
}

.post-type-archive-stellenangebot .job-postings {
    overflow-x: scroll
}

.post-type-archive-stellenangebot .abax-job-search {
    padding: 0 30px;
    display: flex;
    gap: 2%;
    width: 100%
}

.post-type-archive-stellenangebot .abax-job-search > input {
    flex: 1 0 0
}

.post-type-archive-stellenangebot .job-wrapper {
    width: 100%
}

.post-type-archive-stellenangebot .job-postings table {
    border-collapse: separate;
    border-spacing: 0px
}

.post-type-archive-stellenangebot .job-postings table thead {
    border-bottom: 2px solid #024e43
}

.post-type-archive-stellenangebot .job-postings table thead tr {
    border-bottom: 2px solid #024e43;
    background: none;
    border: 0px
}

.post-type-archive-stellenangebot .job-postings table thead th {
    padding: 26px 40px 26px 0px;
    font-size: 1.1rem;
    color: #024e43;
    text-align: left;
    border-bottom: 2px solid #024e43;
    cursor: pointer;
    position: relative
}

.post-type-archive-stellenangebot .job-postings table thead th:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    right: 15px;
    top: calc(50% - 8px);
    background: no-repeat url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/abax-arrow-lightgreen-02-bcd981aa.svg) center center/8px 18px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.post-type-archive-stellenangebot .job-postings table thead th[aria-sort=ascending]:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    right: 15px;
    top: calc(50% - 8px);
    background: no-repeat url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/abax-arrow-lightgreen-02-bcd981aa.svg) center center/8px 18px;
    -webkit-transform: rotate(265deg);
    transform: rotate(265deg)
}

.post-type-archive-stellenangebot .job-postings table td {
    padding: 0px;
    padding: 16px 16px 16px 16px;
    font-size: .9rem;
    line-height: 1.3em;
    font-weight: 500;
    color: #024e43
}

.post-type-archive-stellenangebot .job-postings table td a {
    color: #009581;
    font-weight: 600
}

.post-type-archive-stellenangebot .job-postings table td a:hover {
    color: #07e6d9
}

.post-type-archive-stellenangebot .job-postings table tr:nth-child(2n) {
    background-color: #ebf6f5
}

.load-more-container {
    text-align: center
}

@media only screen and (max-width: 1024px) {
    .job-postings {
        overflow-x: scroll
    }

    .job-wrapper {
        width: 100%;
        position: relative
    }

    .job-wrapper:before {
        content: "";
        position: absolute;
        width: 55px;
        height: 100%;
        right: 0px;
        top: 0px;
        z-index: 20;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%)
    }
}

.content-modul-jobsuche {
    padding: 0px;
    background: #07e6d9;
    margin-bottom: 60px
}

.content-modul-jobsuche .gr {
    padding-top: 80px;
    padding-bottom: 80px;
    background: no-repeat url(/jobs.abax.de/layers-vite7-webcore2-tailwind4/vendor/img/abax-section-x-lightblue-d64e5cbd.svg) center right/auto 100%
}

.content-modul-jobsuche .heading-h2 {
    font-size: 2.4rem
}

@media only screen and (max-width: 800px) {
    .content-modul-jobsuche {
        margin-bottom: 32px
    }

    .content-modul-jobsuche .gr {
        padding-top: 64px;
        padding-bottom: 32px;
        flex-direction: column-reverse
    }
}

@-webkit-keyframes pulse {
    0% {
        opacity: .67;
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(7, 230, 217, .4)
    }
    70% {
        opacity: .75;
        -webkit-transform: scale(1);
        transform: scale(1);
        box-shadow: 0 0 0 25px rgba(7, 230, 217, 0)
    }
    100% {
        opacity: .67;
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(7, 230, 217, 0)
    }
}

@keyframes pulse {
    0% {
        opacity: .67;
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(7, 230, 217, .4)
    }
    70% {
        opacity: .75;
        -webkit-transform: scale(1);
        transform: scale(1);
        box-shadow: 0 0 0 25px rgba(7, 230, 217, 0)
    }
    100% {
        opacity: .67;
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(7, 230, 217, 0)
    }
}

.btn-container {
    display: flex;
    width: 100%
}

.btn-container.btn-align-left {
    justify-content: flex-start
}

.btn-container.btn-align-right {
    justify-content: flex-end
}

.btn-container.btn-align-center {
    justify-content: center
}

.btn-container .btn-style-01 {
    width: auto;
    padding: 17px 25px;
    line-height: 22px;
    font-size: 1rem;
    font-weight: 700;
    color: #024e43;
    background: #07e6d9;
    border-radius: 8px;
    transition-duration: .4s;
    text-decoration: none;
    display: inline-block;
    border: none;
    cursor: pointer
}

.btn-container .btn-style-01 > div {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
    -webkit-column-gap: 15px;
    column-gap: 15px
}

.btn-container .btn-style-01:hover {
    background: #00fff0
}

.btn-container .btn-style-01[disabled] {
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite
}

.btn-container .btn-style-02 {
    width: auto;
    padding: 17px 25px;
    line-height: 22px;
    font-size: 1rem;
    font-weight: 700;
    color: #024e43;
    background: #e4f3f1;
    border-radius: 8px;
    transition: .4s;
    text-decoration: none;
    display: inline-block;
    cursor: pointer
}

.btn-container .btn-style-02 > div {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
    -webkit-column-gap: 15px;
    column-gap: 15px
}

.btn-container .btn-style-02:hover {
    background: #fff
}

.btn-container .btn-style-03 {
    width: auto;
    padding: 17px 25px;
    line-height: 22px;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    background: #024e43;
    border-radius: 8px;
    transition: .4s;
    text-decoration: none;
    display: inline-block;
    cursor: pointer
}

.btn-container .btn-style-03 > div {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
    -webkit-column-gap: 15px;
    column-gap: 15px
}

.btn-container .btn-style-03:hover {
    background: #000
}

.btn-icon-box {
    width: auto;
    height: 22px;
    flex-shrink: 0
}

.btn-icon-box img {
    height: 22px;
    width: auto
}

.error-404 {
    padding: 5em 0;
    text-align: center
}

.breadcrumb {
    padding: 0px 0px 60px 0px;
    font-size: 14px;
    font-weight: 700;
    color: #024e43
}

.breadcrumb h1 {
    font-size: 14px;
    font-weight: 700;
    color: #024e43;
    margin: 0px;
    display: inline-block;
    width: auto
}

.breadcrumb a {
    font-size: 14px;
    font-weight: 700;
    color: #024e43
}

.breadcrumb a:hover {
    color: #00fff0
}

.category-header + .breadcrumb, .content-modul-jobsuche + .breadcrumb, .module-form-funnel + .breadcrumb, .module-login-form + .breadcrumb, .content-modul-imageheadersubpage + .breadcrumb, .content-modul-videoheadersubpage + .breadcrumb, .content-modul-videoheaderhome + .breadcrumb {
    margin-top: -32px
}

@media only screen and (max-width: 800px) {
    .category-header + .breadcrumb, .content-modul-jobsuche + .breadcrumb, .module-form-funnel + .breadcrumb, .module-login-form + .breadcrumb, .content-modul-imageheadersubpage + .breadcrumb, .content-modul-videoheadersubpage + .breadcrumb, .content-modul-videoheaderhome + .breadcrumb {
        margin-top: 0px
    }

    .breadcrumb {
        padding: 0px 0px 32px 0px
    }
}

/*# sourceMappingURL=main-cf8df35c.css.map*/