.template {
 content: "TEG New";
}
.TEG-new > .content-frame {
 padding-inline: 0 !important;
}
.TEG-new > .content-frame > .container > div > .content {
 font-size: 1.6rem;
}
.TEG-new > .content-frame > .container > div > .content .richtext ul li {
 font-size: 1.6rem;
 line-height: 1.7;
}
.TEG-new > .content-frame > .container > div > .content .richtext ul li:before {
 top: 10px;
}
.TEG-new > .content-frame > .container > div > .content > hr {
 width: max(200px, 50%);
 margin: 0 auto;
}
.TEG-new > .content-frame > .container > div > .content > div:not(.TEG-breakout):not(.fixed-anchor) {
 margin-block: clamp(5rem, 12vmin, 10rem) !important;
}
.TEG-new > .content-frame > .container > div > .content > .textfragment h2, .TEG-new > .content-frame > .container > div > .content > div > .textfragment h2, .TEG-new > .content-frame > .container > div > .content > div > h2 {
 text-align: center;
 font-size: 3rem;
 margin-bottom: 2.4rem !important;
}
@media (width >= 576px) {
 .TEG-new .intro p {
   font-size: 1.2em;
   line-height: 1.3em;
 }
}
.TEG-new .button-orange span.btn i {
 display: none;
}
.TEG-new .button-orange span.btn.btn-secondary {
 --color-accent: var(--tdk-color-orange);
 background-color: var(--color-accent) !important;
 border-color: var(--color-accent) !important;
}
.TEG-new .button-orange span.btn.btn-secondary:hover {
 color: #fff !important;
 background-color: color-mix(in srgb, black 22%, var(--color-accent)) !important;
 border-color: color-mix(in srgb, black 30%, var(--color-accent)) !important;
}
.TEG-new .button-orange span.btn.btn-secondary.focus, .TEG-new .button-orange span.btn.btn-secondary:focus {
 box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--color-accent) 50%, transparent) !important;
}
.TEG-new .button-orange span.btn.btn-secondary.disabled, .TEG-new .button-orange span.btn.btn-secondary:disabled {
 background-color: var(--color-accent) !important;
 border-color: var(--color-accent) !important;
}
.TEG-new .button-orange span.btn.btn-secondary:not(:disabled):not(.disabled).active, .TEG-new .button-orange span.btn.btn-secondary:not(:disabled):not(.disabled):active {
 background-color: color-mix(in srgb, black 30%, var(--color-accent)) !important;
 border-color: color-mix(in srgb, black 36%, var(--color-accent)) !important;
}
.TEG-new .button-orange span.btn.btn-secondary:not(:disabled):not(.disabled).active:focus, .TEG-new .button-orange span.btn.btn-secondary:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--color-accent) 50%, transparent) !important;
}
.TEG-new .teaser-large-fix .teaser-meta, .TEG-new .teaser-large-fix .teaser-title {
 display: block !important;
}
.TEG-new .image-richtext-float-wrapper.float-left, .TEG-new .image-richtext-float-wrapper.float-none {
 margin-right: 3rem;
}
.TEG-new .image-richtext-float-wrapper.float-right {
 margin-left: 3rem;
}
.TEG-new .image-richtext-float-wrapper .image-richtext-container {
 background: none;
 padding: 0;
}
.TEG-new .image-richtext-float-wrapper .image-richtext-container figure {
 display: none;
}
h2 + .elementlist, .textfragment + .elementlist {
 margin-top: 0 !important;
}
.TEG-new h2 > small, .TEG-new h3 > small {
 font-size: clamp(1.6rem, 60%, 2.4rem);
 line-height: 2;
}
@media (width >= 576px) {
 .TEG-new .breakout-image-collection > .elementlist {
   margin-inline: auto !important;
 }
 .TEG-new .breakout-image-collection > .elementlist > .col-12 {
   flex-basis: 33% !important;
 }
}
.TEG-new .breakout-image-collection > .elementlist > .col-12 .richtext * {
 line-height: 1;
}
.TEG-new .breakout-image-collection > .elementlist > .col-12 p {
 margin-block: 1rem 3rem;
}
@media (width >= 576px) {
 .TEG-new .TEG-breakout > .elementlist {
   margin-inline: auto !important;
 }
}
.TEG-new .TEG-columns > .elementlist > .col-12 {
 margin-bottom: 3rem;
}
.TEG-new .fixed-anchor {
 border-radius: 4.5rem;
}
.TEG-new .fixed-anchor a.teaser .text-column .teaser-meta {
 padding: .8rem;
}
.TEG-new button.page-top {
 border-radius: 4.5rem;
 padding: 1rem;
}
@media (width <= 576px) {
 body:has(.fixed-anchor) button.page-top {
   border-radius: 4.5rem;
   padding: 1rem;
   bottom: 2.4rem !important;
   right: 2.4rem !important;
 }
 body:has(.fixed-anchor) footer {
   margin-top: 0;
   padding: 0;
 }
 body:has(.fixed-anchor) footer .footer-navigation {
   margin-top: 0;
 }
 body:has(.fixed-anchor) footer .copyright {
   text-align: center;
   padding-bottom: 10rem;
 }
}
body:has(.fixed-anchor) footer .copyright {
 padding-bottom: 10rem;
}
@media (width <= 768px) {
 body:has(.fixed-anchor) .fixed-anchor {
   inset: auto 9rem 2.4rem;
 }
 body:has(.fixed-anchor) button.page-top {
   bottom: 2.4rem !important;
   right: 2.4rem !important;
 }
 body:has(.fixed-anchor) footer {
   margin-top: 0;
   padding: 0;
 }
 body:has(.fixed-anchor) footer .footer-navigation {
   margin-top: 0;
 }
 body:has(.fixed-anchor) footer .copyright {
   text-align: center;
 }
}
@media (width >= 768px) {
 body:has(.fixed-anchor) .fixed-anchor {
   bottom: 4rem;
 }
 body:has(.fixed-anchor) button.page-top {
   bottom: 4rem !important;
   right: 4rem !important;
 }
}
body:has(.fixed-anchor) div:has( > .column-border) {
 margin-bottom: 0;
}
body:has(.fixed-anchor) div:has( > .column-border) .column-border {
 border: 1px solid #ccc;
 height: 100%;
 padding: 1rem 2rem !important;
}
@media (width >= 576px) {
 body:has(.fixed-anchor) .teaser-2-col > .elementlist > div > .textfragment {
   gap: var(--gutter);
   display: flex;
 }
 body:has(.fixed-anchor) .teaser-2-col > .elementlist > div > .textfragment > div:first-child {
   flex: 1 0 20%;
 }
}
.TEG-new .headline-pic > .textfragment {
 --icon-size: 4rem;
 flex-wrap: wrap;
 gap: 1.5rem;
 display: flex;
}
.TEG-new .headline-pic > .textfragment > .row:first-child {
 flex: auto;
}
.TEG-new .headline-pic > .textfragment > .row:first-child h2 {
 padding-top: .6rem;
}
.TEG-new .headline-pic > .textfragment > .row:has(.image-wrapper) {
 flex: 0 1 var(--icon-size);
 order: -1;
}
.TEG-new .headline-pic > .textfragment > .row:has(.image-wrapper) .image-wrapper {
 margin: 0;
}
.TEG-new .headline-pic > .textfragment > .row:has(.image-wrapper) .image-wrapper img {
 max-height: var(--icon-size);
}
.TEG-new .headline-pic > .textfragment > .row:has(.richtext) {
 flex: 100%;
}
.TEG-new .headline-pic > .elementlist {
 padding-top: .6rem;
}
@media (width >= 576px) {
 .TEG-new .headline-left {
   flex-wrap: nowrap;
   gap: 3rem;
   display: flex;
 }
 .TEG-new .headline-left > .textfragment {
   flex: 0 20%;
 }
 .TEG-new .headline-left > .elementlist {
   flex: 1 0 80%;
   margin-top: 0 !important;
 }
}
.TEG-new .line-before {
 border-top: 1px solid var(--tdk-color-grey-30);
 padding-top: 3rem;
 padding-bottom: 3rem;
}
.TEG-new .line-after {
 border-bottom: 1px solid var(--tdk-color-grey-30);
 padding-top: 3rem;
 padding-bottom: 3rem;
}
.TEG-new .specs > .elementlist {
 margin-top: 3rem !important;
 margin-inline: 0 !important;
}
.TEG-new .specs > .elementlist > div {
 padding-inline: 0 !important;
}
.TEG-new .specs > .elementlist > div:not(:first-child) {
 padding-top: 3rem;
}
.TEG-new .specs > .elementlist > div:not(:last-child) {
 border-bottom: 1px solid var(--tdk-color-grey-30);
 padding-bottom: 3rem;
}
.TEG-new .specs > .elementlist .flexcolumns .elementlist > div {
 margin-bottom: 0 !important;
}
.TEG-new .specs > .elementlist ol li, .TEG-new .specs > .elementlist p {
 font-size: 1.3rem;
 line-height: 1.7;
}
.TEG-new .specs > .elementlist ol li:not(:first-child) {
 color: var(--tdk-color-grey);
}
.TEG-breakout {
 background: #efefef;
 width: 100vw;
 max-width: 220rem;
 position: relative;
 left: 50%;
 transform: translateX(-50%);
 padding-block: clamp(2rem, 8vmin, 8rem) !important;
}
.TEG-breakout > * {
 padding-inline: 1.5rem;
 margin: 0 auto !important;
}
@media (width >= 576px) {
 .TEG-breakout > * {
   padding-inline: 0 !important;
 }
}
@media (width >= 992px) {
 .TEG-breakout > * {
   max-width: 960px;
 }
}
@media (width >= 1200px) {
 .TEG-breakout > * {
   max-width: 1110px;
 }
}
.TEG-breakout.breakout-no-padding-top {
 padding-top: 0 !important;
}
.TEG-breakout.breakout-no-padding-bottom {
 padding-bottom: 0 !important;
}
.TEG-breakout.breakout-no-margin, .TEG-breakout.breakout-no-margin-top {
 margin-top: 0 !important;
}
.TEG-breakout.breakout-no-margin, .TEG-breakout.breakout-no-margin-bottom {
 margin-bottom: 0 !important;
}
.TEG-breakout.breakout-z-index {
 z-index: 1010;
}
.TEG-breakout.breakout-blue-light {
 background-color: var(--tdk-color-blue-5) !important;
}
.TEG-breakout.breakout-blue-dark {
 color: var(--tdk-color-white) !important;
 background-color: var(--tdk-color-blue) !important;
}
.TEG-breakout.breakout-blue-dark * {
 color: inherit !important;
}
.TEG-breakout.breakout-blue-dark ::selection {
 background-color: var(--tdk-color-blue-light);
}
.TEG-breakout.breakout-green-light {
 background-color: color-mix(in srgb, var(--tdk-color-green) 20%, white) !important;
}
.TEG-breakout.breakout-green-dark {
 color: var(--tdk-color-white) !important;
 background-color: var(--tdk-color-green-dark) !important;
}
.TEG-breakout.breakout-green-dark * {
 color: inherit !important;
}
.TEG-breakout.breakout-green-dark ::selection {
 background-color: var(--tdk-color-green) !important;
}
.TEG-breakout.breakout-green-night {
 color: var(--tdk-color-white) !important;
 background-color: #051a24 !important;
}
.TEG-breakout.breakout-green-night * {
 color: inherit !important;
}
.TEG-breakout.breakout-green-night ::selection {
 background-color: var(--tdk-color-green-dark) !important;
}
.TEG-breakout.breakout-black {
 color: #ccc;
 background-color: var(--tdk-color-black-opt);
}
.TEG-breakout.breakout-black * {
 color: inherit !important;
}
.TEG-breakout.breakout-grey-dark {
 background-color: #cfcfcf;
}
.TEG-breakout.breakout-grey-light {
 background-color: #f7f7f7;
}
.TEG-breakout.breakout-grey-light .image-richtext-container, .TEG-breakout.breakout-grey-light .image-richtext-container:not(:hover) [data-ui-modal-trigger="image"]:after, .TEG-breakout.breakout-white {
 background-color: var(--tdk-color-white);
}
.TEG-new h1 {
 color: #364563;
 margin-bottom: 5rem;
 font-size: 5rem;
 font-weight: 400;
 line-height: 5.5rem;
}
@media (width >= 576px) {
 .TEG-new .custom-slider.large a.teaser {
   height: auto !important;
 }
}
.TEG-new .custom-slider.large a.teaser > * {
 flex: 0 0 50%;
 max-width: 50%;
}
.TEG-new .custom-slider.large a.teaser > .text-column {
 align-items: center;
 display: flex;
}
.TEG-new .custom-slider.large a.teaser > .text-column h3 {
 margin-bottom: 1rem;
 font-size: 2.8rem;
 line-height: 4.2rem;
}
.TEG-new .custom-slider.large .carousel-indicators {
 bottom: 0 !important;
}
.TEG-columns-new {
 --page-margin-left: calc((100vw - 100%) / 2);
}
@media (width <= 768px) {
 .TEG-columns-new.columns-2-mobile > .elementlist {
   flex-wrap: wrap;
   display: flex;
 }
 .TEG-columns-new.columns-2-mobile > .elementlist > div {
   flex: 50%;
   max-width: none;
   margin-bottom: 3rem;
 }
}
@media (width >= 768px) {
 .TEG-columns-new > .elementlist {
   flex-wrap: nowrap;
   display: flex;
 }
 .TEG-columns-new > .elementlist > div {
   flex: 1;
   margin-bottom: 3rem;
 }
 .TEG-columns-new.columns-2 > .elementlist, .TEG-columns-new.columns-3 > .elementlist, .TEG-columns-new.columns-4 > .elementlist, .TEG-columns-new.columns-5 > .elementlist {
   flex-wrap: wrap;
 }
 .TEG-columns-new.columns-2 > .elementlist > div, .TEG-columns-new.columns-3 > .elementlist > div, .TEG-columns-new.columns-4 > .elementlist > div, .TEG-columns-new.columns-5 > .elementlist > div, .TEG-columns-new.columns-2 > .col-md-4 {
   flex: none;
   max-width: none;
 }
 .TEG-columns-new.columns-2 > .col-md-4, .TEG-columns-new.columns-2 > .elementlist > div {
   flex-basis: 50%;
 }
 .TEG-columns-new.columns-3 > .elementlist > div {
   flex-basis: 33%;
 }
 .TEG-columns-new.columns-4 > .elementlist > div {
   flex-basis: 25%;
 }
 .TEG-columns-new.columns-5 > .elementlist > div {
   flex-basis: 20%;
 }
 .TEG-columns-new.columns-2.column1-2x > .elementlist > div:first-of-type, .TEG-columns-new.columns-2.column2-2x > .elementlist > div:nth-of-type(2), .TEG-columns-new.columns-3.column1-2x > .elementlist > div:first-of-type, .TEG-columns-new.columns-3.column2-2x > .elementlist > div:nth-of-type(2), .TEG-columns-new.columns-3.column3-2x > .elementlist > div:nth-of-type(3) {
   flex-basis: 66%;
 }
 .TEG-columns-new.columns-4.column1-2x > .elementlist > div:first-of-type, .TEG-columns-new.columns-4.column2-2x > .elementlist > div:nth-of-type(2), .TEG-columns-new.columns-4.column3-2x > .elementlist > div:nth-of-type(3) {
   flex-basis: 50%;
 }
 .TEG-columns-new.columns-5.column1-2x > .elementlist > div:first-of-type, .TEG-columns-new.columns-5.column2-2x > .elementlist > div:nth-of-type(2), .TEG-columns-new.columns-5.column3-2x > .elementlist > div:nth-of-type(3), .TEG-columns-new.columns-5.column4-2x > .elementlist > div:nth-of-type(4) {
   flex-basis: 40%;
 }
 .TEG-columns-new.columns-4.column1-3x > .elementlist > div:first-of-type, .TEG-columns-new.columns-4.column2-3x > .elementlist > div:nth-of-type(2), .TEG-columns-new.columns-4.column3-3x > .elementlist > div:nth-of-type(3) {
   flex-basis: 75%;
 }
 .TEG-columns-new.columns-5.column1-3x > .elementlist > div:first-of-type, .TEG-columns-new.columns-5.column2-3x > .elementlist > div:nth-of-type(2), .TEG-columns-new.columns-5.column3-3x > .elementlist > div:nth-of-type(3), .TEG-columns-new.columns-5.column4-3x > .elementlist > div:nth-of-type(4) {
   flex-basis: 60%;
 }
 .TEG-columns-new.columns-centered > .elementlist {
   justify-content: center;
 }
 .TEG-columns-new.columns-centered-vertical > .elementlist {
   align-items: center;
 }
 .TEG-columns-new.columns-switch-order > .elementlist > div:last-child {
   order: -1;
 }
 .TEG-columns-new.column-ext-first > .elementlist > div:first-child {
   margin-left: calc(var(--page-margin-left) * .8);
 }
 .TEG-columns-new .teaser {
   height: 100%;
 }
 .TEG-columns-new .teaser > .image-column, .TEG-columns-new .teaser > .text-column {
   flex: none;
   max-width: none;
 }
 .TEG-columns-new .teaser > .image-column {
   padding: 0;
 }
 .TEG-columns-new .teaser .teaser-text {
   max-width: 100%;
 }
 .TEG-columns-new .elementlist .elementlist {
   display: block;
 }
 .TEG-columns-new.margin-bottom .elementlist > div {
   margin-bottom: 3rem;
 }
}
.TEG-columns-new.columns-images .image-wrapper {
 aspect-ratio: 4 / 3;
}
.TEG-columns-new.columns-images img {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
}
.TEG-columns-new.columns-lines-reordered .textfragment {
 flex-direction: column;
 display: flex;
}
.TEG-columns-new.columns-lines-reordered .textfragment > div:nth-child(2) {
 order: -1;
}
@media (width >= 768px) {
 .TEG-columns-new.columns-reordered .elementlist > div:nth-child(2) {
   order: -1;
 }
}
@media (width >= 992px) {
 .TEG-columns-new.title-left {
   grid-column-gap: 5%;
   grid-template-columns: 20% 75%;
   display: grid;
 }
 .TEG-columns-new.title-left > .elementlist {
   grid-column: 2 / 3;
   width: 100%;
 }
 .TEG-columns-new.title-left > .textfragment {
   grid-column: 1 / 2;
 }
}
/*# sourceMappingURL=TEG_Frontend.bf4b3397.css.map */
 
