.big-teaser {
    height: 700px;
}

.big-teaser .info-text {
    color: #fff;
    margin-top: 15%;
    font-size: 18px;
}

.big-teaser .info-text h1 {
    font-size: 4vw;
    line-height: 1.1;
}

.big-teaser .btn-primary {
    font-size: 18px;
    margin-top: 15px;
    padding: 10px 30px;
}


@media (min-width:1500px) {
    .big-teaser .info-text h1 {
        font-size: 55px;
    }
}

@media (max-width:1200px) {
    .big-teaser {
        height: 600px;
    }
}

.withbg {
    background-size: cover;
    background-position: right center;
}

@media (max-width:992px) {
    .big-teaser {
        height: 450px;
    }



    .big-teaser p {
        font-size: 16px;
    }

    .big-teaser .btn-primary {
        font-size: 16px;
    }
}

@media (max-width:767px) {
    .big-teaser {
        height: 500px;
    }

    .big-teaser .info-text {
        font-size: 16px;
        margin-top: 30%;
    }

    .big-teaser .info-text h1 {
        font-size: 28px;
    }

    .big-teaser .btn-primary {
        font-size: 16px;
    }
}


/*teaser-boxes*/
.teaser-boxes {
    margin-top: -30px;
    position: relative;
    z-index: 99;
}

.teaser-boxes a {
    color: #000;
    text-decoration: none;
}

.teaser-boxes a:hover .inner {
    box-shadow:
        0.3px 0.2px 1.4px rgba(0, 0, 0, 0.101),
        0.8px 0.5px 3.8px rgba(0, 0, 0, 0.145),
        1.8px 1.2px 9px rgba(0, 0, 0, 0.189),
        6px 4px 30px rgba(0, 0, 0, 0.29);
    margin-top: -5px;
}

.teaser-boxes .inner {
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow:
        0.4px 0.3px 2px rgba(0, 0, 0, 0.053),
        1.3px 0.9px 6.7px rgba(0, 0, 0, 0.077),
        6px 4px 30px rgba(0, 0, 0, 0.13);
    transition: all ease-in-out .1s;
}

.teaser-boxes .inner {
    display: flex;
}

.teaser-boxes .inner .icon img {
    width: 100px;
    height: 100px;
    margin-right: 20px;
}

.teaser-boxes span {
    display: block;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #696E77;
    font-size: 14px;
    margin-bottom: 5px;
}

.teaser-boxes p {
    font-size: 20px;
    display: block;
    margin: 0;
    padding: 0;
    font-weight: 600;
    line-height: 1.2;
}

.teaser-boxes .inner.middle {
    background-color: #174573;
    color: #fff;
}

.teaser-boxes .inner.middle span {
    color: #fff;
}

@media (max-width:1367px) {
    .teaser-boxes .inner {
        padding: 20px;
        min-height: 130px;
    }

    .teaser-boxes .inner .icon img {
        width: 70px;
        height: 70px;
        margin-right: 15px;
    }

    .teaser-boxes span {
        font-size: 11px;
        white-space: nowrap;
    }

    .teaser-boxes p {
        font-size: 18px;
    }
}


@media (max-width:1200px) {
    .teaser-boxes .inner {
        padding: 20px;
        min-height: 130px;
    }

    .teaser-boxes .inner .icon img {
        width: 65px;
        height: 65px;
        margin-right: 15px;
    }

    .teaser-boxes p {
        font-size: 18px;
    }
}

@media (max-width:1199px) {
    .teaser-boxes .inner .icon img {
        width: 60px;
        height: 60px;
        margin-right: 15px;
    }

    .teaser-boxes span {
        font-size: 11px;
        white-space: nowrap;
    }

    .teaser-boxes span {
        font-size: 11px;
    }

    .teaser-boxes p {
        font-size: 16px;
    }
}

@media (max-width:992px) {
    .teaser-boxes span {
        font-size: 13px;
    }

    .teaser-boxes p {
        font-size: 18px;
    }
}

@media (max-width:767px) {
    .teaser-boxes .inner {
        margin-bottom: 30px;
    }
}

/*image-text-block*/
.image-text-block p {
    font-size: 18px;
    color: #696E77;
    margin-bottom: 40px;
}

@media (max-width:1200px) {
    .image-text-block p {
        font-size: 16px;
    }
}

@media (max-width:992px) {
    .image-text-block {
        margin-top: 60px;
    }
}

@media (max-width:767px) {
    .image-text-block div {
        margin-bottom: 60px;
    }
}

/*four-blocks*/
.four-blocks {
    margin: 100px auto;
}

.four-blocks .inner img {
    object-fit: cover;
    border-radius: 15px;
    overflow: hidden;
}

.four-blocks p {
    top: -85px;
    min-height: 100px;
    color: #fff;
    margin: 0;
    padding: 20px 20px 30px 20px;
    font-size: 20px;
    line-height: 1.2;
    display: block;
    position: relative;
    z-index: 100;
    background: rgb(0, 212, 255);
    background: linear-gradient(180deg, rgba(0, 212, 255, 0) 0%, rgba(1, 1, 43, 0.9) 80%);
    border-radius: 15px;
    font-weight: 500;
}

.four-blocks img {
    transition: all ease-in-out .2s;
}


.four-blocks a:hover p {
    background: rgb(0, 212, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.9) 80%);
}

.four-blocks a:hover img {
    filter: brightness(75%);
}


.four-blocks a {
    color: #fff;
    text-decoration: none;
}


@media (max-width:1200px) {
    .four-blocks p {
        font-size: 18px;
        font-weight: 600;
    }
}


@media (max-width:767px) {
    .four-blocks {
        margin: 30px auto;
    }

    .four-blocks p {
        font-size: 20px;
    }
}


/*question-block*/
.question-block {
    background: url(../images/question_block.png) #F1F5F9 no-repeat right center;
    background-size: 60%;
    padding: 60px;
    object-fit: cover;
    border-radius: 15px;
    margin-top: -50px;
}

.question-block span {
    font-size: 18px;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: block;
    color: #696E77;
}

.question-block strong {
    line-height: 1.2;
    display: block;
    font-size: 24px;
    margin: 15px 0 30px 0;
}

@media (max-width:1200px) {
    .question-block {
        background-size: 65%;
    }
}

@media (max-width:992px) {
    .question-block {
        background-size: 100%;
        margin-top: -100px;
    }

    .question-block br {
        display: none;
    }
}


@media (max-width:767px) {
    .question-block {
        padding: 30px;
        margin-top: -30px;
        background-size: 200%;
        background-blend-mode: soft-light
    }
}

/*news-home*/
.news-home span {
    display: block;
    font-size: 3vw;
    font-weight: 500;
}

@media (min-width:1500px) {
    .news-home span {
        font-size: 44px;
    }
}

.news-home hr {
    margin-bottom: 60px;
}

.news-home .inner {
    border-radius: 15px;
    border: 1px solid #ccc;
    background-color: #F5F5F5;
    aspect-ratio: 1/1;
    overflow: hidden;

}

.news-home .inner img {
    width: 100%;
    height: auto;
    transition: all ease-in .2s;
}

.news-home .news-img img {
    aspect-ratio: 16/9;
    object-fit: cover;
}

.news-home cite {
    font-style: normal;
    text-transform: uppercase;
    color: #015FC9;
    letter-spacing: 2px;
    display: block;
    margin-bottom: 15px;
    padding: 25px 40px 0px;
}

.news-home p {
    display: block;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    padding: 0 40px 10px;
}

.news-home a {
    text-decoration: none;
    color: #000;
}

.news-home a:hover img {
    filter: brightness(75%);
}

@media (max-width:1200px) {
    .news-home br {
        display: none;
    }

    .news-home .inner {
        aspect-ratio: inherit;
        min-height: 375px;
    }

    .news-home p {
        font-size: 20px;
    }
}

@media (max-width:992px) {
    .news-home {
        margin-top: 60px;
    }

    .news-home .inner {
        aspect-ratio: inherit;
        min-height: 300px;
    }

    .news-home cite {
        padding: 20px 20px 10px 20px;
    }

    .news-home p {
        padding: 0 20px 20px 20px;
        font-size: 18px;
    }
}

@media (max-width:767px) {
    .news-home span {
        font-size: 24px;
    }

    .news-home .inner {
        margin-bottom: 60px;
        min-height: auto;
    }
}

/*intro*/
.intro {
    height: 700px;
    position: relative;
    margin-bottom: 90px;
}

.intro .info-text {
    color: #fff;
    margin-top: 0;
    font-size: 18px;
    position: absolute;
    bottom: 10%
}

.intro .info-text h1 {
    font-size: 4vw;
    line-height: 1.1;
}

.intro .btn-primary {
    font-size: 18px;
    margin-top: 15px;
    padding: 10px 30px;
}


@media (min-width:1500px) {
    .intro .info-text h1 {
        font-size: 55px;
    }
}

@media (max-width:1200px) {
    .intro {
        height: 450px;
    }

    .intro .info-text {
        margin-top: 35%;
    }
}

.withbg {
    background-size: cover;
    background-position: right center;
}

@media (max-width:992px) {
    .intro {
        height: 350px;
    }

    .intro p {
        font-size: 16px;
    }

    .intro .info-text {
        margin-top: 37.5%;
    }

    .intro .btn-primary {
        font-size: 16px;
    }
}

@media (max-width:767px) {
    .intro {
        height: 300px;
    }

    .intro .info-text {
        font-size: 16px;
        margin-top: 30%;
    }

    .intro .info-text h1 {
        font-size: 28px;
    }

    .intro .btn-primary {
        font-size: 16px;
    }
}

/*video-stage*/
.video-stage {
    margin-bottom: 90px;
}

.video-stage video {
    width: 100%;
    height: auto;
    aspect-ratio: 16/7;
    object-fit: cover;
    filter: brightness(50%);
}

.video-stage .info-text {
    position: absolute;
    bottom: 60px;
    z-index: 10;
    color: #fff;
}

.video-stage .container {
    position: relative;
    z-index: 9;
}

.video-stage .info-text h1 {
    font-size: 4vw;
    line-height: 1.1;
}


@media (min-width:1500px) {
    .video-stage .info-text h1 {
        font-size: 55px;
    }
}


@media (max-width:1200px) {
    .video-stage {
        margin-bottom: 60px;
    }
}

@media (max-width:767px) {
    .video-stage video {
        aspect-ratio: 16/12;
    }

    .video-stage .info-text h1 {
        font-size: 36px
    }


    .video-stage .info-text {
        bottom: 30px;
    }

    .text-rounded-stage {
        padding: 0 30px;
    }

    .text-rounded-stage .p-5 {
        padding: 3rem 1.5rem !important;
    }
}


/*CONTACT PAGE*/
.contact-form {
    background-color: #0E192D;
    background-image: radial-gradient( circle 975px at 2.6% 48.3%,  #0E192D 0%, #174573 99.7% );
}


.contact-page ul {
    padding: 30px;
    margin: 15px 0 30px 0;
    list-style: none;
    border-radius: 5px;
    line-height: 2;
}

.contact-page ul li::before {
    content: "- ";
    margin-right: 10px;
}

.contact-page label {
    display: block;
    font-weight: 600;
}

.contact-page .helptext {
    display: block;
    color: #696E77;
    margin-top: 5px;
    font-size: 14px;
}

.contact-page select {
    width: 100%;
    padding: 6px 10px;
}



@media (max-width:767px) {
    .contact-page ul li {
        margin: 1rem 0;
        line-height: 1.4;
    }

    .contact-page ul li::before {
        content: "- ";
        margin-right: 10px;
        display: block;
        font-size: 22px;
    }

    .contact-form.p-5 {
        padding: 30px !important;
    }

  
    .contact-form .form-control  {
       font-size: 14px;
    }
    
}

/*NORMAL PAGES*/
.normal-page p {
    margin-bottom: 30px;
}
.normal-page .alert {
    padding: 30px;
    margin-top: 60px;
}
.normal-page .alert strong {
    font-size: 20px;
    display: block;
    margin-bottom: 10px;
}
.normal-page .alert p {
    margin: 0;
    padding: 0;
}

.normal-page .border .rounded-2 p {
    margin: 0;
    padding: 0;
}

.normal-page .border strong {
    margin-bottom: 10px;
    display: block;
}

.normal-page.datenschutz p {
    margin-bottom: 30px;
    display: block;
}

.normal-page.datenschutz h2,
.normal-page.datenschutz h3,
.normal-page.datenschutz h4,
.normal-page.datenschutz h5 {
    font-size: 18px !important;
    display: block;
}

.normal-page.datenschutz a {
    color: #015FC9;
}


/*contact-form*/
.contact-form .form-check-input {
    float: left;
}


/*COOKIE BANNER*/
#cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #0E192D;
    color: #fff;
    padding: 10px;
    text-align: center;
    display: none;
}

#cookie-banner .inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

#cookie-banner .inner p {
    margin: 0;
    padding: 0;
}

#accept-cookie {
    background-color: #fff;
    color: #333;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    margin-top: 5px;
    border-radius: 3px;
    margin-left: 15px;
}

@media (max-width:767px) {
    #cookie-banner .inner {
        display: block;
        padding-bottom: 15px;
    }

    #cookie-banner .inner p {
        margin-bottom: 15px;
    }
}