/* #region ------------------------------------ header ------------------------------------------ */

header .button-style.button-style-large a {
    margin-top: clamp(30px, 3vw, 46px);
}

@media (min-width: 1200px) {
    header .button-style.button-style-large a {
        margin-left: 220px;
        margin-right: 40px;
    }

    header .button-style.button-style-large {
        position: relative;
    }

    header .button-style.button-style-large::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 47px;
        right: -30px;
        width: 89px;
        height: 96px;
        background: url('../../img/arrow/arrow-1.svg') center no-repeat;
    }
}

@media (min-width: 1400px) {
    header .button-style.button-style-large a {
        margin-right: 130px;
    }

    header .button-style.button-style-large::after {
        right: 60px;
    }
}

header .tabs {
    margin-top: 30px;
    gap: 30px;
}

@media (min-width: 992px) {
    header .tabs {
        gap: 40px;
    }
}

header .tabs .tab {
    width: 100%;
    max-width: 202px;
}

header .tabs .tab img {
    margin-bottom: 18px;
    display: inline-block;
}

header .tabs .tab.tab-1 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='61.605' height='79.77' viewBox='0 0 61.605 79.77'%3E%3Cg transform='matrix(-0.966, -0.259, 0.259, -0.966, 57.184, 79.77)' opacity='0.2'%3E%3Cpath d='M9.656,17.346c-2.794-.454-5.78-.995-7.489-2.667C.189,12.744-.275,9.531.139,6.988.91,2.25,6.422-.8,12.449.183c3.064.5,5.1,2.642,6.823,4.564,1.665,1.858,3.074,3.464,2.695,5.793C21.195,15.28,15.684,18.327,9.656,17.346Z' transform='translate(49.471 45.896)' fill='%233a77a8' fill-rule='evenodd'/%3E%3Cpath d='M.623,6.676A7.034,7.034,0,0,1,.134,2.77,4.459,4.459,0,0,1,3.083.159C5.351-.556,7.926,1.2,8.836,4.087a5.939,5.939,0,0,1-.5,4.034c-.451,1.151-.847,2.132-1.962,2.483C4.108,11.318,1.532,9.56.623,6.676Z' transform='translate(33.939 25.153)' fill='%233a77a8' fill-rule='evenodd'/%3E%3Cpath d='M2.85,9.375C1.646,8.271.377,7.066.081,5.719A5.191,5.191,0,0,1,1.536,1.369C3.407-.673,7.028-.4,9.625,1.981A6.912,6.912,0,0,1,11.472,6.34c.216,1.423.387,2.643-.533,3.647C9.069,12.029,5.447,11.755,2.85,9.375Z' transform='translate(6.082 28.419)' fill='%233a77a8' fill-rule='evenodd'/%3E%3Cpath d='M3.952,13C2.282,11.473.523,9.8.112,7.933A7.2,7.2,0,0,1,2.13,1.9c2.6-2.832,7.619-2.452,11.22.849,1.831,1.678,2.253,4.005,2.562,6.046.3,1.974.537,3.666-.74,5.058C12.578,16.683,7.554,16.3,3.952,13Z' transform='translate(0 0)' fill='%233a77a8' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: top 13px right 15px;
    background-repeat: no-repeat;
}

@media (min-width: 1200px) {
    header .tabs .tab.tab-1 {
        margin-top: -60px;
        margin-bottom: 60px;
    }
}

header .tabs .tab :is(b, strong) {
    color: var(--main-color);
    font-family: "Kanit", sans-serif;
    font-size: 2.625rem;
}

/* #endregion --------------------------------- header ------------------------------------------ */

/* #region ------------------------------------ banner ------------------------------------------ */

#slider {
    height: clamp(350px, 60vw, 742px);
}

.slider-mask {
    display: none;
}

@media (min-width: 992px) {
    .slider-mask {
        display: block;
        border-radius: unset;
        opacity: 1;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='140' viewBox='0 0 110 140'%3E%3Cpath d='M.327,170H0V30H110v.22A39.885,39.885,0,0,0,74.225,70v65.138l0-34.831a35.377,35.377,0,0,1-35.248,34.832H40A40.063,40.063,0,0,0,.327,170Z' transform='translate(0 -30)' fill='%23ffffff'/%3E%3C/svg%3E%0A") top left no-repeat,
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='140' viewBox='0 0 120 140'%3E%3Cpath d='M555,170h-.1A40.118,40.118,0,0,0,515,132.887H505.99c-18.338,0-33.432-15.293-33.647-34.086l0,34.085V70A40.075,40.075,0,0,0,435,30.087V30H555Z' transform='translate(-435 -30)' fill='%23ffffff'/%3E%3C/svg%3E%0A") top right no-repeat,
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='41.067' viewBox='0 0 28 41.067'%3E%3Cpath d='M203.733-878.933a3.6,3.6,0,0,1-2.637-1.1,3.6,3.6,0,0,1-1.1-2.637v-33.6a3.6,3.6,0,0,1,1.1-2.637,3.6,3.6,0,0,1,2.637-1.1H222.4a3.6,3.6,0,0,1,2.637,1.1,3.6,3.6,0,0,1,1.1,2.637v5.787a2.977,2.977,0,0,1,1.353,1.027,2.616,2.616,0,0,1,.513,1.587v3.733a2.616,2.616,0,0,1-.513,1.587,2.977,2.977,0,0,1-1.353,1.027v18.853a3.6,3.6,0,0,1-1.1,2.637,3.6,3.6,0,0,1-2.637,1.1ZM214.4-911.2a1.806,1.806,0,0,0,.537-1.33,1.806,1.806,0,0,0-.537-1.33,1.806,1.806,0,0,0-1.33-.537,1.806,1.806,0,0,0-1.33.537,1.806,1.806,0,0,0-.537,1.33,1.806,1.806,0,0,0,.537,1.33,1.806,1.806,0,0,0,1.33.537A1.806,1.806,0,0,0,214.4-911.2Z' transform='translate(-200 920)' fill='%233a77a8'/%3E%3C/svg%3E%0A") bottom 45px right 55px no-repeat,
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='182' height='184' viewBox='0 0 182 184'%3E%3Cpath d='M555,772H372.413a40.106,40.106,0,0,0,39.7-40V662.08a34.837,34.837,0,0,1,9.87-23.965,33.724,33.724,0,0,1,10.531-7.352,32.5,32.5,0,0,1,12.852-2.8l-25.638,0H515a40.045,40.045,0,0,0,40-40V772Z' transform='translate(-372.413 -587.957)' fill='%23ffffff'/%3E%3C/svg%3E%0A") bottom right no-repeat;
    }
}

/* #endregion --------------------------------- banner ------------------------------------------ */

/* #region ----------------------------------- ueber-uns ---------------------------------------- */

#ueber-uns {
    position: relative;
    z-index: 1;
    padding: var(--distance-large) 0;
    background: url('../../img/dots.svg') top calc(var(--distance-large) - 10px) right -40px no-repeat;
}

@media (min-width: 992px) {
    #ueber-uns {
        background: url('../../img/form.svg') bottom calc(var(--distance-large) + 152px) right calc(50% + 100px) no-repeat,
            url('../../img/dots.svg') top calc(var(--distance-large) - 10px) right -40px no-repeat;
    }
}

#ueber-uns #banner24579 {
    margin-bottom: 17.5vw;
    width: 74%;
}

#ueber-uns #banner24580 {
    position: absolute;
    right: 15px;
    bottom: 0;
    width: 50%;
}

@media (min-width: 576px) {
    #ueber-uns #banner24579 {
        margin-bottom: 15vw;
    }
}

@media (min-width: 768px) {
    #ueber-uns #banner24579 {
        margin-bottom: 66px;
    }
}

@media (min-width: 992px) {
    #ueber-uns #banner24579 {
        margin-bottom: 80px;
        width: unset;
    }

    #ueber-uns #banner24580 {
        right: -100px;
        width: 63%;
    }
}

@media (min-width: 1200px) {
    #ueber-uns #banner24579 {
        margin-bottom: 6vw;
    }

    #ueber-uns #banner24580 {
        width: 58%;
    }
}

@media (min-width: 1300px) {
    #ueber-uns #banner24579 {
        margin-bottom: 60px;
    }

    #ueber-uns #banner24580 {
        width: 56%;
    }
}

#ueber-uns #banner24579 img {
    mask: url('../../img/mask/about.svg') bottom right / 100%, 100% no-repeat;
}

#ueber-uns .template-page .btgrid {
    margin: clamp(30px, 4vw, 50px) 0 clamp(30px, 4vw, 55px) 0;
    font-size: 1rem;
}

#ueber-uns .template-page .btgrid .content:has(.cke-icon-wrapper) {
    display: flex;
    align-items: center;
    gap: 20px;
}

@media (max-width: 1199px) {
    #ueber-uns .template-page .btgrid p br {
        display: none;
    }
}

#ueber-uns .template-page .cke-icon-wrapper {
    color: var(--main-color);
    font-size: 30px;
    width: 30px;
    overflow: hidden;
    display: inline-block;
}

/* #endregion -------------------------------- ueber-uns ---------------------------------------- */

/* #region ------------------------------------- blog ------------------------------------------- */

#blog {
    position: relative;
    z-index: 1;
    background: var(--main-color) var(--gradient);
}

@media (min-width: 992px) {
    #blog {
        background: url('../../img/newspaper.svg') center right / auto 100% no-repeat, var(--gradient), var(--main-color);
    }
}

#blog .newsticker-position {
    row-gap: 15px;
    margin: var(--distance-min) 0 0 0;
    padding: 24px clamp(20px, 3vw, 40px);
    background: #ffffff;
    border-radius: var(--border-radius-large);
}

#blog .newsticker-position,
#blog .newsticker-position * {
    color: var(--text-color);
}

#blog #newsticker-toggle-button {
    right: clamp(20px, 3vw, 40px);
}

@media (max-width: 991px) {
    #blog #newsticker-toggle-button {
        top: unset;
        bottom: 0;
    }
}

#blog .newsticker-position :is(h1, h2, h3, h4, h5, h6) {
    font-size: inherit !important;
}

#blog .newsticker-position .newstickerSeperator {
    width: 35px;
    height: 22px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.286' height='22' viewBox='0 0 22.286 22'%3E%3Cpath d='M11,0h.286a11,11,0,0,1,11,11V22a0,0,0,0,1,0,0H11A11,11,0,0,1,0,11v0A11,11,0,0,1,11,0Z' fill='%23383838'/%3E%3C/svg%3E%0A") center left no-repeat;
    display: inline-block;
}

#blog .newsticker-position .newstickerSeperator~.newstickerSeperator {
    display: none;
}

#blog .newsticker-position .newstickerSeperator::after {
    display: none;
}

/* #endregion ---------------------------------- blog ------------------------------------------- */

/* #region ------------------------------------- app -------------------------------------------- */

#app {
    position: relative;
    padding-bottom: var(--distance-large);
}

@media (min-width: 992px) {
    #app {
        background: url('../../img/form.svg') top 230px left calc(50% + 100px) no-repeat;
    }
}

#blog+#app {
    padding-top: var(--distance-large);
}

#app::after,
#app::before {
    content: "";
    display: block;
    position: absolute;
}

#app::after {
    left: 0;
    bottom: var(--distance-large);
    width: 310px;
    height: 430px;
    background: url('../../img/dots.svg') bottom left no-repeat;
    transform: scale(-1);
    pointer-events: none;
}

#app::before {
    top: -204px;
    right: 0;
    height: 837px;
    width: 557px;
    background: url('../../img/form-transparent.svg') center left no-repeat;
}

#app .template-page a {
    margin-top: 50px;
}

#app .smartphone-mockup {
    position: absolute;
    left: 10px;
    bottom: 0;
}

#app #banner24582 {
    margin-bottom: 34vw;
    margin-left: auto;
    width: 71%;
}

#app .smartphone-mockup {
    width: 40%;
}

@media (min-width: 576px) {
    #app #banner24582 {
        margin-bottom: 28vw;
    }
}

@media (min-width: 768px) {
    #app #banner24582 {
        margin-bottom: 132px;
    }
}

@media (min-width: 992px) {
    #app #banner24582 {
        margin-bottom: 108px;
        width: unset;
    }

    #app .smartphone-mockup {
        left: -100px;
        width: 48%;
    }

    #app #banner24582::after {
        content: "";
        display: block;
        position: absolute;
        z-index: 10;
        width: 188px;
        height: 183px;
        top: 48%;
        left: 22%;
        background: url('../../img/arrow/arrow-2.svg') center no-repeat;
    }
}

@media (min-width: 1200px) {
    #app #banner24582 {
        margin-bottom: 7vw;
    }

    #app .smartphone-mockup {
        width: 44%;
    }
}

@media (min-width: 1300px) {
    #app #banner24582 {
        margin-bottom: 60px;
    }

    #app .smartphone-mockup {
        width: 42%;
    }
}

#app #banner24582 img {
    mask: url('../../img/mask/app.svg') bottom left / 100%, 100% no-repeat;
}

.smartphone-mockup {
    position: relative;
    display: block;
    z-index: 2;
    max-width: 249px;
    width: 100%;
    margin: 15px;
}

.smartphone-mockup img {
    width: 100%;
    border-radius: clamp(20px, 4.5vw, 30px) !important;
}

.smartphone-mockup::after,
.smartphone-mockup::before {
    content: "";
    display: block;
    position: absolute;
}

.smartphone-mockup::after {
    z-index: -1;
    top: -2.5%;
    left: -6.5%;
    right: -6.5%;
    bottom: -3%;
    background: url('../../img/mockup/smartphone.webp') center / contain no-repeat;
}

.smartphone-mockup::before {
    z-index: 10;
    top: 2%;
    left: 0;
    right: 0;
    pointer-events: none;
    height: 4%;
    max-height: 18px;
    background: url('../../img/mockup/smartphone-camera.webp') center / contain no-repeat;
}

/* #endregion ---------------------------------- app -------------------------------------------- */

/* #region ----------------------------------- bewerben ----------------------------------------- */

#bewerben.banner-decoration .banner img {
    width: 100%;
    height: 90vh;
    max-height: 473px;
    object-fit: cover;
}

@media (max-width: 580px) {
    #bewerben.banner-decoration .banner img {
        object-position: -400px center;
    }
}

@media (max-width: 767px) {
    #bewerben.banner-decoration .banner img {
        max-height: 300px;
    }
}

#bewerben .tab-large-color {
    position: relative;
    z-index: 2;
    margin-top: -50px;
    background: var(--main-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='103.35' height='116.506' viewBox='0 0 103.35 116.506'%3E%3Cg transform='translate(103.35) rotate(90)' opacity='0.2'%3E%3Cpath d='M15.734,28.264c-4.553-.74-9.418-1.621-12.2-4.345C.307,20.766-.448,15.531.226,11.388,1.483,3.666,10.464-1.3,20.286.3,25.279,1.112,28.6,4.6,31.4,7.735c2.713,3.028,5.008,5.644,4.391,9.44C34.536,24.9,25.556,29.863,15.734,28.264Z' transform='translate(80.611 74.787)' fill='%23fff' fill-rule='evenodd'/%3E%3Cpath d='M1.016,10.879C.33,8.7-.365,6.352.218,4.513A7.266,7.266,0,0,1,5.024.26c3.7-1.165,7.892,1.7,9.374,6.4.752,2.39-.052,4.635-.813,6.573-.734,1.875-1.379,3.474-3.2,4.046C6.694,18.443,2.5,15.578,1.016,10.879Z' transform='translate(55.303 40.987)' fill='%23fff' fill-rule='evenodd'/%3E%3Cpath d='M4.644,15.276C2.682,13.478.614,11.514.132,9.319-.426,6.779.866,4.015,2.5,2.23c3.048-3.327,8.95-2.881,13.182,1,2.152,1.971,2.648,4.7,3.01,7.1.351,2.318.63,4.307-.869,5.943C14.777,19.6,8.875,19.155,4.644,15.276Z' transform='translate(9.91 46.308)' fill='%23fff' fill-rule='evenodd'/%3E%3Cpath d='M6.439,21.187C3.719,18.695.851,15.97.183,12.926-.591,9.4,1.2,5.569,3.47,3.093,7.7-1.521,15.885-.9,21.753,4.477c2.984,2.734,3.671,6.526,4.175,9.852.486,3.216.874,5.973-1.205,8.242C20.495,27.185,12.309,26.566,6.439,21.187Z' transform='translate(0 0)' fill='%23fff' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E%0A") top 22px left 22px no-repeat;
}

@media (min-width: 768px) {
    #bewerben .tab-large-color {
        margin-top: -150px;
    }
}

@media (min-width: 992px) {
    #bewerben .tab-large-color h2 {
        padding-left: 190px;
        padding-right: 190px;
        position: relative;
        width: max-content;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #bewerben .tab-large-color h2::after {
        content: "";
        display: block;
        position: absolute;
        width: 156px;
        height: 120px;
        right: 0;
        top: -5px;
        background: url('../../img/arrow/arrow-3.svg') center no-repeat;
    }
}

#bewerben .tab-large-color p {
    text-shadow: var(--main-color) 2px 0px 0px, var(--main-color) 1.75517px 0.958851px 0px, var(--main-color) 1.0806px 1.68294px 0px, var(--main-color) 0.141474px 1.99499px 0px, var(--main-color) -0.832294px 1.81859px 0px, var(--main-color) -1.60229px 1.19694px 0px, var(--main-color) -1.97999px 0.28224px 0px, var(--main-color) -1.87291px -0.701566px 0px, var(--main-color) -1.30729px -1.51361px 0px, var(--main-color) -0.421592px -1.95506px 0px, var(--main-color) 0.567324px -1.91785px 0px, var(--main-color) 1.41734px -1.41108px 0px, var(--main-color) 1.92034px -0.558831px 0px;
    position: relative;
    z-index: 1;
}

/* #endregion -------------------------------- bewerben ----------------------------------------- */