.template {
 content: "HOME";
}
html {
 --tdk-color-blue: #0046ad;
 --tdk-color-blue-80: color-mix(in srgb, var(--tdk-color-blue) 80%, white);
 --tdk-color-blue-60: color-mix(in srgb, var(--tdk-color-blue) 60%, white);
 --tdk-color-blue-30: color-mix(in srgb, var(--tdk-color-blue) 30%, white);
 --tdk-color-blue-10: color-mix(in srgb, var(--tdk-color-blue) 10%, white);
 --tdk-color-blue-5: color-mix(in srgb, var(--tdk-color-blue) 5%, white);
 --tdk-color-blue-alt: #039;
 --tdk-color-black: #000;
 --tdk-color-black-80: color-mix(in srgb, var(--tdk-color-black) 80%, transparent);
 --tdk-color-black-60: color-mix(in srgb, var(--tdk-color-black) 60%, transparent);
 --tdk-color-black-30: color-mix(in srgb, var(--tdk-color-black) 30%, transparent);
 --tdk-color-black-10: color-mix(in srgb, var(--tdk-color-black) 10%, transparent);
 --tdk-color-black-5: color-mix(in srgb, var(--tdk-color-black) 5%, transparent);
 --tdk-color-black-opt: #333;
 --tdk-color-white: #fff;
 --tdk-color-white-80: color-mix(in srgb, var(--tdk-color-white) 80%, transparent);
 --tdk-color-white-60: color-mix(in srgb, var(--tdk-color-white) 60%, transparent);
 --tdk-color-white-30: color-mix(in srgb, var(--tdk-color-white) 30%, transparent);
 --tdk-color-white-10: color-mix(in srgb, var(--tdk-color-white) 10%, transparent);
 --tdk-color-white-5: color-mix(in srgb, var(--tdk-color-white) 5%, transparent);
 --tdk-color-grey: #666;
 --tdk-color-grey-80: color-mix(in srgb, var(--tdk-color-grey) 80%, white);
 --tdk-color-grey-60: color-mix(in srgb, var(--tdk-color-grey) 60%, white);
 --tdk-color-grey-30: color-mix(in srgb, var(--tdk-color-grey) 30%, white);
 --tdk-color-grey-10: color-mix(in srgb, var(--tdk-color-grey) 10%, white);
 --tdk-color-grey-5: color-mix(in srgb, var(--tdk-color-grey) 5%, white);
 --tdk-color-grey-medium: var(--tdk-color-grey-30);
 --tdk-color-grey-light: var(--tdk-color-grey-10);
 --tdk-color-p122: #f4d35c;
 --tdk-color-yellow: var(--tdk-color-p122);
 --tdk-color-p151: #e87800;
 --tdk-color-orange: var(--tdk-color-p151);
 --tdk-color-p200: #a21636;
 --tdk-color-red: var(--tdk-color-p200);
 --tdk-color-p512: #682a6c;
 --tdk-color-purple: var(--tdk-color-p512);
 --tdk-color-p534: #334069;
 --tdk-color-slate: var(--tdk-color-p534);
 --tdk-color-p644: #9aafcb;
 --tdk-color-steel: var(--tdk-color-p644);
 --tdk-color-p318: #a8dde3;
 --tdk-color-pale: var(--tdk-color-p318);
 --tdk-color-p3268: #45ac92;
 --tdk-color-teal: var(--tdk-color-p3268);
 --tdk-color-p3165: #03505c;
 --tdk-color-petrol: var(--tdk-color-p3165);
 --tdk-shadow-base: 0 5px 5px #0000001a;
 --tdk-shadow-blue: 0 0 10px color-mix(in srgb, var(--tdk-color-blue) 20%, white);
 --tdk-base-padding: 2rem;
 --tdk-base-radius: .5rem;
}
.container > .row:has(.breadcrumbs) {
 display: none !important;
}
@media (width <= 991.98px) {
 header .container {
   max-width: unset;
 }
}
header > .container, .content-frame > .container {
 max-width: unset;
 padding: 0 var(--tdk-base-padding) !important;
}
@media (width >= 1200px) {
 header > .container, .content-frame > .container {
   max-width: 1150px;
 }
}
header > .container .row, .content-frame > .container .row {
 margin-inline: 0;
 display: block;
}
header > .container .col-12, .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 <= 575.98px) {
 .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 {
 --stage-ratio: 2.5vw;
 aspect-ratio: 2 / 3;
 background-color: var(--tdk-color-grey-30);
 width: 100vw;
 max-width: 220rem;
 position: relative;
 inset: auto 50%;
 transform: translateX(-50%);
 padding: 0 !important;
}
@media (width >= 576px) {
 .TEG-stage {
   --stage-ratio: clamp(1rem, 1.7vw, 3.8rem);
   aspect-ratio: 2;
 }
}
@media (width >= 1400px) {
 .TEG-stage {
   --stage-ratio: clamp(1rem, 1vw, 2rem);
   aspect-ratio: 5 / 2;
 }
}
.TEG-stage > .elementlist {
 height: 100%;
 position: relative;
 margin: 0 !important;
}
.TEG-stage > .elementlist > div {
 z-index: 1;
 background-color: var(--tdk-color-grey-30);
 display: block;
 position: absolute;
 inset: 0;
 overflow: hidden;
}
.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 .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 {
 background-color: #0000;
 display: block;
 position: absolute;
 inset: 0;
 margin: 0 !important;
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column {
 text-align: right;
 z-index: 10;
 padding: calc(var(--stage-ratio) * 4);
 position: absolute;
 inset: auto 0 0;
}
@media (width >= 576px) {
 .TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column {
   top: calc(var(--stage-ratio) * 2);
   width: calc(var(--stage-ratio) * 28);
   left: auto;
 }
}
@media (width >= 1400px) {
 .TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column {
   width: calc(var(--stage-ratio) * 40);
   padding-top: calc(var(--stage-ratio) * 6);
   padding-right: calc(var(--stage-ratio) * 10);
 }
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column * {
 color: var(--tdk-color-white);
 line-height: 1.2;
}
.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-ratio) * 1.6);
 letter-spacing: .05em;
 text-transform: uppercase;
 color: var(--tdk-color-white-80);
 margin: 0 0 calc(var(--stage-ratio) * 2);
}
@media (width >= 576px) {
 .TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-meta .teaser-subtitle {
   font-size: calc(var(--stage-ratio) * 1.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 h3 {
 font-weight: 400;
 font-size: calc(var(--stage-ratio) * 3.5);
 letter-spacing: -.01em;
 margin: 0 0 calc(var(--stage-ratio) * 3);
}
@media (width >= 576px) {
 .TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-meta .teaser-text h3 {
   font-size: calc(var(--stage-ratio) * 2.2);
 }
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-meta .teaser-text pre {
 font-family: inherit;
 font-weight: 400;
 font-size: calc(var(--stage-ratio) * 1.5);
 text-align: center;
 vertical-align: middle;
 white-space: nowrap;
 color: var(--tdk-color-white);
 background-color: var(--tdk-color-orange);
 border: 1px solid #0000;
 border-color: var(--tdk-color-orange);
 transition: all .152 ease-in-out;
 transition: background-color .152 ease-in-out;
 border-radius: .33em;
 margin: 0;
 padding: .5em 1.5em;
 text-decoration: none;
 display: inline-block;
}
@media (width >= 576px) {
 .TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-meta .teaser-text pre {
   font-size: calc(var(--stage-ratio) * 1);
 }
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-meta .teaser-text pre:hover {
 background-color: color-mix(in srgb, var(--tdk-color-orange) 60%, white) !important;
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser .text-column .teaser-more {
 display: none;
}
.TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser: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: relative;
 transform: translateZ(0)translate3d(-50%, -50%, 0);
}
@media (width <= 575.98px) {
 .TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser:before {
   top: 35%;
   left: 50%;
 }
}
@media (width >= 576px) {
 .TEG-stage > .elementlist > div .elementlist > div:last-child a.teaser:before {
   top: 50%;
   left: 35%;
 }
}
.TEG-stage > .elementlist > div > .shape a.teaser:after {
 content: "";
 z-index: 5;
 opacity: .9;
 filter: drop-shadow(0 0 30px var(--tdk-color-black));
 background: 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=\"M0 65L360 0L400 45V400H0V65Z\" fill=\"%230046ad\"/></svg>") center / cover no-repeat;
 position: absolute;
}
@media (width <= 575.98px) {
 .TEG-stage > .elementlist > div > .shape a.teaser:after {
   width: 100vw;
   height: 100vw;
   bottom: -25vw;
   left: 0;
 }
}
@media (width >= 576px) {
 .TEG-stage > .elementlist > div > .shape a.teaser: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=\"%230046ad\"/></svg>");
   background-position: 100% 0;
   inset: 0 0 0 55%;
   transform: scaleX(-1);
 }
}
@media (width >= 1400px) {
 .TEG-stage > .elementlist > div > .shape a.teaser:after {
   left: 60%;
 }
}
.TEG-stage > .elementlist > div > .shape.white a.teaser:after {
 background-image: center / cover no-repeat 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=\"M0 65L360 0L400 45V400H0V65Z\" fill=\"%23fff\"/></svg>");
}
@media (width >= 576px) {
 .TEG-stage > .elementlist > div > .shape.white a.teaser: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=\"%23fff\"/></svg>");
 }
}
.TEG-stage > .elementlist > div > .shape.opaque a.teaser:after {
 opacity: 1 !important;
}
@media (width <= 576px) {
 .TEG-stage > .elementlist > div > .hide-last-small-text-mobile .teaser-meta br:has( + .text-size--1), .TEG-stage > .elementlist > div > .hide-last-small-text-mobile .teaser-meta br:has( + .text-size--2), .TEG-stage > .elementlist > div > .hide-last-small-text-mobile .teaser-meta .text-size--2:last-child, .TEG-stage > .elementlist > div > .hide-last-small-text-mobile .teaser-meta .text-size--1:last-child {
   display: none;
 }
}
@media (width >= 576px) {
 .TEG-stage > .elementlist > div > .small-text-only-mobile .teaser-meta .text-size--2 {
   font-size: unset;
   line-height: unset;
 }
}
@media (width <= 576px) {
 .TEG-stage > .elementlist > div > .hide-button-mobile .teaser-meta h3 {
   margin-bottom: 0 !important;
 }
 .TEG-stage > .elementlist > div > .hide-button-mobile .teaser-meta pre {
   display: none !important;
 }
}
.TEG-stage .paging {
 display: none;
}
@media (width >= 576px) {
 .TEG-stage .paging {
   cursor: pointer;
   bottom: calc(var(--stage-ratio) * 2);
   z-index: 999;
   width: calc(var(--stage-ratio) * 2);
   aspect-ratio: 1;
   border: calc(var(--stage-ratio) * .15) solid var(--tdk-color-white);
   background-color: #0000;
   border-radius: 50%;
   display: block;
   position: absolute;
 }
 .TEG-stage .paging:after {
   content: "";
   aspect-ratio: 1;
   border: calc(var(--stage-ratio) * .15) solid var(--tdk-color-white);
   transform-origin: top;
   border-bottom: 0;
   width: 45%;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
 }
 .TEG-stage .paging:hover {
   background-color: var(--tdk-color-white);
 }
 .TEG-stage .paging:hover:after {
   border-color: var(--tdk-color-blue);
 }
 .TEG-stage .paging#prev {
   right: calc(var(--stage-ratio) * 6.5);
 }
 .TEG-stage .paging#prev:after {
   border-right: 0;
   left: 38%;
   rotate: -45deg;
 }
 .TEG-stage .paging#next {
   right: calc(var(--stage-ratio) * 4);
 }
 .TEG-stage .paging#next:after {
   border-left: 0;
   right: 38%;
   rotate: 45deg;
 }
}
@media (width >= 1400px) {
 .TEG-stage .paging {
   width: calc(var(--stage-ratio) * 2.5);
 }
 .TEG-stage .paging#prev {
   right: calc(var(--stage-ratio) * 13.5);
 }
 .TEG-stage .paging#next {
   right: calc(var(--stage-ratio) * 10);
 }
}
.TEG-stage .progress {
 pointer-events: none;
 z-index: 998;
 height: calc(var(--stage-ratio) * .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 > * {
 padding-block: 7rem;
 margin: 0 !important;
}
.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 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: "ウェビナー";
}
footer {
 margin-top: 0;
 background-color: #555;
 max-width: 220rem;
 margin-inline: auto;
}
.footer-sitemap .sitemap-column .sitemap-entry, .footer-sitemap .sitemap-column .sitemap-entry:last-child {
 border-color: #666;
}
.footer-sitemap .sitemap-column .sitemap-entry a:hover, .footer-sitemap .sitemap-column .sitemap-entry:last-child a:hover {
 background: #666;
}
footer {
 padding-bottom: 9rem !important;
}
@media (width <= 575.98px) {
 footer .copyright {
   text-align: center;
 }
}
.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-steel) !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 */