.template {
 content: "TEG Header Modular v3";
}
#title_2988284 {
 display: none !important;
}
.TEG-header-modular .content-frame {
 padding-inline: 0 !important;
}
.TEG-header-modular .content-frame > .container h1 {
 display: none;
}
.TEG-header-modular .stage-area {
 --stage-max-width: 100vw;
 --stage-font-size: 1rem;
 width: var(--stage-max-width);
 background-color: var(--tdk-color-grey-10);
 margin: 0 0 10vw;
 position: relative;
 padding-inline: 0 !important;
 display: block !important;
}
@media (width <= 576px) {
 .TEG-header-modular .stage-area {
   --stage-width: 100vw;
   --stage-height: 100vw;
   min-height: var(--stage-height);
 }
}
@media (width > 576px) {
 .TEG-header-modular .stage-area {
   --stage-font-size: calc(var(--stage-max-width) * .01);
   aspect-ratio: 5 / 2;
   margin-inline: auto;
   margin-bottom: calc(var(--stage-max-width) * .05);
   overflow: hidden;
 }
}
@media (width >= 2500px) {
 .TEG-header-modular .stage-area {
   --stage-max-width: 2500px;
   max-width: var(--stage-max-width);
 }
}
.TEG-header-modular .stage-area > div {
 --stage-pad: calc(100vw / 16);
 --stage-cols-x: calc((var(--stage-width)  - var(--stage-pad) * 2) / 4);
 --stage-cols-y: calc((var(--stage-height)  - var(--stage-pad) * 2) / 4);
 grid-template-columns: repeat(4, var(--stage-cols-x));
 grid-template-rows: repeat(4, var(--stage-cols-y)) auto;
 grid-gap: 0px;
 display: grid;
 position: relative;
 padding: var(--stage-pad) !important;
}
.TEG-header-modular .stage-area > div:before, .TEG-header-modular .stage-area > div:after {
 content: "";
 pointer-events: none;
 z-index: 13;
 clip-path: polygon(0 0, 100% 50%, 0 100%);
 aspect-ratio: 1 / 2;
 background: var(--tdk-gradient-blue);
 height: 25vw;
 position: absolute;
 left: 50%;
 translate: 100%;
}
.TEG-header-modular .stage-area > div:before {
 transform-origin: 0 0;
 rotate: 90deg;
 grid-area: 1 / 1 / span 1 / -1 !important;
}
.TEG-header-modular .stage-area > div:after {
 transform-origin: 0 100%;
 bottom: 0;
 rotate: -90deg;
 grid-area: 4 / 1 / span 1 / -1 !important;
}
@media (width > 576px) {
 .TEG-header-modular .stage-area > div {
   grid-template-rows: repeat(4, 1fr);
   grid-template-columns: repeat(4, 1fr);
   position: absolute;
   inset: 0;
   padding: calc(var(--stage-area-height) / 16) !important;
 }
 .TEG-header-modular .stage-area > div:before, .TEG-header-modular .stage-area > div:after {
   height: calc(var(--stage-area-height) / 4);
   left: 50%;
   translate: 100%;
 }
 .TEG-header-modular .stage-area > div:before {
   transform-origin: 0 0;
   rotate: 90deg;
   grid-area: 1 / 1 / 2 / 2 !important;
 }
 .TEG-header-modular .stage-area > div:after {
   transform-origin: 0 100%;
   bottom: 0;
   rotate: -90deg;
   grid-area: 4 / 1 / 5 / 2 !important;
 }
}
.TEG-header-modular .stage-area > div > .textfragment {
 z-index: 15;
 padding-top: 12.5vw;
 position: relative;
 grid-area: 6 / 1 / -1 / -1 !important;
}
@media (width > 576px) {
 .TEG-header-modular .stage-area > div > .textfragment {
   align-self: center;
   padding-top: 0;
   padding-left: 6.25%;
   grid-area: 2 / 1 / span 2 / span 2 !important;
 }
}
.TEG-header-modular .stage-area > div > .textfragment .richtext > * {
 text-align: left;
 margin-bottom: calc(var(--stage-max-width) * .04);
 line-height: 1.2;
}
@media (width > 576px) {
 .TEG-header-modular .stage-area > div > .textfragment .richtext > * {
   margin-bottom: calc(var(--stage-max-width) * .02);
 }
}
.TEG-header-modular .stage-area > div > .textfragment .richtext > :last-child {
 margin-bottom: 0;
}
.TEG-header-modular .stage-area > div > .textfragment h1 {
 font-size: calc(var(--stage-font-size) * 3.2);
}
.TEG-header-modular .stage-area > div > .textfragment h2 {
 font-size: calc(var(--stage-font-size) * 2.8);
}
.TEG-header-modular .stage-area > div > .textfragment h3 {
 font-size: calc(var(--stage-font-size) * 1.8);
 line-height: 1.4 !important;
}
@media (width > 576px) {
 .TEG-header-modular .stage-area > div > .textfragment h3 {
   max-width: 90%;
 }
}
.TEG-header-modular .stage-area > div > .textfragment h5 {
 font-size: calc(var(--stage-font-size) * 1.6);
}
.TEG-header-modular .stage-area > div > .textfragment p {
 font-size: calc(var(--stage-font-size) * 1.7);
 line-height: 1.4 !important;
}
@media (width > 576px) {
 .TEG-header-modular .stage-area > div > .textfragment p {
   font-size: calc(var(--stage-font-size) * 1.3);
   max-width: 80%;
 }
}
@media (width <= 576px) {
 .TEG-header-modular .stage-area > div > .textfragment .image-wrapper {
   display: none;
 }
}
@media (width > 576px) {
 .TEG-header-modular .stage-area > div > .textfragment .image-wrapper {
   top: calc(var(--stage-max-width) * .05);
   left: calc(var(--stage-max-width) * .7);
   width: calc(var(--stage-max-width) * .2);
   aspect-ratio: 1;
   padding: calc(var(--stage-max-width) * .015);
   border-radius: 100%;
   position: absolute;
 }
 .TEG-header-modular .stage-area > div > .textfragment .image-wrapper img {
   aspect-ratio: 1;
   object-fit: cover;
 }
}
.TEG-header-modular .stage-area > div > .elementlist {
 margin: 0 !important;
}
.TEG-header-modular .stage-area > div > .elementlist .textfragment, .TEG-header-modular .stage-area > div > .elementlist > div {
 display: none;
}
@media (width <= 576px) {
 .TEG-header-modular .stage-area > div > .elementlist > div:first-child {
   display: block;
 }
}
@media (width > 576px) {
 .TEG-header-modular .stage-area > div > .elementlist > div:nth-child(2) {
   display: block;
 }
}
.TEG-header-modular .stage-area > div > .elementlist > div:first-child, .TEG-header-modular .stage-area > div > .elementlist > div:nth-child(2) {
 pointer-events: none;
 z-index: 0;
 padding: 0;
 position: absolute;
 inset: 0;
 overflow: hidden;
}
@media (width > 576px) {
 .TEG-header-modular .stage-area > div > .elementlist > div:first-child .image-wrapper, .TEG-header-modular .stage-area > div > .elementlist > div:nth-child(2) .image-wrapper {
   height: 50vw !important;
   max-height: 100% !important;
 }
}
.TEG-header-modular .stage-area > div > .elementlist > div:first-child .image-wrapper img, .TEG-header-modular .stage-area > div > .elementlist > div:nth-child(2) .image-wrapper img {
 object-fit: cover;
 width: 100%;
 height: 100%;
}
.TEG-header-modular .stage-area > div > .elementlist > div:first-child .image-wrapper img:after, .TEG-header-modular .stage-area > div > .elementlist > div:nth-child(2) .image-wrapper img:after {
 display: none !important;
}
.TEG-header-modular .stage-area > div > .elementlist > div:first-child .video-wrapper, .TEG-header-modular .stage-area > div > .elementlist > div:nth-child(2) .video-wrapper {
 --arh: 16;
 --arv: 9;
 position: absolute;
 inset: 0;
}
@media (width <= 576px) {
 .TEG-header-modular .stage-area > div > .elementlist > div:first-child .video-wrapper, .TEG-header-modular .stage-area > div > .elementlist > div:nth-child(2) .video-wrapper {
   aspect-ratio: 1;
 }
}
@media (width > 576px) {
 .TEG-header-modular .stage-area > div > .elementlist > div:first-child .video-wrapper, .TEG-header-modular .stage-area > div > .elementlist > div:nth-child(2) .video-wrapper {
   aspect-ratio: 5 / 2;
 }
}
.TEG-header-modular .stage-area > div > .elementlist > div:first-child .video-wrapper .poster-frame, .TEG-header-modular .stage-area > div > .elementlist > div:nth-child(2) .video-wrapper .poster-frame {
 z-index: 0;
 opacity: .3;
 background-position: center;
 background-repeat: no-repeat;
 position: absolute;
 inset: 0;
 background-size: cover !important;
}
.TEG-header-modular .stage-area > div > .elementlist > div:first-child .video-wrapper iframe, .TEG-header-modular .stage-area > div > .elementlist > div:nth-child(2) .video-wrapper iframe {
 z-index: 2;
 width: calc(100% * var(--arh) / var(--arv));
 width: calc(100% / var(--arv) * var(--arh));
 background: none;
 border: 0;
 height: 100%;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}
@media (width >= 576px) {
 .TEG-header-modular .stage-area > div > .elementlist > div:first-child .video-wrapper iframe, .TEG-header-modular .stage-area > div > .elementlist > div:nth-child(2) .video-wrapper iframe {
   width: var(--stage-max-width);
   height: calc(var(--stage-max-width) / var(--arh) * var(--arv));
 }
}
@media (width <= 576px) {
 .TEG-header-modular.size-large .stage-area {
   --stage-height: 175vw !important;
 }
}
@media (width > 576px) {
 .TEG-header-modular.size-large .stage-area {
   --stage-font-size: calc(var(--stage-max-width) * .012);
   height: calc(var(--stage-max-width) / 2);
 }
 .TEG-header-modular.size-large .stage-area > div > .textfragment .image-wrapper {
   top: calc(var(--stage-max-width) * .2);
 }
}
.TEG-header-modular.size-large .stage-area > div > .elementlist {
 margin: 0 !important;
}
.TEG-header-modular.size-large .stage-area > div > .elementlist > div {
 overflow: unset;
}
.TEG-header-modular.size-large .stage-area > div > .elementlist .image-wrapper, .TEG-header-modular.size-large .stage-area > div > .elementlist .video-wrapper {
 aspect-ratio: 3 / 4 !important;
 aspect-ratio: var(--stage-width) / var(--stage-height) !important;
}
@media (width > 576px) {
 .TEG-header-modular.size-large .stage-area > div > .elementlist .image-wrapper, .TEG-header-modular.size-large .stage-area > div > .elementlist .video-wrapper {
   aspect-ratio: 2 !important;
 }
 .TEG-header-modular.size-large.triangles-horizontal .stage-area > div:before, .TEG-header-modular.size-large.triangles-horizontal .stage-area > div:after {
   height: calc(var(--stage-area-height) / 4);
 }
}
.TEG-header-modular.bg-color.blue .stage-area {
 background-color: #029;
}
.TEG-header-modular.bg-color.grey .stage-area {
 background-color: #dee2e7;
}
.TEG-header-modular.bg-gradient .stage-area > div > .elementlist:before {
 content: "";
 pointer-events: none;
 z-index: 10;
 position: absolute;
 inset: 0;
}
.TEG-header-modular.bg-gradient.triangles-right .stage-area > div > .elementlist:before {
 scale: -1 1;
}
@media (width > 576px) {
 .TEG-header-modular.bg-gradient.white-xl .stage-area > div > .elementlist:before {
   background: linear-gradient(90deg, #ffffffe6 0% 25%, #fffc 39%, #ffffffb3 48%, #fff9 56%, #ffffff80 63%, #fff6 69%, #ffffff4d 75%, #fff3 81%, #ffffff1a 89%, #fff0 100%);
 }
 .TEG-header-modular.bg-gradient.grey-xl .stage-area > div > .elementlist:before {
   background: linear-gradient(90deg, #dee3e7 0% 25%, #dee3e7e3 39%, #dee3e7c7 48%, #dee3e7ab 56%, #dee3e78f 63%, #dee3e770 69%, #dee3e754 75%, #dee3e738 81%, #dee3e71c 89%, #dee3e700 100%);
 }
 .TEG-header-modular.bg-gradient.dark-xl .stage-area > div > .elementlist:before {
   background-image: linear-gradient(to right, #000 0%, 66%, #0000 100%);
   background-image: linear-gradient(to right in hsl longer hue, #000000b3, 66%, #0000 100%);
 }
 .TEG-header-modular.bg-centered .stage-area > div > .elementlist > div:has(.image-wrapper), .TEG-header-modular.bg-centered .stage-area > div > .elementlist > div:has(.video-wrapper) {
   margin-left: calc(var(--stage-max-width) * .2);
 }
}
.TEG-header-modular.triangle-color.gradient-green .stage-area > div:before, .TEG-header-modular.triangle-color.gradient-green .stage-area > div:after {
 background: var(--tdk-gradient-green);
}
.TEG-header-modular.triangle-color.purple .stage-area > div:before, .TEG-header-modular.triangle-color.purple .stage-area > div:after {
 background: var(--tdk-gradient-purple);
}
.TEG-header-modular.triangle-color.white .stage-area > div:before, .TEG-header-modular.triangle-color.white .stage-area > div:after {
 background: var(--tdk-color-white) !important;
}
@media (width <= 576px) {
 .TEG-header-modular.triangle-color.white-sm .stage-area > div:before, .TEG-header-modular.triangle-color.white-sm .stage-area > div:after {
   background: var(--tdk-color-white) !important;
 }
 .TEG-header-modular.triangle-position.bottom-center-sm .stage-area > div:before {
   left: 100%;
   translate: 100%;
   grid-area: 3 / 2 / span 1 / span 1 !important;
 }
 .TEG-header-modular.triangle-position.bottom-center-sm .stage-area > div:after {
   display: none;
 }
 .TEG-header-modular.triangle-position.bottom-center-sm .stage-area > div > .textfragment {
   grid-area: 3 / 1 / -1 / -1 !important;
 }
}
@media (width > 576px) {
 .TEG-header-modular.triangle-position.bottom-left-xl .stage-area > div:before, .TEG-header-modular.triangle-position.bottom-left-xl .stage-area > div:after {
   left: 100%;
   translate: 100%;
 }
 .TEG-header-modular.triangle-position.bottom-left-xl .stage-area > div:before {
   grid-area: 1 / 3 / span 1 / span 1 !important;
 }
 .TEG-header-modular.triangle-position.bottom-left-xl .stage-area > div:after {
   grid-area: 4 / 3 / span 1 / span 1 !important;
 }
 .TEG-header-modular.triangle-position.bottom-left-xl .stage-area > div > .textfragment {
   align-self: center;
   padding-left: 33%;
   grid-area: 2 / 3 / span 2 / span 1 !important;
 }
 .TEG-header-modular.triangle-position.bottom-right-xl .stage-area > div:before {
   left: 0;
   translate: 0 38%;
   grid-area: 3 / 2 / span 1 / span 1 !important;
   rotate: none !important;
 }
 .TEG-header-modular.triangle-position.bottom-right-xl .stage-area > div:after {
   display: none;
 }
 .TEG-header-modular.triangle-position.bottom-right-xl .stage-area > div > .textfragment {
   align-self: center;
   padding-left: 15%;
   grid-area: 3 / 2 / span 2 / span 3 !important;
 }
 .TEG-header-modular.triangle-position.right .stage-area > div:before, .TEG-header-modular.triangle-position.right .stage-area > div:after {
   left: 100%;
   translate: 100%;
 }
 .TEG-header-modular.triangle-position.right .stage-area > div:before {
   grid-area: 1 / 3 / span 1 / span 1 !important;
 }
 .TEG-header-modular.triangle-position.right .stage-area > div:after {
   grid-area: 4 / 3 / span 1 / span 1 !important;
 }
 .TEG-header-modular.triangle-position.right .stage-area > div > .textfragment {
   align-self: center;
   padding-left: 33%;
   grid-area: 2 / 3 / span 2 / span 1 !important;
 }
}
.TEG-header-modular.triangle-position.horizontal .stage-area > div:before, .TEG-header-modular.triangle-position.horizontal .stage-area > div:after {
 left: unset;
 height: 25vw;
 top: 50%;
 translate: 0 -50%;
 rotate: none;
}
@media (width > 576px) {
 .TEG-header-modular.triangle-position.horizontal .stage-area > div:before, .TEG-header-modular.triangle-position.horizontal .stage-area > div:after {
   height: calc(var(--stage-area-height) / 4);
 }
}
.TEG-header-modular.triangle-position.horizontal .stage-area > div:before {
 left: 0;
 grid-area: 3 / 1 / -1 / span 1 !important;
}
@media (width > 576px) {
 .TEG-header-modular.triangle-position.horizontal .stage-area > div:before {
   grid-area: 2 / 1 / span 2 / span 1 !important;
 }
}
.TEG-header-modular.triangle-position.horizontal .stage-area > div:after {
 right: 0;
 bottom: unset;
 transform-origin: center;
 rotate: 180deg;
 grid-area: 3 / 4 / -1 / -1 !important;
}
@media (width > 576px) {
 .TEG-header-modular.triangle-position.horizontal .stage-area > div:after {
   grid-area: 2 / 4 / span 2 / -1 !important;
 }
}
.TEG-header-modular.triangle-position.horizontal .stage-area > div > .textfragment {
 place-self: center;
 padding: 0;
 grid-area: 1 / 1 / span 2 / -1 !important;
}
@media (width > 576px) {
 .TEG-header-modular.triangle-position.horizontal .stage-area > div > .textfragment {
   grid-area: 1 / 1 / span 1 / -1 !important;
 }
}
.TEG-header-modular.triangles-hidden .stage-area > div:before, .TEG-header-modular.triangles-hidden .stage-area > div:after {
 display: none !important;
}
@media (width <= 576px) {
 .TEG-header-modular.triangles-hidden.only-sm .stage-area > div:before, .TEG-header-modular.triangles-hidden.only-sm .stage-area > div:after {
   display: none !important;
 }
}
@media (width > 576px) {
 .TEG-header-modular.triangles-hidden.only-xl .stage-area > div:before, .TEG-header-modular.triangles-hidden.only-xl .stage-area > div:after {
   display: none !important;
 }
 .TEG-header-modular.header-text.white .stage-area > div > .textfragment * {
   color: var(--tdk-color-white);
 }
}
.TEG-header-modular.header-text.text-hidden .stage-area > div > .textfragment {
 display: none !important;
}
@media (width <= 576px) {
 .TEG-header-modular.header-text.text-centered.only-sm .stage-area > div > .textfragment {
   justify-content: center;
   align-items: center;
   display: flex;
 }
 .TEG-header-modular.header-text.text-centered.only-sm .stage-area > div > .textfragment .richtext > * {
   text-align: center;
 }
}
.TEG-header-modular .content-frame:has( > .container:first-child .breadcrumbs) .stage-area:before {
 content: "";
 z-index: 8;
 height: var(--breadcrumb-height);
 background-color: var(--tdk-color-white-80);
 position: absolute;
 inset: 0 0 auto;
}
.TEG-header-modular .stage-area > div > .elementlist > div > div.image-wrapper:after, .TEG-header-modular .stage-area > div > .elementlist > div > div.video-wrapper:after {
 content: "";
 z-index: -1;
 width: calc(var(--stage-font-size) * 11);
 aspect-ratio: 1;
 border: calc(var(--stage-font-size) * .25) solid var(--tdk-color-blue-30);
 border-left-color: var(--tdk-color-blue);
 border-radius: 50%;
 animation: 1s linear infinite rotate;
 display: block;
 position: absolute;
 top: 50%;
 left: 50%;
 translate: -50% -50%;
}
@keyframes rotate {
 0% {
   transform: rotate(0);
 }
 100% {
   transform: rotate(360deg);
 }
}
@media (width <= 576px) {
 .fixed-anchor {
   z-index: 20;
   height: auto;
   position: fixed;
   border-radius: 0 !important;
   inset: auto 0 0 !important;
 }
}
/*# sourceMappingURL=TEG_Frontend.2cfd910e.css.map */