.template {
 content: "TEG Header Modular";
}
.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 > .textfragment {
 z-index: 3;
 padding-top: calc(var(--stage-max-width) * .1);
 padding-inline: calc(var(--stage-max-width) * .1);
 position: relative;
}
@media (width >= 576px) {
 .TEG-header-modular .stage-area > div > .textfragment {
   padding-top: calc(var(--stage-max-width) * .05);
 }
}
.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) * .14);
   left: calc(var(--stage-max-width) * .74);
   width: calc(var(--stage-max-width) * .15);
   aspect-ratio: 1;
   box-shadow: var(--tdk-shadow-base);
   padding: calc(var(--stage-max-width) * .015);
   background: #eeed;
   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.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 .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-text-centered .stage-area > div > .textfragment {
 justify-content: center;
 align-items: center;
 display: flex;
}
.TEG-header-modular.header-text-centered .stage-area > div > .textfragment .richtext > * {
 text-align: center;
}
@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.header-shape.header-shape-bg-centered .stage-area > div > .elementlist > div:has(.image-wrapper), .TEG-header-modular.header-shape.header-shape-bg-centered .stage-area > div > .elementlist > div:has(.video-wrapper) {
   margin-left: calc(var(--stage-max-width) * .2);
 }
 .TEG-header-modular.header-shape.header-shape-bg-centered.header-shape-right .stage-area > div > .elementlist > div:has(.image-wrapper), .TEG-header-modular.header-shape.header-shape-bg-centered.header-shape-right .stage-area > div > .elementlist > div:has(.video-wrapper) {
   margin-left: auto;
   margin-right: calc(var(--stage-max-width) * .2);
 }
}
.TEG-header-modular.header-text-white .stage-area .textfragment * {
 color: var(--tdk-color-white);
}
.TEG-header-modular.header-bg-blue .stage-area {
 background-color: #029;
}
.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) * 10);
 aspect-ratio: 1;
 border: calc(var(--stage-font-size) * .3) 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=index.dd1ad73b.css.map */