@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/webfonts/OpenSans-Regular.ttf') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/webfonts/OpenSans-Bold.ttf') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* Genral */
body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1.25rem;
}

h1 {}

h2 {}

a {
    transform: none!important;
    color: #000;
}

section a:hover {
    color: #000;
    text-decoration: underline;
}

b {
    font-weight: 600;
}

.text-justify {
    text-align: justify;
    hyphens: auto;

}

.alert button.close {
    display: none;
}

.alert {
    font-size: 16px;
    border-radius: 0px;
}

.alert h4 {
    font-size: 18px;
}

.alert p {
    margin-bottom: 0px;
}


.img-white {
    filter: brightness(0) invert(1);
}

.btn {
    border-radius: 4px;
    text-transform: inherit;
}


.threecolumn_col .h5 {
        font-size: 1.2rem;
}

.btn-mst {
    color: #ffffff;
    background-color: #000000;

    font-size: 0.875rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: normal;
    margin: 30px auto 0 0;
    padding: 10px 47px 10px 46px;
}

.btn-mst:hover {
    color: #ffffff;
    background-color: #444444fa;
}


.bg-dark {
    background-color: #000 !important;
}

.popover-body {
    font-size: 18px;
}

.form-control {
    border: 2px solid;
    border-color: #FFF;
    border-bottom-color: #000;
    border-radius: 0px;
    margin-bottom: 20px;
}

.form-control:focus {
    border-color: #000;
    box-shadow: none;
    border-radius: 4px;
}

.vh-60 {
    height: 60vh !important;
}

.vh-70 {
    height: 70vh !important;
}


/* Navigation */
.navbar {
    border-bottom: 3px solid #000;
}

.navbar-brand {
    width: 10.5rem;
}

.navbar .navbar-nav .nav-link {
    font-family: 'Open Sans';
    font-weight: 700;
    color: #000;
    font-size: 1rem;
    text-transform: uppercase;
    padding-right: 0rem;
    padding-left: 0rem;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    height: 2.8rem;
    letter-spacing: 0.7px;
}

.navbar .navbar-nav .nav-link:hover {
    border-bottom-color: #000 !important;
}

.navbar .navbar-nav .nav-link.active {
    border-bottom-color: #000 !important;
}

.opacity-80 {
    opacity: .8 !important;
}

/* Accordion */
.accordion-button:not(.collapsed) {
    color: #FFF;
    background-color: #000;
    box-shadow: inset 0 -1px 0 rgba(14, 17, 31, .125);
}


.accordion-button:not(.collapsed):after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")
}

/* Section Contact us */
section#contactus {
    padding: 100px 0px;
}

/* */
.swiper-divider-line {
    background-color: #e3dffc;
    height: 2px;
}

.swiper-buttons {

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.swiper-button-next,
.swiper-button-prev {
    position: unset;
    top: unset;
    background-color: #000;
    color: #FFF;
}

.swiper-history .swiper-slide {
    min-height: 500px;
}


.swiper-divider-line::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    border-radius: 100%;
    background-color: #7360f2;
    border: 5px solid #f9f8fc;
    margin-left: -1px;
}

.swiper-divider-line::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    border-radius: 100%;
    background-color: #000!important;
    border: 5px solid #f9f8fc;
    margin-left: -1px;
}

.swiper-divider-line::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    border-radius: 100%;
    background-color: #000!important;
    border: 5px solid #f9f8fc;
    margin-left: -1px;
}

/* Section Karriere */

.accordion.accordion-custom .accordion-button:not(.collapsed) {

    background-color: #000;
}

.accordion.accordion-custom .accordion-collapse {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
}


.accordion.accordion-custom .accordion-body {
    padding: 20px;
}


/* footer */
footer .img-fluid {
    max-width: 250px;
}

footer .nav-link {
    color: hsla(0,0%,100%,.54)!important;

    font-size: .835rem;
}

.footermenu {
    justify-content: flex-end;
}
footer .nav-link:last-child {
   padding-right: 0px;
}

@media (min-width: 992px) {

    .modal-lg,
    .modal-xl {
        max-width: 950px;
    }

    .navbar-expand-lg .navbar-brand {
        width: 13.5rem;
    }

    .navbar-expand-lg .nav-item {
        height: 6.8rem;
        display: flex;
        align-items: center;
        padding-right: 1rem;
        padding-left: 1rem;
    }

}

@media (max-width: 991.98px) {
    :root {
        --bs-gutter-x: 20px;

    }
    .container {


    }
    .hideonmobile {
        display: none!important;
    }

    .navbar-expand-lg.navbar.navbar-light .navbar-collapse {
        box-shadow: none;
        border-bottom: 4px solid #FFF;
        border-radius: 0px;
    }


    h2 {
        font-size: 2.65rem;
    }

    .footermenu {
        justify-content: flex-start;
    }
}