/*
** Font Face
 */
@font-face {
    font-family: 'NNNouvelleGrotesk-Bold';
    src: url('NNNouvelleGrotesk-Bold.otf');
}
@font-face {
    font-family: 'NNNouvelleGrotesk-Light';
    src: url('NNNouvelleGrotesk-Light.otf');
}
@font-face {
    font-family: 'NNNouvelleGrotesk-Medium';
    src: url('NNNouvelleGrotesk-Medium.otf');
}
@font-face {
    font-family: 'NNNouvelleGrotesk-Normal';
    src: url('NNNouvelleGrotesk-Normal.otf');
}
html {
    scroll-behavior: smooth;
}
body {
    margin: 0 auto;
    font-family: "NNNouvelleGrotesk-Light",sans-serif;
    hyphens: auto;
    font-size: 20px;
    color:#333333;
    line-height: 30px;
}

main {
    margin: 0 auto;
    width: 100%;
}
.pageInner {
    max-width: 1144px;
    margin:0 auto;
    position: relative;
}
section {
    margin:90px 0px;
}
section ul,section p, section h1, section h2 {
    overflow:hidden;
}
#applyProzess, #arbeitsOrt, #aboutUs, #kontakt, #lohn, #benefits, #aufgabeProfil {
    scroll-margin-top: 261px;
}
b {
    font-family: "NNNouvelleGrotesk-Normal",sans-serif;
    font-weight: normal;
}
.buttonBlack {
    height: 50px;
    background-color: black;
    color: #fff;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 209px;
    font-family: NNNouvelleGrotesk-Medium;
    margin-top: 28px;
}
h1 {
    color:white;
    font-size: 52px;
    line-height: 64px;
    margin-bottom:20px;
    font-weight: 400;
    font-family: "NNNouvelleGrotesk-Normal",sans-serif;
}
h2 {
    font-size: 40px;
    line-height: 46px;
    font-family: "NNNouvelleGrotesk-Normal", sans-serif;
    font-weight: normal;
}
a {
    text-decoration: none;
    font-weight: 500;
    color:black;
}
p {
    padding:0;
    margin:0;
}
/*
** Header
 */

header {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center -340px;
    padding-top:50px;
}
header .firstBg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center -20px;
}
#headerDesktop .pageInner, #headerMobile .pageInner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 50px 0;
    gap: 0px;
    box-sizing: border-box;
}
#headerDesktop .pageInner.noPadding {
    padding:0;
}
.headerFirstRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#headerMobile {
    display: none;
    visibility: hidden;
}
header a {
    color:white;
}
header a svg {
    margin-right: 10px;
}
header span {
    color:white;
    font-size: 36px;
    line-height: 42px;
}

header h1 span {
    color:white;
    font-size: 52px;
    line-height: 64px;
    margin-bottom:20px;
    font-weight: 400;
    font-family: "NNNouvelleGrotesk-Normal",sans-serif;
}
span.pensumAfterTitle {
    white-space: nowrap;
}
header .teaserButton {
    font-family: "NNNouvelleGrotesk-Medium", Arial, sans-serif;
}
.jobTitleHerzArea {
    display: flex;
    margin-top:103px;
    gap:40px;
    justify-content: space-between;
}
.jobTitle h1 {
    margin-top:0;
    padding-top:0;
}
.metaIcons {
    display: flex;
    gap:40px;
    margin-top: 49px;
}
.metaIcons span {
    font-size: 20px;
    display: flex;
    align-items: center;
    gap:16px;
}
.metaIcons span svg {
    min-height: 20px;
    min-width: 20px;
}
header nav {
    margin-top:75px;
    border-bottom:1px solid #bbb;
}
header nav ul {
    display: flex;
    gap:30px;
    padding:19px 0px;
    width: 1144px;
    max-width: 100%;
    margin:0 auto;
}
header nav ul li {
    list-style: none;
    color:white;
    padding:0;
}
.headerSlider {
    margin-top:92px;
}
.sliderImage img {
    max-width: 100%;
}
.shareApply {
    display: flex;
    gap:22px;
    align-items: center;
}
#stickyHeader .shareApply {
    padding-top:14px;
}
.sharePrintIcon {
    display: flex;
    cursor: pointer;
}
.sharePrintIcon path {
    transition:fill ease-in-out 0.3s, stroke ease-in-out 0.3s;
}
.sharePrintIcon path:first-child {
    fill:transparent;
}
.sharePrintIcon:hover path:first-child {
    fill:white;
}
.sharePrintIcon:hover path {
    stroke:#718075;
}
.sharePrintIcon:hover path:first-child {
    stroke:#fff;
}
.shareIcon {
    display: flex;
}
.shareIcon svg {
    margin-right: 0;
}
.shareIcon path {
    transition: fill ease-in-out 0.3s;
}
.shareIcon:hover path:last-child {
    fill: #718075;
}
.shareIcon path:first-child {
    fill: transparent;
}
.shareIcon:hover path:first-child {
    fill: white;
}
.shareMenu {
    background-color:#5E6B62;
    border-radius: 50px;
    height: 50px;
    padding:0px;
    align-items: center;
    justify-content: center;
    gap:12px;
    display: flex;
    margin-right: -10px;
    max-width: 0px;
    overflow: hidden;
    transition: max-width ease-in-out 0.3s,padding ease-in-out 0.3s;
}
#stickyFooter .shareMenu {
    position: absolute;
    flex-direction: column;
    height: auto;
    bottom:-1px;
    margin-left:-1px;
    padding:0px;
    max-height: 0;
    max-width: 54px;
    min-width: 54px;
    transition: max-height ease-in-out 0.3s,padding ease-in-out 0.3s;
}
.shareMenu.active {
    max-width: 200px;
    padding:0px 8px;
}
.shareIcon.email {
    border:1px solid white;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color:transparent;
    transition: background-color ease-in-out 0.3s;
}
.shareIcon .bi-envelope  {
    width: 22px;
    height: 22px;
}
.shareIcon .bi-envelope path {
    fill:white;
}
.shareIcon.email:hover .bi-envelope path {
    fill:#718075;
}
.shareIcon.email:hover {
    background-color:white;
}
#stickyFooter .shareMenu.active {
    padding:8px 0;
    max-height: 240px;
    max-width: 54px;
}
.applyButton {
    height: 50px;
    background-color:white;
    color:#5E6B62;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 209px;
    font-family: NNNouvelleGrotesk-Medium;
}

.headerSlider {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.headerSlider .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom:-30px;
}
.headerSlider .swiper-button-next, .headerSlider .swiper-button-prev {
    top:calc(50% + 22px);
}
.headerSlider .swiper-button-next {
    right:-58px;
}
/*
** Sticky Header
 */
#stickyHeader {
    background-color:#718075;
    color:white;
    position: fixed;
    top:-400px;
    z-index: 9999999;
    width: 100%;
    transition: ease-in-out top 0.3s;
    padding:21px 0px 0px 0px;
}
#stickyHeader.scrolled {
    top:0;
}
#stickyHeader .pageInner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
#stickyHeader h2 {
    color:white;
    margin-top:0;
    font-size: 28px;
    font-weight: normal;
    font-family: "NNNouvelleGrotesk-Normal", sans-serif;
    margin-bottom: 0px;
}
.stickyHeaderTitleArea {
    padding-bottom:24px;
}
#stickyHeader nav {
    background-color:#EDEDED;
    height: 51px;
    display: flex;
    align-items: center;
    border-bottom:1px solid #bbb;
}
#stickyHeader nav ul {
    display: flex;
    list-style: none;
    padding-bottom: 0;
    width: 1144px;
    max-width: 100%;
    margin:0 auto;
    gap:30px;
    align-items: center;
}
#stickyHeader nav ul li {
    list-style: none;
    padding:0px;
    margin:0;
    position: relative;
    height: 51px;
    display: flex;
    align-items: center;
}
#stickyHeader nav ul li a {
    font-size: 16px;
    color:#666;
    position: relative;
}
#stickyHeader nav ul li.active:after {
    content:"";
    width: 100%;
    height: 3px;
    background-color: black;
    display: block;
    position: absolute;
    bottom:0;
}
/*
** AufgabenProfil
 */
#aufgabeProfil .pageInner {
    display: flex;
    gap:23px;
    justify-content: space-between;
}
.aufgabeprofilel {
    max-width: 50%;
    min-width: 49%;
}
ul {
    padding:0 0 5px 5px;
    margin:10px 0 50px 0;
}
ul li {
    list-style-type: "-";
    padding:10px 0 0 5px;
}
#aufgabeProfil {
    position: relative;
}
#aufgabeProfil ul {
    max-height: 250px;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}
/* Blur-Effekt */
#aufgabeProfil::after {
    content: "";
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    height: 160px; /* Geblurrter Bereich */
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); /* Weicher Übergang */
    pointer-events: none; /* Button bleibt anklickbar */
}
#aufgabeProfil.toggled::after {
    display: none;
}
#aufgabeProfil.toggled ul {
    max-height: 1000px;
}
.readMore .readMoreButton {
    display: flex;
    justify-content: center;
    align-items: center;
    gap:24px;
    cursor: pointer;
}
.readMoreButton svg {
    width: 32px;
    height: 32px;
}
.moreMobile {
    display: none;
}
/*
** Benefits
 */
#benefits {
    margin-top: 152px;
}
.benefitsSlider {
    margin-top:65px;
}
.benefit h3 {
    text-align: center;
    font-size: 30px;
    line-height: 36px;
    font-family: "NNNouvelleGrotesk-Normal", sans-serif;
    min-height: 72px;
}
.benefit h3 ul {
    display: none;
}
.sliderHolder {
    padding:0px 23px;
}
.benefitsSlider {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.benefit {
    max-width: 320px;
}
.benefitText {
    display: none;
}
.benefitText p {
    display: none;
}
/* Abstand links */
.swiper-button-prev {
    left: -42px; /* Abstand zum Slider */
}

/* Abstand rechts */
.benefitsSlider .swiper-button-next {
    right: -52px; /* Abstand zum Slider */
}
.swiper-button-next, .swiper-button-prev {
    color:transparent;
    width: auto;
    height: auto;
}
.swiper-button-next svg, .swiper-button-prev svg {
    width: 10px;
    height: 24px;
}
.benefitsSlider .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom:-60px;
}
.swiper-pagination-bullet {
    width: 40px;
    height: 4px;
    border-radius: 4px;
    background-color:#333333;
    border:0px;
}
.benefitMoreLessButton {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom:1px solid #333333;
    padding-bottom:13px;
    font-family: "NNNouvelleGrotesk-Medium", Arial, sans-serif;
    cursor: pointer;
}
/*
** Lohn Kontakt
 */
#lohnKontakt {
    margin: 150px 0 0 0;
    position: relative;
}
.lohnExtraBG {
    display: block;
}
.lohnKontaktBgHolder {
    background-color:#B2DFDC;
}
#kontakt {
    padding-top:130px;
}
#kontakt h2 {
    margin-top:0;
}
#lohn h2 {
    margin-top:0;
}
#lohn p {
    font-size: 30px;
    line-height: 36px;
    font-family: "NNNouvelleGrotesk-Light", sans-serif;
}
#lohn p.extraTextLohn {
    font-size: 20px;
    font-family: "NNNouvelleGrotesk-Light", sans-serif;
    margin-top: 28px;
    line-height: 30px;
}
#lohn .showMoreButton {
    border-bottom: 1px solid #000;
    padding-bottom:8px;
    font-size: 20px;
    font-family: "NNNouvelleGrotesk-Medium", Arial, sans-serif;
    margin-top: 28px;
    cursor: pointer;
}
#lohn .showMoreButtonInner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.contactHolder {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top:41px;
    gap:20px;
}
.contactElement {
    display: flex;
    gap:24px;
}
.contactElement h3 {
    margin-top:0;
}
.contactElement img {
    max-width: 170px;
}
.contactElement span,.contactElement a {
    display: flex;
    align-items: center;
    gap:10px;
    font-size: 20px;
}
.contactElement a {
    text-decoration: underline;
    margin-top: 10px;
}
.contactElement .linieLink {
    margin-top: 54px;
    font-family: "NNNouvelleGrotesk-Medium", Arial, sans-serif;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap:13px;
}
.contactElement .linieLink a {
    text-decoration: none;
    margin-bottom: 0;
}
#kontakt .applyButton {
    color:white;
    background-color: black;
    text-decoration: none;
    margin-top: 54px;
}
/*
** About us
 */
#aboutUs {
    margin-top: 0;
}
.aboutusLink {
    margin-top:46px;
    display: flex;
    gap:10px;
    align-items: center;
    font-family: "NNNouvelleGrotesk-Medium", Arial, sans-serif;
}
.videoHolder {
    position: relative;
    width: 100%; /* Das Video passt sich der Breite des Containers an */
    padding-bottom: 56.25%; /* 16:9-Verhältnis (9 / 16 = 0.5625) */
    height: 0; /* Höhe wird durch Padding erzeugt */
    overflow: hidden;
    margin-top:48px;
}

.videoHolder iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Das Video füllt den gesamten Container */
    height: 100%;
    border: 0; /* Entfernt den Rahmen */
}
#readMoreAbout {
    display: none;
}
.thumbnailImg {
    display: flex;
    align-items: center;
    justify-content: center;
}
.thumbnailImg svg {
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 999999;
}
/*
** Arbeitsort
 */
#arbeitsOrtApplyProzess {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#googleMapsArea {
    display: flex;
    position: relative;
    margin-top:81px;
    height: 690px;
    margin-bottom: 119px;
    width: 100%;
    max-width: 100%;
    align-items: flex-start;
    padding:0px !important;
    overflow: hidden;
}

#map {
    height: 690px;
    right: 0;
    position: absolute !important;
    width: 66%;
}
#info-box {
    min-height: 425px;
    height: auto;
    padding: 25px;
    background: #fff;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
    width: 363px;
}
#info-box img {
    max-width: 100%;
}
#info-box h3 {
    margin-top: 0;
}
#info-box a.routeLink {
    text-decoration: underline;
    display: block;
    margin:12px 0px 48px 0;
}
#info-box .standortLink {
    display: flex;
    align-items: center;
    gap:13px;
    margin-bottom: 46px;
    font-family: "NNNouvelleGrotesk-Medium", Arial, sans-serif;
}
.applyAkkordeon {
    margin-top: 57px;
    max-width: 66%;
}
.applyProzessStep {
    border-top:1px solid #000;
    padding:16px 0;
    cursor: pointer;
}
.applyProzessStep:last-child {
    border-bottom:1px solid #000;
}
.applyProzessStep h3 {
    margin:0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size:30px;
    line-height: 36px;
    font-weight: normal;
    font-family: "NNNouvelleGrotesk-Light", sans-serif;
}
.applyProzessStep .applyProzessText {
    display: none;
    margin-top: 10px;
}
.applyProzessStep .applyProzessText ul {
    margin: 0;
}
.applyProzessStep svg {
    transition: transform ease-in-out 0.3s;
}
.applyProzessStep.active svg {
    transform:rotate(180deg);
}
/*
** Similarjobs
 */
.similarJob {
    width: 365px;
    height: 365px;
    background-image: url("PSG_Markenvisual_01.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding:36px 26px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.similarTitleArea {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.similarTitleArea .buttonBlack {
    margin-top:0;
}
.simiJobFooter {
    display: flex;
    justify-content: space-between;
}
.similarJob h3 {
    color:white;
    font-weight: normal;
    font-family: "NNNouvelleGrotesk-Normal", sans-serif;
    font-size: 30px;
    line-height: 36px;
    margin-top:0;
}
.simiJobLocation {
    color:white;
}
.similarJobsList {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top:54px;
}

/* Abstand rechts */
#similarJobs .swiper-button-next {
    right: -52px; /* Abstand zum Slider */
}
#similarJobs .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom:-55px;
}

#similarJobs .swiper-button-next, #similarJobs .swiper-button-prev {
    top:calc(50% + 62px);
}
/*
** JobAbo CTA
 */
#jobAboCTA {
    background-color:#B2DFDC;
    padding:53px 0;
    margin-bottom: 0;
    margin-top: 120px;
}
#jobAboCTA h2 {
    margin-top: 0;
}

#jobAboCTA .pageInner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ctaTextArea a {
    height: 50px;
    background-color:black;
    color:#fff;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 209px;
    font-family: NNNouvelleGrotesk-Medium;
    margin-top: 28px;
}
.ctaTextArea {
    max-width: 440px;
    hyphens: none;
}
.ctaIcon {
    width: 320px;
    height: 320px;
    background-color:white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*
** Footer
 */
footer {
    position: relative;
    background-color:#718075;
}
footer .pageInner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:57px 0;
}
footer h3 {
    font-size: 20px;
    color:white;
    font-family: "NNNouvelleGrotesk-Medium", Arial, sans-serif;
    font-weight: normal;
    margin-top:0;
}
footer .followIcons {
    display: flex;
    gap:10px;
}
footer .socialIcons {
    column-gap: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
footer .socialIcons a {
    width: 38px;
}
footer .footerLinks {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: right;
    font-size: 16px;
}
footer .footerLinks a {
    color:white;
    font-family: "NNNouvelleGrotesk-Medium", Arial, sans-serif;
}
footer .footerLinks span {
    color:white;
    margin-top: 28px;
    font-family: "NNNouvelleGrotesk-Medium", Arial, sans-serif;
}
#stickyFooter {
    height: 160px;
    align-items: center;
    position: fixed;
    bottom:0;
    background-color:white;
    width: 100%;
    background-color: #718075;
    z-index: 99999999;
    display: none;
}
#stickyFooter h2 {
    font-size: 18px;
    line-height: 24px;
    color:white;
    font-weight: normal;
    margin-top: 0;
}
#stickyFooter .shareApply {
    justify-content: space-between;
}

#benefitsPrint {
    display: none;
}
#benefitsPrint .pageInner .benefitsList {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap:15px;
    text-align: center;
}
#benefitsPrint .pageInner img {
    max-width: 100px;
}
#benefitsPrint .pageInner ul {
    display: none;
}
/*
** Responsive
 */
@media only screen and (max-width: 1350px) {
    .pageInner, #stickyHeader nav ul, header nav ul,#headerDesktop .pageInner.noPadding {
        padding:0 30px;
        max-width: 100%;
        box-sizing: border-box;
    }
    .sliderImage {
        text-align: center;
    }
    header nav ul {
        margin:0;
    }
    .swiper-button-next {
        right: 0 !important;
    }
    .swiper-button-prev {
        left:20px;
    }
}
@media only screen and (max-width: 1150px) {
    #headerDesktop .shareApply {
        display: none;
    }
    header {
        padding-top:0;
        background-position: center 0;
    }
    .headerSlider {
        margin-top:38px;
    }
    h1 {
        font-size: 28px;
        line-height: 34px;
    }
    header span {
        font-size: 20px;
        line-height: 30px;
    }
    header h1 span {
        font-size: 28px;
        line-height: 34px;
    }
    .jobTitleHerzArea {
        flex-direction: column-reverse;
        margin-top: 0;
        gap:20px;
    }
    .herzSticker {
        text-align: right;
    }
    .herzSticker svg {
        max-width: 114px;
        height: auto;
    }
    .metaIcons {
        margin-top:20px;
        flex-direction: column;
        gap:10px;
    }
    .headerFirstRow {
        padding-top: 15px;
    }
    .logo svg {
        max-width: 100px;
        height: auto;
    }
    #applyProzess, #arbeitsOrt, #aboutUs, #kontakt, #lohn, #benefits, #aufgabeProfil {
        scroll-margin-top: 90px;
    }
    .metaIcons span {
        align-items: flex-start;
    }
    header nav ul {
        overflow-x: auto;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* Internet Explorer und Edge */
    }
    header nav ul::-webkit-scrollbar {
        display: none; /* Chrome, Safari und Edge */
    }
    header nav ul li {
        white-space: nowrap;
    }
    #stickyHeader {
        padding:0;
    }
    #stickyHeader .pageInner {
        display: none !important;
    }
    #stickyHeader nav ul li {
        flex: 0 0 auto; /* Kein Umbruch der Listenelemente */
        list-style: none;
        margin-right: 20px; /* Abstand zwischen den Items */
    }
    #stickyHeader nav ul {
        display: flex;
        white-space: nowrap;
        overflow-x: auto; /* Horizontal scrollbar */
        scroll-behavior: smooth; /* Sanftes Scrollen */
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* Internet Explorer und Edge */
    }
    #stickyHeader nav ul::-webkit-scrollbar {
        display: none; /* Chrome, Safari und Edge */
    }
    .swiper-button-prev, .swiper-button-next {
        display: none !important;
    }
    #benefits {
        margin-top: 97px;
    }
    .benefitIcon {
        text-align: center;
    }
    .benefitIcon img {
        max-width: 100%;
    }
    .benefit {
        max-width: inherit;
    }
    h2 {
        font-size: 24px;
        line-height: 28px;
    }
    #lohn h2 {
        padding-top:35px;
    }
    #lohn p {
        font-size: 24px;
        line-height: 28px;
    }
    .contactHolder{
        grid-template-columns: 1fr;
    }
    .contactElement .linieLink {
        margin-bottom: 57px;
    }
    #aufgabeProfil .pageInner {
        flex-direction: column;
    }
    .aufgabeprofilel {
        max-width: 100%;
        min-width: 100%;
    }
    .moreDesktop {
        display: none;
    }
    .moreMobile {
        display: block;
    }
    .readMore .readMoreButton {
        justify-content: flex-start;
    }
    #aufgabeProfil::after {
        display: none;
    }
    #aufgabe {
        margin-bottom: 40px;
    }
    #aufgabeProfil ul {
        margin-bottom: 20px;
        max-height: 240px;
    }
    #aufgabe.toggled ul {
        max-height: 2000px;
    }
    #profil.toggled ul {
        max-height: 2000px;
    }
    .aufgabeprofilel {
        position: relative;
    }
    .aufgabeprofilel:after {
        content: "";
        position: absolute;
        bottom: 50px;
        left: 0;
        right: 0;
        height: 160px; /* Geblurrter Bereich */
        background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); /* Weicher Übergang */
        pointer-events: none; /* Button bleibt anklickbar */
    }
    .aufgabeprofilel.toggled:after {
        display: none;
    }
    .ctaIconArea {
        display: none;
    }
    footer {
        padding-bottom: 160px;
    }
    footer .pageInner {
        flex-direction: column;
        align-items: flex-start;
        padding:12px 30px;
    }
    footer .footerLinks {
        text-align: left;
    }
    footer h3 {
        font-family: "NNNouvelleGrotesk-Light", sans-serif;
        margin-bottom: 10px;
    }
    .footerLogo svg {
        width: 100px;
        height: auto;
    }
    .footerLogo, .footerSocial, .footerLinks {
        width: 100%;
        padding:18px 0;
    }
    .footerLogo, .footerSocial {
        border-bottom:1px solid #fff;
    }
    #stickyFooter {
        bottom:-200px;
        transition:bottom ease-in-out 0.3s;
        display: flex;
    }
    #stickyFooter.scrolled {
        bottom:0px;
    }
    .aboutUsText {
        max-height: 216px;
        overflow:hidden;
        position: relative;
        transition: max-height ease-in-out 0.3s;
    }
    .aboutUsText:after {
        content: "";
        position: absolute;
        bottom: 0px;
        left: 0;
        right: 0;
        height: 160px; /* Geblurrter Bereich */
        background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); /* Weicher Übergang */
        pointer-events: none; /* Button bleibt anklickbar */
    }
    .toggled .aboutUsText:after {
        display: none;
    }
    .toggled .aboutUsText {
        max-height: 1000px;
        overflow:hidden;
        position: relative;
    }
    #readMoreAbout {
        display: block;
        margin-top: 20px;
    }
    #headerDesktop .pageInner.noPadding.no-print.headerImgHolder {
        padding:0px;
    }
}
@media only screen and (max-width: 980px) {
    #googleMapsArea {
        height: auto;
        margin-bottom: 51px;
        width: 100%;
        max-width: 100%;
        flex-direction: column;
    }
    #map {
        height: 266px;
        right: inherit;
        position: relative !important;
        width: 100% !important;
        max-width: 100%;
        margin-top: 48px;
    }
    #info-box {
        min-height: 425px;
        height: auto;
        padding: 25px;
        background: #fff;
        font-family: Arial, sans-serif;
        box-sizing: border-box;
        width: 100%;
        max-width: calc(100% - 28px);
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .applyAkkordeon {
        max-width: 100%;
    }
    .applyProzessStep h3 {
        font-size: 24px;
        line-height: 28px;
    }
}
@media only screen and (max-width: 580px) {
    .contactElement {
        flex-direction: column;
    }
    .sliderHolder {
        padding:0;
    }
    .swiper-pagination-bullet {
        width: 20px;
    }
    .contactElement img {
        max-width: 100%;
    }
    .shareApply {
        gap:10px;
    }
}