::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    opacity: 0.75;
  }
::-webkit-scrollbar-track {
    border-radius: 0px;
    background: #e0e0e0;
    box-shadow: inset 20px 20px 60px #bebebe,inset -20px -20px 60px #ffffff;
}
::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: linear-gradient(145deg, #cacaca, #f0f0f0);
    box-shadow:  20px 20px 60px #bebebe,-20px -20px 60px #ffffff;
    opacity: 0.5;
}
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(145deg, #cacaca, #666);
    box-shadow:  20px 20px 60px #bebebe,-20px -20px 60px #ffffff;
}

html[lang="de-DE"] .isBahn:after{
    content: ' [Bahnhof]';
    color:#999;
}

html[lang="en-GB"] .isBahn:after{
    content: ' [Trainstation]';
    color:#999;
}

.custom-modal-overlay .custom-modal-body .ticket-prices{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.custom-modal-overlay .custom-modal-body .ticket-prices h3{
    order: -2;
}
.custom-modal-overlay .custom-modal-body .ticket-prices .ticket-price-wrapper:nth-of-type(2){
    order: -1;
    margin-bottom: 25px;
}
.leaflet-popup-content-wrapper>.leaflet-popup-content{
    width: auto!important;
}

#warnInfo{
    display: none!important;
}
.disruptions {
    width: 100%;
    display: block;
}
#marquee{
    width: 100%;
    display: block;
}

.js-marquee-wrapper{
    display: flex;
}
.infoWarn{
    position: absolute;
    bottom: -10px;
    left: 55%;
    background: #005ca9;
    color:#fff;
    font-size: 10px;
    line-height: 10px;
    border-radius: 10px;
    padding: 3px 5px 2px;
}

.catFunc {
    width: 100%;
    padding: 0 25px;
    display: block;
    text-align: center;
    margin: 0 auto;
    max-width: 500px !important;
        line-height: 16px;
}
.catFunc img {
    height: auto;
    width: 100%;
    margin: 0;
    object-fit: cover;
}
.catFunc strong{
    line-height: 16px;
    font-size: 14px;
    width: 100%;
    display: block;
    margin-top: 8px;
}
.catFuncHidden{
    display: none;
}
.teaser-media .catFunc{
    position: absolute;
    height: 100%;
}
.teaser-media .catFunc img {
    width: 100%;
    height: 85%!important;
}
#carouselExampleControls,
.splide__list,
.carousel .carousel-inner .carousel-item{
    width: 100%;
}
.slider_controll {
    width: 100%;
    z-index: 999;
}
.slider_controll .slider_dots.swiper-pagination-bullets {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 52px);
    z-index: 999;
}
.slider_controll .slider_dots.swiper-pagination-bullets>span {
    margin: 0 5px;
    line-height: 0;
    cursor: pointer;
    font-size: 0;
    width: 14px;
    height: 14px;
    background: #005ca910;
    border-radius: 50%;
}
.slider_controll .slider_dots.swiper-pagination-bullets>span.swiper-pagination-bullet-active {
    background: #005ca9;
}
.slick-arrow{
    display: block;
    position: absolute;
    top: 50%;
    height: 24px;
    width: 24px;
    cursor: pointer;
    border-radius: 50%;
    background:#005ca901;
    z-index: 999;
}
.slick-arrow:before{
    content: "";
    position: absolute;
    top: 58%;
    left: 20%;
    height: 16px;
    width: 16px;
    border-right: 4px solid #005ca9;
    border-top: 4px solid #005ca9;
    transform: rotate(45deg) translateX(-50%) translateY(-50%);
}
.slick-arrow.prev-snd{
    left: 25px;
    transform: rotate(180deg);
}
.slick-arrow.next-snd{
    right: 25px;
}
.slick-arrow.swiper-button-disabled{
    display: none !important;
}
.slick-arrow:hover{
    background:#005ca901;
}
body>header{
    z-index: 99999999999999;
    background: #fff;
}
.swiper-slide {
flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: flex;
            overflow: hidden;
}
.swiper-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.gridSlider{
    overflow: hidden;
    position: relative;
    height: auto;
    margin: 0 auto;
}

.swiper-slide-visible{
    z-index: 1;
}
.swiper-fade .swiper-slide {
        pointer-events: none;
        transition-property: opacity;
}
.swiper-fade .swiper-slide-active {
        pointer-events: auto;
}
.gridSlider .offers {
    position: absolute;
    bottom: 0;
    height: 60px;
    left: 0;
    right: 0;
    background: rgba(0, 92, 169, 0.6784313725);
    text-align: right;
}
.gridSlider .offers a {
    margin-top: 15px;
    font-size: 18px;
    color: #ffffff;
    text-decoration: none;
    display: block;
    margin-right: 20px;
}

.gridSlider .caption {
    left: 20px;
    right: 20px;
    bottom: 20%;
    position: absolute;
}
.gridSlider .caption p {
    background: rgba(0, 92, 169, 0.6784313725);
    color: #ffffff;
    padding: 1rem;
    font-family: "DIN Next W01 Bold";
    font-size: 5rem;
    display: inline-block;
    line-height: 1em;
    margin-bottom: 0;
}
.gridSlider img{
 min-height: 420px;
        object-fit: cover;
}
.navbar .level-2-collapse .nav-item:first-of-type{
    display: block;
}
.navbar ul.navbar-nav-level2 li:first-of-type a, .navbar ul.navbar-nav li:first-of-type a{
    max-width: 100%;
}

html .header-info-button{
    line-height: 32px !important;
    cursor: pointer;
}
.navbar .navbar-nav > li a{
    cursor: pointer;
}
.navbar ul.navbar-nav-level2{
    min-width: 300px;
}
.widthText{
    max-width: calc(100% - 50px);
    display: block;
}
html .frame-layout-5{
    padding-top: 35px!important;
    padding-bottom: 0!important;
    padding-right: calc(var(--bs-gutter-x)* 1)!important;
    padding-left: calc(var(--bs-gutter-x)* 1)!important;
}
span.fa-info{
background: url("data:image/svg+xml,%3Csvg fill='%23005CA9' viewBox='0 0 1920 1920' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M852.517 606.04C722.804 666.467 612.48 770.67 502.075 923.02c-15.746 21.725-16.38 34.927-.205 46.602 11.372 8.209 17.98 5.583 34.542-12.088 2.217-2.38 2.217-2.38 4.484-4.84 14.318-15.505 25.852-28.662 50.49-57.274 81.407-94.538 121.17-133.45 182.968-169.038 53.478-30.795 100.476 14.462 91.527 72.38-2.51 16.258-6.836 28.257-17.978 54.022-4.432 10.249-6.302 14.707-8.38 20.171-20.085 52.8-37.002 96.846-72.451 188.834l-1.696 4.4c-10.718 27.813-10.718 27.813-21.427 55.62-46.426 120.661-74.598 194.652-103.665 272.901l-1.705 4.587c-7.8 20.975-11.474 30.871-15.534 41.881-33.306 90.321-52.353 149.007-66.84 211.427-2.262 9.713-2.262 9.713-4.556 19.584-8.162 35.31-12.53 58.062-14.972 81.448-4.222 40.439-.827 73.553 11.881 101.382 14.38 31.493 45.278 54.021 80.532 59.138 58.727 8.525 115.393 7.92 163.927-3.123 27.314-6.21 54.338-14.34 80.853-24.306 76.773-28.866 150.735-73.905 222.371-133.442 62.681-52.236 121.988-115.875 184.165-194.965 5.42-6.849 5.42-6.849 10.823-13.686 18.78-23.947 27.981-39.501 31.416-55.93 3.736-17.836-11.342-35.912-23.394-29.864-5.956 2.989-12.187 9.176-21.68 21.15-6.791 8.714-10.483 13.37-14.178 17.555-14.745 16.695-30.315 33.783-47.184 51.837-27.812 29.752-56.07 58.865-97.055 100.308-20.874 21.107-47.126 39.56-75.351 53.435-45.176 22.197-85.929-5.782-81.034-55.857 3.229-33.058 11.238-67.234 23.212-100.275 26.157-72.22 47.544-130.604 94.86-259.27 20.52-55.803 29.38-79.91 40.446-110.086 32.81-89.425 59-161.415 83.919-230.875 30.784-85.803 48.175-149.762 56.227-215.81 6.08-49.817-7.78-97.46-39.389-130.216-35.047-36.312-84.896-53.039-146.979-52.305-68.692.817-148.82 23.261-222.548 57.608Zm470.186-592.224c-123.444-48.028-271.57 34.483-296.373 165.169-17.984 94.72 17.4 176.498 89.622 210.751 143.165 67.897 314.982-40.897 314.989-199.468.007-88.211-37.668-148.991-108.238-176.452Z'/%3E%3C/svg%3E%0A") no-repeat center center;
    background-size: 65%;
}
.frame-layout-4 .col-12:first-of-type .btn-icon img{
    margin-left: 10px;
}
ul.checked-icon li {
    font-weight: normal;
}

.topIcon{
    position: absolute;
    top: 50%;
    right: 210px;
    transform: translateY(-50%);
}
.topIcon:nth-of-type(2){
    right: 170px;
}
.topIcon svg{
    height: 25px;
}

.lang{
    position: absolute;
    top: 50%;
    right: 250px;
    transform: translateY(-50%);
    list-style: none;
    display: flex;
}
.lang li{
    margin: 0 5px;
}
.lang li a{
    text-transform: uppercase;
    color:#005ca9;
    font-size: 18px;
}
.lang li.active a{
    text-transform: uppercase;
    color:#999;
    text-decoration: underline;
}

html .jobs-wrapper .job-item{
    margin-bottom: 14px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start;
    background: #EFF5FB;
    padding: 0 ;
    border: 2px solid #EFF5FB;
    border-radius: 0;
}
html .jobs-wrapper .job-item>div:not(.jobImg){
    padding: 45px 25px 0 ;
}
.jobImg img{
    padding: 25px;
    background: #fff;
}
html .jobList{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start;
}
.jobList .moreInfo{
    display: none;
}
.jobList .open .moreInfo{
    display: block;
}
.jobList .open .jobReadmore:after{
    transform: rotate(-225deg);
    top: 8px;
}
.jobReadmore{
    position: relative;
    background: transparent;
    border: 0;
    padding: 0 55px 0 0;
    width: 100%;
    text-align: left;
}
.jobReadmore:after{
    content: "";
    position: absolute;
        top: -5px;
    right: 25px;
    display: block;
    width: 20px;
    height: 20px;
    border-bottom: 1.5px solid #707070;
    border-left: 1.5px solid #707070;
    transform: rotate(-45deg);
    pointer-events: none;
}
.job-header button{
    color:#005CA9 !important;
}




@media(min-width: 1200px){

    .topIcon{
        right: 250px;
    }
    .topIcon:nth-of-type(2){
        right: 215px;
    }
    .lang{
        right: 300px;
    }
    .navbar .level-2-collapse .nav-item:first-of-type {
        display: none;
    }
    .navbar ul.navbar-nav-level2 > li > a{
        font-family: "DIN Next W01 Regular", Verdana, Arial, sans-serif;
        font-size: 18px;
        padding: 1.5rem 1.5rem !important;
    }
    .navbar .level-2-collapse {
        top: 75px;
    }
    html .frame-layout-5{
        padding-right: calc(var(--bs-gutter-x)* 1.5)!important;
        padding-left: calc(var(--bs-gutter-x)* 1.5)!important;
    }
}
.dOff{
    display: block;
}

.ovl {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}
.ovl.active {
    display: table;
}
.ovl .innerOvl .closeOvl, .ovl .innerOvl .removeOvl {
    width: 32px;
    height: 32px;
    opacity: 1;
    display: table;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 9999999;
    cursor: pointer;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
}
.ovl .innerOvl .closeOvl:before, .ovl .innerOvl .closeOvl:after, .ovl .innerOvl .removeOvl:before, .ovl .innerOvl .removeOvl:after {
    position: absolute;
    left: 15px;
    top: 0;
    content: " ";
    height: 33px;
    width: 2px;
    background-color: #000;
}
.ovl .innerOvl .closeOvl:before, .ovl .innerOvl .removeOvl:before {
    transform: rotate(45deg);
}
.ovl .innerOvl .closeOvl:after, .ovl .innerOvl .removeOvl:after {
    transform: rotate(-45deg);
}
.ovl .innerOvl {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 52px);
    max-width: 1200px;
    height: 80%;
    background: #fff;
    box-shadow: 0 10px 13px -7px rgba(0, 0, 0, .5), 5px 5px 15px 5px rgba(0, 0, 0, 0);
}
.ovl .innerOvl .conOvl {
    display: block;
    overflow-y: auto;
    height: 100%;
    padding: 80px 26px 26px;
}
.ovl .innerOvl figure{
   width: 100%;
}
.ovl .innerOvl figure img{
   width: 100%;
}
.fullsizewrapper {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    min-height: calc(100vh - 160px)!important;
    height: calc(100vh - 160px)!important;
}
.widget-sidebar {
    min-height: calc(100vh - 160px)!important;
    height: calc(100vh - 160px)!important;
        width: 340px!important;
    position: absolute!important;
}
.widget-sidebar .scroll-area {
    height: calc(100vh - 200px)!important;
}
.navbar-brand{
    padding: 0!important;
    margin: 0!important;
}
.navbar-toggle{
    background: transparent;
    border: 0;
}
@media (min-width: 1200px){
    .navbar .navbar-nav > li:hover .navbar-nav-level2{
        display: block;
    }
    #app .toggle-btn{
        display: none!important;
    }
}
@media (max-width: 1200px){
        .navbar-toggle #nav-icon {

    margin: 12px 20px 0 10px;
    }
.dOff,
    .lang{
        display: none;
    }
    .navbar-collapse {
        top: 60px;
    }
    .navbar-nav.isOpen >li>a,
    .navbar-nav.isOpen >li>i{
        display: none;
    }
    .navbar-nav.isOpen >li:nth-of-type(1)>a{
        display: block;
    }
.navbar .level-2-collapse{
    top: 0;
}
    .navbar ul.navbar-nav-level2 > li > a {
        font-family: "DIN Next W01 Bold";
    }
    .navbar ul.navbar-nav-level2, .navbar ul.navbar-nav {
        position: relative!important;
    }
}
@media (min-width: 768px){
    .jobImg{
        padding: 0 30px 0 0;
    }
}
@media (max-width: 768px) {
    .filter-wrapper .filter::after {
        bottom: 17px;
        top: auto;
        right: 1.2rem;
    }
    .filter-wrapper .filter {
        width: 100%;
        margin: 0 0 25px;
    }
    .filter-wrapper .filter label,
    .filter-wrapper .filter select {
        width: 100%;
    }
    .card-grid .img-wrapper{
        height: 100px;
            padding-right: 0;
    }
    
    .card-grid .img-wrapper img.grey{
        display: none;
    }
    .card-grid .img-wrapper img {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        width: auto;
        height: 100%;
        max-width: 100%;
        object-fit: contain;
    }
    .frame-layout-4 .col-12:first-of-type .btn-icon {
        display: table!important;
        width: auto;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
    }
    .frame-layout-4 .col-12:first-of-type .btn-icon span{
        width: 100%;
        display: block;
    }
    .frame-layout-4 .col-12:first-of-type .btn-icon img{
        margin-left: 0;
    }
    .line-1,.line-2{
        font-size: 26px!important;
    }
    #app .app-wrapper{
        flex-flow: row;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        width: 100%;
        height: auto;
    }
    #app .map-wrapper{
        height: 200px;
        overflow: hidden;
    }
    #app .form-wrapper{
        width: 100%;
        height: auto;
    }
    #app{
        height: auto;
        margin-bottom: 35px;
    }
    #app .bigMap .map-wrapper{
        height: calc(80vh - 60px);
    }
    #app .toggle-btn{
        position: absolute;
        top: -30px;
        right: 0;
        display: block !important;
        width: auto;
        height: 30px;
        padding: 10px 30px 10px 10px;
        background: rgba(0, 92, 169, 0.8);
        color: #fff;
        border-radius: 0;
        line-height: 13px;
    }
    #app .toggle-btn:after { 
        content: "";
        display: block;
        position: absolute;
        right: 10px;
        top: 10px;
        border-left: 2px solid #fff;
        border-bottom: 2px solid #fff;
        height: 8px;
        width: 8px;
        transform: rotate(-45deg);
        transform-origin: center;
        margin: 0;
        cursor: pointer;
        transition: all 0s ease;
    }
    #app.bigMap .toggle-btn:after {
        transform: rotate(135deg);
        transform-origin: center;
        transition: all 0s ease;
    }
    #app .form-wrapper {
        overflow: visible !important;
    }
}
@media(max-width: 1330px){
    .navbar .navbar-nav > li > a{
        padding: 1.5rem 1rem !important;
    }
}