#digiplatvorm_banner {
    --deco-width: 1px;
    margin-top: 0;
    position: relative;
    min-height: 720px;
    display: flex;
    align-items: stretch;
}

#digiplatvorm_banner.parallax {
    min-height: 800px
}

#digiplatvorm_banner > .background {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    pointer-events: none;
}

#digiplatvorm_banner > .background .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#digiplatvorm_banner > .background.wallpaper .image.video,
#digiplatvorm_banner.parallax > .background.wallpaper .image.video {
    background-size: 50vw;
    background-color: var(--text-25);
}

#digiplatvorm_banner.parallax > .background.wallpaper .image {
    background-size: 125%;
}

#digiplatvorm_banner.parallax > .background.model {
    max-width: 1920px;
}

#digiplatvorm_banner.parallax > .background.model .image {
    object-fit: contain;
    object-position: bottom;
}

#digiplatvorm_banner .text_parallax {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: 100vw;
    display: flex;
    align-items: end;
    padding: 96px 0;
    pointer-events: none;
    mix-blend-mode: overlay;
}

#digiplatvorm_banner .text_parallax .text_repeater {
    width: calc(50% - 320px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#digiplatvorm_banner .text_parallax .text_repeater .text {
    width: max-content;
    text-transform: uppercase;
    font-size: 96px;
    line-height: 128px;
    font-family: 'Chakra Petch';
    font-weight: 300;
    text-align: center;
}

#digiplatvorm_banner .content {
    position: relative;
    width: 100%;
    display: flex;
    align-items: end;
    justify-content: start;
    padding: 80px 0;
    z-index: 1;
}

#digiplatvorm_banner.parallax .content {
    justify-content: end;
}

#digiplatvorm_banner .content .content_box {
    position: relative;
    width: 100%;
    max-width: 860px;
    padding: 64px;
    border-width: 1px;
    border-style: solid;
    border-image-slice: 1;
    border-image-source: var(--border-image-source);
}

#digiplatvorm_banner .content .content_box > .decoration {
    --deco-size: 32px;
    position: absolute;
    top: calc(0px - calc(var(--deco-size) / 2));
    right: 48px;
    width: max-content;
    height: var(--deco-size);
    z-index: 1;
    display: flex;
    justify-content: end;
    gap: 2px;
    pointer-events: none;
}

#digiplatvorm_banner .content .content_box > .decoration .bar {
    height: var(--deco-size);
    width: var(--deco-size);
    background-color: var(--white-99);
    backdrop-filter: blur(8px) drop-shadow(0px 0px 16px var(--black-1a)) drop-shadow(0px 4px 8px var(--black-1a));
    clip-path: polygon(0 0, calc(100% - calc(var(--deco-size) / 2)) 0%, 100% 100%, calc(0% + calc(var(--deco-size) / 2)) 100%);
    -webkit-clip-path: polygon(0 0, calc(100% - calc(var(--deco-size) / 2)) 0%, 100% 100%, calc(0% + calc(var(--deco-size) / 2)) 100%);
}

#digiplatvorm_banner .content .content_box > .decoration .bar:last-child {
    width: calc(var(--deco-size) * 1.5);
}

#digiplatvorm_banner .content .content_box > .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    backdrop-filter: blur(8px);
    background-color: var(--white-99);
    filter: drop-shadow(0px 0px 16px var(--black-1a)) drop-shadow(0px 4px 8px var(--black-1a));
}

#digiplatvorm_banner .content .content_box .content_wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

#digiplatvorm_banner .content .content_box .content_wrap .text_wrap {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#digiplatvorm_banner.default .content .content_box .content_wrap .text_wrap {
    border-right: var(--deco-width) solid var(--text-100);
    padding-right: 8px;
}

#digiplatvorm_banner.default .content .content_box .content_wrap .text_wrap .title_wrap > .decoration {
    --gap: 8px;
    position: relative;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    width: 8px;
    min-width: 8px;
    margin-top: -8px;
}

#digiplatvorm_banner.default .content .content_box .content_wrap .text_wrap .title_wrap > .decoration > * {
    height: 100%;
}

#digiplatvorm_banner.default .content .content_box .content_wrap .text_wrap .title_wrap > .decoration .top {
    border-left: var(--deco-width) solid var(--text-100);
}

#digiplatvorm_banner.default .content .content_box .content_wrap .text_wrap .title_wrap > .decoration .top,
#digiplatvorm_banner.default .content .content_box .content_wrap .text_wrap .title_wrap > .decoration .middle {
    max-height: 32px;
}

#digiplatvorm_banner.default .content .content_box .content_wrap .text_wrap .title_wrap > .decoration .middle {
    position: relative;
}

#digiplatvorm_banner.default .content .content_box .content_wrap .text_wrap .title_wrap > .decoration .middle .top,
#digiplatvorm_banner.default .content .content_box .content_wrap .text_wrap .title_wrap > .decoration .middle .bottom {
    position: absolute;
    top: var(--deco-width);
    left: 0;
    width: 100%;
    aspect-ratio: 1/1;
    clip-path: polygon(0 0, 100% calc(100% - calc(var(--deco-width) * 1)), 100% 100%, 0 calc(0% + calc(var(--deco-width) * 1)));
    background-color: var(--text-100);
}

#digiplatvorm_banner.default .content .content_box .content_wrap .text_wrap .title_wrap > .decoration .middle .bottom {
    top: unset;
    bottom: var(--deco-width);
}

#digiplatvorm_banner.default .content .content_box .content_wrap .text_wrap .title_wrap > .decoration .middle .center {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

#digiplatvorm_banner.default .content .content_box .content_wrap .text_wrap .title_wrap > .decoration .middle .center .line {
    border-left: var(--deco-width) solid var(--text-100);
    height: 100%;
}

#digiplatvorm_banner.default .content .content_box .content_wrap .text_wrap .title_wrap > .decoration .middle .center .line:first-child {
    transform: translateY(calc(0px - var(--gap)));
}

#digiplatvorm_banner.default .content .content_box .content_wrap .text_wrap .title_wrap > .decoration .middle .center .line:nth-child(2) {
    height: calc(100% - var(--gap) - calc(var(--deco-width) * 2));
}

#digiplatvorm_banner.default .content .content_box .content_wrap .text_wrap .title_wrap > .decoration .middle .center .line:last-child {
    transform: translateY(var(--gap));
}

#digiplatvorm_banner.default .content .content_box .content_wrap .text_wrap .title_wrap > .decoration .bottom {
    border-right: var(--deco-width) solid var(--text-100);
}

#digiplatvorm_banner.default .content .content_box .content_wrap .text_wrap .title_wrap > .decoration .absolute {
    position: absolute;
    top: 0;
    left: 0;
    border-top: var(--deco-width) solid var(--text-100);
    width: 100px;
}

#digiplatvorm_banner .content .content_box .content_wrap .text_wrap .title_wrap {
    display: flex;
    align-items: stretch;
    gap: 8px;
}

#digiplatvorm_banner .content .content_box .content_wrap .text_wrap .title {
    margin: 0;
}

#digiplatvorm_banner .content .content_box .content_wrap .buttons_wrap {
    display: flex;
    gap: 24px;
}

#digiplatvorm_banner.default .content .content_box .content_wrap .buttons_wrap {
    position: relative;
    padding-right: 68px;
}

#digiplatvorm_banner .content .content_box .content_wrap .buttons_wrap .button:not(:first-child) {
    background-color: transparent;
    color: var(--text-100);
}

#digiplatvorm_banner .content .content_box .content_wrap .buttons_wrap > .decoration {
    pointer-events: none;
}

#digiplatvorm_banner.parallax .content .content_box .content_wrap .buttons_wrap > .decoration {
    flex-grow: 1;
}

#digiplatvorm_banner.default .content .content_box .content_wrap .buttons_wrap > .decoration {
    --height: 58px;
    --gap: 8px;
    position: absolute;
    min-width: 58px;
    bottom: 0;
    right: 0;
    height: calc(100% + 32px + var(--deco-width));
}

#digiplatvorm_banner.default .content .content_box .content_wrap .buttons_wrap > .decoration .lines,
#digiplatvorm_banner.default .content .content_box .content_wrap .buttons_wrap > .decoration .border {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

#digiplatvorm_banner.default .content .content_box .content_wrap .buttons_wrap > .decoration .lines .line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 1/1;
    clip-path: polygon(0 calc(100% - calc(var(--deco-width) * 1.5)), 100% 0, 100% calc(0% + calc(var(--deco-width) * 1.5)), 0 100%);
    display: flex;
}

#digiplatvorm_banner.default .content .content_box .content_wrap .buttons_wrap > .decoration .lines .line::after,
#digiplatvorm_banner.default .content .content_box .content_wrap .buttons_wrap > .decoration .lines .line::before {
    content: '';
    width: 100%;
}

#digiplatvorm_banner.default .content .content_box .content_wrap .buttons_wrap > .decoration .lines .line::before {
    background-color: var(--text-100);
}

#digiplatvorm_banner.default .content .content_box .content_wrap .buttons_wrap > .decoration .lines .line:nth-child(2) {
    top: var(--gap);
}

#digiplatvorm_banner.default .content .content_box .content_wrap .buttons_wrap > .decoration .lines .line:nth-child(3) {
    top: calc(var(--gap) * 2);
}

#digiplatvorm_banner.default .content .content_box .content_wrap .buttons_wrap > .decoration .lines .line:nth-child(1)::after {
    max-width: 0%;
}

#digiplatvorm_banner.default .content .content_box .content_wrap .buttons_wrap > .decoration .lines .line:nth-child(2)::after {
    max-width: 5%;
}

#digiplatvorm_banner.default .content .content_box .content_wrap .buttons_wrap > .decoration .lines .line:nth-child(3)::after {
    max-width: 100%;
}

#digiplatvorm_banner.default .content .content_box .content_wrap .buttons_wrap > .decoration .border {
    height: calc(100% - var(--height) + var(--deco-width));
    border-right: var(--deco-width) solid var(--text-100);
    left: unset;
    right: calc(100% - var(--deco-width));
}

#digiplatvorm_banner.parallax .content .content_box .content_wrap .buttons_wrap > .decoration {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 8px 0;
    pointer-events: none;
}

#digiplatvorm_banner.parallax .content .content_box .content_wrap .buttons_wrap > .decoration .line {
    border-bottom: var(--deco-width) solid var(--text-100);
}

#digiplatvorm_banner.parallax .content .content_box .content_wrap .buttons_wrap > .decoration .line:nth-child(2) {
    margin-right: 10%;
}

#digiplatvorm_banner.parallax .content .content_box .content_wrap .buttons_wrap > .decoration .line:nth-child(3) {
    margin-right: 20%;
}

#digiplatvorm_banner .bottom_decoration {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    pointer-events: none;
}

#digiplatvorm_banner.parallax .bottom_decoration {
    --height: 40px;
    --clip: 12px;
    height: var(--height);
    margin-bottom: calc(0px - calc(var(--height) / 2));
}

#digiplatvorm_banner.parallax .bottom_decoration {
    display: flex;
    flex-direction: column;
}

#digiplatvorm_banner.parallax .bottom_decoration > * {
    height: 100%;
    width: 100%;
}

#digiplatvorm_banner.parallax .bottom_decoration .top {
    position: relative;
    min-height: 28px;
}

#digiplatvorm_banner.parallax .bottom_decoration .top .layer {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: var(--secondary-100);
    clip-path: polygon(0 calc(0% + var(--clip)), 50% calc(0% + var(--clip)), calc(50% + calc(var(--clip) * 1.5)) 0, 100% 0, 100% calc(100% - var(--clip)), calc(50% + calc(var(--clip) * 1.5)) calc(100% - var(--clip)), 50% 100%, 0 100%);
    -webkit-clip-path: polygon(0 calc(0% + var(--clip)), 50% calc(0% + var(--clip)), calc(50% + calc(var(--clip) * 1.5)) 0, 100% 0, 100% calc(100% - var(--clip)), calc(50% + calc(var(--clip) * 1.5)) calc(100% - var(--clip)), 50% 100%, 0 100%);
}

#digiplatvorm_banner.parallax .bottom_decoration .top .layer:first-child {
    background-color: var(--primary-100);
    transform: translateY(4px);
    clip-path: polygon(0 calc(0% + var(--clip)), calc(50% + calc(var(--clip) / 1.5)) calc(0% + var(--clip)), calc(50% + calc(var(--clip) * 1.5) + calc(var(--clip) / 1.5)) 0, 100% 0, 100% calc(100% - var(--clip)), calc(50% + calc(var(--clip) * 1.5) + calc(var(--clip) / 1.5)) calc(100% - var(--clip)), calc(50% + calc(var(--clip) / 1.5)) 100%, 0 100%);
    -webkit-clip-path: polygon(0 calc(0% + var(--clip)), calc(50% + calc(var(--clip) / 1.5)) calc(0% + var(--clip)), calc(50% + calc(var(--clip) * 1.5) + calc(var(--clip) / 1.5)) 0, 100% 0, 100% calc(100% - var(--clip)), calc(50% + calc(var(--clip) * 1.5) + calc(var(--clip) / 1.5)) calc(100% - var(--clip)), calc(50% + calc(var(--clip) / 1.5)) 100%, 0 100%);
}

#digiplatvorm_banner.parallax .bottom_decoration .bottom {
    --middle-width: 32px;
    --middle-line-area: 12px;
    display: flex;
}

#digiplatvorm_banner.parallax .bottom_decoration .bottom > * {
    height: 100%;
}

#digiplatvorm_banner.parallax .bottom_decoration .bottom .left {
    position: relative;
    border-bottom: var(--deco-width) solid var(--secondary-100);
    width: calc(50% + calc(var(--clip) * 2));
}

#digiplatvorm_banner.parallax .bottom_decoration .bottom .left .cut {
    position: absolute;
    bottom: -2px;
    left: 0;
    height: calc(var(--deco-width) + 2px);
    width: 16px;
    background-color: var(--bg-color);
}

#digiplatvorm_banner.parallax .bottom_decoration .bottom .left .cut:nth-child(2) {
    left: 6%;
}

#digiplatvorm_banner.parallax .bottom_decoration .bottom .left .cut:nth-child(3) {
    left: 13%;
}

#digiplatvorm_banner.parallax .bottom_decoration .bottom .left .cut:nth-child(4) {
    left: 24%;
}

#digiplatvorm_banner.parallax .bottom_decoration .bottom .middle {
    max-width: var(--middle-width);
    width: 100%;
    background-color: var(--secondary-100);
    clip-path: polygon(0 calc(100% - var(--deco-width)), calc(0% + 1px) calc(100% - var(--deco-width)), 50% 0, 100% 0, 100% calc(0% + var(--deco-width)), calc(50% + calc(var(--deco-width) * 0.75)) calc(0% + var(--deco-width)), calc(0% + calc(1px + calc(var(--deco-width) * 0.75))) 100%, 0 100%);
    -webkit-clip-path: polygon(0 calc(100% - var(--deco-width)), calc(0% + 1px) calc(100% - var(--deco-width)), 50% 0, 100% 0, 100% calc(0% + var(--deco-width)), calc(50% + calc(var(--deco-width) * 0.75)) calc(0% + var(--deco-width)), calc(0% + calc(1px + calc(var(--deco-width) * 0.75))) 100%, 0 100%);
}

#digiplatvorm_banner.parallax .bottom_decoration .bottom .right {
    border-top: var(--deco-width) solid var(--secondary-100);
    width: calc(50% - calc(var(--clip) * 2) - var(--middle-width));
}

#digiplatvorm_banner.default .bottom_decoration {
    background-color: var(--bg-color);
    height: 160px;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
    margin-bottom: -2px;
}

@media screen and (max-width: 1600px) {
    #digiplatvorm_banner .text_parallax {
        display: none;
    }

    #digiplatvorm_banner.parallax > .background.model {
        transform: translateX(-256px);
        left: 0;
    }

    #digiplatvorm_banner.parallax > .background.wallpaper .image {
        background-size: cover;
    }
}

@media screen and (max-width: 1400px) {
    #digiplatvorm_banner.parallax > .background.model {
        display: none;
    }
}

@media screen and (max-width: 1200px) {
    #digiplatvorm_banner .content .content_box {
        max-width: 100%;
        padding: 32px;
    }
}

@media screen and (max-width: 900px) {
    #digiplatvorm_banner .content .content_box .content_wrap .buttons_wrap {
        flex-wrap: wrap;
        gap: 12px 24px;
    }

    #digiplatvorm_banner.parallax .content .content_box .content_wrap .buttons_wrap .decoration {
        display: none;
    }
}