.template {
 content: "TEG Careers";
}
.TEG-careers {
 --color-accent: var(--tdk-color-blue-main);
 --color-accent-dark: var(--tdk-color-blue-dark);
}
.TEG-careers.accent-green {
 --color-accent: var(--tdk-color-green) !important;
 --color-accent-dark: var(--tdk-color-green-dark) !important;
}
.TEG-careers.accent-purple {
 --color-accent: var(--tdk-color-purple) !important;
 --color-accent-dark: var(--tdk-color-purple-dark) !important;
}
.TEG-careers.accent-orange {
 --color-accent: var(--tdk-color-orange) !important;
 --color-accent-dark: var(--tdk-color-orange-dark) !important;
}
.TEG-careers header {
 background: var(--tdk-gradient-purple);
}
.TEG-careers .content-frame > .container > div > .content {
 position: unset;
}
.TEG-careers .content-frame > .container > div > .content > :not(a):not(.TEG-html-fix):not(hr):not(.floating-teaser) {
 padding-block: clamp(4rem, 12vmin, 10rem) !important;
}
.TEG-careers .content-frame > .container > div > .content > hr {
 margin-block: 0 !important;
 padding: 0 !important;
}
@media (width > 576px) and (width <= 992px) {
 .TEG-careers .row.no-margin > .col-12 {
   padding-inline: 0 !important;
 }
}
@media (width > 1570px) {
 .TEG-careers .anchor-navigation-contentarea {
   width: 200px;
   display: block;
   position: absolute;
   top: 30px;
   bottom: 0;
 }
}
.TEG-careers .floating-teaser {
 background: #efefef;
 max-width: max(300px, 30%);
 margin-top: -10rem;
 margin-left: auto;
 padding: 2rem;
 transform: translateY(-50%);
 box-shadow: 0 5px 5px #0002;
}
.TEG-careers .floating-teaser.left {
 margin-left: unset;
 margin-right: auto;
}
.TEG-careers #contactSection {
 padding-bottom: 0 !important;
}
.TEG-careers.watermark .content-frame .content > :first-child:has(.image-wrapper) {
 pointer-events: none;
 z-index: -1;
 opacity: .1;
 width: 90vw;
 position: fixed;
 top: 50vh;
 left: 5vw;
 transform: translateY(-50%);
}
@media (width >= 1200px) {
 .TEG-careers.watermark .content-frame .content > :first-child:has(.image-wrapper) {
   width: 30vw;
 }
}
.TEG-careers .image-richtext-container {
 background: none;
 margin-bottom: 0;
}
.TEG-careers .image-richtext-container.floated {
 padding: 0;
}
.TEG-careers .image-richtext-container figure {
 display: none;
}
@media (width <= 576px) {
 .TEG-careers .content-frame > .container:has(.breadcrumbs) {
   display: none;
 }
}
.TEG-careers h1, .TEG-careers .stage-area h2 {
 color: var(--color-accent-dark);
 font-weight: 700;
 line-height: 1.1;
 font-size: 32.44px !important;
}
@media (width > 768px) {
 .TEG-careers h1, .TEG-careers .stage-area h2 {
   font-size: 48.83px !important;
 }
}
.TEG-careers h2 {
 color: var(--color-accent-dark);
 font-weight: 400;
 line-height: 1.15;
 font-size: 28.83px !important;
}
@media (width > 768px) {
 .TEG-careers h2 {
   font-size: 39.06px !important;
 }
}
.TEG-careers h3 {
 color: var(--color-black-opt);
 line-height: 1.2;
 font-size: 25.63px !important;
}
@media (width > 768px) {
 .TEG-careers h3 {
   font-size: 31.25px !important;
 }
}
.TEG-careers h4 {
 line-height: 1.4;
 font-size: 22.78px !important;
}
@media (width > 768px) {
 .TEG-careers h4 {
   font-size: 25px !important;
 }
}
.TEG-careers h5 {
 line-height: 1.4;
 font-size: 20.25px !important;
}
@media (width > 768px) {
 .TEG-careers h5 {
   font-size: 20px !important;
 }
}
.TEG-careers h6 {
 line-height: 1.4;
 font-size: 18px !important;
}
@media (width > 768px) {
 .TEG-careers h6 {
   font-size: 16px !important;
 }
}
.TEG-careers p, .TEG-careers .richdark, .TEG-careers .richdark ul li {
 line-height: 1.6;
 font-size: 16px !important;
}
.TEG-careers small {
 font-size: 14.22px !important;
}
@media (width > 768px) {
 .TEG-careers small {
   font-size: 13.33px !important;
 }
}
.TEG-careers caption {
 font-size: 12.64px !important;
}
@media (width > 768px) {
 .TEG-careers caption {
   font-size: 11.11px !important;
 }
}
.TEG-careers .btn-info {
 color: var(--tdk-color-white) !important;
 background-color: var(--color-accent-dark) !important;
 border-color: var(--color-accent-dark) !important;
}
.TEG-careers .btn-info:before {
 transition: all .2s ease-in-out;
 background-color: var(--tdk-color-white) !important;
}
.TEG-careers .btn-info span {
 color: inherit !important;
}
.TEG-careers .btn-info:hover {
 background-color: color-mix(in srgb, black 22%, var(--color-accent-dark)) !important;
 border-color: color-mix(in srgb, black 30%, var(--color-accent-dark)) !important;
}
.TEG-careers .btn-info.focus, .TEG-careers .btn-info:focus {
 box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--color-accent-dark) 50%, transparent) !important;
}
.TEG-careers .btn-info.disabled, .TEG-careers .btn-info:disabled {
 background-color: var(--color-accent-dark) !important;
 border-color: var(--color-accent-dark) !important;
}
.TEG-careers .btn-info:not(:disabled):not(.disabled).active, .TEG-careers .btn-info:not(:disabled):not(.disabled):active {
 background-color: color-mix(in srgb, black 30%, var(--color-accent-dark)) !important;
 border-color: color-mix(in srgb, black 36%, var(--color-accent-dark)) !important;
}
.TEG-careers .btn-info:not(:disabled):not(.disabled).active:focus, .TEG-careers .btn-info:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--color-accent-dark) 50%, transparent) !important;
}
.TEG-careers .btn-outline-info {
 border-color: var(--color-accent-dark) !important;
 color: var(--color-accent-dark) !important;
}
.TEG-careers .btn-outline-info:before {
 transition: all .2s ease-in-out;
 background-color: var(--color-accent-dark) !important;
}
.TEG-careers .btn-outline-info span {
 color: inherit !important;
}
.TEG-careers .btn-outline-info:hover {
 color: var(--tdk-color-white) !important;
 background-color: var(--color-accent-dark) !important;
 border-color: var(--color-accent-dark) !important;
}
.TEG-careers .btn-outline-info:hover:before {
 background-color: var(--tdk-color-white) !important;
}
.TEG-careers .btn-outline-info.focus, .TEG-careers .btn-outline-info:focus {
 box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--color-accent-dark) 50%, transparent) !important;
}
.TEG-careers .btn-outline-info.disabled, .TEG-careers .btn-outline-info:disabled {
 color: var(--color-accent-dark) !important;
}
.TEG-careers .btn-outline-info:not(:disabled):not(.disabled).active, .TEG-careers .btn-outline-info:not(:disabled):not(.disabled):active, .show > .TEG-careers .btn-outline-info.dropdown-toggle {
 background-color: color-mix(in srgb, black 30%, var(--color-accent-dark)) !important;
 border-color: color-mix(in srgb, black 36%, var(--color-accent-dark)) !important;
}
.TEG-careers .btn-outline-info:not(:disabled):not(.disabled).active:focus, .TEG-careers .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .TEG-careers .btn-outline-info.dropdown-toggle:focus {
 box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--color-accent-dark) 50%, transparent) !important;
}
.TEG-careers .stage-area {
 aspect-ratio: 1;
 background-color: var(--tdk-color-blue-dark);
 width: 100vw;
 max-width: 220rem;
 max-height: 80vh;
 margin-bottom: 0;
 position: relative;
}
@media (width <= 576px) {
 .TEG-careers .stage-area {
   margin-inline: 0 !important;
 }
}
@media (width > 576px) {
 .TEG-careers .stage-area {
   aspect-ratio: 2;
   width: calc(100vw + 3rem);
 }
}
@media (width > 2200px) {
 .TEG-careers .stage-area {
   margin-inline: auto !important;
 }
}
@media (width <= 576px) {
 .TEG-careers .stage-area:before {
   content: "";
   z-index: 900;
   aspect-ratio: 1;
   width: 25vw;
   filter: drop-shadow(0 0 2px var(--tdk-color-black-50));
   background: url("data:image/svg+xml;utf8,<svg width=\"300\" height=\"300\" viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 300V0L150 150L0 300Z\" fill=\"white\"/><path d=\"M150 300V0L300 150L150 300Z\" fill=\"white\"/></svg>") center / contain no-repeat;
   display: block;
   position: absolute;
   top: 6.25vw;
   left: 6.25vw;
   transform: rotate(90deg);
 }
}
.TEG-careers .stage-area > div > .textfragment h1, .TEG-careers .stage-area > div > .textfragment h2 {
 z-index: 150;
 color: var(--tdk-color-white);
 text-shadow: 0 0 5px var(--tdk-color-black-50);
 margin: 0;
 position: absolute;
 inset: auto 6.25vw 6.25vw;
}
@media (width > 576px) {
 .TEG-careers .stage-area > div > .textfragment h1, .TEG-careers .stage-area > div > .textfragment h2 {
   padding-left: 3.5em;
   top: 50%;
   bottom: auto;
   translate: 0 -50%;
 }
}
@media (width > 992px) {
 .TEG-careers .stage-area > div > .textfragment h1, .TEG-careers .stage-area > div > .textfragment h2 {
   left: calc(50% - 465px);
 }
}
@media (width > 1200px) {
 .TEG-careers .stage-area > div > .textfragment h1, .TEG-careers .stage-area > div > .textfragment h2 {
   left: calc(50% - 590px);
 }
}
@media (width > 576px) {
 .TEG-careers .stage-area > div > .textfragment h1:before, .TEG-careers .stage-area > div > .textfragment h2:before {
   content: "";
   aspect-ratio: 1;
   width: 3em;
   filter: drop-shadow(0 0 2px var(--tdk-color-black-50));
   background: url("data:image/svg+xml;utf8,<svg width=\"300\" height=\"300\" viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 300V0L150 150L0 300Z\" fill=\"white\"/><path d=\"M150 300V0L300 150L150 300Z\" fill=\"white\"/></svg>") center / contain no-repeat;
   display: block;
   position: absolute;
   top: -.85em;
   left: 0;
 }
}
.TEG-careers .stage-area > div > .textfragment > div:has(.image-wrapper) {
 z-index: 899;
 max-width: 33vw;
 position: absolute;
 top: 6.25vw;
 right: 6.25vw;
}
@media (width > 576px) {
 .TEG-careers .stage-area > div > .textfragment > div:has(.image-wrapper) {
   max-width: 200px;
   top: auto;
   bottom: -9rem;
   right: 1.5rem;
 }
}
@media (width > 576px) and (width > 992px) {
 .TEG-careers .stage-area > div > .textfragment > div:has(.image-wrapper) {
   right: calc(50% - 465px);
 }
}
@media (width > 576px) and (width > 1200px) {
 .TEG-careers .stage-area > div > .textfragment > div:has(.image-wrapper) {
   right: calc(50% - 586px);
 }
}
.TEG-careers .stage-area > div > .elementlist {
 margin-top: 0 !important;
}
.TEG-careers .stage-area > div > .elementlist > div {
 display: none;
}
@media (width <= 576px) {
 .TEG-careers .stage-area > div > .elementlist > div:first-child {
   display: block;
 }
}
@media (width > 576px) {
 .TEG-careers .stage-area > div > .elementlist > div:nth-child(2) {
   display: block;
 }
}
.TEG-careers .stage-area > div > .elementlist > div:first-child, .TEG-careers .stage-area > div > .elementlist > div:nth-child(2) {
 pointer-events: none;
 z-index: 0;
 position: absolute;
 inset: 0;
}
.TEG-careers .stage-area > div > .elementlist > div:first-child div, .TEG-careers .stage-area > div > .elementlist > div:nth-child(2) div {
 margin: 0;
}
@media (width > 576px) {
 .TEG-careers .stage-area > div > .elementlist > div:first-child .image-wrapper, .TEG-careers .stage-area > div > .elementlist > div:nth-child(2) .image-wrapper {
   height: 50vw !important;
   max-height: 100% !important;
 }
}
.TEG-careers .stage-area > div > .elementlist > div:first-child .image-wrapper img, .TEG-careers .stage-area > div > .elementlist > div:nth-child(2) .image-wrapper img {
 object-fit: cover;
 width: 100%;
 height: 100%;
}
.TEG-careers .stage-area > div > .elementlist > div:first-child .image-wrapper img:after, .TEG-careers .stage-area > div > .elementlist > div:nth-child(2) .image-wrapper img:after {
 display: none !important;
}
.TEG-careers .stage-area > div > .elementlist > div:first-child .video-wrapper.textfragment, .TEG-careers .stage-area > div > .elementlist > div:nth-child(2) .video-wrapper.textfragment {
 display: none;
}
@media (width > 576px) {
 .TEG-careers .stage-area > div > .elementlist > div:first-child .video-wrapper, .TEG-careers .stage-area > div > .elementlist > div:nth-child(2) .video-wrapper {
   height: 50vw !important;
   max-height: 100% !important;
 }
}
.TEG-careers .stage-area > div > .elementlist > div:first-child .video-wrapper iframe, .TEG-careers .stage-area > div > .elementlist > div:nth-child(2) .video-wrapper iframe {
 border: 0;
 width: 100%;
 height: 100%;
}
@media (width > 576px) {
 .TEG-careers:not(.hide-breadcrumb) .stage-area:before {
   content: "";
   z-index: 2;
   height: var(--breadcrumb-height);
   background-color: var(--tdk-color-white-80);
   position: absolute;
   inset: 0 0 auto;
 }
}
.TEG-careers.accent-green .stage-area, .TEG-careers.accent-purple .stage-area, .TEG-careers.accent-orange .stage-area {
 background-color: var(--color-accent-dark);
}
@media (width <= 576px) {
 .TEG-careers.intro-large .stage-area {
   aspect-ratio: 3 / 4;
 }
}
.TEG-careers.slim .stage-area {
 max-height: 60vh;
}
#switch-lang {
 z-index: 1051;
 position: fixed;
 top: calc(50% + 8rem);
 right: 0;
}
#switch-lang li {
 text-align: center;
 color: #fff;
 background: #0009;
 width: 4rem;
 height: 4rem;
 margin-top: .5rem;
 font-size: 1.8rem;
 line-height: 4rem;
 transition: all .3s;
 display: block;
}
#switch-lang li:hover, #switch-lang li.active {
 background: #000c;
}
#switch-lang a {
 color: #fff;
 text-decoration: none;
 display: block;
}
.TEG-careers .TEG-breakout {
 max-width: 220rem;
 margin-left: 50%;
 translate: -50%;
 width: 100vw !important;
 left: unset !important;
 position: unset !important;
 transform: unset !important;
 padding: unset !important;
 margin-block: 0 !important;
}
@media (width <= 992px) {
 .TEG-careers .TEG-breakout {
   padding-inline: 15px !important;
 }
}
.TEG-careers .TEG-breakout > * {
 padding-inline: 0;
}
.TEG-careers .TEG-breakout > div {
 margin-inline: auto;
}
@media (width > 992px) {
 .TEG-careers .TEG-breakout > div {
   max-width: 930px;
 }
}
@media (width > 1200px) {
 .TEG-careers .TEG-breakout > div {
   max-width: 1170px;
 }
}
.TEG-careers .TEG-breakout.breakout-accent {
 background-color: var(--color-accent) !important;
}
.TEG-careers .TEG-breakout.breakout-accent.breakout-dark {
 background-color: var(--color-accent-dark) !important;
}
.TEG-careers .TEG-breakout.breakout-accent.breakout-50 {
 background-color: color-mix(in srgb, var(--color-accent) 50%, var(--color-accent-dark)) !important;
}
.TEG-careers .TEG-breakout.breakout-accent.breakout-text-white *, .TEG-careers .TEG-breakout.breakout-accent.breakout-dark *, .TEG-careers .TEG-breakout.breakout-accent.breakout-50 * {
 color: var(--tdk-color-white) !important;
}
.TEG-careers .TEG-breakout.breakout-accent.breakout-light {
 background-color: color-mix(in srgb, var(--color-accent) 33%, white) !important;
}
.TEG-careers .careers-big-numbers * {
 text-align: center;
}
.TEG-careers .careers-big-numbers .text-size-2 {
 font-size: 7rem;
 font-weight: bold;
}
/*# sourceMappingURL=TEG_Frontend.c0faddb5.css.map */