:root {
--template: "CES";
}
html {
padding: 0 !important;
}
body.CES-custom {
overflow: unset;
--content-min-height-offset: 0;
}
@media (width > 768px) {
body.CES-custom header {
height: 6.5rem !important;
}
}
body.CES-custom > .content-frame {
min-height: calc(100vh - var(--content-min-height-offset));
}
body.CES-custom > .content-frame > .container:has( + .stage-area) {
display: none;
}
body.CES-custom > .content-frame .stage-area {
margin-bottom: 0 !important;
}
body.CES-custom > .content-frame .stage-area > div > .elementlist > div:after {
content: "";
background-size: cover;
position: absolute;
inset: 0;
}
body.CES-custom > .content-frame .stage-area > div > .elementlist > div:first-child:after {
background-image: url("data:image/svg+xml;utf8,");
}
body.CES-custom > .content-frame .stage-area > div > .elementlist > div:nth-child(2):after {
background-image: url("data:image/svg+xml;utf8,");
}
body.CES-custom > .content-frame > .container #venue > div {
--gap: 3rem;
gap: var(--gap);
flex-wrap: wrap;
display: flex;
}
@media (width <= 576px) {
body.CES-custom > .content-frame > .container #venue > div > div {
text-align: center;
flex-basis: 100%;
justify-content: center;
}
}
@media (width > 576px) {
body.CES-custom > .content-frame > .container #venue > div > div {
flex: 0 0 calc(50% - var(--gap) / 2);
}
body.CES-custom > .content-frame > .container #venue > div > div:first-child {
flex-basis: 100%;
}
body.CES-custom > .content-frame > .container #venue > div > div:nth-child(2) {
justify-content: flex-end;
}
}
body.CES-custom > .content-frame > .container #venue > div > div:nth-child(2) > div {
flex-basis: 60%;
}
body.CES-custom > .content-frame > .container #explore-tdks-cessolutions {
margin-bottom: 2rem !important;
}
body.CES-custom > .content-frame > .container #explore-tdks-cessolutions .breakout-margin-none {
padding-block: 0 !important;
}
body.CES-custom > .content-frame > .container #explore-tdks-cessolutions > .elementlist {
margin-bottom: 0;
}
body.CES-custom .btn {
white-space: normal;
text-align: left;
}
body.CES-custom footer {
margin-top: 0 !important;
}
body.CES-custom:has(#stickyBtn) {
--cta-height: 3rem;
--cta-margin: 2rem;
--cta-position: calc(100dvh - var(--cta-height) - var(--cta-margin));
}
@media (width > 768px) {
body.CES-custom:has(#stickyBtn) {
--cta-margin: 4rem;
}
}
body.CES-custom:has(#stickyBtn) > .content-frame > .container {
padding-bottom: calc(var(--cta-margin) * 3) !important;
}
body.CES-custom:has(#stickyBtn) > .content-frame > .container > div > .content > div:last-child {
margin-bottom: calc(var(--cta-height) + var(--cta-margin)) !important;
}
body.CES-custom:has(#stickyBtn) > .content-frame > .container #stickyBtn {
top: var(--cta-position);
z-index: 999;
justify-self: center;
padding: 0;
transition: all .3s;
display: block;
position: sticky;
margin: 0 auto !important;
}
body.CES-custom:has(#stickyBtn) > .content-frame > .container #stickyBtn a {
--btn-color-txt: var(--tdk-color-white);
border-radius: .3em;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
gap: .6em;
margin: 0;
padding: .7em 1.5em;
font-size: 2.4rem;
font-weight: 500;
line-height: 1.3;
transition: all .2s ease-in-out;
display: inline-flex;
overflow: hidden;
box-shadow: 0 1rem 5px #0003;
color: var(--btn-color-txt) !important;
background: var(--tdk-gradient-blue) !important;
}
body.CES-custom:has(#stickyBtn) > .content-frame > .container #stickyBtn a * {
margin: 0;
padding: 0;
}
body.CES-custom:has(#stickyBtn) > .content-frame > .container #stickyBtn a:before {
content: "";
clip-path: polygon(0 0, 100% 50%, 0 100%);
flex: 1 0 .7em;
width: .7em;
height: 1.4em;
display: block;
background-color: var(--btn-color-txt) !important;
}
body.CES-custom:has(#stickyBtn) > .content-frame > .container #stickyBtn a .text-column {
color: var(--btn-color-txt);
display: contents;
}
body.CES-custom:has(#stickyBtn) > .content-frame > .container #stickyBtn a .text-column * {
display: contents;
}
body.CES-custom:has(#stickyBtn) > .content-frame > .container #stickyBtn a .text-column h3 {
display: inline-block;
}
body.CES-custom:has(#stickyBtn) > .content-frame > .container #stickyBtn a .teaser-more {
display: none;
}
body.CES-custom:has(#stickyBtn) footer {
margin-top: 0 !important;
}
body.CES-custom:has(#stickyBtn) footer #footer-legal {
padding-bottom: 1.5rem !important;
}
body.CES-custom:has(.page-top) .page-top {
display: none !important;
}
.breakout {
--breakout-bg: var(--tdk-color-blue-20);
flex-wrap: wrap;
justify-content: center;
gap: 5rem;
width: 100vw;
padding: 4rem 2rem;
display: flex;
position: relative;
left: 50%;
right: 50%;
background: var(--breakout-bg) !important;
margin: 4rem -50vw !important;
}
.breakout > * {
flex: 100%;
margin: 0 auto;
}
@media (width > 576px) {
.breakout > * {
max-width: 540px;
}
}
@media (width > 768px) {
.breakout > * {
max-width: 720px;
}
}
@media (width <= 992px) {
.breakout > * {
max-width: 100%;
}
}
@media (width > 992px) {
.breakout > * {
max-width: 960px;
}
}
@media (width > 1200px) {
.breakout > * {
max-width: 1140px;
}
}
.breakout > h2 {
margin-bottom: 2rem;
}
@media (width > 576px) {
.breakout > h2 {
padding-left: 15px;
padding-right: 15px;
}
}
.breakout > .inner {
padding-left: 15px;
padding-right: 15px;
}
@media (width >= 576px) {
.breakout > .tabbed-content {
padding-left: 15px;
padding-right: 15px;
}
}
.breakout .tabbed-content section {
background: #fff;
margin-top: 1px !important;
}
.breakout > .textfragment {
max-width: 510px;
}
@media (width > 768px) {
.breakout > .textfragment {
max-width: 690px;
}
}
@media (width > 992px) {
.breakout > .textfragment {
max-width: 930px;
}
}
@media (width > 1200px) {
.breakout > .textfragment {
max-width: 1110px;
}
}
.breakout .teaser-standard {
background: #e6edf7 !important;
}
.breakout.breakout-blue {
--breakout-bg: var(--tdk-color-blue-20);
}
.breakout.breakout-blue .teaser-standard {
background: #e6edf7 !important;
}
.breakout.breakout-purple {
--breakout-bg: var(--tdk-color-purple-50);
}
.breakout.breakout-green {
--breakout-bg: var(--tdk-color-green-50);
}
.breakout.breakout-black {
--breakout-bg: var(--tdk-color-black);
color: #ccc;
}
.breakout.breakout-black * {
color: inherit !important;
}
.breakout.breakout-gray {
--breakout-bg: var(--tdk-color-gray);
}
.breakout.breakout-gray .image-richtext-container, .breakout.breakout-gray .image-richtext-container:not(:hover) [data-ui-modal-trigger="image"]:after {
background: var(--tdk-color-white);
}
.breakout.breakout-white {
--breakout-bg: var(--tdk-color-white);
}
.breakout.breakout-lighter {
background: hsl(from var(--breakout-bg) h s calc(l + 7)) !important;
}
.breakout.breakout-light {
background: hsl(from var(--breakout-bg) h s calc(l + 3)) !important;
}
.breakout.breakout-dark {
color: #ccc;
background: hsl(from var(--breakout-bg) h s calc(l - 15)) !important;
}
.breakout.breakout-darker {
color: #ccc;
background: hsl(from var(--breakout-bg) h s calc(l - 25)) !important;
}
.breakout-margin {
margin-top: clamp(4rem, 12vmin, 15rem) !important;
margin-bottom: clamp(4rem, 12vmin, 15rem) !important;
padding-top: clamp(2rem, 8vmin, 8rem) !important;
}
.breakout-margin-negative {
margin-top: clamp(-12rem, -12vmin, -15rem) !important;
margin-bottom: clamp(-4rem, -12vmin, -15rem) !important;
padding-top: clamp(2rem, 8vmin, 8rem) !important;
}
.breakout-margin-none {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.breakout-footer {
margin-bottom: 0 !important;
}
.breakout-footer.tdk {
background: #e6edf7;
}
.breakout-footer.tdk .teaser-standard {
display: flex;
}
.breakout-footer.tdk .teaser-standard:hover {
background-color: #f7f7f7;
}
.breakout-footer.tdk > .elementlist > div:only-child .image-column, .breakout-footer.tdk > .elementlist > div:first-child:nth-last-child(2) .image-column, .breakout-footer.tdk > .elementlist > div:first-child:nth-last-child(2) ~ div .image-column {
flex: 0 0 25%;
max-width: 25%;
}
.breakout-footer.tdk > .elementlist > div:only-child .text-column, .breakout-footer.tdk > .elementlist > div:first-child:nth-last-child(2) .text-column, .breakout-footer.tdk > .elementlist > div:first-child:nth-last-child(2) ~ div .text-column {
flex: 0 0 75%;
max-width: 75%;
}
.breakout-footer.tdk > .elementlist > div:first-child:nth-last-child(2) .image-column img, .breakout-footer.tdk > .elementlist > div:first-child:nth-last-child(2) ~ div .image-column img {
object-fit: cover;
aspect-ratio: 4 / 3;
height: 100%;
}
.breakout-fluid {
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
.breakout-fluid > h2 {
margin-bottom: 2rem;
}
.breakout-fluid > .inner {
padding-left: 15px;
padding-right: 15px;
}
.breakout-fluid > .elementlist {
align-items: center;
gap: 2rem;
width: 100vw;
max-width: none;
padding: 0;
}
.breakout-image {
background: #efefef;
width: 100vw;
max-height: 400px;
padding: 0;
display: flex;
position: relative;
left: 50%;
right: 50%;
overflow: hidden;
margin: 4rem -50vw !important;
}
.breakout-image-slim {
width: 120%;
max-height: 300px;
margin: 4rem -60% !important;
}
.breakout-image > * {
flex: 1;
align-self: center;
}
.breakout-image-bg {
text-align: center;
align-items: center;
min-height: 40vmin;
display: flex;
overflow: hidden;
}
.breakout-image-bg > .textfragment:first-child div {
position: static;
}
.breakout-image-bg > .textfragment:first-child .image-wrapper {
opacity: .4;
width: 100%;
max-width: none;
position: absolute;
top: 0;
left: 0;
height: 100% !important;
}
.breakout-image-bg > .textfragment:first-child .image-wrapper img {
object-fit: cover;
width: 100%;
height: 100%;
}
.breakout-image-bg > .elementlist {
flex: 1;
}
.breakout-image-bg h2 {
text-align: center;
font-size: 3rem;
}
@media (width >= 1200px) {
.breakout-overlap + div {
background-color: #fffe;
margin: -24rem -3rem 0;
padding: 3rem;
position: relative;
}
}
.breakout-image-collection {
background: #444;
width: 100vw;
margin: clamp(4rem, 10vh, 8rem) -50vw;
padding: 0;
position: relative;
left: 50%;
right: 50%;
overflow: hidden;
}
@media (width >= 576px) {
.breakout-image-collection {
height: clamp(200px, 20vh, 400px);
}
}
.breakout-image-collection > div.textfragment:first-child {
opacity: .5;
position: absolute;
inset: 0;
}
.breakout-image-collection > div.textfragment:first-child div {
height: 100% !important;
}
.breakout-image-collection > div.textfragment:first-child img {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
}
@media (width >= 576px) {
.breakout-image-collection > div.textfragment:first-child img {
height: clamp(200px, 20vh, 400px);
}
}
.breakout-image-collection > .elementlist {
align-items: center;
width: 100%;
height: 100%;
margin: 0 auto;
display: flex;
}
@media (width >= 576px) {
.breakout-image-collection > .elementlist {
flex-wrap: nowrap;
max-width: 540px;
}
}
@media (width >= 768px) {
.breakout-image-collection > .elementlist {
max-width: 720px;
}
}
@media (width <= 991.98px) {
.breakout-image-collection > .elementlist {
max-width: 100%;
}
}
@media (width >= 992px) {
.breakout-image-collection > .elementlist {
max-width: 960px;
}
}
@media (width >= 1200px) {
.breakout-image-collection > .elementlist {
max-width: 1140px;
}
}
.breakout-image-collection > .elementlist > div {
text-align: center;
flex: 1;
padding: 1rem;
}
.breakout-image-collection .textfragment {
color: #fff;
margin: 0;
}
.breakout-image-collection .textfragment p {
font-size: 1.8rem;
}
.breakout-image-collection .textfragment h3, .breakout-image-collection .textfragment .text-size-2 {
font-size: 7rem;
font-weight: bold;
}
.breakout-image-fade {
z-index: 1029;
padding: 0;
}
.breakout-image-fade .cycle-slide {
max-width: unset;
inset: 0;
}
/*# sourceMappingURL=TEG_Frontend.5eaea3ce.css.map */