.template {
 content: "HOME";
}
.container > .row:has(.breadcrumbs) {
 display: none !important;
}
.content-frame > .container {
 max-width: unset;
 padding: 0 var(--tdk-base-padding) !important;
}
@media (width >= 1200px) {
 .content-frame > .container {
   max-width: 1150px;
 }
}
.content-frame > .container .row {
 margin-inline: 0;
 display: block;
}
.content-frame > .container .col-12, .content-frame {
 padding: 0;
}
.btn {
 border-radius: var(--tdk-base-radius);
}
.TEG-reset .row {
 margin-inline: 0;
 display: block;
}
.TEG-reset .col, .TEG-reset .col-1, .TEG-reset .col-10, .TEG-reset .col-11, .TEG-reset .col-12, .TEG-reset .col-2, .TEG-reset .col-3, .TEG-reset .col-4, .TEG-reset .col-5, .TEG-reset .col-6, .TEG-reset .col-7, .TEG-reset .col-8, .TEG-reset .col-9, .TEG-reset .col-auto, .TEG-reset .col-lg, .TEG-reset .col-lg-1, .TEG-reset .col-lg-10, .TEG-reset .col-lg-11, .TEG-reset .col-lg-12, .TEG-reset .col-lg-2, .TEG-reset .col-lg-3, .TEG-reset .col-lg-4, .TEG-reset .col-lg-5, .TEG-reset .col-lg-6, .TEG-reset .col-lg-7, .TEG-reset .col-lg-8, .TEG-reset .col-lg-9, .TEG-reset .col-lg-auto, .TEG-reset .col-md, .TEG-reset .col-md-1, .TEG-reset .col-md-10, .TEG-reset .col-md-11, .TEG-reset .col-md-12, .TEG-reset .col-md-2, .TEG-reset .col-md-3, .TEG-reset .col-md-4, .TEG-reset .col-md-5, .TEG-reset .col-md-6, .TEG-reset .col-md-7, .TEG-reset .col-md-8, .TEG-reset .col-md-9, .TEG-reset .col-md-auto, .TEG-reset .col-sm, .TEG-reset .col-sm-1, .TEG-reset .col-sm-10, .TEG-reset .col-sm-11, .TEG-reset .col-sm-12, .TEG-reset .col-sm-2, .TEG-reset .col-sm-3, .TEG-reset .col-sm-4, .TEG-reset .col-sm-5, .TEG-reset .col-sm-6, .TEG-reset .col-sm-7, .TEG-reset .col-sm-8, .TEG-reset .col-sm-9, .TEG-reset .col-sm-auto, .TEG-reset .col-xl, .TEG-reset .col-xl-1, .TEG-reset .col-xl-10, .TEG-reset .col-xl-11, .TEG-reset .col-xl-12, .TEG-reset .col-xl-2, .TEG-reset .col-xl-3, .TEG-reset .col-xl-4, .TEG-reset .col-xl-5, .TEG-reset .col-xl-6, .TEG-reset .col-xl-7, .TEG-reset .col-xl-8, .TEG-reset .col-xl-9, .TEG-reset .col-xl-auto {
 max-width: unset;
 padding-inline: 0;
 position: static;
}
.TEG-reset .textfragment {
 color: unset;
}
.TEG-reset .textfragment h2 {
 margin-bottom: var(--tdk-base-padding);
}
.TEG-reset .richtext:empty {
 display: none;
}
.TEG-reset .elementlist {
 margin-bottom: 0;
}
.TEG-reset .elementlist a.teaser {
 color: unset;
 background: unset;
 margin-bottom: 0;
 display: block;
}
.TEG-reset .elementlist a.teaser .image-column .image-wrapper {
 width: auto;
 overflow: unset;
 margin: 0;
 position: relative;
}
.TEG-reset .elementlist a.teaser .image-column .image-wrapper img.teaser-picture {
 transition: unset;
}
.TEG-reset .elementlist a.teaser.image-zoom:hover img {
 transform: unset;
}
.TEG-reset .elementlist a.teaser .text-column .teaser-meta {
 padding-top: 0;
 padding-bottom: 0;
}
.TEG-reset .elementlist a.teaser .text-column .teaser-meta h3.teaser-title {
 margin-bottom: 0;
}
.TEG-reset .elementlist a.teaser .text-column .teaser-meta .teaser-text {
 padding-bottom: 0;
}
@media (width < 576px) {
 .TEG-reset .elementlist a.teaser .text-column .teaser-meta .teaser-text {
   display: block;
 }
}
.TEG-reset .elementlist a.teaser .text-column .teaser-meta .teaser-text .richtext p {
 line-height: auto;
}
.TEG-reset .elementlist a.teaser .text-column .teaser-meta .teaser-more span.arrow-link:after, .TEG-reset .elementlist a.teaser .text-column .teaser-meta .teaser-more span.arrow-link i.material-icons {
 display: none;
}
.TEG-stage {
 --tdk-color-blue-gradient: #095cff;
 --stage-factor: 3.7vw;
 --stage-aspect-X: 2;
 --stage-aspect-Y: 3;
 --stage-margin: calc(100vw / 16);
 --stage-inner: calc(100vw - 2 * var(--stage-margin));
 width: 100vw;
 max-width: 220rem;
 aspect-ratio: var(--stage-aspect-X) / var(--stage-aspect-Y);
 background-color: var(--tdk-color-gray-30);
 position: relative;
 inset: auto 50%;
 transform: translateX(-50%);
 margin-bottom: calc(var(--stage-factor) * 3) !important;
 padding: 0 !important;
}
@media (width > 576px) {
 .TEG-stage {
   --stage-factor: 1.25vw;
   --stage-aspect-X: 2;
   --stage-aspect-Y: 1;
   --stage-height: calc(100vw / var(--stage-aspect-X) * var(--stage-aspect-Y));
   --stage-margin: calc(var(--stage-height) / 16);
   --stage-inner: calc(var(--stage-height)  - 2 * var(--stage-margin));
 }
}
@media (width > 1400px) {
 .TEG-stage {
   --stage-aspect-X: 5;
   --stage-aspect-Y: 2;
 }
}
@media (width > 2200px) {
 .TEG-stage {
   --stage-factor: 2.75rem;
   --stage-height: calc(2200px / var(--stage-aspect-X) * var(--stage-aspect-Y));
 }
}
.TEG-stage .row {
 margin-inline: 0 !important;
}
.TEG-stage > .elementlist {
 height: 100%;
 position: relative;
 margin: 0 !important;
}
.TEG-stage > .elementlist > div {
 z-index: 1;
 --stage-bg-5: color-mix(in srgb, var(--tdk-color-blue) 60%, white);
 --stage-bg-4: color-mix(in srgb, var(--tdk-color-blue) 45%, white);
 --stage-bg-3: color-mix(in srgb, var(--tdk-color-blue) 38%, white);
 --stage-bg-2: color-mix(in srgb, var(--tdk-color-blue) 34%, white);
 --stage-bg-1: color-mix(in srgb, var(--tdk-color-blue) 30%, white);
 background: linear-gradient(90deg, var(--stage-bg-5), var(--stage-bg-4), var(--stage-bg-3), var(--stage-bg-2), var(--stage-bg-1), var(--stage-bg-2), var(--stage-bg-3), var(--stage-bg-4), var(--stage-bg-5));
 background-size: 180% 180%;
 animation: 6s infinite bg-animation;
 display: block;
 position: absolute;
 inset: 0;
 overflow: hidden;
}
@keyframes bg-animation {
 0% {
   background-position: 0%;
 }
 50% {
   background-position: 100%;
 }
 100% {
   background-position: 0%;
 }
}
.TEG-stage > .elementlist > div.active {
 z-index: 9;
}
@media (width > 576px) {
 .TEG-stage > .elementlist > div .elementlist > div:first-child {
   display: none;
 }
}
@media (width <= 576px) {
 .TEG-stage > .elementlist > div .elementlist > div:nth-child(2) {
   display: none;
 }
}
.TEG-stage > .elementlist > div .elementlist > div:has(.image-wrapper) {
 pointer-events: none;
 position: absolute;
 inset: 0;
}
.TEG-stage > .elementlist > div .elementlist > div:has(.image-wrapper) .image-wrapper {
 margin: 0;
}
@media (width > 576px) {
 .TEG-stage > .elementlist > div .elementlist > div:has(.image-wrapper) .image-wrapper {
   height: 50vw !important;
   max-height: 100% !important;
 }
}
.TEG-stage > .elementlist > div .elementlist > div:has(.image-wrapper) .image-wrapper img {
 object-fit: cover;
 width: 100%;
 height: 100%;
}
.TEG-stage > .elementlist > div .elementlist > div:has(.image-wrapper) .image-wrapper img:after {
 display: none !important;
}
.TEG-stage > .elementlist > div .elementlist > div:has(.video-wrapper) {
 pointer-events: none;
 position: absolute;
 inset: 0;
}
.TEG-stage > .elementlist > div .elementlist > div:has(.video-wrapper) .video-wrapper {
 display: none;
 position: absolute;
 inset: 0;
}
@media (width <= 576px) {
 .TEG-stage > .elementlist > div .elementlist > div:has(.video-wrapper) .video-wrapper.mobile {
   --arw: 1;
   --arh: 1;
   aspect-ratio: var(--arw) / var(--arh);
   width: 100vw;
   height: auto;
   display: block;
 }
}
@media (width > 576px) {
 .TEG-stage > .elementlist > div .elementlist > div:has(.video-wrapper) .video-wrapper.large {
   --arw: 16;
   --arh: 9;
   aspect-ratio: var(--arw) / var(--arh);
   width: auto;
   height: 100%;
   display: block;
 }
}
.TEG-stage > .elementlist > div .elementlist > div:has(.video-wrapper) .video-wrapper:before {
 content: "";
 z-index: -1;
 text-indent: -9999em;
 border: 1.1em solid var(--tdk-color-blue-30);
 border-left: 1.1em solid var(--tdk-color-blue);
 border-radius: 50%;
 width: 10em;
 height: 10em;
 font-size: 10px;
 animation: 1s linear infinite loading;
 display: block;
 position: absolute;
 top: calc(50% - 5em);
 left: calc(50% - 5em);
}
.TEG-stage > .elementlist > div .elementlist > div:has(.video-wrapper) .video-wrapper .poster-frame {
 z-index: -1;
 opacity: .3;
 position: absolute;
 inset: 0;
 background-size: contain !important;
}
.TEG-stage > .elementlist > div .elementlist > div:has(.video-wrapper) .video-wrapper iframe {
 background: none;
 border: 0;
 height: 100%;
 position: absolute;
 inset: 0;
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser {
 padding: var(--stage-margin);
 place-content: flex-start center;
 gap: var(--stage-margin);
 background-color: #0000;
 display: flex;
 position: absolute;
 inset: 0;
 margin: 0 !important;
}
@media (width > 576px) {
 .TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser {
   align-content: center;
 }
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column {
 text-align: center;
 z-index: 10;
}
@media (width > 576px) {
 .TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column {
   text-align: left;
   width: 33vw;
 }
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column * {
 color: var(--tdk-color-white);
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-meta {
 padding: 0;
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-meta .teaser-subtitle {
 font-weight: 700;
 font-size: calc(var(--stage-factor) * 1.2);
 letter-spacing: .05em;
 text-transform: uppercase;
 color: inherit;
 opacity: .8;
 margin: 0 0 calc(var(--stage-factor) * 2);
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-meta .teaser-text {
 padding: 0;
 display: block;
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-meta .teaser-text h1, .TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-meta .teaser-text h2, .TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-meta .teaser-text h3, .TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-meta .teaser-text h4, .TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-meta .teaser-text h5, .TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-meta .teaser-text p {
 letter-spacing: -.01em;
 color: var(--tdk-color-white);
 margin: 0 0 calc(var(--stage-factor) * 2);
 font-weight: 400;
 line-height: 1.2 !important;
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-meta .teaser-text h1 {
 font-size: calc(var(--stage-factor) * 2.8);
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-meta .teaser-text h2 {
 font-size: calc(var(--stage-factor) * 2.4);
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-meta .teaser-text h3 {
 font-size: calc(var(--stage-factor) * 2.2);
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-meta .teaser-text h4 {
 font-size: calc(var(--stage-factor) * 2);
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-meta .teaser-text h5 {
 font-size: calc(var(--stage-factor) * 1.8);
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-meta .teaser-text p {
 font-size: calc(var(--stage-factor) * 1.2);
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-meta .teaser-text .text-size-2 {
 font-size: 1.5em;
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-meta .teaser-text .text-size-1 {
 font-size: 1.25em;
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-meta .teaser-text .text-size--1 {
 font-size: .9em;
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-meta .teaser-text .text-size--2 {
 font-size: .8em;
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-more {
 left: 50%;
 bottom: var(--stage-margin);
 z-index: 5;
 font-size: var(--stage-factor);
 background-image: var(--tdk-gradient-blue);
 border: none;
 border-radius: .3em;
 align-items: center;
 gap: .6em;
 margin: 0;
 padding: .7em 1.3em;
 text-decoration: none;
 transition: all .3s ease-in-out;
 display: inline-flex;
 position: absolute;
 transform: translateX(-50%);
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-more:before {
 content: "";
 background-color: var(--tdk-color-white);
 clip-path: polygon(0 0, 100% 50%, 0 100%);
 width: .6em;
 height: 1.2em;
 display: block;
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-more span {
 color: var(--tdk-color-white);
 display: block;
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-more:after {
 display: none;
}
@media (width > 576px) {
 .TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-more {
   position: static;
   transform: none;
 }
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser:before, .TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser:after {
 content: "";
 z-index: 5;
 background-color: var(--tdk-color-white);
 clip-path: polygon(0 0, 100% 0, 50% 100%);
 opacity: .9;
}
@media (width > 576px) {
 .TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser:before, .TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser:after {
   top: 50%;
   right: var(--stage-margin);
   z-index: 5;
   clip-path: polygon(100% 0, 100% 100%, 0 50%);
   position: absolute;
   transform: translateY(-50%);
 }
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser:before {
 width: calc(var(--stage-inner) / 3);
 height: calc(var(--stage-inner) / 6);
 display: none;
}
@media (width > 576px) {
 .TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser:before {
   width: calc(var(--stage-inner) / 4);
   height: calc(var(--stage-inner) / 2);
 }
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser:after {
 width: calc(var(--stage-inner) / 4);
 height: calc(var(--stage-inner) / 8);
}
@media (width > 576px) {
 .TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser:after {
   width: calc(var(--stage-inner) / 4);
   height: calc(var(--stage-inner) / 2);
 }
}
.TEG-stage > .elementlist > div .opt-bright a.teaser .text-column .subline *, .TEG-stage > .elementlist > div .opt-bright a.teaser .text-column .teaser-text * {
 color: var(--tdk-color-black) !important;
}
.TEG-stage > .elementlist > div .opt-bright a.teaser:after {
 opacity: 1;
 background-image: linear-gradient(to bottom, var(--tdk-color-blue) 0%, var(--tdk-color-blue-vivid) 15%, var(--tdk-color-blue-gradient) 40%, var(--tdk-color-blue-main) 100%);
}
@media (width > 576px) {
 .TEG-stage > .elementlist > div .opt-bright a.teaser:after {
   background-image: linear-gradient(to left, var(--tdk-color-blue) 0%, var(--tdk-color-blue-vivid) 15%, var(--tdk-color-blue-gradient) 40%, var(--tdk-color-blue-main) 100%);
 }
}
.TEG-stage > .elementlist > div .btn-white a.teaser .teaser-more {
 background-color: var(--tdk-color-white) !important;
 border-color: var(--tdk-color-white) !important;
}
.TEG-stage > .elementlist > div .btn-white a.teaser .teaser-more:before {
 background-color: var(--tdk-color-blue) !important;
}
.TEG-stage > .elementlist > div .btn-white a.teaser .teaser-more span {
 color: var(--tdk-color-blue) !important;
}
.TEG-stage > .elementlist > div .btn-white-outline a.teaser .teaser-more {
 border-color: var(--tdk-color-white) !important;
 background-color: #0000 !important;
}
.TEG-stage > .elementlist > div .btn-white-outline a.teaser .teaser-more:before {
 background-color: var(--tdk-color-white) !important;
}
.TEG-stage > .elementlist > div .btn-white-outline a.teaser .teaser-more span {
 color: var(--tdk-color-white) !important;
}
.TEG-stage > .elementlist > div .btn-orange a.teaser .teaser-more {
 background-image: var(--tdk-gradient-blue) !important;
 border: none !important;
}
.TEG-stage > .elementlist > div .btn-orange a.teaser .teaser-more:before {
 background-color: var(--tdk-color-white) !important;
}
.TEG-stage > .elementlist > div .btn-orange a.teaser .teaser-more span {
 color: var(--tdk-color-white) !important;
}
@media (width <= 576px) {
 .TEG-stage > .elementlist > div .layout2-sm a.teaser {
   align-content: flex-end !important;
 }
 .TEG-stage > .elementlist > div .layout2-sm a.teaser .teaser-more {
   position: static !important;
   transform: none !important;
 }
 .TEG-stage > .elementlist > div .layout2-sm a.teaser:before {
   position: absolute;
   transform: translateX(-50%);
   inset: var(--stage-margin) 50% auto !important;
   display: block !important;
 }
 .TEG-stage > .elementlist > div .layout2-sm a.teaser:after {
   display: none;
 }
}
@media (width > 576px) {
 .TEG-stage > .elementlist > div .layout2-xl a.teaser {
   justify-content: flex-end;
 }
 .TEG-stage > .elementlist > div .layout2-xl a.teaser .text-column {
   text-align: right !important;
 }
 .TEG-stage > .elementlist > div .layout2-xl a.teaser:after {
   left: var(--stage-margin) !important;
   clip-path: polygon(0 0, 100% 50%, 0 100%) !important;
   right: auto !important;
 }
}
.TEG-stage > .elementlist > div .layout3 a.teaser {
 justify-content: flex-start !important;
}
.TEG-stage > .elementlist > div .layout3 a.teaser .text-column {
 text-align: left !important;
}
.TEG-stage > .elementlist > div .layout3 a.teaser .text-column .teaser-more {
 left: var(--stage-margin) !important;
 transform: none !important;
}
.TEG-stage > .elementlist > div .layout3 a.teaser:before {
 width: calc(var(--stage-inner) / 4) !important;
 height: calc(var(--stage-inner) / 8) !important;
 clip-path: polygon(0 0, 100% 0, 50% 100%) !important;
 display: block !important;
 position: static !important;
 transform: none !important;
}
@media (width > 576px) {
 .TEG-stage > .elementlist > div .layout3 a.teaser:before {
   width: calc(var(--stage-inner) / 6) !important;
   height: calc(var(--stage-inner) / 12) !important;
 }
}
.TEG-stage > .elementlist > div .layout3 a.teaser:after {
 display: none !important;
}
.TEG-stage .paging {
 z-index: 999;
 left: 50%;
 bottom: calc(var(--stage-factor) * -3);
 justify-content: center;
 gap: calc(var(--stage-factor) * 2);
 display: flex;
 position: absolute;
 transform: translateX(-50%);
}
@media (width > 576px) {
 .TEG-stage .paging {
   bottom: calc(var(--stage-factor) * -2);
 }
}
.TEG-stage .paging .inner {
 justify-content: center;
 align-items: center;
 gap: calc(var(--stage-factor) * 2);
 flex-wrap: nowrap;
 display: flex;
}
.TEG-stage .paging .inner .slide {
 cursor: pointer;
 width: calc(var(--stage-factor) * .75);
 aspect-ratio: 1;
 background-color: var(--tdk-color-blue);
 border-radius: 100%;
 flex: none;
}
.TEG-stage .paging .inner .slide.active {
 pointer-events: none;
 background-color: var(--tdk-color-blue-10);
}
.TEG-stage .paging .arrow {
 flex: 0 0 calc(var(--stage-factor) * 2.5);
 cursor: pointer;
 width: calc(var(--stage-factor) * 2.5);
 aspect-ratio: 1;
 background-color: #0000;
 position: relative;
}
@media (width > 576px) {
 .TEG-stage .paging .arrow {
   flex-basis: calc(var(--stage-factor) * 1.5);
   width: calc(var(--stage-factor) * 1.5);
 }
}
.TEG-stage .paging .arrow:after {
 content: "";
 aspect-ratio: 1;
 transform-origin: top;
 border: calc(var(--stage-factor) * .15) solid var(--tdk-color-blue);
 border-bottom: 0;
 width: 45%;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
}
.TEG-stage .paging .arrow#prev:after {
 border-right: 0;
 left: 38%;
 rotate: -45deg;
}
.TEG-stage .paging .arrow#next:after {
 border-left: 0;
 right: 38%;
 rotate: 45deg;
}
.TEG-stage .progress {
 pointer-events: none;
 z-index: 998;
 height: calc(var(--stage-factor) * .3);
 background-color: var(--tdk-color-blue-10);
 position: absolute;
 inset: auto 0 0;
}
.TEG-stage .progress.interval:after {
 content: "";
 background-color: var(--tdk-color-blue-30);
 width: 0%;
 animation: 5s infinite loadingbar;
 position: absolute;
 inset: 0 auto 0 0;
}
@keyframes loadingbar {
 from {
   width: 0%;
 }
 to {
   width: 100%;
 }
}
.container > div > .content > * {
 margin: 0;
 padding-block: 7rem;
}
.container > div > .content > * > .textfragment h2 {
 color: var(--tdk-color-slate);
 font-size: 3.2rem;
 font-weight: bold;
}
.container > div > .content > * > .textfragment .teaser-text:has(h4) {
 order: -1;
}
.container > div > .content > * > .textfragment .teaser-text:has(h4) h4 {
 text-transform: uppercase;
}
.container > div > .content > * .elementlist {
 gap: 2rem;
}
.elementlist:has(.linklist-productsearch) {
 margin-bottom: 4rem !important;
}
.linklist-productsearch {
 max-width: 1110px;
 min-height: unset;
 background: unset;
 margin: 0 auto;
 padding: 0;
}
.linklist-productsearch form {
 position: relative;
}
@media (width >= 992px) {
 .linklist-productsearch form {
   max-width: 480px;
 }
}
.linklist-productsearch form .form-group {
 display: block;
}
.linklist-productsearch form .form-group input {
 letter-spacing: .01em;
 box-shadow: var(--tdk-shadow-blue);
 border-radius: var(--tdk-base-radius);
 padding: 0 var(--tdk-base-padding);
 border: 0;
 font-size: 14px;
 font-weight: 400;
 line-height: 4.5rem;
}
.linklist-productsearch form button {
 aspect-ratio: 1;
 text-indent: -9999px;
 border-top-right-radius: var(--tdk-base-radius);
 border-bottom-right-radius: var(--tdk-base-radius);
 background: #9aafcb center no-repeat;
 border: none;
 margin: 0;
 padding: 0;
 transition: background-color .15s;
 position: absolute;
 inset: 0 0 0 auto;
}
.linklist-productsearch form button:hover, .linklist-productsearch form button:active, .linklist-productsearch form button:focus {
 background-color: #467eec !important;
}
.linklist-productsearch form h3, .linklist-productsearch form .btn-secondary, .linklist-productsearch > .row > div:last-child {
 display: none;
}
.products {
 z-index: 9;
 position: relative;
}
.product-catalog {
 max-height: 500vh;
 transition: all .5s;
}
.product-catalog:has(.button-show-more) {
 max-height: 500px;
 position: relative;
 overflow-y: clip;
}
.product-catalog:has(.button-show-more):after {
 content: "";
 inset: auto calc(var(--tdk-base-padding) * -1) 0;
 z-index: 11;
 width: calc(100% + var(--tdk-base-padding) * 2);
 background: linear-gradient(#fff0, color-mix(in srgb, var(--tdk-color-blue) 5%, white));
 height: 50%;
 position: absolute;
}
.product-catalog .col-12:has(.button-show-more) {
 display: contents;
}
.product-catalog .col-12:has(.button-show-more) .button-show-more {
 left: 50%;
 bottom: var(--tdk-base-padding);
 z-index: 12;
 padding-inline: 2.5rem;
 position: absolute;
 transform: translateX(-50%);
}
.product-catalog .col-12:has(.button-show-more) .button-show-more span {
 background-position: 0;
 background-repeat: no-repeat;
 background-size: 2rem;
 margin-left: -.5rem;
 padding-left: 3rem;
}
.product-catalog > .textfragment h2 {
 font-size: 22px;
 font-weight: bold;
 line-height: 1.15;
}
.product-catalog > .elementlist {
 padding: var(--tdk-base-padding);
 margin: calc(var(--tdk-base-padding) * -1) !important;
 display: flex !important;
}
.product-catalog > .elementlist > .col-12 {
 background-color: var(--tdk-color-white);
 box-shadow: var(--tdk-shadow-blue);
 flex: 1 0 100%;
 min-height: 90px;
 position: relative;
}
@media (width >= 576px) {
 .product-catalog > .elementlist > .col-12 {
   flex: 0 calc(50% - 1rem);
   min-height: 120px;
 }
}
@media (width >= 992px) {
 .product-catalog > .elementlist > .col-12 {
   flex: 0 calc(25% - 1.5rem);
   min-height: 200px;
 }
}
.product-catalog > .elementlist > .col-12 .product-catalog-item {
 height: 100%;
 position: relative;
}
.product-catalog > .elementlist > .col-12 .product-catalog-item .textfragment {
 height: 100%;
 position: relative;
 overflow: clip;
}
.product-catalog > .elementlist > .col-12 .product-catalog-item .textfragment .image-wrapper {
 z-index: 0;
 position: absolute;
 inset: 0;
}
@media (width <= 551.98px) {
 .product-catalog > .elementlist > .col-12 .product-catalog-item .textfragment .image-wrapper {
   display: none;
 }
}
@media (width <= 991.98px) {
 .product-catalog > .elementlist > .col-12 .product-catalog-item .textfragment .image-wrapper {
   left: auto;
 }
}
.product-catalog > .elementlist > .col-12 .product-catalog-item .textfragment .image-wrapper img {
 height: auto;
 min-height: 100px;
}
.product-catalog > .elementlist > .col-12 .product-catalog-item .elementlist > div:first-child a {
 z-index: 5;
 position: absolute;
 inset: 0;
 background-color: #0000 !important;
}
.product-catalog > .elementlist > .col-12 .product-catalog-item .elementlist > div:first-child a:after {
 content: "";
 z-index: -1;
 background: linear-gradient(0deg, #ffffff80 20%, #fff0 100%);
 position: absolute;
 inset: 0;
}
.product-catalog > .elementlist > .col-12 .product-catalog-item .elementlist > div:first-child a h3 {
 left: var(--tdk-base-padding);
 max-width: calc(100% - 45px);
 color: var(--tdk-color-blue);
 padding: var(--tdk-base-padding);
 margin: 0;
 padding: 1.4rem;
 font-size: 1.7rem;
 line-height: 1.15;
 position: absolute;
 bottom: 0;
 left: 0;
}
.product-catalog > .elementlist > .col-12 .product-catalog-item .elementlist > div:first-child a .subline, .product-catalog > .elementlist > .col-12 .product-catalog-item .elementlist > div:first-child a .teaser-text, .product-catalog > .elementlist > .col-12 .product-catalog-item .elementlist > div:first-child a .teaser-more, .product-catalog > .elementlist > .col-12 .product-catalog-item .elementlist > div:first-child a .image-column {
 display: none;
}
.product-catalog > .elementlist > .col-12 .product-catalog-item .elementlist > div:last-child .linklist-grey .linklist-grey-headline {
 cursor: pointer;
 z-index: 8;
 aspect-ratio: 1;
 text-indent: -9999px;
 background-color: var(--tdk-color-blue);
 width: 45px;
 margin: 0;
 display: block;
 position: absolute;
 bottom: 0;
 right: 0;
}
.product-catalog > .elementlist > .col-12 .product-catalog-item .elementlist > div:last-child .linklist-grey .linklist-grey-headline:after {
 content: "";
 background: center / 28px no-repeat;
 transition: transform .3s;
 position: absolute;
 inset: 0;
}
.product-catalog > .elementlist > .col-12 .product-catalog-item .elementlist > div:last-child .linklist-grey .linklist-grey-list {
 z-index: 9;
 background-color: var(--tdk-color-blue);
 height: auto;
 max-height: 0;
 padding-inline: var(--tdk-base-padding);
 --list-padding: .7rem;
 transition: all .3s;
 position: absolute;
 inset: 99.5% 0 auto;
 overflow: hidden;
}
.product-catalog > .elementlist > .col-12 .product-catalog-item .elementlist > div:last-child .linklist-grey .linklist-grey-list .link-item {
 margin: 0;
}
.product-catalog > .elementlist > .col-12 .product-catalog-item .elementlist > div:last-child .linklist-grey .linklist-grey-list .link-item:first-child {
 margin-top: 1rem;
}
.product-catalog > .elementlist > .col-12 .product-catalog-item .elementlist > div:last-child .linklist-grey .linklist-grey-list .link-item:last-child {
 margin-bottom: 1rem;
}
.product-catalog > .elementlist > .col-12 .product-catalog-item .elementlist > div:last-child .linklist-grey .linklist-grey-list .link-item a {
 color: var(--tdk-color-white);
 padding: var(--list-padding) 0;
 background: none;
 margin: 0;
 display: block;
}
.product-catalog > .elementlist > .col-12 .product-catalog-item .elementlist > div:last-child .linklist-grey .linklist-grey-list .link-item a .link-text {
 font-size: inherit;
 background: none;
 padding: 0;
 line-height: 1.2;
}
.product-catalog > .elementlist > .col-12 .product-catalog-item .elementlist > div:last-child .linklist-grey .linklist-grey-list .link-item a i {
 color: inherit;
 vertical-align: middle;
 margin-left: 0;
 font-size: 2.1rem;
}
.product-catalog > .elementlist > .col-12.open .linklist-grey-headline:after {
 transform: rotate(45deg);
}
.product-catalog > .elementlist > .col-12.open .linklist-grey-list {
 max-height: 100vh !important;
}
.teaser-grid {
 position: relative;
}
@media (width >= 768px) {
 .teaser-grid {
   --gap: 3rem;
   gap: var(--gap);
   flex-wrap: wrap;
   display: flex;
 }
}
.teaser-grid > .textfragment {
 padding-top: var(--tdk-base-padding);
 flex-direction: column;
 justify-content: flex-start;
 display: flex;
}
@media (width >= 768px) {
 .teaser-grid > .textfragment {
   flex: 1 1 calc(25% - var(--gap) / 2);
 }
}
.teaser-grid > .elementlist {
 gap: var(--gap);
 display: flex !important;
}
@media (width >= 768px) {
 .teaser-grid > .elementlist {
   flex: 1 1 calc(75% - var(--gap) / 2);
 }
}
.teaser-grid > .elementlist > div {
 display: contents !important;
}
.teaser-grid > .elementlist > div a {
 --gap: 1.5rem;
 padding: var(--tdk-base-padding) calc(var(--tdk-base-padding) / 2);
 gap: var(--gap);
 flex: 40%;
 margin: 0;
 transition: background-color .3s;
 background-color: var(--tdk-color-blue-80) !important;
 display: flex !important;
}
@media (width <= 768px) {
 .teaser-grid > .elementlist > div a {
   align-items: center;
 }
}
@media (width >= 768px) {
 .teaser-grid > .elementlist > div a {
   flex-direction: column;
   flex: 18%;
   justify-content: flex-end;
 }
}
.teaser-grid > .elementlist > div a:hover {
 background-color: var(--tdk-color-blue-60) !important;
}
.teaser-grid > .elementlist > div a .image-column {
 flex: auto;
}
@media (width <= 768px) {
 .teaser-grid > .elementlist > div a .image-column {
   flex: 0 1 calc(25% - var(--gap) / 2);
 }
}
.teaser-grid > .elementlist > div a .image-column img.teaser-picture {
 width: auto;
 max-height: 50px;
 margin: 0 auto;
 display: block;
}
.teaser-grid > .elementlist > div a .text-column {
 flex: auto;
 padding: 0;
}
@media (width <= 768px) {
 .teaser-grid > .elementlist > div a .text-column {
   flex: 0 1 calc(75% - var(--gap) / 2);
 }
}
.teaser-grid > .elementlist > div a .text-column h3 {
 color: var(--tdk-color-white);
 margin: 0;
 font-size: 1.6rem;
 font-weight: bold;
}
@media (width >= 768px) {
 .teaser-grid > .elementlist > div a .text-column h3 {
   text-align: center;
 }
}
.teaser-grid > .elementlist > div a .teaser-more {
 display: none;
}
.teaser-background .elementlist {
 flex-wrap: nowrap;
 margin: 0;
 display: flex;
 overflow-x: auto;
}
.teaser-background .elementlist > div {
 display: contents;
}
.teaser-background .elementlist a {
 aspect-ratio: 1;
 box-shadow: var(--tdk-shadow-blue);
 flex: 1 0 230px;
 margin: 0;
 position: relative;
}
.teaser-background .elementlist a .image-wrapper {
 z-index: 0;
 position: absolute;
 inset: 0;
}
.teaser-background .elementlist a .teaser-meta {
 z-index: 5;
 padding: var(--tdk-base-padding);
 background: linear-gradient(#fff0, #fff);
 position: absolute;
 inset: auto 0 0;
}
.teaser-background .elementlist a .teaser-meta h3.teaser-title, .teaser-background .elementlist a .teaser-meta .richtext {
 font-size: 1.4rem;
}
.teaser-background .elementlist a .teaser-meta h3.teaser-title {
 margin-bottom: .5rem;
 font-weight: bold;
}
.teaser-background .elementlist a .teaser-meta .teaser-text {
 color: var(--tdk-color-black);
 padding: 0;
}
.teaser-background .elementlist a .teaser-more {
 display: none;
}
.teaser-scroll > .elementlist {
 padding: var(--tdk-base-padding);
 flex-wrap: nowrap;
 margin: 0;
 overflow-x: auto;
 margin: calc(var(--tdk-base-padding) * -1) !important;
 display: flex !important;
}
.teaser-scroll > .elementlist > div {
 flex: 1 0 277.5px;
}
@media (width >= 1200px) {
 .teaser-scroll > .elementlist > div {
   flex-shrink: 1;
 }
}
.teaser-scroll > .elementlist > div a {
 aspect-ratio: 1;
 aspect-ratio: 1.09023;
 aspect-ratio: 1.07592;
 box-shadow: var(--tdk-shadow-blue);
 margin: 0;
 transition: all .3s;
 display: block;
 position: relative;
 color: var(--tdk-color-blue) !important;
}
.teaser-scroll > .elementlist > div a:hover {
 color: var(--tdk-color-white) !important;
}
.teaser-scroll > .elementlist > div a .teaser-more {
 display: none;
}
.solutions > .elementlist > div a:before {
 content: "";
 z-index: 1;
 opacity: 0;
 background: linear-gradient(#0046ad80 0%, #0c47aa66 51%, #1748a7 100%);
 transition: opacity .3s;
 position: absolute;
 inset: 0;
}
.solutions > .elementlist > div a:hover:before {
 opacity: 1;
}
.solutions > .elementlist > div a .image-wrapper {
 z-index: 0;
 position: absolute;
 inset: 0;
}
.solutions > .elementlist > div a .teaser-meta {
 z-index: 5;
 position: absolute;
 inset: auto 0 0;
 padding: var(--tdk-base-padding) !important;
}
.solutions > .elementlist > div a .teaser-meta h3.teaser-title {
 letter-spacing: -.01em;
 margin-bottom: .5rem;
 line-height: 1.15;
 font-size: 1.6rem !important;
 font-weight: bold !important;
}
.solutions > .elementlist > div a .teaser-meta .teaser-text {
 padding: 0;
 line-height: 1.5;
 font-size: 1.6rem !important;
}
.TEG-image-teaser {
 --theight: 45rem;
 --txt-color: var(--tdk-color-blue);
 --txt-color-alt: var(--tdk-color-blue-alt);
 --btn-txt-color: var(--tdk-color-white);
 --btn-bg-color: var(--tdk-color-blue);
 width: 100vw;
 max-width: 220rem;
 height: 100vw;
 color: var(--txt-color);
 background: var(--tdk-color-grey-5);
 position: relative;
 left: 50%;
 overflow: hidden;
 transform: translateX(-50%);
}
.TEG-image-teaser.teaser-medium {
 height: 150vw;
}
.TEG-image-teaser.teaser-big {
 --theight: 65rem;
 height: 150vw;
}
@media (width >= 576px) {
 .TEG-image-teaser {
   min-height: var(--theight);
   height: auto !important;
 }
}
.TEG-image-teaser:hover {
 color: var(--txt-color);
}
.TEG-image-teaser * {
 color: inherit;
}
.TEG-image-teaser > .elementlist {
 width: 100%;
 height: 100%;
}
@media (width <= 575.98px) {
 .TEG-image-teaser > .elementlist > div:nth-child(2) {
   display: none;
 }
}
@media (width >= 576px) {
 .TEG-image-teaser > .elementlist > div:first-child {
   display: none;
 }
}
.TEG-image-teaser > .elementlist > div:first-child, .TEG-image-teaser > .elementlist > div:nth-child(2) {
 pointer-events: none;
 position: absolute;
 inset: 0;
}
.TEG-image-teaser > .elementlist > div:first-child .image-wrapper, .TEG-image-teaser > .elementlist > div:nth-child(2) .image-wrapper {
 margin: 0;
 height: 100% !important;
}
.TEG-image-teaser > .elementlist > div:first-child .image-wrapper img, .TEG-image-teaser > .elementlist > div:nth-child(2) .image-wrapper img {
 object-fit: cover;
 width: 100%;
 height: 100%;
}
.TEG-image-teaser > .elementlist > div:first-child .video-wrapper, .TEG-image-teaser > .elementlist > div:nth-child(2) .video-wrapper {
 margin: 0;
 position: absolute;
 inset: 0;
}
.TEG-image-teaser > .elementlist > div:first-child .video-wrapper.loading:after, .TEG-image-teaser > .elementlist > div:nth-child(2) .video-wrapper.loading:after {
 content: "";
 text-indent: -9999em;
 border: 1.1em solid var(--tdk-color-blue-30);
 border-left: 1.1em solid var(--tdk-color-blue);
 border-radius: 50%;
 width: 10em;
 height: 10em;
 font-size: 10px;
 animation: 1s linear infinite loading;
 display: block;
 position: relative;
 top: 50%;
 left: 50%;
 transform: translateZ(0)translate3d(-50%, -50%, 0);
}
.TEG-image-teaser > .elementlist > div:first-child .video-wrapper iframe, .TEG-image-teaser > .elementlist > div:nth-child(2) .video-wrapper iframe {
 z-index: 1;
 width: 100%;
 min-width: calc(var(--theight) / var(--arh, 16) * var(--arw, 9));
 height: calc(100vw / var(--arw, 9) * var(--arh, 16));
 min-height: var(--theight);
 border: 0;
 position: absolute;
 inset: 50%;
 transform: translate(-50%, -50%);
}
.TEG-image-teaser > .elementlist > div:last-child {
 display: contents;
}
.TEG-image-teaser > .elementlist > div:last-child > a.teaser {
 align-items: flex-end;
 padding: 3rem 1.5rem;
 display: flex;
 position: absolute;
 inset: 0;
 padding-inline: var(--tdk-base-padding) !important;
 background-color: #0000 !important;
 margin: 0 !important;
}
@media (width >= 576px) {
 .TEG-image-teaser > .elementlist > div:last-child > a.teaser {
   align-items: center;
   padding: 6rem 0;
 }
}
.TEG-image-teaser > .elementlist > div:last-child > a.teaser:hover {
 color: inherit !important;
}
.TEG-image-teaser > .elementlist > div:last-child > a.teaser > * {
 flex: 1;
}
.TEG-image-teaser > .elementlist > div:last-child > a.teaser > .text-column {
 z-index: 1;
 max-width: unset;
 margin: 0;
 padding: 1.5rem;
 display: block;
 position: relative;
}
@media (width >= 576px) {
 .TEG-image-teaser > .elementlist > div:last-child > a.teaser > .text-column {
   margin-inline: 5vw;
   padding: 0;
 }
}
@media (width >= 1200px) {
 .TEG-image-teaser > .elementlist > div:last-child > a.teaser > .text-column {
   max-width: 1110px;
   margin-inline: auto;
 }
}
.TEG-image-teaser > .elementlist > div:last-child > a.teaser > .text-column > .teaser-meta {
 padding: 0;
}
@media (width >= 576px) {
 .TEG-image-teaser > .elementlist > div:last-child > a.teaser > .text-column > .teaser-meta {
   max-width: 75%;
 }
}
@media (width >= 768px) {
 .TEG-image-teaser > .elementlist > div:last-child > a.teaser > .text-column > .teaser-meta {
   max-width: 50%;
 }
}
.TEG-image-teaser > .elementlist > div:last-child > a.teaser > .text-column > .teaser-meta .teaser-subtitle {
 text-transform: uppercase;
 color: var(--tdk-color-steel);
 margin-bottom: 2rem;
 font-size: 1.4rem;
 font-weight: 700;
 line-height: 1.15;
}
@media (width >= 768px) {
 .TEG-image-teaser > .elementlist > div:last-child > a.teaser > .text-column > .teaser-meta .teaser-subtitle {
   margin-bottom: 3rem;
   font-size: 2rem;
 }
}
.TEG-image-teaser > .elementlist > div:last-child > a.teaser > .text-column > .teaser-meta .teaser-title {
 letter-spacing: -.02em;
 margin-bottom: 2rem;
 font-size: 3rem;
 font-weight: 700;
 line-height: 1.15;
}
@media (width >= 768px) {
 .TEG-image-teaser > .elementlist > div:last-child > a.teaser > .text-column > .teaser-meta .teaser-title {
   letter-spacing: -.03em;
   margin-bottom: calc(var(--tdk-base-padding) * 1.5);
   font-size: 5rem;
 }
}
.TEG-image-teaser > .elementlist > div:last-child > a.teaser > .text-column > .teaser-meta .teaser-text {
 margin-bottom: var(--tdk-base-padding);
}
@media (width <= 575.98px) {
 .TEG-image-teaser > .elementlist > div:last-child > a.teaser > .text-column > .teaser-meta .teaser-text {
   display: block;
 }
}
@media (width >= 768px) {
 .TEG-image-teaser > .elementlist > div:last-child > a.teaser > .text-column > .teaser-meta .teaser-text {
   margin-bottom: calc(var(--tdk-base-padding) * 1.5);
 }
}
.TEG-image-teaser > .elementlist > div:last-child > a.teaser > .text-column > .teaser-meta .teaser-text > .richtext {
 font-size: 1.5rem;
 font-weight: 400;
 line-height: 1.5;
}
@media (width >= 768px) {
 .TEG-image-teaser > .elementlist > div:last-child > a.teaser > .text-column > .teaser-meta .teaser-text > .richtext {
   font-size: 1.6rem;
 }
}
.TEG-image-teaser > .elementlist > div:last-child > a.teaser > .text-column > .teaser-meta .teaser-text > .richtext > p {
 line-height: unset;
}
.TEG-image-teaser > .elementlist > div:last-child > a.teaser > .text-column > .teaser-meta :has( + .teaser-more) {
 margin-bottom: 0 !important;
}
.TEG-image-teaser > .elementlist > div:last-child > a.teaser > .text-column .teaser-more {
 color: var(--btn-txt-color);
 background-color: var(--btn-bg-color);
 margin-top: var(--tdk-base-padding);
 border-radius: 5px;
 padding: 1.1rem 3rem;
 font-size: 1.5rem;
 font-weight: 400;
 line-height: 1.125;
 display: inline-block;
}
@media (width <= 379.98px) {
 .TEG-image-teaser > .elementlist > div:last-child > a.teaser > .text-column .teaser-more {
   display: none !important;
 }
}
@media (width >= 768px) {
 .TEG-image-teaser > .elementlist > div:last-child > a.teaser > .text-column .teaser-more {
   margin-top: calc(var(--tdk-base-padding) * 1.5);
   padding: 1.4rem 3rem;
   font-size: 1.6rem;
 }
}
.TEG-image-teaser > .elementlist > div:last-child > a.teaser > .text-column .teaser-more:hover {
 background-color: hsl(from var(--btn-bg-color) h calc(s + 30) calc(l + 35)) !important;
 background-color: hsl(from var(--btn-bg-color) h s calc(l - 7.5)) !important;
}
.TEG-image-teaser > .elementlist > div:last-child > a.teaser > .text-column .teaser-more:active {
 background-color: hsl(from var(--btn-bg-color) h calc(s + 40) calc(l + 45)) !important;
 background-color: hsl(from var(--btn-bg-color) h s calc(l - 10)) !important;
}
.TEG-image-teaser > .elementlist > div:last-child > a.teaser > .text-column .teaser-more .arrow-link:hover {
 color: inherit;
}
.TEG-image-teaser > .elementlist > div:last-child > a.teaser > .text-column .teaser-more .arrow-link:hover i.material-icons {
 display: none;
}
.TEG-image-teaser.teaser-align-bottom a.teaser-standard {
 align-items: flex-end !important;
}
@media (width >= 576px) {
 .TEG-image-teaser.teaser-shape-white .teaser-title {
   font-size: 4rem !important;
 }
}
.TEG-image-teaser.teaser-shape-white:after {
 content: "";
 opacity: .9;
 filter: drop-shadow(0 0 20px #00000080);
 background-image: url("data:image/svg+xml;utf8,<svg width=\"400\" height=\"400\" viewBox=\"0 0 400 400\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M400 65L40 0L0 45V400H400V65Z\" fill=\"white\"/></svg>");
 background-position: 0 80vw;
 background-repeat: no-repeat;
 background-size: cover;
 position: absolute;
 inset: 0;
}
@media (width >= 350px) {
 .TEG-image-teaser.teaser-shape-white:after {
   background-position-y: 85vw;
 }
}
@media (width >= 380px) {
 .TEG-image-teaser.teaser-shape-white:after {
   background-position-y: 77vw;
 }
}
@media (width >= 400px) {
 .TEG-image-teaser.teaser-shape-white:after {
   background-position-y: 80vw;
 }
}
@media (width >= 450px) {
 .TEG-image-teaser.teaser-shape-white:after {
   background-position-y: 85vw;
 }
}
@media (width >= 500px) {
 .TEG-image-teaser.teaser-shape-white:after {
   background-position-y: 90vw;
 }
}
@media (width >= 576px) {
 .TEG-image-teaser.teaser-shape-white:after {
   background-image: url("data:image/svg+xml;utf8,<svg width=\"800\" height=\"400\" viewBox=\"0 0 800 400\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M715 0H0V400H740L800 75L715 0Z\" fill=\"white\"/></svg>");
   background-position: 100% 0;
   right: 25%;
 }
}
@media (width >= 768px) {
 .TEG-image-teaser.teaser-shape-white:after {
   right: 35%;
 }
}
@media (width >= 992px) {
 .TEG-image-teaser.teaser-shape-white:after {
   right: 45%;
 }
}
.TEG-image-teaser.teaser-white {
 --txt-color: var(--tdk-color-white) !important;
 --btn-txt-color: var(--tdk-color-white) !important;
 --btn-bg-color: var(--tdk-color-orange) !important;
}
.TEG-image-teaser.teaser-white .teaser-subtitle {
 color: var(--tdk-color-grey-light) !important;
}
.TEG-image-teaser.teaser-btn-white {
 --btn-txt-color: var(--tdk-color-blue) !important;
 --btn-bg-color: var(--tdk-color-white) !important;
}
.TEG-image-teaser.teaser-btn-orange {
 --btn-txt-color: var(--tdk-color-white) !important;
 --btn-bg-color: var(--tdk-color-orange) !important;
}
.TEG-image-teaser.teaser-btn-blue {
 --btn-txt-color: var(--tdk-color-white) !important;
 --btn-bg-color: var(--tdk-color-blue) !important;
}
.TEG-image-teaser.careers {
 --txt-color: var(--tdk-color-white) !important;
 --btn-txt-color: var(--tdk-color-slate) !important;
 --btn-bg-color: var(--tdk-color-white) !important;
}
.TEG-image-teaser.careers:after {
 content: "";
 background-image: url("data:image/svg+xml;utf8,<svg width=\"4000\" height=\"6000\" viewBox=\"0 0 4000 6000\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M1703.55 2793.87C1233.78 2700.52 368.181 2331.79 0 2142.32V6000H4000V2211.84C3956.68 2278.63 3807.02 2452.83 3561.51 2615.31C3254.61 2818.41 3033.43 2821.14 2781.83 2863.39C2496.8 2911.26 2245.46 2901.56 1703.55 2793.87Z\" fill=\"%2368206C\" fill-opacity=\"0.4\"/> <path d=\"M3426.03 2531.39C3796.51 2130.29 3965.9 1343.34 4000 1000V6000H0V3341.04C897.182 3443.79 1323.03 3358.02 2006.29 3250.67C2479.08 3176.39 2962.92 3032.78 3426.03 2531.39Z\" fill=\"%2368206C\" fill-opacity=\"0.7\"/> <path d=\"M0 6000H4000V3178.89C3807.82 3217.11 3404.3 3263.83 3123.65 3238.35C2775.35 3206.73 2512.55 3178.89 1956.77 2962.3C1420.47 2753.31 1196.36 2677.77 901.873 2655.12C578.486 2630.24 168.211 2747.6 0 2836.32V6000Z\" fill=\"%23334069\" fill-opacity=\"0.8\"/> </svg>");
 background-position-y: bottom;
 background-repeat: no-repeat;
 background-size: contain;
 position: absolute;
 inset: 0;
}
@media (width >= 350px) {
 .TEG-image-teaser.careers:after {
   background-position-y: 5vw;
 }
}
@media (width >= 380px) {
 .TEG-image-teaser.careers:after {
   background-position-y: 0;
 }
}
@media (width >= 450px) {
 .TEG-image-teaser.careers:after {
   background-position-y: 15vw;
 }
}
@media (width >= 500px) {
 .TEG-image-teaser.careers:after {
   background-position-y: 25vw;
 }
}
@media (width >= 576px) {
 .TEG-image-teaser.careers:after {
   background-position-y: 25%;
   background-size: cover;
 }
}
@media (width >= 768px) {
 .TEG-image-teaser.careers:after {
   background-position-y: 36%;
 }
}
@media (width >= 992px) {
 .TEG-image-teaser.careers:after {
   background-position-y: 41%;
 }
}
@media (width >= 1200px) {
 .TEG-image-teaser.careers:after {
   background-position-y: 44%;
 }
}
@media (width >= 768px) {
 .TEG-image-teaser.careers .teaser-more {
   position: absolute;
   bottom: 0;
   right: 0;
 }
}
@keyframes loading {
 0% {
   transform: rotate(0);
 }
 100% {
   transform: rotate(360deg);
 }
}
.news > .elementlist {
 position: relative;
}
@media (width >= 576px) {
 .news > .elementlist > div:first-child > div > .elementlist {
   display: flex !important;
 }
}
.news > .elementlist > div:first-child > div > .elementlist > div {
 flex: 1;
}
.news > .elementlist > div:first-child > div > .elementlist > div > a {
 aspect-ratio: 1;
 display: block;
 position: relative;
 overflow: hidden;
}
.news > .elementlist > div:first-child > div > .elementlist > div > a > .image-column {
 max-width: unset;
}
.news > .elementlist > div:first-child > div > .elementlist > div > a > .image-column > .image-wrapper {
 width: 100%;
 margin: 0;
}
.news > .elementlist > div:first-child > div > .elementlist > div > a > .text-column {
 max-width: unset;
 min-height: 100%;
 color: var(--tdk-color-white);
 background-color: var(--tdk-color-black-60);
 padding: var(--tdk-base-padding);
 transition: all .3s;
 position: absolute;
 inset: 100% 0 auto;
 overflow-y: auto;
}
.news > .elementlist > div:first-child > div > .elementlist > div > a .teaser-more .arrow-link {
 color: inherit !important;
 text-decoration: underline !important;
}
.news > .elementlist > div:first-child > div > .elementlist > div > a:hover .text-column {
 top: 0;
}
.news > .elementlist > div:last-child {
 text-align: center;
}
.events > .elementlist > div {
 max-width: 277.5px !important;
}
.events a:before {
 content: "";
 z-index: 1;
 background: var(--tdk-color-blue-30);
 background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%);
 background-image: linear-gradient(to top, var(--tdk-color-blue) 0%, var(--tdk-color-blue-30) 100%);
 opacity: 0;
 transition: opacity .3s;
 position: absolute;
 inset: 0;
}
.events a:after {
 top: var(--tdk-base-padding);
 left: var(--tdk-base-padding);
 z-index: 2;
 background-color: color-mix(in srgb, var(--tdk-color-blue) 10%, transparent);
 border-radius: var(--tdk-base-radius);
 padding: 4px 9px;
 font-size: 12px;
 position: absolute;
}
.events a .image-column .image-wrapper img {
 object-fit: contain;
 filter: sepia() hue-rotate(180deg);
 top: var(--tdk-base-padding) !important;
 top: 0 !important;
 right: var(--tdk-base-padding) !important;
 width: 75% !important;
 height: 8rem !important;
 position: absolute !important;
 right: 0 !important;
}
.events a .teaser-meta {
 z-index: 5;
 flex-direction: column;
 justify-content: space-between;
 height: 70%;
 display: flex;
 position: absolute;
 inset: auto 0 0;
 padding: var(--tdk-base-padding) !important;
 font-size: 1.3rem !important;
}
.events a .teaser-meta > * {
 flex: 1;
}
.events a .teaser-meta .teaser-subtitle {
 font-size: inherit;
 flex-basis: 20%;
}
.events a .teaser-meta h3.teaser-title {
 letter-spacing: -.01em;
 flex-basis: 40%;
 margin-bottom: .5rem;
 font-size: 2.5rem;
 line-height: 1.15;
 font-weight: bold !important;
}
.events a .teaser-meta .teaser-text {
 padding: 0;
 line-height: 1.5;
}
.events a:hover:before {
 opacity: 1;
}
.events a:hover:after {
 background-color: color-mix(in srgb, var(--tdk-color-white) 20%, transparent);
}
.events a:hover img {
 filter: none !important;
}
.events .event-conf a:after {
 content: "Conference";
}
html[lang="de"] .events .event-conf a:after {
 content: "Konferenz";
}
html[lang="zh"] .events .event-conf a:after {
 content: "会议";
}
html[lang="ja"] .events .event-conf a:after {
 content: "カンファレンス";
}
.events .event-fair a:after {
 content: "Fair";
}
html[lang="de"] .events .event-fair a:after {
 content: "Messe";
}
html[lang="zh"] .events .event-fair a:after {
 content: "展览会";
}
html[lang="ja"] .events .event-fair a:after {
 content: "展示会";
}
.events .event-virtual a:after {
 content: "Virtual";
}
html[lang="de"] .events .event-virtual a:after {
 content: "Virtuell";
}
html[lang="zh"] .events .event-virtual a:after {
 content: "虚拟会议";
}
html[lang="ja"] .events .event-virtual a:after {
 content: "バーチャル";
}
.events .event-webinar a:after, html[lang="de"] .events .event-webinar a:after {
 content: "Webinar";
}
html[lang="zh"] .events .event-webinar a:after {
 content: "网络研讨会";
}
html[lang="ja"] .events .event-webinar a:after {
 content: "ウェビナー";
}
.page-top, .contact-btn {
 bottom: var(--tdk-base-padding);
 z-index: 999;
 text-align: center;
 color: #fff;
 box-shadow: var(--tdk-shadow-base);
 border-radius: 50%;
 font-size: 1.2rem;
 line-height: 3.2rem;
 position: fixed;
 width: 5rem !important;
 height: 5rem !important;
 padding: .8rem !important;
}
.page-top .button-text, .page-top .button-text, .contact-btn .button-text, .contact-btn .button-text {
 display: none;
}
.page-top i, .page-top i, .contact-btn i, .contact-btn i {
 vertical-align: middle;
 display: inline-block;
}
.page-top {
 right: 8rem;
 background-color: var(--tdk-color-blue-60) !important;
}
.contact-btn {
 right: var(--tdk-base-padding);
 background-color: var(--tdk-color-orange) !important;
}
.contact-btn:hover {
 color: var(--tdk-color-white) !important;
}
div:has( + .contact-btn) {
 display: none;
}
.socialshare {
 bottom: var(--tdk-base-padding);
 z-index: 999;
 top: unset;
 margin: 0;
 display: none;
 position: fixed;
 bottom: 9rem;
 transform: none;
 width: 5rem !important;
 height: 5rem !important;
}
.socialshare .socialshare-container {
 display: contents;
}
.socialshare .socialshare-container .socialshare-switch {
 box-shadow: var(--tdk-shadow-base);
 top: unset;
 border-radius: 50%;
 transform: none;
 background-color: var(--tdk-color-orange) !important;
 width: 5rem !important;
 height: 5rem !important;
}
/*# sourceMappingURL=TEG_Frontend.95102327.css.map */