:root {
 --template: "campaign 2026 Q4 v6";
 --body-stops: #f1faff, #f1faff, #fff, #eaf2ff;
 --snavbar-height: 7rem;
 --filterbar-height: 5rem;
 --headerbar-height: 0;
 --scroll-padding-top: 2rem;
 --header-bg: color-mix(in srgb, var(--color-white) 40%, transparent);
 --menu-bg: #f4f6f7;
 --menu-text: #666;
 --menu-heading: #888;
 --menu-link: #0046ad;
 --text-black: #000;
 --text-muted: #999;
 --gradient-cta: linear-gradient(90deg, #0046ad 0%, #1132ff 15%, #014cff 26%, #0063ff 40%, #0073ff 62%, #0087ff 100%);
 --color-white: #fff;
 --color-black: #000;
 --color-text-sec: #444;
 --color-text-ter: #666;
 --color-blue: #2563eb;
 --color-blue-main: #0046ad;
 --color-card-bg: #f0f1f5;
 --color-card-bg-hover: #e2e3e8;
 --color-main-bg: #f9f9f9;
 --color-footer-bg: #f8f8fb;
 --color-overlay-bg: #8ba0c133;
 --shadow-soft: 0 4px 8px #0000001a;
 --shadow-card: 0 2px 3px #0003;
 --transition: all .5s ease;
 --gap-thin: .5rem;
 --gap-min: 1rem;
 --gap-min2: 1.5rem;
 --gap-med: 2rem;
 --gap-max: 3rem;
 --gap-big: 5rem;
 --radius-base: 6px;
 --radius-card: 8px;
 --radius-big: 16px;
 --icon-check-size: 24px;
 --img-width: 8rem;
}
@media (width > 768px) {
 :root {
   --img-width: 10rem;
 }
}
* {
 box-sizing: border-box;
}
html {
 scroll-behavior: smooth;
 scroll-padding-top: var(--scroll-padding-top);
 overflow-x: clip !important;
}
html:has(#sticky-navbar) {
 --headerbar-height: var(--snavbar-height);
 --scroll-padding-top: var(--headerbar-height);
}
body {
 background: linear-gradient(to bottom, var(--body-stops));
 font-size: 16px !important;
 overflow-x: clip !important;
}
body .content-frame > .container {
 padding-inline: 1.5rem !important;
}
body .content-frame > .container > div > .content {
 gap: var(--gap-big);
 scroll-snap-type: block proximity;
 scroll-snap-type: block;
 scroll-snap-align: center;
 flex-direction: column;
 display: flex;
}
@media (width > 768px) {
 body .content-frame > .container > div > .content {
   gap: 7rem;
 }
}
body .content-frame > .container > div > .content > div:first-child:has(h1) {
 display: none;
}
body .content-frame > .container > div > .content > hr {
 border-color: #6f9fcf;
 margin-block: unset !important;
}
body:has(.content > div:last-of-type.breakout) .content-frame .container .content, body:has(.content > div:last-of-type.breakout) .content > div:last-of-type.breakout, body:has(.content > div:last-of-type.breakout) footer {
 margin-block: unset !important;
}
.content-frame .container > .row {
 display: block !important;
}
.hidden {
 display: none !important;
}
.collapsed {
 max-height: 0 !important;
}
.elementlist.compact > div > * {
 margin-bottom: unset !important;
}
.anker:not(.anchor-navigation-header a) {
 scroll-margin-top: unset !important;
}
body {
 font-size: 1.6rem !important;
}
@media (width > 768px) {
 body {
   font-size: 1.8rem !important;
 }
}
h2 > span, h3 > span, h4 > span, h5 > span, h6 > span {
 margin-bottom: .5em;
 font-size: .7em;
 display: block;
}
h2 {
 font-weight: 700 !important;
 line-height: 1.4 !important;
}
.content-frame > .container > div > .content > div > .textfragment h2 {
 font-size: 2.6rem;
}
h5 {
 font-size: 1.6rem !important;
 font-weight: 700 !important;
 line-height: 1.4 !important;
}
@media (width > 768px) {
 h5 {
   font-size: 1.8rem !important;
 }
}
p {
 letter-spacing: .36px !important;
 font-size: 1.6rem !important;
 font-weight: 400 !important;
 line-height: normal !important;
}
@media (width > 768px) {
 p {
   font-size: 1.8rem !important;
 }
}
.richtext ul li {
 font-size: 1.6rem !important;
}
@media (width > 768px) {
 .richtext ul li {
   font-size: 1.8rem !important;
 }
}
.split-title h2 span, .split-title h3 span {
 font-size: .7em;
 display: block;
}
.headlines-l1-centered .content-frame > .container > div > .content > div > .textfragment > div > div > h2 {
 text-align: center;
}
.headlines-l1-bigger .content-frame > .container > div > .content > div > .textfragment > div > div > h2 {
 font-size: 6vw;
}
@media (width > 768px) {
 .headlines-l1-bigger .content-frame > .container > div > .content > div > .textfragment > div > div > h2 {
   font-size: 1.4vw;
 }
}
.headline-centered > .textfragment > div > div > h2 {
 text-align: center;
}
.headline-bigger > .textfragment > div > div > h2 {
 font-size: 6vw;
}
@media (width > 768px) {
 .headline-bigger > .textfragment > div > div > h2 {
   font-size: 1.4vw;
 }
}
.headline-italic > .textfragment > div > div > h2 {
 font-style: italic;
}
.checkmark-list ul {
 flex-direction: column;
 display: flex;
 gap: var(--gap-med) !important;
 margin-block: 4rem 2rem !important;
}
@media (width > 768px) {
 .checkmark-list ul {
   flex-direction: row;
   justify-content: center;
   gap: var(--gap-big) !important;
 }
}
.checkmark-list ul li {
 align-items: center;
 gap: var(--gap-min2);
 display: flex;
 padding-left: unset !important;
 margin-bottom: unset !important;
}
.checkmark-list ul li:before {
 content: "";
 flex: 0 0 var(--icon-check-size);
 width: var(--icon-check-size);
 height: var(--icon-check-size);
 background-image: url("data:image/svg+xml;charset=UTF-8,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M23.0645 10.9328V11.9554C23.0631 14.3523 22.287 16.6846 20.8518 18.6044C19.4166 20.5242 17.3993 21.9287 15.1007 22.6083C12.8022 23.2879 10.3455 23.2063 8.09705 22.3756C5.84865 21.5449 3.92899 20.0097 2.62438 17.9989C1.31978 15.9881 0.700124 13.6094 0.857835 11.2177C1.01555 8.82593 1.94217 6.54924 3.49952 4.72715C5.05687 2.90505 7.16149 1.63519 9.4995 1.10695C11.8375 0.578705 14.2837 0.820383 16.4731 1.79594M8.61451 10.8439L11.9491 14.1785L23.0645 3.06309\" stroke=\"black\" stroke-width=\"1.66731\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>");
 position: unset !important;
 color: inherit !important;
 background-color: unset !important;
}
.add-cta {
 --cta-height: 3.6rem;
 position: relative;
 margin-bottom: var(--cta-height) !important;
}
.add-cta.cta-large {
 --cta-height: 6.1rem !important;
}
@media (width <= 768px) {
 .add-cta > :nth-last-child(2) {
   padding-bottom: calc(var(--cta-height) / 2) !important;
 }
}
.add-cta .btn-cta {
 height: auto !important;
 margin: 0 !important;
}
.btn-cta {
 background: var(--gradient-cta) !important;
}
.teaser.teaser-standard {
 --button-text-color: #fff;
 --button-border-color: transparent;
 --button-bg-color: var(--color-blue-main);
 border-radius: var(--radius-card);
 box-shadow: var(--shadow-card);
 transition: var(--transition);
 align-items: center;
 overflow: clip;
 background: linear-gradient(to top, var(--color-card-bg) 0%, color-mix(in srgb, var(--color-card-bg) 50%, var(--color-white)) 100%) !important;
}
.teaser.teaser-standard:hover {
 background: linear-gradient(to top, var(--color-card-bg-hover) 0%, color-mix(in srgb, var(--color-card-bg-hover) 50%, var(--color-white)) 100%) !important;
}
.teaser.teaser-standard > * {
 color: var(--color-blue-main);
 max-width: unset !important;
}
.teaser.teaser-standard .image-wrapper {
 width: 100% !important;
 margin: unset !important;
}
@media (width > 768px) {
 .teaser.teaser-standard .teaser-meta {
   padding: unset !important;
 }
}
.teaser.teaser-standard .teaser-more {
 margin-top: 1rem !important;
}
.teaser.teaser-standard .teaser-more:before {
 transition: var(--transition);
 display: inline-block;
}
.teaser.teaser-standard .teaser-more .material-icons {
 display: none;
}
.teaser.teaser-standard:hover .teaser-more.btn {
 color: var(--button-text-color) !important;
 border-color: var(--button-border-color) !important;
 background-color: var(--button-bg-color) !important;
}
.teaser.teaser-standard:hover .teaser-more.btn:before {
 background-color: var(--button-text-color) !important;
}
.hide-more .teaser-more {
 display: none !important;
}
@media (width <= 768px) {
 .text-centered-sm * {
   text-align: center;
 }
}
@media (width > 768px) {
 .width-80-xl {
   width: 80%;
   margin-inline: auto;
 }
}
.stage-area {
 background: linear-gradient(#6f9fcf 0%, #e2e8f2 50%, #d5e2ea 100%);
}
@media (width > 768px) {
 .stage-area {
   background: linear-gradient(#fcfcfa 0%, #f4f4f9 50%, #d1e5ee 100%);
 }
}
.stage-area > div > .elementlist {
 display: contents;
}
.stage-area > div > .elementlist:after {
 content: "";
 width: calc(var(--stage-font-size) * 11);
 aspect-ratio: 1;
 border: calc(var(--stage-font-size) * .25) solid var(--tdk-color-blue-30);
 border-left-color: var(--tdk-color-blue);
 border-radius: 50%;
 animation: 1s linear infinite rotate;
 translate: -50% -50%;
 z-index: 0 !important;
 grid-area: 2 / 3 !important;
 display: block !important;
}
.stage-area > div > .elementlist > * {
 z-index: 1 !important;
}
.stage-area > div > .elementlist > div > div.image-wrapper:after {
 display: none !important;
}
body:has(#sticky-navbar):not(.mobile-flyout-is-open) {
 padding-top: unset !important;
}
body:has(#sticky-navbar):not(.mobile-flyout-is-open) header {
 position: relative !important;
}
#sticky-navbar {
 z-index: 1050;
 height: var(--snavbar-height);
 background-color: var(--header-bg);
 opacity: 0;
 border-bottom: 1.5px solid #6664;
 justify-content: space-between;
 align-items: center;
 transition: all .3s ease-in-out;
 display: flex;
 position: fixed;
 inset: 0 0 auto;
 transform: translateY(-100%);
 box-shadow: 0 2px 5px #00000026;
 margin-top: 0 !important;
 padding: 0 2rem !important;
}
#sticky-navbar.is-visible {
 opacity: 1;
 transform: translateY(0);
}
@media (width > 768px) {
 #sticky-navbar {
   justify-content: space-around;
 }
}
@supports (backdrop-filter: initial) {
 #sticky-navbar {
   backdrop-filter: saturate(180%) blur(20px);
 }
}
#sticky-navbar .textfragment, #sticky-navbar .row, #sticky-navbar .col-12 {
 display: contents;
}
#sticky-navbar h2 {
 cursor: pointer;
 order: 0;
 margin: unset !important;
 font-size: 2rem !important;
 font-weight: 400 !important;
}
@media (width > 768px) {
 #sticky-navbar h2 {
   font-size: 2.6rem !important;
 }
}
@media (width <= 768px) {
 #sticky-navbar h2 em {
   display: none;
 }
}
@media (width > 768px) {
 #sticky-navbar h2 em {
   color: var(--text-muted);
   font-style: italic;
   font-weight: 400;
 }
}
#sticky-navbar .contents {
 display: flex;
}
@media (width <= 768px) {
 #sticky-navbar .contents {
   inset: var(--snavbar-height) 0 auto;
   background-color: color-mix(in srgb, var(--color-white) 97%, transparent);
   gap: var(--gap-med);
   flex-direction: column;
   max-height: 0;
   padding-block: 0;
   padding-inline: 2rem;
   transition: all .5s, max-height .3s ease-out;
   position: absolute;
   overflow: clip;
   box-shadow: 0 2px 5px #00000026;
 }
}
@media (width > 768px) {
 #sticky-navbar .contents {
   justify-content: flex-end;
   align-items: center;
   gap: var(--gap-big);
   flex-wrap: nowrap;
 }
}
@media (width <= 768px) {
 #sticky-navbar .contents .menu {
   margin-top: 2rem;
 }
}
#sticky-navbar .contents .menu > section > ul {
 flex-direction: column;
 gap: 10px;
 margin: 0;
 padding: 0;
 list-style: none;
 display: flex;
}
#sticky-navbar .contents .menu li > ul {
 flex-direction: column;
 gap: 10px;
 margin: 10px 0 0;
 padding: 0 0 0 20px;
 list-style: none;
 display: flex;
}
#sticky-navbar .contents .btn-primary {
 background: var(--gradient-cta);
 margin: unset !important;
}
@media (width <= 768px) {
 #sticky-navbar.is-expanded {
   background-color: color-mix(in srgb, var(--color-white) 99%, transparent);
 }
 #sticky-navbar.is-expanded .contents {
   background-color: color-mix(in srgb, var(--color-white) 97%, transparent);
   max-height: 100vh;
   padding-bottom: 2rem;
   transition: all .5s, max-height .3s ease-in;
 }
}
#sticky-navbar .menu-toggle {
 cursor: pointer;
 color: #4c595d;
 outline: unset;
 background: none;
 border: none;
 flex-shrink: 0;
 justify-content: center;
 align-items: center;
 gap: 10px;
 padding: 0;
 display: inline-flex;
}
#sticky-navbar .menu-toggle .label {
 letter-spacing: .36px;
 white-space: nowrap;
 font-size: 18px;
 font-weight: 400;
}
@media (width <= 768px) {
 #sticky-navbar .menu-toggle .label {
   display: none;
 }
}
#sticky-navbar .menu-toggle .icon {
 width: 24px;
 height: 24px;
 color: inherit;
 background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 18 9' xmlns='http://www.w3.org/2000/svg'><path d='M1 1 L9 8 L17 1' stroke='currentColor' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' /></svg>") center / contain no-repeat;
 transition: transform .2s;
 display: inline-flex;
}
@media (width > 768px) {
 #sticky-navbar.simple {
   overflow: clip;
 }
}
#sticky-navbar.simple.is-expanded .icon {
 transform: scaleY(-1);
}
#sticky-navbar.simple ul {
 display: flex;
}
@media (width <= 768px) {
 #sticky-navbar.simple ul {
   gap: var(--gap-min);
   flex-direction: column;
 }
}
@media (width > 768px) {
 #sticky-navbar.simple ul {
   gap: var(--gap-med);
 }
}
#sticky-navbar.simple .btn {
 order: 99;
}
@media (width > 768px) {
 #sticky-navbar.simple .menu-toggle {
   display: none;
 }
}
#sticky-navbar.simple .menu-toggle .label {
 display: none;
}
#sticky-navbar.expandable.is-expanded {
 box-shadow: 0 2px 2.5px #0003;
}
#sticky-navbar.expandable .menu-toggle {
 display: inline-flex;
}
#sticky-navbar.expandable .menu {
 display: none;
}
#sticky-navbar.expandable.is-expanded .menu {
 background: var(--menu-bg);
 flex-direction: column;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 column-gap: 40px;
 max-width: 1170px;
 margin: 0 auto;
 padding: 15px;
 display: flex;
}
@media (width > 768px) {
 #sticky-navbar.expandable.is-expanded .menu {
   z-index: -1;
   flex-direction: row;
   position: absolute;
   top: 100%;
   right: 20px;
   box-shadow: 0 2px 5px #0003;
 }
}
#sticky-navbar.expandable.is-expanded .menu section {
 width: 100%;
 padding: 10px 0;
}
@media (width <= 768px) {
 #sticky-navbar.expandable.is-expanded .menu section + section {
   border-top: 1px solid #555;
   margin-top: 10px;
   padding-top: 20px;
 }
}
@media (width > 768px) {
 #sticky-navbar.expandable.is-expanded .menu section {
   padding: 10px 0;
 }
}
#sticky-navbar.expandable.is-expanded .menu section h3 {
 font-weight: 700;
}
@media (width > 768px) {
 #sticky-navbar.expandable.is-expanded .menu section h3 {
   letter-spacing: .36px;
   color: var(--menu-heading);
   margin: 0 0 10px;
   font-size: 18px;
   font-weight: 400;
 }
}
#sticky-navbar.expandable.is-expanded .menu section h3 a {
 color: var(--menu-link);
}
@media (width > 768px) {
 #sticky-navbar.expandable.is-expanded .menu section h3 a {
   color: inherit;
   text-decoration: none;
 }
}
#sticky-navbar.expandable.is-expanded .menu h4 {
 color: var(--menu-text);
 font-weight: 400;
}
@media (width > 768px) {
 #sticky-navbar.expandable.is-expanded .menu h4 {
   letter-spacing: .36px;
   color: var(--menu-text);
   margin: 0;
   font-size: 18px;
   font-weight: 700;
 }
}
#sticky-navbar.expandable.is-expanded .menu li > ul {
 padding-left: 10px;
}
#sticky-navbar.expandable.is-expanded .menu li > ul a {
 color: var(--menu-link);
}
#sticky-navbar.expandable.is-expanded .menu a {
 letter-spacing: .36px;
 color: var(--menu-text);
 font-size: 18px;
 font-weight: 400;
 text-decoration: none;
 display: block;
}
#sticky-navbar.expandable.is-expanded .menu a:hover {
 text-decoration: underline;
}
.key-selection {
 --trans-dur: .5s;
 --trans-eas: ease;
 --link-height: 5.2rem;
 --collapse-height: 100vw;
 --zx-keyselection: 5;
 --zx-keyselection-link: calc(var(--zx-keyselection)  + 10);
 width: 100vw;
 height: calc(100vh - var(--snavbar-height));
 justify-content: space-between;
 gap: var(--gap-max);
 background: linear-gradient(135deg, #cfd1d4 0%, #aab4bf 50%, #b8b9bc 100%);
 flex-direction: column;
 display: flex;
 position: relative;
 left: 50%;
 right: 50%;
 overflow: clip;
 margin-inline: -50vw !important;
}
@media (width > 768px) {
 .key-selection {
   margin-inline: unset;
   align-items: flex-start;
 }
}
.key-selection > div > div > div > * {
 padding-block: 3rem;
}
@media (width <= 768px) {
 .key-selection > div > div > div > * {
   padding-inline: 1.5rem;
 }
}
@media (width > 768px) {
 .key-selection > div > div > div > * {
   padding-inline: 2rem;
 }
}
.key-selection .row:not(.elementlist), .key-selection .col-12 {
 display: contents;
}
.key-selection > .textfragment {
 z-index: calc(var(--zx-keyselection)  + 5);
 position: relative;
}
.key-selection > .textfragment h2 {
 background-color: var(--tdk-color-white-30);
}
@media (width <= 768px) {
 .key-selection > .textfragment h2 {
   transition: opacity var(--trans-dur) var(--trans-eas);
   opacity: 1;
   font-size: 1.9rem !important;
 }
}
@media (width > 768px) {
 .key-selection > .textfragment h2 {
   font-size: 1.5rem;
 }
}
.key-selection > .textfragment .teaser-text {
 font-weight: 700;
 line-height: 1.4;
}
@media (width <= 768px) {
 .key-selection > .textfragment .teaser-text {
   transition: opacity var(--trans-dur) var(--trans-eas);
   opacity: 1;
   font-size: 1.25rem;
 }
}
@media (width > 768px) {
 .key-selection > .textfragment .teaser-text {
   font-size: 1.5rem;
 }
}
@media (width <= 768px) {
 .key-selection:has(.open) > .textfragment h2, .key-selection:has(.open) > .textfragment .teaser-text.richtext, .key-selection:has(.open) > .textfragment p {
   opacity: 0;
 }
}
.key-selection:not(.extended) > .elementlist {
 display: contents;
}
@media (width > 768px) {
 .key-selection:not(.extended) > .elementlist > div:first-child .elementlist > div:first-child {
   display: none;
 }
}
@media (width <= 768px) {
 .key-selection:not(.extended) > .elementlist > div:first-child .elementlist > div:last-child {
   display: none;
 }
}
.key-selection:not(.extended) > .elementlist > div:first-child .elementlist .image-wrapper {
 z-index: calc(var(--zx-keyselection)  + 1);
 justify-content: center;
 align-items: center;
 display: flex;
 position: absolute;
 inset: 0;
}
.key-selection:not(.extended) > .elementlist > div:first-child .elementlist .image-wrapper img {
 object-fit: cover;
 max-width: 100%;
 height: 100%;
 display: block;
}
.key-selection:not(.extended) > .elementlist > div:last-child > div {
 display: contents;
}
.key-selection:not(.extended) > .elementlist > div:last-child > div .elementlist {
 z-index: calc(var(--zx-keyselection)  + 1);
 gap: var(--gap-min2);
 flex-direction: column;
 margin: 0 auto;
 display: flex;
 position: relative;
}
@media (width > 768px) {
 .key-selection:not(.extended) > .elementlist > div:last-child > div .elementlist {
   width: 40%;
   max-width: 30rem;
   margin: 0;
 }
}
.key-selection:not(.extended) > .elementlist > div:last-child > div .elementlist > div {
 width: 100%;
}
.key-selection:not(.extended) > .elementlist > div:last-child > div .elementlist .teaser {
 justify-content: flex-start;
 align-items: center;
 gap: var(--gap-min);
 border-radius: 6px;
 flex-wrap: nowrap;
 display: flex;
 box-shadow: 0 2px 10px #0000000d;
 color: var(--color-black) !important;
 background: var(--color-white) !important;
 margin: unset !important;
 padding: 1rem !important;
}
.key-selection:not(.extended) > .elementlist > div:last-child > div .elementlist .teaser * {
 color: inherit !important;
}
.key-selection:not(.extended) > .elementlist > div:last-child > div .elementlist .teaser .image-column {
 display: block;
 flex-basis: 3.2rem !important;
 max-width: 3.2rem !important;
}
.key-selection:not(.extended) > .elementlist > div:last-child > div .elementlist .teaser .image-column .image-wrapper img {
 border-radius: 4px;
 width: 100%;
 height: auto;
}
.key-selection:not(.extended) > .elementlist > div:last-child > div .elementlist .teaser .text-column .teaser-meta {
 padding: unset !important;
 flex: auto !important;
}
.key-selection:not(.extended) > .elementlist > div:last-child > div .elementlist .teaser .text-column .teaser-meta .teaser-title {
 margin: 0;
 font-size: 1.6rem;
 font-weight: 600;
 line-height: 1.4;
}
.key-selection:not(.extended) > .elementlist > div:last-child > div .elementlist .teaser:after {
 content: "";
 background: #f2f2f2 url("data:image/svg+xml;utf8,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6.62291 0.625244L6.62291 12.6206M0.625216 6.62294L6.62291 12.6206L12.6206 6.62294' stroke='currentColor' stroke-width='1.25048' stroke-linecap='round' stroke-linejoin='round'/></svg>") center no-repeat;
 border-radius: 50%;
 flex-basis: 3.2rem;
 justify-content: center;
 align-items: center;
 width: 3.2rem;
 height: 3.2rem;
 display: flex;
}
.key-selection:not(.extended) > .elementlist > div:last-child > div .elementlist .teaser .teaser-more {
 display: none !important;
}
@media (width <= 768px) {
 .key-selection.extended {
   display: flex;
 }
}
@media (width > 768px) {
 .key-selection.extended {
   display: block;
 }
}
.key-selection.extended > .elementlist {
 display: contents;
}
.key-selection.extended > .elementlist > div:first-child:has(.bg-images2) .bg-images2 {
 pointer-events: none;
 position: absolute;
 inset: 0;
 z-index: calc(var(--zx-keyselection)  + 1) !important;
}
.key-selection.extended > .elementlist > div:first-child:has(.bg-images2) .bg-images2 > .elementlist {
 display: contents;
}
@media (width > 768px) {
 .key-selection.extended > .elementlist > div:first-child:has(.bg-images2) .bg-images2 > .elementlist > div > div > .elementlist > div:first-child {
   display: none;
 }
}
@media (width <= 768px) {
 .key-selection.extended > .elementlist > div:first-child:has(.bg-images2) .bg-images2 > .elementlist > div > div > .elementlist > div:last-child {
   display: none;
 }
}
.key-selection.extended > .elementlist > div:first-child:has(.bg-images2) .bg-images2 > .elementlist > div > div > .elementlist .image-wrapper {
 z-index: calc(var(--zx-keyselection)  + 1);
 justify-content: center;
 align-items: center;
 display: flex;
 position: absolute;
 inset: 0;
}
.key-selection.extended > .elementlist > div:first-child:has(.bg-images2) .bg-images2 > .elementlist > div > div > .elementlist .image-wrapper img {
 object-fit: cover;
 max-width: 100%;
 height: 100%;
 display: block;
}
.key-selection.extended > .elementlist > div:first-child:has(.bg-images2) .bg-images2 > .elementlist > div:not(:first-child) .image-wrapper {
 transition: opacity var(--trans-dur) var(--trans-eas);
 opacity: 0;
 z-index: calc(var(--zx-keyselection)  + 2) !important;
}
.key-selection.extended > .elementlist > div:first-child:has(.bg-images2) .bg-images2 > .elementlist > div > div.active .image-wrapper {
 opacity: 1;
 z-index: calc(var(--zx-keyselection)  + 3) !important;
}
.key-selection.extended > .elementlist > div:last-child:has(.links) .links {
 position: relative;
}
@media (width <= 768px) {
 .key-selection.extended > .elementlist > div:last-child:has(.links) .links {
   width: 100%;
   transition: margin var(--trans-dur) var(--trans-eas);
   width: 200vw;
   margin-left: 0;
 }
 .key-selection.extended > .elementlist > div:last-child:has(.links) .links:has(.open) {
   margin-left: -100vw;
 }
}
@media (width > 768px) {
 .key-selection.extended > .elementlist > div:last-child:has(.links) .links {
   width: 40%;
   max-width: 40rem;
   margin: 0;
 }
}
.key-selection.extended > .elementlist > div:last-child:has(.links) .links > .elementlist {
 flex-direction: column;
 display: flex;
 margin-block: unset !important;
}
@media (width <= 768px) {
 .key-selection.extended > .elementlist > div:last-child:has(.links) .links > .elementlist {
   max-width: 100vw;
 }
}
.key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-wrapper {
 margin-bottom: 2.5rem;
}
.key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-wrapper > .textfragment h2 {
 z-index: calc(var(--zx-keyselection)  + 1);
 font-size: 1.6rem;
 font-weight: 700;
 position: relative;
 margin: unset !important;
}
@media (width > 768px) {
 .key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-wrapper > .textfragment h2 {
   font-size: 1.8rem;
 }
}
.key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-wrapper > .elementlist {
 flex-direction: column;
 gap: 1rem;
 display: flex;
 margin-block: 1.5rem 0 !important;
}
@media (width > 768px) {
 .key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-area {
   transition: max-height var(--trans-dur) var(--trans-eas);
   overflow: clip;
   max-height: var(--link-height) !important;
 }
}
.key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-area > .textfragment {
 cursor: pointer;
 justify-content: space-between;
 align-items: center;
 gap: var(--gap-med);
 border-radius: 6px;
 flex-wrap: nowrap;
 display: flex;
 position: relative;
 box-shadow: 0 2px 10px #0000000d;
 z-index: calc(var(--zx-keyselection-link)  + 1) !important;
 color: var(--color-black) !important;
 background: var(--color-white) !important;
 margin: unset !important;
 flex: 1 !important;
 padding: 1rem !important;
}
@media (width > 768px) {
 .key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-area > .textfragment {
   justify-content: flex-start;
 }
}
.key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-area > .textfragment * {
 color: inherit !important;
}
.key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-area > .textfragment:after {
 content: "";
 background: #f2f2f2 url("data:image/svg+xml;utf8,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.75 6.58333H12.4167M6.58333 12.4167L12.4167 6.58333L6.58333 0.75' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") center no-repeat;
 border-radius: 50%;
 flex: 0 0 32px;
 justify-content: center;
 align-items: center;
 width: 32px;
 height: 32px;
 display: flex;
}
@media (width > 768px) {
 .key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-area > .textfragment:after {
   background-image: url("data:image/svg+xml;utf8,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.75 6.75H12.75M6.75 0.75V12.75' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
 }
}
.key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-area > .textfragment h2 {
 flex: auto;
 margin: 0;
 font-size: 1.7rem;
}
@media (width > 768px) {
 .key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-area > .textfragment h2 {
   font-size: 1.9rem;
 }
}
.key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-area > .textfragment .image-wrapper {
 order: -1;
 display: block;
 max-width: 4rem !important;
 margin: unset !important;
 flex: 0 0 4rem !important;
}
.key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-area > .textfragment .image-wrapper img {
 border-radius: 4px;
 width: 100%;
 height: auto;
}
.key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-area > .elementlist {
 z-index: var(--zx-keyselection-link);
 transition: opacity var(--trans-dur) var(--trans-eas);
 opacity: 0;
 flex-direction: column;
 display: flex;
 margin: unset !important;
}
@media (width <= 768px) {
 .key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-area > .elementlist {
   pointer-events: none;
   width: 100vw;
   padding-inline: 1.5rem;
   position: absolute;
   bottom: 3rem;
   left: 100vw;
   row-gap: var(--gap-min) !important;
 }
}
@media (width > 768px) {
 .key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-area > .elementlist {
   margin: 0;
   position: relative;
   row-gap: 0 !important;
 }
 .key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-area > .elementlist > div:has(.teaser) .teaser {
   position: relative;
   z-index: calc(var(--zx-keyselection-link)  - 2) !important;
   margin-top: -1rem !important;
   padding-top: 2rem !important;
 }
 .key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-area > .elementlist > div:has(.teaser) + div:has(.teaser) .teaser {
   z-index: calc(var(--zx-keyselection-link)  - 4) !important;
 }
 .key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-area > .elementlist > div:has(.teaser) + div:has(.teaser) + div:has(.teaser) .teaser {
   z-index: calc(var(--zx-keyselection-link)  - 6) !important;
 }
 .key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-area > .elementlist > div:has(.teaser) + div:has(.teaser) + div:has(.teaser) + div:has(.teaser) .teaser {
   z-index: calc(var(--zx-keyselection-link)  - 8) !important;
 }
}
.key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-area > .elementlist .button-back {
 background-color: #fff6;
 border-bottom: 1.5px solid #6664;
 border-radius: 100px;
 align-self: flex-start;
 box-shadow: 0 2px 5px #00000026;
 color: var(--tdk-color-black) !important;
}
@supports (backdrop-filter: initial) {
 .key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-area > .elementlist .button-back {
   backdrop-filter: saturate(180%) blur(20px);
 }
}
.key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-area > .elementlist .button-back:before {
 content: "";
 background: url("data:image/svg+xml;utf8,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6.58333 0.75L0.75 6.58333L6.58333 12.4167M0.75 6.58333H12.4167' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") center no-repeat;
 flex: 0 0 32px;
 justify-content: center;
 align-items: center;
 width: 32px;
 height: 32px;
 display: flex;
}
.key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-area > .elementlist .button-back > .textfragment {
 display: none;
}
@media (width > 768px) {
 .key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-area > .elementlist .button-back {
   display: none;
 }
 .key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-area.open {
   max-height: calc(var(--link-height)  + var(--collapse-height)) !important;
 }
 .key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-area.open > .textfragment:after {
   background-image: url("data:image/svg+xml;utf8,<svg width='14' height='2' viewBox='0 0 14 2' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.756836 0.756958H12.5315' stroke='black' stroke-width='1.51389' stroke-linecap='currentColor' stroke-linejoin='round'/></svg>");
 }
}
.key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-area.open > .elementlist {
 pointer-events: all;
 opacity: 1;
}
.key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-area.open .bg-images .image-wrapper, .key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-area.open .links-2 {
 opacity: 1;
}
@media (width <= 768px) {
 .key-selection.extended > .elementlist > div:last-child:has(.links) .links .link-area.open .links-2 {
   left: 100vw;
 }
}
.key-selection.extended > .elementlist .teaser {
 justify-content: flex-start;
 align-items: center;
 gap: var(--gap-min);
 border-radius: 6px;
 flex-wrap: nowrap;
 display: flex;
 box-shadow: 0 2px 10px #0000000d;
 color: var(--color-black) !important;
 background: var(--color-white) !important;
 margin: unset !important;
 padding: 1rem !important;
}
.key-selection.extended > .elementlist .teaser * {
 color: inherit !important;
}
.key-selection.extended > .elementlist .teaser .image-column {
 display: block;
 flex-basis: 3.2rem !important;
 max-width: 3.2rem !important;
}
.key-selection.extended > .elementlist .teaser .image-column .image-wrapper img {
 border-radius: 4px;
 width: 100%;
 height: auto;
}
.key-selection.extended > .elementlist .teaser .text-column .teaser-meta {
 padding: unset !important;
 flex: auto !important;
}
.key-selection.extended > .elementlist .teaser .text-column .teaser-meta .teaser-title {
 margin: 0;
 font-size: 1.6rem;
 font-weight: 600;
 line-height: 1.4;
}
.key-selection.extended > .elementlist .teaser:after {
 content: "";
 background: #f2f2f2 url("data:image/svg+xml;utf8,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6.62291 0.625244L6.62291 12.6206M0.625216 6.62294L6.62291 12.6206L12.6206 6.62294' stroke='currentColor' stroke-width='1.25048' stroke-linecap='round' stroke-linejoin='round'/></svg>") center no-repeat;
 border-radius: 50%;
 flex-basis: 3.2rem;
 justify-content: center;
 align-items: center;
 width: 3.2rem;
 height: 3.2rem;
 display: flex;
}
.key-selection.extended > .elementlist .teaser .teaser-more {
 display: none !important;
}
.key-selection.extended > .elementlist.extended .teaser:not(:has(.image-column)) {
 padding-left: 1.5rem !important;
}
.key-selection.extended > .elementlist + hr {
 display: none !important;
}
:root {
 --portfolio-card-height: 24rem;
 --zx-base: 1;
 --zx-product-section: 15;
 --zx-product-card: 10;
}
body:has(.key-selection) .portfolio {
 --portfolio-card-height: 12rem;
}
.portfolio {
 width: 100%;
 max-width: 1200px;
 margin-inline: auto;
}
.portfolio .col-12, .portfolio .row:not(.elementlist) {
 display: contents;
}
.portfolio > .elementlist {
 flex-direction: column;
 place-items: stretch stretch;
 display: flex;
}
.portfolio .portfolio-area {
 transition: var(--transition);
 --pic-ratio: 1;
 position: relative;
 margin: 0 !important;
}
.portfolio .portfolio-area.pic-ratio-16-9 {
 --pic-ratio: calc(16 / 9);
}
.portfolio .portfolio-area.pic-ratio-3-2 {
 --pic-ratio: calc(3 / 2);
}
.portfolio .portfolio-area * {
 transition: var(--transition);
}
.portfolio .portfolio-area > .elementlist {
 margin: 0 !important;
}
@media (width <= 768px) {
 .portfolio .portfolio-area > .elementlist {
   gap: 0 !important;
 }
}
@media (width > 768px) {
 .portfolio .portfolio-area > .elementlist {
   gap: var(--gap-big);
   flex-flow: row;
   display: flex;
 }
 .portfolio .portfolio-area > .elementlist > :first-child {
   flex: 0 1 calc(15% * var(--pic-ratio));
   display: block !important;
 }
}
.portfolio .portfolio-area > .elementlist > :last-child .portfolio-details {
 z-index: var(--zx-base);
 justify-content: center;
 gap: var(--gap-min2);
 flex-direction: column;
 width: 100%;
 padding-block: 2rem;
 display: flex;
 position: relative;
 margin: unset !important;
}
@media (width > 768px) {
 .portfolio .portfolio-area > .elementlist > :last-child .portfolio-details {
   flex: 1;
 }
}
.portfolio .portfolio-area > .elementlist > :last-child .portfolio-details > .textfragment h2 {
 margin: 0;
 font-size: 2.2rem;
}
@media (width > 768px) {
 .portfolio .portfolio-area > .elementlist > :last-child .portfolio-details > .textfragment h2 {
   font-size: 2.6rem;
 }
 .portfolio .portfolio-area > .elementlist > :last-child .portfolio-details > .textfragment h5 {
   margin: 0;
 }
}
.portfolio .portfolio-area.portfolio-collapsed {
 cursor: pointer;
 background: var(--color-card-bg);
 background: linear-gradient(to top, var(--color-card-bg) 0%, var(--color-white) 100%);
 border-radius: var(--radius-big);
 box-shadow: var(--shadow-card);
 flex-basis: 100%;
 overflow: clip;
 display: none !important;
}
.portfolio .portfolio-area.portfolio-collapsed * {
 color: var(--color-blue-main);
}
.portfolio .portfolio-area.portfolio-collapsed:before {
 cursor: pointer;
 content: "";
 z-index: var(--zx-product-section);
 position: absolute;
 inset: 0;
}
.portfolio .portfolio-area.portfolio-collapsed:after {
 content: "+";
 z-index: calc(var(--zx-product-section)  - 1);
 color: #333;
 background-color: #ffffffe6;
 border-radius: 50%;
 justify-content: center;
 align-items: center;
 width: 3.6rem;
 height: 3.6rem;
 font-size: 2rem;
 display: flex;
 position: absolute;
 top: 2rem;
 right: 2rem;
 box-shadow: 0 2px 5px #0000001a;
}
@media (width > 768px) {
 .portfolio .portfolio-area.portfolio-collapsed:after {
   background-color: #f0f0f0;
   top: 50%;
   right: 3rem;
   transform: translateY(-50%);
 }
}
.portfolio .portfolio-area.portfolio-collapsed > * {
 color: var(--color-blue-main);
}
.portfolio .portfolio-area.portfolio-collapsed > .elementlist {
 height: var(--portfolio-card-height);
}
@media (width <= 768px) {
 .portfolio .portfolio-area.portfolio-collapsed > .elementlist > :first-child:before {
   content: "";
   z-index: var(--zx-base);
   background: linear-gradient(to top, #fff 0%, #fffc 50%, #fff0 100%);
   position: absolute;
   inset: 0;
 }
}
@media (width > 768px) {
 .portfolio .portfolio-area.portfolio-collapsed > .elementlist > :first-child div:not(.image-wrapper) {
   display: contents;
 }
}
.portfolio .portfolio-area.portfolio-collapsed > .elementlist > :first-child .image-wrapper {
 height: 100% !important;
 margin: 0 !important;
}
@media (width <= 768px) {
 .portfolio .portfolio-area.portfolio-collapsed > .elementlist > :first-child .image-wrapper {
   z-index: 0;
   position: absolute;
   inset: 0;
 }
}
.portfolio .portfolio-area.portfolio-collapsed > .elementlist > :first-child .image-wrapper img {
 object-fit: cover;
 width: 100%;
 height: 100%;
}
.portfolio .portfolio-area.portfolio-collapsed > .elementlist > :first-child .elementlist {
 display: none !important;
}
@media (width <= 768px) {
 .portfolio .portfolio-area.portfolio-collapsed > .elementlist > :last-child .portfolio-details {
   justify-content: flex-end;
   gap: var(--gap-min);
   padding: 2rem;
 }
}
@media (width > 768px) {
 .portfolio .portfolio-area.portfolio-collapsed > .elementlist > :last-child .portfolio-details {
   padding-right: 8rem;
 }
 .portfolio .portfolio-area.portfolio-collapsed > .elementlist > :last-child .portfolio-details .textfragment {
   display: contents;
 }
}
@media (width <= 768px) {
 .portfolio .portfolio-area.portfolio-collapsed > .elementlist > :last-child .portfolio-details .textfragment .teaser-text {
   display: none !important;
 }
}
@media (width > 768px) {
 .portfolio .portfolio-area.portfolio-collapsed > .elementlist > :last-child .portfolio-details .textfragment .teaser-text {
   display: contents;
 }
 .portfolio .portfolio-area.portfolio-collapsed > .elementlist > :last-child .portfolio-details .textfragment .teaser-text p, .portfolio .portfolio-area.portfolio-collapsed > .elementlist > :last-child .portfolio-details .textfragment .teaser-text ul {
   display: none !important;
 }
}
.portfolio .portfolio-area.portfolio-collapsed > .elementlist > :last-child .portfolio-details .elementlist {
 display: none !important;
}
@media (width > 768px) {
 .portfolio .portfolio-area.portfolio-open > .elementlist > :first-child {
   top: calc(var(--snavbar-height)  + 2rem);
   flex: 0 40%;
   align-self: flex-start;
   position: sticky;
 }
}
@media (width > 992px) {
 .portfolio .portfolio-area.portfolio-open > .elementlist > :first-child {
   --main-box: 960px;
   --left-col: .3;
   --image-width: calc(((100vw - var(--main-box)) / 2)  + (var(--main-box) * var(--left-col))  - 10rem);
   height: calc(var(--image-width) / var(--pic-ratio)  + 5rem);
 }
}
@media (width > 1200px) {
 .portfolio .portfolio-area.portfolio-open > .elementlist > :first-child {
   --main-box: 1200px;
   --left-col: .4;
 }
}
.portfolio .portfolio-area.portfolio-open > .elementlist > :first-child div {
 display: contents;
}
.portfolio .portfolio-area.portfolio-open > .elementlist > :first-child .image-wrapper {
 display: block !important;
}
@media (width <= 768px) {
 .portfolio .portfolio-area.portfolio-open > .elementlist > :first-child .image-wrapper {
   width: calc(100% + 4rem);
   margin-inline: -2rem;
 }
}
@media (width > 992px) {
 .portfolio .portfolio-area.portfolio-open > .elementlist > :first-child .image-wrapper {
   width: var(--image-width);
   position: absolute;
   right: 0;
 }
}
.portfolio .portfolio-area.portfolio-open > .elementlist > :last-child .portfolio-details {
 width: 100%;
 padding-inline: unset !important;
 gap: var(--gap-max) !important;
 gap: var(--gap-big) !important;
}
@media (width > 1200px) {
 .portfolio .portfolio-area.portfolio-open > .elementlist > :last-child .portfolio-details {
   padding-block: 5rem;
 }
}
.portfolio .portfolio-area.portfolio-open > .elementlist > :last-child .portfolio-details > .textfragment {
 gap: var(--gap-min2);
 flex-direction: column;
 width: 100%;
 display: flex;
}
.portfolio .portfolio-area.portfolio-open > .elementlist > :last-child .portfolio-details > .textfragment h2 {
 font-size: 2.6rem !important;
}
.portfolio .portfolio-area.portfolio-open > .elementlist > :last-child .portfolio-details > .textfragment .teaser-text .richtext {
 gap: var(--gap-med);
 flex-direction: column;
 display: flex;
}
.portfolio .portfolio-area.portfolio-open > .elementlist > :last-child .portfolio-details > .textfragment .teaser-text .richtext * {
 margin: unset !important;
}
.portfolio .portfolio-area.portfolio-open > .elementlist > :last-child .portfolio-details > .textfragment ul {
 gap: var(--gap-thin);
 flex-direction: column;
 display: flex;
 margin: unset !important;
}
@media (width > 768px) {
 .portfolio .portfolio-area.portfolio-open > .elementlist > :last-child .portfolio-details > .textfragment {
   gap: 2rem;
 }
}
.portfolio .portfolio-area.portfolio-open > .elementlist > :last-child .portfolio-details > .elementlist {
 gap: var(--gap-max);
 flex-direction: column;
 width: 100%;
 display: flex;
 margin: unset !important;
}
@media (width > 900px) {
 .portfolio .portfolio-area.portfolio-open > .elementlist > :last-child .portfolio-details > .elementlist {
   gap: var(--gap-big);
 }
}
.portfolio .portfolio-area.portfolio-open > .elementlist > :last-child .portfolio-details > .elementlist > * {
 width: 100%;
}
.portfolio .portfolio-area.portfolio-open:has(.product-filters) .product-cluster {
 scroll-margin-top: 5rem !important;
}
@media (width > 768px) {
 .portfolio .portfolio-area.portfolio-open:has(.product-filters) .product-cluster {
   scroll-margin-top: 7rem !important;
 }
}
.portfolio .product-filters {
 --margin: 2rem;
 z-index: calc(var(--zx-product-card)  + 10);
 width: calc(100% + var(--margin) * 2);
 background-color: var(--header-bg);
 padding: 1rem var(--margin);
 justify-content: flex-end;
 align-self: flex-start;
 align-items: center;
 gap: var(--gap-min);
 flex-wrap: nowrap;
 display: flex;
 position: sticky;
 margin: 0 calc(var(--margin) * -1) !important;
}
@supports (backdrop-filter: initial) {
 .portfolio .product-filters {
   backdrop-filter: blur(30px);
 }
}
@media (width <= 768px) {
 .portfolio .product-filters {
   top: var(--snavbar-height);
   border-bottom: 1px solid #ccc;
 }
}
@media (width > 768px) {
 .portfolio .product-filters {
   top: calc(var(--snavbar-height)  + 2rem);
   border-radius: var(--radius-card);
   box-shadow: var(--shadow-card);
 }
}
.portfolio .product-filters:before {
 content: "Filter Products:";
 flex: 1;
 justify-self: flex-start;
 font-size: 1.4rem !important;
}
@media (width > 768px) {
 .portfolio .product-filters:before {
   font-size: 1.6rem !important;
 }
}
.portfolio .product-filters a.filter {
 cursor: pointer;
 color: var(--color-blue);
 background-color: var(--color-white);
 border-radius: var(--radius-base);
 border: 1.5px solid var(--color-blue);
 padding: .6rem .8rem;
 line-height: 1;
 text-decoration: none;
 font-size: 1.4rem !important;
}
@media (width > 768px) {
 .portfolio .product-filters a.filter {
   font-size: 1.6rem !important;
 }
}
.portfolio .product-filters a.filter.active-filter {
 color: var(--color-white);
 background-color: var(--color-blue);
}
.portfolio .benefits * {
 margin: unset !important;
}
.portfolio .benefits > .elementlist {
 flex-direction: column;
 width: 100%;
 display: flex;
 gap: var(--gap-med) !important;
}
.portfolio .benefits > .elementlist .benefit {
 align-items: flex-start;
 gap: var(--gap-min2);
 border-radius: 6.669px;
 width: 100%;
 display: flex;
 position: relative;
}
.portfolio .benefits > .elementlist .benefit:before {
 content: "";
 flex: 0 0 var(--icon-check-size);
 width: var(--icon-check-size);
 height: var(--icon-check-size);
 background-image: url("data:image/svg+xml;charset=UTF-8,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M23.0645 10.9328V11.9554C23.0631 14.3523 22.287 16.6846 20.8518 18.6044C19.4166 20.5242 17.3993 21.9287 15.1007 22.6083C12.8022 23.2879 10.3455 23.2063 8.09705 22.3756C5.84865 21.5449 3.92899 20.0097 2.62438 17.9989C1.31978 15.9881 0.700124 13.6094 0.857835 11.2177C1.01555 8.82593 1.94217 6.54924 3.49952 4.72715C5.05687 2.90505 7.16149 1.63519 9.4995 1.10695C11.8375 0.578705 14.2837 0.820383 16.4731 1.79594M8.61451 10.8439L11.9491 14.1785L23.0645 3.06309\" stroke=\"black\" stroke-width=\"1.66731\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>");
}
.portfolio .benefits > .elementlist .benefit .textfragment {
 gap: var(--gap-thin);
 flex-direction: column;
 flex: 1 1 0;
 min-width: 0;
 display: flex;
}
.portfolio .benefits > .elementlist .benefit .textfragment h2 {
 font-size: 1.6rem !important;
}
@media (width > 768px) {
 .portfolio .benefits > .elementlist .benefit .textfragment h2 {
   font-size: 1.8rem !important;
 }
}
.portfolio .benefits > .elementlist .benefit .teaser-text .richtext p {
 letter-spacing: .3px;
 font-size: 15px;
 font-weight: 400;
 line-height: normal;
}
.portfolio .product-cluster {
 gap: var(--gap-max);
 flex-direction: column;
 width: 100%;
 max-height: 2000px;
 transition: max-height .5s ease-in-out;
 display: flex;
 padding-top: 2rem !important;
}
.portfolio .product-cluster > .textfragment {
 gap: var(--gap-med);
 flex-direction: column;
 width: 100%;
 display: flex;
}
.portfolio .product-cluster > .textfragment h2 {
 margin: unset !important;
 font-size: 2.2rem !important;
}
.portfolio .product-cluster > .textfragment h5 {
 margin-bottom: var(--gap-med) !important;
}
.portfolio .product-cluster > .textfragment .teaser-text .richtext {
 display: contents;
}
.portfolio .product-cluster > .elementlist {
 --margin-extra: 5px;
 width: calc(100% + 2 * var(--margin-extra));
 flex-direction: column;
 transition: max-height .5s ease-in-out;
 display: flex;
 gap: var(--gap-med) !important;
 padding: var(--margin-extra) !important;
 margin-inline: calc(var(--margin-extra) * -1) !important;
 margin-block: unset !important;
}
.portfolio .product-cluster > .elementlist:has( > :nth-child(4)):not(.is-expanded) {
 cursor: pointer;
 --fade-color: #f8fafc;
 flex-wrap: nowrap;
 max-height: 280px;
 position: relative;
 overflow: hidden;
}
.portfolio .product-cluster > .elementlist:has( > :nth-child(4)):not(.is-expanded):before {
 content: "";
 z-index: calc(var(--zx-product-card)  + 5);
 background: linear-gradient(to bottom, transparent 0%, var(--fade-color) 85%);
 height: 130px;
 position: absolute;
 inset: auto -5px -5px;
}
.portfolio .product-cluster > .elementlist:has( > :nth-child(4)):not(.is-expanded):after {
 content: "+ Expand section";
 z-index: calc(var(--zx-product-card)  + 6);
 text-align: center;
 color: var(--color-white);
 background-color: var(--color-blue);
 border-radius: var(--radius-base);
 box-shadow: var(--shadow-card);
 padding: .8rem 1.2rem;
 font-size: 1.4rem;
 line-height: 1;
 display: inline-block;
 position: absolute;
 bottom: 10px;
 left: 50%;
 translate: -50%;
}
.portfolio .product-cluster > .elementlist:has( > :nth-child(4)):not(.is-expanded):hover:after {
 background-color: var(--color-blue-main);
}
.portfolio .product-cluster > .elementlist > div:has(.series) .series {
 z-index: calc(var(--zx-product-card)  - 2) !important;
}
.portfolio .product-cluster > .elementlist > div:has(.series) + div:has(.series) .series {
 z-index: calc(var(--zx-product-card)  - 4) !important;
}
.portfolio .product-cluster > .elementlist > div:has(.series) + div:has(.series) + div:has(.series) .series {
 z-index: calc(var(--zx-product-card)  - 6) !important;
}
.portfolio .product-cluster > .elementlist > div:has(.series) + div:has(.series) + div:has(.series) + div:has(.series) .series {
 z-index: calc(var(--zx-product-card)  - 8) !important;
}
.portfolio .product-card {
 z-index: var(--zx-product-card);
 width: 100%;
 transition: max-height .5s;
 position: relative;
 margin: unset !important;
 flex: 1 0 auto !important;
}
.portfolio .product-card a {
 grid-template-columns: var(--img-width) auto;
 gap: var(--gap-med);
 grid-template-rows: auto;
 height: auto !important;
 padding: var(--gap-min) !important;
 margin: unset !important;
 display: grid !important;
}
@media (width > 768px) {
 .portfolio .product-card a {
   gap: var(--gap-max);
   padding: var(--gap-min2) !important;
 }
}
.portfolio .product-card a > * {
 display: contents;
}
.portfolio .product-card a * {
 color: var(--color-blue-main);
 font-size: 1.5rem !important;
}
.portfolio .product-card a .image-wrapper {
 grid-area: 1 / 1;
 justify-content: center;
 align-items: center;
 display: flex;
 overflow: hidden;
}
.portfolio .product-card a .teaser-meta {
 grid-area: 1 / 2;
 align-self: center;
 padding: unset !important;
}
.portfolio .product-card a .teaser-meta h3 {
 font-size: 2rem;
 font-weight: 700;
 margin: unset !important;
}
.portfolio .product-card a .teaser-meta .teaser-text {
 padding: unset;
 display: block !important;
}
@media (width <= 768px) {
 .portfolio .product-card a .teaser-more {
   text-align: left;
   white-space: normal;
   white-space-collapse: unset;
   display: inline-block;
   position: relative;
   background: unset !important;
   border: unset !important;
   padding: unset !important;
   padding-left: 1.2em !important;
 }
 .portfolio .product-card a .teaser-more:before {
   position: absolute;
   top: .17em;
   left: 0;
 }
 .portfolio .product-card a .teaser-more span {
   display: inline;
 }
 .portfolio .product-card a:hover .teaser-more {
   background-color: #0000;
   color: var(--tdk-color-blue) !important;
   border-color: #0000 !important;
 }
}
.portfolio .product-card.active-card a {
 box-shadow: var(--shadow-card), 0 0 5px var(--color-blue);
}
.portfolio .product-card:not(.series).flag:after {
 color: var(--color-blue);
 text-transform: uppercase;
 padding: 2px 6px;
 font-size: 12px;
 font-weight: bold;
 position: absolute;
 top: 0;
 right: 0;
}
.portfolio .product-card:not(.series).flag.psu:after {
 content: "psu";
}
.portfolio .product-card:not(.series).flag.sst:after {
 content: "sst";
}
.portfolio .product-card:not(.series).flag.psu.sst:after {
 content: "psu + sst";
}
.portfolio .product-card:not(.series).flag.ups:after {
 content: "ups";
}
.portfolio .product-card:not(.series).flag.psu.ups:after {
 content: "psu + ups";
}
.portfolio .product-card:not(.series).flag.sst.ups:after {
 content: "sst + ups";
}
.portfolio .product-card:not(.series).flag.computing:after {
 content: "comp";
}
.portfolio .product-card:not(.series).flag.optical:after {
 content: "opt";
}
.portfolio .product-card:not(.series).flag.computing.optical:after {
 content: "comp + opt";
}
.portfolio .product-card:not(.series).flag .teaser-meta {
 padding-top: var(--gap-thin) !important;
}
.portfolio .product-card.series {
 margin-top: -3.5rem !important;
}
.portfolio .product-card.series a {
 padding-top: var(--gap-med) !important;
}
@media (width > 768px) {
 .portfolio .product-card.series a {
   padding-top: var(--gap-max) !important;
 }
}
.portfolio .product-card.series a .teaser-meta {
 padding-top: var(--gap-thin) !important;
}
.portfolio .product-card.series a .teaser-meta h3, .portfolio .product-card.series a .teaser-meta .teaser-text {
 display: none !important;
}
.portfolio .product-card.series a .teaser-meta .teaser-more {
 margin: unset !important;
}
.portfolio:has(:not(.portfolio-open)) {
 transition: max-height .5s ease-in-out;
 position: relative;
 overflow-y: clip;
 max-height: 0 !important;
}
.portfolio:has(:not(.portfolio-open)) .portfolio-area {
 opacity: 0;
 transition: opacity .5s ease-in-out;
 display: none !important;
}
.portfolio .button-close {
 pointer-events: none;
 opacity: 0;
 cursor: pointer;
 z-index: 9999;
 background-color: #fff6;
 border-bottom: 1.5px solid #6664;
 border-radius: 100px;
 transition: opacity .5s ease-in-out;
 position: fixed;
 top: 9rem;
 right: 2rem;
 box-shadow: 0 2px 5px #00000026;
 color: var(--tdk-color-black) !important;
}
@supports (backdrop-filter: initial) {
 .portfolio .button-close {
   backdrop-filter: saturate(180%) blur(20px);
 }
}
.portfolio .button-close:before {
 content: "X";
 flex: 0 0 32px;
 justify-content: center;
 align-items: center;
 width: 32px;
 height: 32px;
 display: flex;
}
.portfolio .button-close > .textfragment {
 display: none;
}
.portfolio:has(.portfolio-open) {
 max-height: 1000vh !important;
}
.portfolio:has(.portfolio-open) #inner > .elementlist > div > div > .textfragment {
 display: none !important;
}
.portfolio:has(.portfolio-open) .portfolio-area.portfolio-open {
 opacity: 1;
 display: block !important;
}
.portfolio:has(.portfolio-open) .button-close {
 pointer-events: auto;
 opacity: 1;
}
#portfolio_sdv .portfolio-area.portfolio-collapsed, #portfolio_sdv .portfolio-area.portfolio-collapsed > .elementlist > :first-child .image-wrapper {
 max-height: 250px;
}
@media (width > 992px) {
 #portfolio_sdv .portfolio-area.portfolio-open > .elementlist > :first-child {
   --main-box: 960px;
   --left-col: .3;
   --image-width: calc(((100vw - var(--main-box)) / 2)  + (var(--main-box) * var(--left-col))  - 10rem);
   height: calc(var(--image-width)  + 5rem);
 }
}
.portfolio2 {
 width: 100%;
 max-width: 1200px;
 margin-inline: auto;
}
.portfolio2 .col-12, .portfolio2 .row:not(.elementlist) {
 display: contents;
}
.portfolio2 > .elementlist {
 flex-direction: column;
 place-items: stretch stretch;
 display: flex;
}
.portfolio2 #col-2 > .elementlist {
 flex-wrap: nowrap;
 display: flex;
}
.portfolio2 #col-2 > .elementlist > * {
 flex: 50%;
}
.portfolio2 .portfolio2-area {
 flex: 100%;
}
.portfolio2 .portfolio2-area > .elementlist {
 flex-wrap: nowrap;
 display: flex;
}
.portfolio2 .portfolio2-area > .elementlist * {
 flex: 0 auto;
}
.portfolio2 .portfolio2-area > .elementlist .teaser {
 background: var(--color-card-bg);
 background: linear-gradient(to top, var(--color-card-bg) 0%, var(--color-white) 100%);
 border-radius: var(--radius-big);
 height: 16rem;
 box-shadow: var(--shadow-card);
 flex-direction: column;
 flex: 100%;
 justify-content: flex-end;
 position: relative;
 overflow: clip;
}
.portfolio2 .portfolio2-area > .elementlist .teaser:after {
 content: "+";
 z-index: calc(var(--zx-product-section)  - 1);
 color: #333;
 background-color: #ffffffe6;
 border-radius: 50%;
 justify-content: center;
 align-items: center;
 width: 3.6rem;
 height: 3.6rem;
 font-size: 2rem;
 display: flex;
 position: absolute;
 top: 2rem;
 right: 2rem;
 box-shadow: 0 2px 5px #0000001a;
}
.portfolio2 .portfolio2-area > .elementlist .teaser > * {
 color: var(--color-blue-main);
}
.portfolio2 .portfolio2-area > .elementlist .teaser .image-column:before {
 content: "";
 z-index: var(--zx-base);
 background: linear-gradient(to top, #fff 0%, #fffc 50%, #fff0 100%);
 position: absolute;
 inset: 0;
}
.portfolio2 .portfolio2-area > .elementlist .teaser .image-column .image-wrapper {
 z-index: 0;
 position: absolute;
 inset: 0;
 height: 100% !important;
 margin: 0 !important;
}
.portfolio2 .portfolio2-area > .elementlist .teaser .image-column .image-wrapper img {
 object-fit: cover;
 width: 100%;
 height: 100%;
}
.portfolio2 .portfolio2-area > .elementlist .teaser .text-column {
 justify-content: flex-end;
 gap: var(--gap-min);
 padding: 2rem;
}
.portfolio2 .portfolio2-area > .elementlist .teaser .text-column .teaser-meta {
 z-index: 999;
 position: relative;
 padding: 1.5rem !important;
}
.portfolio2 .portfolio2-area > .elementlist .teaser .text-column .teaser-more {
 display: none !important;
}
#application-guide div, #application-guide a.teaser {
 margin-bottom: unset;
}
@media (width > 768px) {
 #application-guide a.teaser {
   --gutter: var(--gap-max);
   gap: var(--gutter);
 }
 #application-guide a.teaser > :first-child {
   --colsize: calc(3 * var(--colfract)  - var(--gutter)) !important;
 }
 #application-guide a.teaser > :last-child {
   --colsize: calc(9 * var(--colfract)  - var(--gutter)) !important;
 }
}
#why-tdk, .soft-proof {
 background: linear-gradient(#d6e3e6 0%, #fff 39.423%, #eef6f2 100%);
}
#why-tdk > .elementlist, .soft-proof > .elementlist {
 margin-inline: auto !important;
}
#why-tdk > .elementlist > div > div, .soft-proof > .elementlist > div > div {
 flex-direction: column;
 gap: 30px;
 display: flex;
}
@media (width > 768px) {
 #why-tdk > .elementlist > div > div, .soft-proof > .elementlist > div > div {
   gap: 60px;
 }
}
#why-tdk > .elementlist > div > div h2, #why-tdk > .elementlist > div > div p, #why-tdk > .elementlist > div > div ul, .soft-proof > .elementlist > div > div h2, .soft-proof > .elementlist > div > div p, .soft-proof > .elementlist > div > div ul {
 margin: 0;
 padding: 0;
}
#why-tdk > .elementlist > div > div ul, .soft-proof > .elementlist > div > div ul {
 list-style: none;
}
#why-tdk > .elementlist > div > div .row, .soft-proof > .elementlist > div > div .row {
 flex-wrap: nowrap;
 margin-left: 0;
 margin-right: 0;
}
#why-tdk > .elementlist > div > div .col-12, .soft-proof > .elementlist > div > div .col-12 {
 padding-left: 0;
 padding-right: 0;
}
#why-tdk > .elementlist > div > div .textfragment, .soft-proof > .elementlist > div > div .textfragment {
 flex-direction: column;
 display: flex;
}
#why-tdk > .elementlist > div > div .textfragment h2, .soft-proof > .elementlist > div > div .textfragment h2 {
 flex-direction: column;
 font-weight: 700;
 display: flex;
}
#why-tdk > .elementlist > div > div > .textfragment, .soft-proof > .elementlist > div > div > .textfragment {
 gap: 16px;
}
@media (width > 768px) {
 #why-tdk > .elementlist > div > div > .textfragment, .soft-proof > .elementlist > div > div > .textfragment {
   gap: 24px;
 }
}
#why-tdk > .elementlist > div > div > .textfragment h2, .soft-proof > .elementlist > div > div > .textfragment h2 {
 gap: 16px;
 font-size: 26px;
 line-height: 1.4;
}
@media (width > 768px) {
 #why-tdk > .elementlist > div > div > .textfragment h2, .soft-proof > .elementlist > div > div > .textfragment h2 {
   gap: 24px;
   font-size: 56px;
   line-height: 1.2;
 }
}
#why-tdk > .elementlist > div > div > .textfragment h2 span, .soft-proof > .elementlist > div > div > .textfragment h2 span {
 color: #0087ff;
 text-transform: uppercase;
 font-size: 18px;
 line-height: 1.4;
 display: block;
}
#why-tdk > .elementlist > div > div > .textfragment h2:after, .soft-proof > .elementlist > div > div > .textfragment h2:after {
 content: "";
 background: #0087ff;
 border-radius: 2px;
 width: 48px;
 height: 3px;
}
@media (width > 768px) {
 #why-tdk > .elementlist > div > div > .textfragment h2:after, .soft-proof > .elementlist > div > div > .textfragment h2:after {
   width: 80px;
   height: 4px;
 }
}
#why-tdk > .elementlist > div > div > .textfragment .teaser-text, .soft-proof > .elementlist > div > div > .textfragment .teaser-text {
 color: #000;
 font-size: 16px;
 line-height: 1.5;
}
@media (width > 768px) {
 #why-tdk > .elementlist > div > div > .textfragment .teaser-text, .soft-proof > .elementlist > div > div > .textfragment .teaser-text {
   font-size: 22px;
   line-height: 1.4;
 }
}
#why-tdk > .elementlist > div > div > .elementlist, .soft-proof > .elementlist > div > div > .elementlist {
 flex-direction: column;
 gap: 30px;
 display: flex;
}
@media (width > 768px) {
 #why-tdk > .elementlist > div > div > .elementlist, .soft-proof > .elementlist > div > div > .elementlist {
   gap: 60px;
 }
}
#why-tdk > .elementlist > div > div > .elementlist > .col-12, .soft-proof > .elementlist > div > div > .elementlist > .col-12 {
 flex: none;
 width: 100%;
 max-width: 100%;
}
#why-tdk > .elementlist > div > div > .elementlist > .col-12 > div > .elementlist, .soft-proof > .elementlist > div > div > .elementlist > .col-12 > div > .elementlist {
 flex-direction: column;
 display: flex;
}
#why-tdk > .elementlist > div > div > .elementlist > .col-12 > div > .elementlist > .col-12, .soft-proof > .elementlist > div > div > .elementlist > .col-12 > div > .elementlist > .col-12 {
 flex: none;
 width: 100%;
 max-width: 100%;
 display: flex;
}
#why-tdk > .elementlist > div > div > .elementlist > .col-12 > div > .elementlist > .col-12 > .textfragment, .soft-proof > .elementlist > div > div > .elementlist > .col-12 > div > .elementlist > .col-12 > .textfragment {
 flex: auto;
 min-width: 0;
}
#why-tdk > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist, .soft-proof > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist {
 gap: 20px;
}
@media (width > 768px) {
 #why-tdk > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist, .soft-proof > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist {
   flex-direction: row;
   gap: 32px;
 }
 #why-tdk > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist > .col-12, .soft-proof > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist > .col-12 {
   flex: 1 1 0;
   width: auto;
 }
}
#why-tdk > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist > .col-12 > .textfragment, .soft-proof > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist > .col-12 > .textfragment {
 background: #fff;
 border: 1px solid #e5e8eb;
 border-radius: 12px;
 gap: 8px;
 padding: 20px;
 box-shadow: 0 2px 5px #0003;
}
@media (width > 768px) {
 #why-tdk > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist > .col-12 > .textfragment, .soft-proof > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist > .col-12 > .textfragment {
   border-radius: 16px;
   gap: 12px;
   padding: 32px;
 }
}
#why-tdk > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist > .col-12 > .textfragment:before, .soft-proof > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist > .col-12 > .textfragment:before {
 content: "";
 box-sizing: content-box;
 background-color: #e9f0f2;
 background-position: center;
 background-repeat: no-repeat;
 background-size: 28px 28px;
 background-origin: content-box;
 border-radius: 100px;
 align-self: flex-start;
 width: 28px;
 height: 28px;
 margin-bottom: 8px;
 padding: 8px;
}
@media (width > 768px) {
 #why-tdk > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist > .col-12 > .textfragment:before, .soft-proof > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist > .col-12 > .textfragment:before {
   margin-bottom: 12px;
   padding: 16px;
 }
}
#why-tdk > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist > .col-12 > .textfragment h2, .soft-proof > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist > .col-12 > .textfragment h2 {
 gap: 8px;
 font-size: 18px;
 line-height: 1.4;
}
@media (width > 768px) {
 #why-tdk > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist > .col-12 > .textfragment h2, .soft-proof > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist > .col-12 > .textfragment h2 {
   gap: 12px;
   font-size: 24px;
   line-height: 1.3;
 }
}
#why-tdk > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist > .col-12 > .textfragment h2 span, .soft-proof > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist > .col-12 > .textfragment h2 span {
 color: #0087ff;
 text-transform: uppercase;
 font-size: 15px;
 font-weight: 700;
 line-height: 1.4;
 display: block;
}
@media (width > 768px) {
 #why-tdk > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist > .col-12 > .textfragment h2 span, .soft-proof > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist > .col-12 > .textfragment h2 span {
   text-transform: none;
 }
}
#why-tdk > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist > .col-12 > .textfragment .teaser-text, .soft-proof > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist > .col-12 > .textfragment .teaser-text {
 color: #59595a;
 font-size: 14px;
 line-height: 1.5;
}
@media (width > 768px) {
 #why-tdk > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist > .col-12 > .textfragment .teaser-text, .soft-proof > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist > .col-12 > .textfragment .teaser-text {
   font-size: 15px;
   line-height: 1.6;
 }
}
#why-tdk > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist > .col-12:first-child > .textfragment:before, .soft-proof > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist > .col-12:first-child > .textfragment:before {
 background-image: url("data:image/svg+xml,<svg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14.0013 17.4991V23.3324C14.0013 23.3324 17.5363 22.6907 18.668 20.9991C19.928 19.1091 18.668 15.1657 18.668 15.1657M14.0013 17.4991C15.6308 16.8789 17.1941 16.0972 18.668 15.1657M14.0013 17.4991L10.5013 13.9994M10.5013 13.9994C11.1221 12.3887 11.9039 10.8448 12.8346 9.39102C14.194 7.2175 16.0869 5.42791 18.3331 4.19246C20.5794 2.95701 23.1044 2.31679 25.668 2.33269C25.668 5.50602 24.758 11.0824 18.668 15.1657M10.5013 13.9994L4.66797 13.9986C4.66797 13.9986 5.30964 10.4636 7.0013 9.33193C8.8913 8.07193 12.8346 9.39102 12.8346 9.39102M5.2513 19.2494C3.5013 20.7194 2.91797 25.0828 2.91797 25.0828C2.91797 25.0828 7.2813 24.4994 8.7513 22.7494C9.57964 21.7694 9.56797 20.2644 8.6463 19.3544C8.19283 18.9216 7.59548 18.6715 6.9689 18.6521C6.34232 18.6328 5.73066 18.8455 5.2513 19.2494Z' stroke='black' stroke-width='2' stroke-linecap='round'/></svg>");
}
#why-tdk > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist > .col-12:nth-child(2) > .textfragment:before, .soft-proof > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist > .col-12:nth-child(2) > .textfragment:before {
 background-image: url("data:image/svg+xml,<svg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M18.4852 5.42532C18.2844 5.37288 18.1013 5.26784 17.9546 5.12103L15.9911 3.15739C15.7296 2.89584 15.4191 2.68836 15.0774 2.54681C14.7357 2.40525 14.3695 2.3324 13.9996 2.3324C13.6298 2.3324 13.2635 2.40525 12.9218 2.54681C12.5801 2.68836 12.2697 2.89584 12.0081 3.15739L10.0446 5.11987C9.89785 5.26653 9.79282 5.44969 9.74038 5.65048C9.68795 5.85126 9.69001 6.0624 9.74636 6.26212C9.80271 6.46184 9.91129 6.64292 10.0609 6.78669C10.2106 6.93045 10.3958 7.03171 10.5976 7.08001C11.1018 7.20095 11.5646 7.45411 11.9384 7.81341C12.3122 8.1727 12.5835 8.62515 12.7243 9.12416C12.8651 9.62317 12.8704 10.1507 12.7396 10.6524C12.6088 11.1541 12.3466 11.6119 11.98 11.9786C11.6135 12.3453 11.1558 12.6077 10.6542 12.7387C10.1525 12.8697 9.62505 12.8646 9.12603 12.7239C8.62702 12.5832 8.17451 12.3121 7.81512 11.9384C7.45572 11.5647 7.20243 11.1019 7.08133 10.5978C7.03303 10.3959 6.93178 10.2107 6.78803 10.061C6.64427 9.91135 6.46321 9.80276 6.2635 9.74641C6.0638 9.69006 5.85268 9.68799 5.65191 9.74043C5.45114 9.79287 5.26799 9.89791 5.12133 10.0447L3.15784 12.0084C2.89631 12.2699 2.68884 12.5804 2.5473 12.9221C2.40576 13.2639 2.33291 13.6301 2.33291 14C2.33291 14.3699 2.40576 14.7361 2.5473 15.0779C2.68884 15.4196 2.89631 15.7301 3.15784 15.9916L5.12133 17.9541C5.26813 18.1008 5.37316 18.2839 5.4256 18.4847C5.47803 18.6855 5.47597 18.8966 5.41962 19.0964C5.36328 19.2961 5.25469 19.4772 5.10505 19.6209C4.95541 19.7647 4.77014 19.866 4.56834 19.9143C4.06418 20.0352 3.60137 20.2884 3.22757 20.6477C2.85377 21.007 2.58249 21.4594 2.44168 21.9584C2.30086 22.4574 2.29559 22.9849 2.42641 23.4867C2.55723 23.9884 2.81941 24.4462 3.18596 24.8129C3.5525 25.1796 4.01016 25.4419 4.5118 25.5729C5.01344 25.7039 5.54093 25.6988 6.03995 25.5581C6.53896 25.4175 6.99147 25.1463 7.35086 24.7726C7.71026 24.3989 7.96355 23.9362 8.08466 23.432C8.13295 23.2302 8.2342 23.0449 8.37795 22.8953C8.52171 22.7456 8.70277 22.637 8.90248 22.5807C9.10219 22.5243 9.31331 22.5222 9.51407 22.5747C9.71484 22.6271 9.89799 22.7322 10.0446 22.879L12.0081 24.8426C12.2697 25.1042 12.5801 25.3116 12.9218 25.4532C13.2635 25.5947 13.6298 25.6676 13.9996 25.6676C14.3695 25.6676 14.7357 25.5947 15.0774 25.4532C15.4191 25.3116 15.7296 25.1042 15.9911 24.8426L17.9546 22.8801C18.1014 22.7335 18.2064 22.5503 18.2589 22.3495C18.3113 22.1487 18.3093 21.9376 18.2529 21.7379C18.1966 21.5382 18.088 21.3571 17.9383 21.2133C17.7887 21.0695 17.6034 20.9683 17.4016 20.92C16.8975 20.799 16.4347 20.5459 16.0609 20.1866C15.6871 19.8273 15.4158 19.3748 15.275 18.8758C15.1341 18.3768 15.1289 17.8493 15.2597 17.3476C15.3905 16.8459 15.6527 16.3881 16.0192 16.0214C16.3858 15.6547 16.8434 15.3923 17.3451 15.2613C17.8467 15.1303 18.3742 15.1354 18.8732 15.2761C19.3722 15.4168 19.8248 15.6879 20.1841 16.0616C20.5435 16.4353 20.7968 16.8981 20.9179 17.4022C20.9662 17.6041 21.0675 17.7893 21.2112 17.939C21.355 18.0886 21.5361 18.1972 21.7358 18.2536C21.9355 18.3099 22.1466 18.312 22.3474 18.2596C22.5481 18.2071 22.7313 18.1021 22.8779 17.9553L24.8414 15.9916C25.103 15.7301 25.3104 15.4196 25.452 15.0779C25.5935 14.7361 25.6664 14.3699 25.6664 14C25.6664 13.6301 25.5935 13.2639 25.452 12.9221C25.3104 12.5804 25.103 12.2699 24.8414 12.0084L22.8779 10.0459C22.7311 9.89922 22.6261 9.71606 22.5737 9.51527C22.5212 9.31449 22.5233 9.10335 22.5796 8.90363C22.636 8.70391 22.7446 8.52283 22.8942 8.37906C23.0439 8.2353 23.2291 8.13404 23.4309 8.08574C23.9351 7.9648 24.3979 7.71164 24.7717 7.35234C25.1455 6.99304 25.4168 6.5406 25.5576 6.04159C25.6984 5.54258 25.7037 5.01505 25.5729 4.51333C25.442 4.01161 25.1799 3.55383 24.8133 3.18714C24.4468 2.82044 23.9891 2.55809 23.4875 2.42709C22.9858 2.29609 22.4583 2.30119 21.9593 2.44185C21.4603 2.58252 21.0078 2.85366 20.6484 3.22737C20.289 3.60108 20.0357 4.06384 19.9146 4.56799C19.8663 4.76981 19.7651 4.9551 19.6213 5.10475C19.4776 5.2544 19.2965 5.36299 19.0968 5.41934C18.8971 5.47569 18.686 5.47776 18.4852 5.42532Z' stroke='black' stroke-width='2' stroke-linecap='round'/></svg>");
}
#why-tdk > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist > .col-12:nth-child(3) > .textfragment:before, .soft-proof > .elementlist > div > div > .elementlist > .col-12:first-child > div > .elementlist > .col-12:nth-child(3) > .textfragment:before {
 background-image: url("data:image/svg+xml,<svg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.4994 14L12.8329 16.3335L17.4999 11.6665M25.6672 14C25.6672 20.4438 20.4435 25.6676 13.9996 25.6676C7.55579 25.6676 2.33203 20.4438 2.33203 14C2.33203 7.55616 7.55579 2.3324 13.9996 2.3324C20.4435 2.3324 25.6672 7.55616 25.6672 14Z' stroke='black' stroke-width='2' stroke-linecap='round'/></svg>");
}
#why-tdk > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist, .soft-proof > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist {
 gap: 32px;
}
@media (width > 768px) {
 #why-tdk > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist, .soft-proof > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist {
   background: #ffffff4d;
   flex-direction: row;
   gap: 48px;
 }
 #why-tdk > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12, .soft-proof > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 {
   flex: 1 1 0;
   width: auto;
 }
}
#why-tdk > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 > .textfragment, .soft-proof > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 > .textfragment {
 gap: 16px;
}
@media (width > 768px) {
 #why-tdk > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 > .textfragment, .soft-proof > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 > .textfragment {
   gap: 24px;
 }
}
#why-tdk > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 > .textfragment h2, .soft-proof > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 > .textfragment h2 {
 gap: 12px;
 font-size: 22px;
 line-height: 1.4;
}
@media (width > 768px) {
 #why-tdk > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 > .textfragment h2, .soft-proof > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 > .textfragment h2 {
   gap: 24px;
 }
}
#why-tdk > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 > .textfragment h2 span, .soft-proof > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 > .textfragment h2 span {
 color: #656565;
 text-transform: uppercase;
 font-size: 15px;
 font-weight: 700;
 line-height: 1.4;
 display: block;
}
@media (width > 768px) {
 #why-tdk > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 > .textfragment h2 span, .soft-proof > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 > .textfragment h2 span {
   text-transform: none;
 }
}
#why-tdk > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 > .textfragment .teaser-text, .soft-proof > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 > .textfragment .teaser-text {
 color: #59595a;
 font-size: 14px;
 line-height: 1.5;
}
@media (width > 768px) {
 #why-tdk > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 > .textfragment .teaser-text, .soft-proof > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 > .textfragment .teaser-text {
   font-size: 15px;
   line-height: normal;
 }
}
#why-tdk > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 > .textfragment .teaser-text p, #why-tdk > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 > .textfragment .teaser-text li, .soft-proof > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 > .textfragment .teaser-text p, .soft-proof > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 > .textfragment .teaser-text li {
 align-items: flex-start;
 gap: 12px;
 display: flex;
}
#why-tdk > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 > .textfragment .teaser-text p:before, #why-tdk > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 > .textfragment .teaser-text li:before, .soft-proof > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 > .textfragment .teaser-text p:before, .soft-proof > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 > .textfragment .teaser-text li:before {
 content: "";
 background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230087ff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 24px 24px no-repeat;
 flex: 0 0 24px;
 width: 24px;
 height: 24px;
}
#why-tdk > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 > .textfragment .teaser-text ul, .soft-proof > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 > .textfragment .teaser-text ul {
 flex-direction: column;
 gap: 12px;
 display: flex;
}
@media (width > 768px) {
 #why-tdk > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 > .textfragment .teaser-text ul, .soft-proof > .elementlist > div > div > .elementlist > .col-12:nth-child(2) > div > .elementlist > .col-12 > .textfragment .teaser-text ul {
   gap: 16px;
 }
}
#why-tdk > .elementlist > div > div .why-tdk__cta, .soft-proof > .elementlist > div > div .why-tdk__cta {
 border-top: 1px solid #d5dade;
 justify-content: center;
 padding-top: 30px;
 display: flex;
}
@media (width > 768px) {
 #why-tdk > .elementlist > div > div .why-tdk__cta, .soft-proof > .elementlist > div > div .why-tdk__cta {
   padding-top: 60px;
 }
}
#why-tdk > .elementlist > div > div .why-tdk__btn, .soft-proof > .elementlist > div > div .why-tdk__btn {
 color: #0046ad;
 white-space: nowrap;
 border: 1px solid #0046ad;
 border-radius: 6px;
 justify-content: center;
 align-items: center;
 gap: 10px;
 height: 67px;
 padding: 0 60px;
 font-size: 18px;
 line-height: 1.5;
 text-decoration: none;
 display: inline-flex;
}
#why-tdk > .elementlist > div > div .why-tdk__btn:before, .soft-proof > .elementlist > div > div .why-tdk__btn:before {
 content: "";
 width: 24px;
 height: 12px;
}
#why-tdk > .elementlist > div > div .why-tdk__btn:hover, #why-tdk > .elementlist > div > div .why-tdk__btn:focus-visible, .soft-proof > .elementlist > div > div .why-tdk__btn:hover, .soft-proof > .elementlist > div > div .why-tdk__btn:focus-visible {
 background: #0046ad0f;
}
#media {
 --color-primary: #0b66ef;
 --color-heading: #081624;
 --color-text-secondary: #3b4e5f;
 --color-border: #b9ccd8;
 --color-badge-text-muted: #e8f0fe;
 --color-overlay: #081624ab;
 --color-card-bg-compact: #e3eef28f;
 --color-white: #fff;
 --shadow-card: 0 2px 5px #0003;
 --text-shadow-title: 0 2px 8px #000000ab;
 --text-shadow-meta: 0 1px 4px #00000087;
 --font-base: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
 --gap-section-mobile: 32px;
 --gap-section-desktop: 48px;
 --gap-top-section-desktop: 64px;
 --gap-bottom-grid-mobile: 20px;
 --gap-bottom-grid-desktop: 24px;
 --play-size-large: 64px;
 --play-size-small: 38px;
 box-sizing: border-box;
 font-family: var(--font-base);
 background: linear-gradient(180deg, #d6e3e6 0%, var(--color-white) 39.423%, #eef6f2 100%);
 gap: var(--gap-section-mobile);
 flex-direction: column;
 padding: 48px 20px;
 display: flex;
}
#media *, #media :before, #media :after {
 box-sizing: border-box;
}
#media > .textfragment h2 {
 letter-spacing: -.36px;
 color: var(--color-heading);
 margin: 0;
 font-size: 36px;
 font-weight: 700;
}
#media > .textfragment h2 span {
 letter-spacing: .39px;
 text-transform: uppercase;
 color: var(--color-primary);
 margin-bottom: 12px;
 font-size: 13px;
 font-weight: 700;
 display: block;
}
@media (width > 768px) {
 #media > .textfragment h2 span {
   letter-spacing: normal;
   text-transform: none;
   margin-bottom: 0;
   font-size: 18px;
 }
 #media > .textfragment h2 {
   letter-spacing: -.56px;
   font-size: 56px;
 }
}
#media > .textfragment .teaser-text.richtext .richtext p {
 letter-spacing: .3px;
 color: var(--color-text-secondary);
 margin: 12px 0 0;
 font-size: 15px;
 line-height: 1.4;
}
@media (width > 768px) {
 #media > .textfragment .teaser-text.richtext .richtext p {
   letter-spacing: normal;
   margin-top: 24px;
   font-size: 16px;
   line-height: 1.6;
 }
 #media > .textfragment {
   flex-direction: column;
   flex: 1 0 0;
   justify-content: center;
   min-width: 0;
   display: flex;
 }
}
#media > .elementlist.row.compact {
 gap: var(--gap-section-mobile);
 flex-direction: column;
 width: 100%;
 margin: 0;
 display: flex;
}
#media > .elementlist.row.compact, #media > .elementlist.row.compact .row {
 margin-left: 0;
 margin-right: 0;
}
#media > .elementlist.row.compact .col-12 {
 flex: 0 0 100%;
 width: 100%;
 max-width: 100%;
 padding-left: 0;
 padding-right: 0;
}
@media (width > 768px) {
 #media > .elementlist.row.compact {
   display: contents;
 }
}
#media #title_3693938 .elementlist.row.compact {
 display: block;
}
@media (width > 768px) {
 #media #title_3693938 {
   align-items: stretch;
   display: flex;
 }
}
#media #title_3693940 .elementlist.row.compact {
 gap: var(--gap-bottom-grid-mobile);
 flex-direction: column;
 display: flex;
}
@media (width > 768px) {
 #media #title_3693940 .elementlist.row.compact {
   gap: var(--gap-bottom-grid-desktop);
   grid-template-columns: 1fr 1fr;
   display: grid;
 }
 #media {
   gap: var(--gap-section-desktop);
   padding: 80px;
 }
 #media > .elementlist.row.compact > .col-12:first-child {
   gap: var(--gap-top-section-desktop);
   align-items: center;
   display: flex;
 }
}
#media .teaser.teaser-standard {
 width: 100%;
 color: inherit;
 border-radius: 12px;
 flex-direction: column;
 text-decoration: none;
 display: flex;
 position: relative;
 overflow: hidden;
}
#media .teaser.teaser-standard .teaser-more {
 display: none;
}
#media .teaser.teaser-standard .image-column {
 flex: none;
 width: 100%;
 max-width: none;
 padding: 0;
 position: relative;
 overflow: hidden;
}
#media .teaser.teaser-standard .image-wrapper {
 position: absolute;
 inset: 0;
 height: 100% !important;
}
#media .teaser.teaser-standard .image-wrapper img {
 object-fit: cover;
 width: 100%;
 height: 100%;
 display: block;
 position: absolute;
 inset: 0;
}
#media .teaser.teaser-standard .text-column {
 flex: none;
 width: 100%;
 max-width: none;
 padding: 12px;
}
#media .teaser.teaser-standard .teaser-title {
 color: var(--color-heading);
 margin: 0;
 font-weight: 700;
}
#media .teaser.teaser-standard .teaser-text.richtext .richtext p {
 color: var(--color-text-secondary);
 margin: 0;
}
#media #title_3693938 .teaser.teaser-standard {
 border: 1.5px solid var(--color-border);
 border-radius: 16px;
 height: 350px;
}
#media #title_3693938 .teaser.teaser-standard:before {
 content: "Featured";
 z-index: 4;
 background-color: var(--color-primary);
 color: var(--color-white);
 text-transform: uppercase;
 border-radius: 100px;
 padding: 6px 16px;
 font-size: 12px;
 font-weight: 700;
 position: absolute;
 top: 28px;
 right: 28px;
}
#media #title_3693938 .teaser.teaser-standard .image-column {
 position: absolute;
 inset: 0;
}
#media #title_3693938 .teaser.teaser-standard .image-column:before {
 content: "";
 width: var(--play-size-large);
 height: var(--play-size-large);
 background: var(--color-overlay);
 border: 1.5px solid var(--color-white);
 z-index: 2;
 border-radius: 50%;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}
#media #title_3693938 .teaser.teaser-standard .image-column:after {
 content: "";
 z-index: 3;
 border-style: solid;
 border-width: 11px 0 11px 18px;
 border-color: transparent transparent transparent var(--color-white);
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-42%, -50%);
}
#media #title_3693938 .teaser.teaser-standard .text-column {
 z-index: 4;
 padding: 28px;
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
}
#media #title_3693938 .teaser.teaser-standard .teaser-title {
 color: var(--color-white);
 text-shadow: var(--text-shadow-title);
 font-size: 24px;
 line-height: 1.3;
}
#media #title_3693938 .teaser.teaser-standard .teaser-text.richtext .richtext p {
 color: var(--color-white);
 text-shadow: var(--text-shadow-meta);
 margin-top: 12px;
 font-size: 14px;
 font-weight: 500;
}
@media (width > 768px) {
 #media #title_3693938 .teaser.teaser-standard {
   flex: 1 0 0;
   min-width: 0;
   height: 420px;
 }
 #media #title_3693938 .teaser.teaser-standard:before {
   left: 28px;
   right: auto;
 }
}
#media #title_3693940 .teaser.teaser-standard {
 border: 1px solid var(--color-border);
 background-color: var(--color-card-bg-compact);
 box-shadow: var(--shadow-card);
 border-radius: 12px;
}
#media #title_3693940 .teaser.teaser-standard .image-column {
 aspect-ratio: 350 / 196.875;
}
#media #title_3693940 .teaser.teaser-standard .image-column:before {
 content: "";
 width: var(--play-size-small);
 height: var(--play-size-small);
 background: var(--color-overlay);
 border: 1.5px solid var(--color-white);
 z-index: 2;
 border-radius: 50%;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}
#media #title_3693940 .teaser.teaser-standard .image-column:after {
 content: "";
 z-index: 3;
 border-style: solid;
 border-width: 6px 0 6px 10px;
 border-color: transparent transparent transparent var(--color-white);
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-40%, -50%);
}
#media #title_3693940 .teaser.teaser-standard .text-column {
 flex-direction: column;
 gap: 8px;
 padding: 12px;
 display: flex;
}
#media #title_3693940 .teaser.teaser-standard .teaser-title {
 font-size: 13px;
 line-height: 1.4;
}
#media #title_3693940 .teaser.teaser-standard .teaser-text.richtext .richtext p {
 font-size: 11px;
 font-weight: 500;
}
@media (width > 768px) {
 #media #title_3693940 .teaser.teaser-standard {
   border: 1.5px solid var(--color-border);
   box-shadow: none;
   aspect-ratio: 628 / 350;
   background-color: #0000;
   border-radius: 16px;
 }
 #media #title_3693940 .teaser.teaser-standard .image-column {
   aspect-ratio: auto;
   position: absolute;
   inset: 0;
 }
 #media #title_3693940 .teaser.teaser-standard .image-column:before {
   width: var(--play-size-large);
   height: var(--play-size-large);
 }
 #media #title_3693940 .teaser.teaser-standard .image-column:after {
   border-width: 11px 0 11px 18px;
   transform: translate(-42%, -50%);
 }
 #media #title_3693940 .teaser.teaser-standard .text-column {
   z-index: 4;
   padding: 28px;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
 }
 #media #title_3693940 .teaser.teaser-standard .teaser-title {
   color: var(--color-white);
   text-shadow: var(--text-shadow-title);
   font-size: 24px;
   line-height: 1.3;
 }
 #media #title_3693940 .teaser.teaser-standard .teaser-text.richtext .richtext p {
   color: var(--color-white);
   text-shadow: var(--text-shadow-meta);
   font-size: 14px;
   font-weight: 500;
 }
}
#contact {
 --color-primary: #0062e1;
 --color-text: #000;
 --color-text-secondary: #555d64;
 --color-border: #d1d8dc;
 --color-input-bg: #fafafa;
 --color-linkedin: #0077b5;
 --color-white: #fff;
 --radius-input: 6px;
 --radius-icon: 3px;
 --radius-card-mobile: 10px;
 --radius-card-desktop: 16px;
 --shadow-card: 0 2px 5px #0003;
 --gap-section-mobile: 32px;
 --gap-section-desktop: 96px;
 background: linear-gradient(#d6e3e6 0%, #fff 40%, #eef6f2 100%);
}
#contact > .elementlist {
 margin-inline: auto !important;
}
@media (width > 576px) {
 #contact > .elementlist {
   max-width: 560px;
 }
}
@media (width > 768px) {
 #contact > .elementlist {
   max-width: 740px;
 }
}
@media (width > 992px) {
 #contact > .elementlist {
   max-width: 980px;
 }
}
@media (width > 1200px) {
 #contact > .elementlist {
   max-width: 1160px;
 }
}
#contact > .elementlist .inner {
 gap: var(--gap-section-mobile);
 flex-direction: column;
 display: flex;
}
@media (width > 992px) {
 #contact > .elementlist .inner {
   align-items: center;
   gap: var(--gap-big);
   margin: unset;
   grid-template-rows: auto 1fr;
   grid-template-columns: 340px 1fr;
   padding-block: 6rem;
   display: grid;
 }
 #contact > .elementlist .inner > .textfragment {
   grid-area: 1 / 1;
   align-self: start;
 }
}
#contact > .elementlist .inner > .textfragment h2 {
 letter-spacing: -1px;
 font-size: 36px !important;
}
@media (width > 992px) {
 #contact > .elementlist .inner > .textfragment h2 {
   letter-spacing: -1.5px;
   font-size: 56px;
 }
}
#contact > .elementlist .inner > .textfragment h2 span {
 letter-spacing: .48px;
 text-transform: uppercase;
 color: var(--color-primary);
 margin-bottom: 16px;
 font-size: 12px;
 font-weight: 700;
 display: block;
}
@media (width > 992px) {
 #contact > .elementlist .inner > .textfragment h2 span {
   letter-spacing: .56px;
   font-size: 14px;
 }
}
#contact > .elementlist .inner > .textfragment .teaser-text .richtext p {
 color: var(--color-text-secondary);
 margin: 0;
 font-size: 16px;
 line-height: 1.4;
}
@media (width > 992px) {
 #contact > .elementlist .inner > .textfragment .teaser-text .richtext p {
   font-size: 18px;
   line-height: 1.5;
 }
}
#contact > .elementlist .inner > .elementlist {
 gap: var(--gap-section-mobile);
 flex-direction: column;
 display: flex;
 margin-top: unset !important;
}
@media (width > 992px) {
 #contact > .elementlist .inner > .elementlist {
   display: contents;
 }
 #contact > .elementlist .inner > .elementlist > div:first-child {
   grid-area: 2 / 1;
   align-self: start;
 }
}
#contact > .elementlist .inner > .elementlist > div:first-child .image-wrapper {
 width: 100%;
 overflow: hidden;
}
#contact > .elementlist .inner > .elementlist > div:first-child .image-wrapper img {
 object-fit: cover;
 width: 100%;
 height: 100%;
 display: block;
}
#contact > .elementlist .inner > .elementlist > div:first-child .teaser-text .richtext {
 flex-direction: column;
 gap: 12px;
 margin-top: 12px;
 display: flex;
}
#contact > .elementlist .inner > .elementlist > div:first-child .teaser-text .richtext h3 {
 letter-spacing: -.2px;
 color: var(--color-text);
 margin: 0;
 font-size: 20px;
 font-weight: 600;
 line-height: 1.3;
}
#contact > .elementlist .inner > .elementlist > div:first-child .teaser-text .richtext p {
 color: var(--color-text-secondary);
 margin: unset;
 margin-top: 1rem;
}
#contact > .elementlist .inner > .elementlist > div:first-child .teaser-text .richtext p a[href^="https://www.linkedin.com"] {
 color: var(--color-primary);
 background: none;
 border: none;
 align-items: center;
 gap: 8px;
 padding: 0;
 font-size: 13px;
 font-weight: 600;
 text-decoration: none;
 display: inline-flex;
}
#contact > .elementlist .inner > .elementlist > div:first-child .teaser-text .richtext p a[href^="https://www.linkedin.com"]:before {
 content: "";
 border-radius: var(--radius-icon);
 background-color: var(--color-linkedin);
 background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='white' d='M100.28 448H7.4V148.9h92.88zm-46.44-341C24.09 107 0 82.72 0 53.44a53.44 53.44 0 01106.88 0c0 29.28-24.13 53.56-53.04 53.56zM447.9 448h-92.68V302.4c0-34.7-.7-79.34-48.4-79.34-48.4 0-55.8 37.8-55.8 76.84V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3z'/%3E%3C/svg%3E");
 background-position: center;
 background-repeat: no-repeat;
 background-size: 10px 10px;
 flex-shrink: 0;
 width: 18px;
 height: 18px;
}
@media (width > 992px) {
 #contact > .elementlist .inner > .elementlist > div:nth-child(2) {
   grid-area: 1 / 2 / span 2;
 }
}
#contact > .elementlist .inner #contactForm {
 background: var(--color-white);
 border-radius: var(--radius-card-mobile);
 box-shadow: var(--shadow-card);
 flex-direction: column;
 gap: 20px;
 padding: 20px;
 display: flex;
}
@media (width > 992px) {
 #contact > .elementlist .inner #contactForm {
   border-radius: var(--radius-card-desktop);
   width: 100%;
   max-width: 704px;
   margin-left: auto;
   padding: 40px;
 }
}
#contact > .elementlist .inner #contactForm .textfragment .teaser-text .richtext p {
 letter-spacing: .36px;
 color: var(--color-text);
 margin: 0;
 font-size: 18px;
}
#contact > .elementlist .inner #contactForm form .form-fields {
 flex-direction: column;
 gap: 16px;
 display: flex;
}
@media (width > 992px) {
 #contact > .elementlist .inner #contactForm form .form-fields {
   grid-template-columns: 1fr 1fr;
   gap: 16px;
   display: grid;
 }
}
#contact > .elementlist .inner #contactForm form .form-fields .form-element {
 flex-direction: column;
 gap: 6px;
 width: 100%;
 margin: 0;
 display: flex;
}
@media (width > 992px) {
 #contact > .elementlist .inner #contactForm form .form-fields .form-element {
   grid-column: 1 / -1;
 }
 #contact > .elementlist .inner #contactForm form .form-fields .form-element.single-col:first-of-type {
   grid-column: 1;
 }
 #contact > .elementlist .inner #contactForm form .form-fields .form-element.single-col:nth-of-type(2) {
   grid-column: 2;
 }
}
#contact > .elementlist .inner #contactForm form .form-fields .form-element label {
 color: var(--color-text-secondary);
 font-size: 13px;
 font-weight: 500;
}
#contact > .elementlist .inner #contactForm form .form-fields .form-element .form-input, #contact > .elementlist .inner #contactForm form .form-fields .form-element .form-area, #contact > .elementlist .inner #contactForm form .form-fields .form-element .form-select {
 width: 100%;
 color: var(--color-text-secondary);
 background-color: var(--color-input-bg);
 border: 1px solid var(--color-border);
 border-radius: var(--radius-input);
 padding: 0 16px;
 font-size: 14px;
}
#contact > .elementlist .inner #contactForm form .form-fields .form-element .form-input::placeholder, #contact > .elementlist .inner #contactForm form .form-fields .form-element .form-area::placeholder, #contact > .elementlist .inner #contactForm form .form-fields .form-element .form-select::placeholder {
 color: var(--color-text-secondary);
 opacity: .6;
}
#contact > .elementlist .inner #contactForm form .form-fields .form-element .form-input:focus, #contact > .elementlist .inner #contactForm form .form-fields .form-element .form-area:focus, #contact > .elementlist .inner #contactForm form .form-fields .form-element .form-select:focus {
 border-color: var(--color-primary);
 outline: none;
}
#contact > .elementlist .inner #contactForm form .form-fields .form-element .form-input {
 height: 44px;
}
#contact > .elementlist .inner #contactForm form .form-fields .form-element .form-area {
 height: 10rempx;
 padding: 12px 16px;
}
#contact > .elementlist .inner #contactForm form .form-fields .form-element .form-select {
 min-height: 44px;
}
#contact > .elementlist .inner #contactForm form .form-consent {
 margin-block: var(--gap-med);
}
#contact > .elementlist .inner #contactForm form .form-consent h6, #contact > .elementlist .inner #contactForm form .form-consent small {
 color: var(--color-text-secondary);
 font-size: 1.3rem;
 display: inline-block;
}
#contact > .elementlist .inner #contactForm form .form-row {
 margin: unset !important;
}
@media (width <= 992px) {
 #contact > .elementlist .inner #contactForm form > div:last-of-type {
   display: block;
 }
 #contact > .elementlist .inner #contactForm form > div:last-of-type .form-group {
   display: block;
   margin: unset !important;
 }
 #contact > .elementlist .inner #contactForm form > div:last-of-type .form-group input[type="submit"] {
   width: 100%;
   display: block;
   margin: unset !important;
 }
}
#contact > .elementlist .inner #contactForm form > div:last-of-type input[type="reset"] {
 display: none;
}
#contact .custom-select.is-invalid, #contact .form-control.is-invalid, #contact .was-validated .custom-select:invalid, #contact .was-validated .form-control:invalid {
 border-color: #d94c4c !important;
}
.page-top {
 background-color: #84848440;
 border-bottom: 1.5px solid #6664;
 border-radius: 100px;
 box-shadow: 0 2px 5px #00000026;
 color: var(--tdk-color-black) !important;
}
@supports (backdrop-filter: initial) {
 .page-top {
   backdrop-filter: saturate(180%) blur(20px);
 }
}
/*# sourceMappingURL=TEG_Frontend.325f2043.css.map */