.template {
 content: "TEG Header Modular v2";
}
#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 {
   min-height: 100vw;
 }
}
@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 {
 grid-gap: 0px;
 grid-template-rows: repeat(4, 22vw) auto;
 grid-template-columns: repeat(4, 22vw);
 display: grid;
 position: relative;
 padding: 6.25vw !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;
 transition: all .3s;
 position: absolute;
 left: 50%;
 translate: 100%;
}
.TEG-header-modular .stage-area > div:before {
 transform-origin: 0 0;
 rotate: 90deg;
 grid-area: 1 / 1 / 2 / 5 !important;
}
.TEG-header-modular .stage-area > div:after {
 transform-origin: 0 100%;
 bottom: 0;
 rotate: -90deg;
 grid-area: 4 / 1 / 5 / 5 !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 / 4 / 3 !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.gradient-white-xl .stage-area > div > .elementlist:before {
   content: "";
   pointer-events: none;
   z-index: 10;
   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%);
   position: absolute;
   inset: 0;
 }
 .TEG-header-modular.gradient-white-xl.triangles-right .stage-area > div > .elementlist:before {
   scale: -1 1;
 }
 .TEG-header-modular.gradient-grey-xl .stage-area > div > .elementlist:before {
   content: "";
   pointer-events: none;
   z-index: 10;
   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%);
   position: absolute;
   inset: 0;
 }
 .TEG-header-modular.gradient-grey-xl.triangles-right .stage-area > div > .elementlist:before {
   scale: -1 1;
 }
}
.TEG-header-modular.triangles-green .stage-area > div:before, .TEG-header-modular.triangles-green .stage-area > div:after {
 background: var(--tdk-gradient-green);
}
.TEG-header-modular.triangles-purple .stage-area > div:before, .TEG-header-modular.triangles-purple .stage-area > div:after {
 background: var(--tdk-gradient-purple);
}
.TEG-header-modular.triangles-white .stage-area > div:before, .TEG-header-modular.triangles-white .stage-area > div:after {
 background: var(--tdk-color-white) !important;
}
@media (width <= 576px) {
 .TEG-header-modular.triangles-white-sm .stage-area > div:before, .TEG-header-modular.triangles-white-sm .stage-area > div:after {
   background: var(--tdk-color-white) !important;
 }
}
@media (width > 576px) {
 .TEG-header-modular.triangles-right .stage-area > div:before, .TEG-header-modular.triangles-right .stage-area > div:after {
   left: 100%;
   translate: 100%;
 }
 .TEG-header-modular.triangles-right .stage-area > div:before {
   grid-area: 1 / 3 / 2 / 4 !important;
 }
 .TEG-header-modular.triangles-right .stage-area > div:after {
   grid-area: 4 / 3 / 5 / 4 !important;
 }
 .TEG-header-modular.triangles-right .stage-area > div > .textfragment {
   align-self: center;
   padding-left: 33%;
   grid-area: 2 / 3 / 4 / 5 !important;
 }
}
.TEG-header-modular.triangles-horizontal .stage-area > div:before, .TEG-header-modular.triangles-horizontal .stage-area > div:after {
 left: unset;
 height: 25vw;
 top: 50%;
 translate: 0 -50%;
 rotate: none;
}
@media (width > 576px) {
 .TEG-header-modular.triangles-horizontal .stage-area > div:before, .TEG-header-modular.triangles-horizontal .stage-area > div:after {
   height: calc(var(--stage-area-height) / 4);
 }
}
.TEG-header-modular.triangles-horizontal .stage-area > div:before {
 left: 0;
 grid-area: 3 / 1 / 5 / 2 !important;
}
@media (width > 576px) {
 .TEG-header-modular.triangles-horizontal .stage-area > div:before {
   grid-area: 2 / 1 / 4 / 2 !important;
 }
}
.TEG-header-modular.triangles-horizontal .stage-area > div:after {
 right: 0;
 bottom: unset;
 transform-origin: center;
 rotate: 180deg;
 grid-area: 3 / 4 / 5 / 5 !important;
}
@media (width > 576px) {
 .TEG-header-modular.triangles-horizontal .stage-area > div:after {
   grid-area: 2 / 4 / 4 / 5 !important;
 }
}
.TEG-header-modular.triangles-horizontal .stage-area > div > .textfragment {
 place-self: center;
 padding: 0;
 grid-area: 1 / 1 / 3 / 5 !important;
}
@media (width > 576px) {
 .TEG-header-modular.triangles-horizontal .stage-area > div > .textfragment {
   grid-area: 1 / 1 / 2 / 5 !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-sm .stage-area > div:before, .TEG-header-modular.triangles-hidden-sm .stage-area > div:after {
   display: none !important;
 }
}
@media (width > 576px) {
 .TEG-header-modular.triangles-hidden-xl .stage-area > div:before, .TEG-header-modular.triangles-hidden-xl .stage-area > div:after {
   display: none !important;
 }
}
.TEG-header-modular.text-white .stage-area > div > .textfragment * {
 color: var(--tdk-color-white);
}
.TEG-header-modular.text-hidden .stage-area > div > .textfragment {
 display: none !important;
}
@media (width < 576px) {
 .TEG-header-modular.header-large .stage-area {
   min-height: 133vw;
 }
}
@media (width > 576px) {
 .TEG-header-modular.header-large .stage-area {
   --stage-font-size: calc(var(--stage-max-width) * .012);
   height: calc(var(--stage-max-width) / 2);
 }
 .TEG-header-modular.header-large .stage-area > div > .textfragment .image-wrapper {
   top: calc(var(--stage-max-width) * .2);
 }
}
.TEG-header-modular.header-large .stage-area > div > .elementlist {
 margin: 0 !important;
}
.TEG-header-modular.header-large .stage-area > div > .elementlist > div {
 overflow: unset;
}
.TEG-header-modular.header-large .stage-area > div > .elementlist .image-wrapper, .TEG-header-modular.header-large .stage-area > div > .elementlist .video-wrapper {
 aspect-ratio: 3 / 4 !important;
}
@media (width > 576px) {
 .TEG-header-modular.header-large .stage-area > div > .elementlist .image-wrapper, .TEG-header-modular.header-large .stage-area > div > .elementlist .video-wrapper {
   aspect-ratio: 2 !important;
 }
 .TEG-header-modular.header-large.triangles-horizontal .stage-area > div:before, .TEG-header-modular.header-large.triangles-horizontal .stage-area > div:after {
   height: calc(var(--stage-area-height) / 4);
 }
}
.TEG-header-modular.bg-blue .stage-area {
 background-color: #029;
}
.TEG-header-modular.bg-grey .stage-area {
 background-color: #dee2e7;
}
@media (width > 576px) {
 .TEG-header-modular.header-bg-centered .stage-area > div > .elementlist > div:has(.image-wrapper), .TEG-header-modular.header-bg-centered .stage-area > div > .elementlist > div:has(.video-wrapper) {
   margin-left: calc(var(--stage-max-width) * .2);
 }
}
@media (width < 576px) {
 .TEG-header-modular.header-shape .stage-area > div > .textfragment {
   padding-top: 95vw;
   padding-bottom: 10vw;
 }
}
@media (width > 576px) {
 .TEG-header-modular.header-shape .stage-area > div > .textfragment {
   max-height: calc(var(--stage-max-width) * .4);
   max-width: calc(var(--stage-max-width) * .4);
   padding-top: calc(var(--stage-max-width) * .085);
   padding-inline: calc(var(--stage-max-width) * .05);
 }
}
.TEG-header-modular.header-shape .stage-area:after {
 content: "";
 z-index: 1;
 background: url("data:image/svg+xml;utf8,<svg width=\"500\" height=\"1000\" viewBox=\"0 0 500 1000\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M500 78.8379L49.6183 0L0 63.5789V1000H500V78.8379Z\" fill=\"white\"/></svg>") center / cover no-repeat;
 position: absolute;
 inset: 0;
}
@media (width < 576px) {
 .TEG-header-modular.header-shape .stage-area:after {
   background-position-y: 83vw;
 }
}
@media (width > 576px) {
 .TEG-header-modular.header-shape .stage-area:after {
   right: calc(var(--stage-max-width) * .6);
   opacity: .9;
   background-image: url("data:image/svg+xml;utf8,<svg width=\"1550\" height=\"1000\" viewBox=\"0 0 1550 1000\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1550 201.502L1293.71 0H0V1000H1408.73L1550 201.502Z\" fill=\"white\"/></svg>");
   background-position-x: 100%;
 }
 .TEG-header-modular.header-shape.header-shape-right .stage-area > div > .textfragment {
   margin-left: calc(var(--stage-max-width) * .6);
 }
 .TEG-header-modular.header-shape.header-shape-right .stage-area > div > .textfragment .richtext > * {
   text-align: right;
   margin-left: auto;
 }
 .TEG-header-modular.header-shape.header-shape-right .stage-area > div > .textfragment .image-wrapper {
   left: unset;
   right: calc(var(--stage-max-width) * .74);
 }
 .TEG-header-modular.header-shape.header-shape-right .stage-area:after {
   left: calc(var(--stage-max-width) * .6);
   transform: scaleX(-1);
   right: 0 !important;
 }
}
@media (width < 576px) {
 .TEG-header-modular.header-shape.header-large .stage-area > div > .textfragment {
   padding-top: 121vw;
   padding-bottom: 10vw;
 }
}
@media (width > 576px) {
 .TEG-header-modular.header-shape.header-large .stage-area > div > .textfragment {
   max-width: calc(var(--stage-max-width) * .45);
   padding-top: calc(var(--stage-max-width) * .1);
 }
}
.TEG-header-modular.header-shape.header-large .stage-area:after {
 opacity: .9;
}
@media (width < 576px) {
 .TEG-header-modular.header-shape.header-large .stage-area:after {
   background-position-y: 110vw;
 }
}
@media (width > 576px) {
 .TEG-header-modular.header-shape.header-large .stage-area:after {
   right: calc(var(--stage-max-width) * .55);
 }
 .TEG-header-modular.header-shape.header-large.header-shape-right .stage-area > div > .textfragment, .TEG-header-modular.header-shape.header-large.header-shape-right .stage-area > div > .textfragment p {
   margin-left: calc(var(--stage-max-width) * .55);
 }
 .TEG-header-modular.header-shape.header-large.header-shape-right .stage-area:after {
   left: calc(var(--stage-max-width) * .55);
 }
}
.TEG-header-modular.header-shape.header-shape-op0 .stage-area:after {
 opacity: 0;
}
@media (width > 576px) {
 .TEG-header-modular.header-shape.header-shape-op100 .stage-area {
   box-shadow: var(--tdk-shadow-base);
 }
}
.TEG-header-modular.header-shape.header-shape-op100 .stage-area:after {
 opacity: 1;
}
.TEG-header-modular.header-shape.header-shape-blue .stage-area .textfragment * {
 color: var(--tdk-color-white);
}
.TEG-header-modular.header-shape.header-shape-blue .stage-area:after {
 background-image: url("data:image/svg+xml;utf8,<svg width=\"500\" height=\"1000\" viewBox=\"0 0 500 1000\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M500 78.8379L49.6183 0L0 63.5789V1000H500V78.8379Z\" fill=\"%230046ad\"/></svg>");
}
@media (width > 576px) {
 .TEG-header-modular.header-shape.header-shape-blue .stage-area:after {
   background-image: url("data:image/svg+xml;utf8,<svg width=\"1550\" height=\"1000\" viewBox=\"0 0 1550 1000\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1550 201.502L1293.71 0H0V1000H1408.73L1550 201.502Z\" fill=\"%230046ad\"/></svg>");
 }
}
@media (width < 576px) {
 .TEG-header-modular.header-shape.header-shape-mobile-hidden .stage-area .textfragment, .TEG-header-modular.header-shape.header-shape-mobile-hidden .stage-area:after {
   display: none;
 }
}
@media (width > 576px) {
 .TEG-header-modular.header-shape.header-shape-desktop-hidden .stage-area .textfragment, .TEG-header-modular.header-shape.header-shape-desktop-hidden .stage-area:after {
   display: none;
 }
}
.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);
 }
}
/*# sourceMappingURL=TEG_Frontend.2cfd910e.css.map */