:root {
 --template: "TEG-campaign-new";
 --tdk-color-blue-dark: #090920 !important;
 --tdk-color-blue-mid1: #0e204f !important;
 --tdk-color-blue-mid2: #142e67 !important;
 --tdk-color-blue-mid3: #273a6b !important;
}
.TEG-header-modular.bg-dark .stage-area {
 background: var(--tdk-color-blue-dark);
}
.TEG-campaign-new {
 overflow: unset;
 font-size: 1.6rem !important;
}
.TEG-campaign-new.dark {
 background: var(--tdk-color-blue-dark);
 background: linear-gradient(180deg, var(--tdk-color-blue-dark) 1100px, var(--tdk-color-blue) 50%, var(--tdk-color-blue-dark) 100%);
}
.TEG-campaign-new.dark .anchor-navigation-header {
 background: var(--tdk-color-blue-mid2);
}
.TEG-campaign-new.dark .anchor-navigation-header .swipe-control.prev {
 background: linear-gradient(90deg, var(--tdk-color-blue-mid2) 50%, transparent 100%);
}
.TEG-campaign-new.dark .anchor-navigation-header .swipe-control.next {
 background: linear-gradient(90deg, transparent 0, var(--tdk-color-blue-mid2) 50%);
}
.TEG-campaign-new.dark .anchor-navigation-header .swipe-control button:hover {
 background: var(--tdk-color-blue-mid2);
 color: var(--tdk-color-white);
}
.TEG-campaign-new.dark .anchor-navigation-header .link-item ~ .link-item {
 border-left: 1px solid var(--tdk-color-gray-30);
 border-left: 1px solid color-mix(in srgb, var(--tdk-color-white) 30%, transparent);
}
.TEG-campaign-new.dark .anchor-navigation-header .link-item > a {
 color: var(--tdk-color-white);
}
.TEG-campaign-new.dark .anchor-navigation-header .link-item > a:focus:after {
 border-bottom: 2px solid var(--tdk-color-white);
}
.TEG-campaign-new.dark .anchor-navigation-contentarea .linklist-anchors {
 background: linear-gradient(120deg, color-mix(in srgb, var(--tdk-color-blue-mid1) 80%, transparent) 0%, color-mix(in srgb, var(--tdk-color-blue-mid2) 80%, transparent) 100%);
 border-radius: 1rem;
}
.TEG-campaign-new.dark .anchor-navigation-contentarea .linklist-anchors:before {
 color: color-mix(in srgb, var(--tdk-color-white) 60%, transparent);
}
.TEG-campaign-new.dark .anchor-navigation-contentarea .linklist-anchors .link-item ~ .link-item:before {
 border-top: 1px solid color-mix(in srgb, var(--tdk-color-white) 30%, transparent);
}
.TEG-campaign-new.dark .anchor-navigation-contentarea .linklist-anchors a {
 color: var(--tdk-color-white);
}
.TEG-campaign-new > .content-frame > .container > div > .content {
 margin-block: 0 !important;
}
.TEG-campaign-new > .content-frame > .container > div > .content > div:first-child .richtext {
 color: color-mix(in srgb, var(--tdk-color-white) 50%, transparent);
}
@media (width > 768px) {
 .TEG-campaign-new > .content-frame > .container > div > .content > div:first-child .richtext {
   text-align: center;
 }
}
.TEG-campaign-new > .content-frame > .container > div > .content > div:first-child .richtext b, .TEG-campaign-new > .content-frame > .container > div > .content > div:first-child .richtext strong, .TEG-campaign-new > .content-frame > .container > div > .content > div:first-child .richtext .bold {
 color: var(--tdk-color-white);
 font-weight: 400;
}
.TEG-campaign-new > .content-frame > .container > div > .content > hr {
 border-top-color: color-mix(in srgb, var(--tdk-color-white) 30%, transparent);
 width: max(200px, 50%);
 margin: 0 auto;
}
.TEG-campaign-new > .content-frame > .container > div > .content > div:not(.breakout):not(.fixed-anchor):not(:has( > div > .richtext:empty)) {
 margin-block: clamp(4rem, 12vmin, 10rem);
}
.TEG-campaign-new > .content-frame > .container > div > .content > .textfragment h2, .TEG-campaign-new > .content-frame > .container > div > .content > div > .textfragment h2 {
 text-align: center;
 margin-bottom: 2.4rem;
 font-size: 3rem;
 font-weight: 700;
}
.TEG-campaign-new.dark > .content-frame > .container > div > .content .textfragment {
 color: var(--tdk-color-white) !important;
}
.TEG-campaign-new .btn-warning {
 background-color: var(--color-accent) !important;
 border-color: var(--color-accent) !important;
}
.TEG-campaign-new .btn-warning:hover {
 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-campaign-new .btn-warning.focus, .TEG-campaign-new .btn-warning:focus {
 box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--color-accent) 50%, transparent) !important;
}
.TEG-campaign-new .btn-warning.disabled, .TEG-campaign-new .btn-warning:disabled {
 background-color: var(--color-accent) !important;
 border-color: var(--color-accent) !important;
}
.TEG-campaign-new .btn-warning:not(:disabled):not(.disabled).active, .TEG-campaign-new .btn-warning: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-campaign-new .btn-warning:not(:disabled):not(.disabled).active:focus, .TEG-campaign-new .btn-warning:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--color-accent) 50%, transparent) !important;
}
.TEG-campaign-new .btn-outline-warning {
 border-color: var(--color-accent);
 color: var(--color-accent);
}
.TEG-campaign-new .btn-outline-warning:hover {
 background-color: var(--color-accent);
 border-color: var(--color-accent);
 color: var(--tdk-color-white);
}
.TEG-campaign-new .btn-outline-warning.focus, .TEG-campaign-new .btn-outline-warning:focus {
 box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--color-accent) 50%, transparent) !important;
}
.TEG-campaign-new .btn-outline-warning.disabled, .TEG-campaign-new .btn-outline-warning:disabled {
 color: var(--color-accent);
}
.TEG-campaign-new .btn-outline-warning:not(:disabled):not(.disabled).active, .TEG-campaign-new .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .TEG-campaign-new .btn-outline-warning.dropdown-toggle {
 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-campaign-new .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .TEG-campaign-new .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .TEG-campaign-new .btn-outline-warning.dropdown-toggle:focus {
 box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--color-accent) 50%, transparent) !important;
}
.TEG-campaign-new.accent-orange {
 --color-accent: var(--tdk-color-orange) !important;
}
@media (width <= 576px) {
 .TEG-campaign-new .section-contact > .elementlist form .row, .TEG-campaign-new .section-contact > .elementlist form .form-row {
   gap: 30px;
 }
 .TEG-campaign-new .section-contact > .elementlist form .row > div, .TEG-campaign-new .section-contact > .elementlist form .form-row > div {
   margin-inline: 0;
 }
}
.TEG-campaign-new div:has( > .big-pill) {
 text-align: center;
 display: block !important;
}
@media (width > 768px) {
 .TEG-campaign-new div:has( > .big-pill) {
   color: var(--tdk-color-white);
   background: linear-gradient(120deg, color-mix(in srgb, var(--tdk-color-blue-mid1) 50%, transparent) 0%, color-mix(in srgb, var(--tdk-color-blue-mid2) 50%, transparent) 100%);
   border-radius: 10rem;
   padding: 2.5rem !important;
 }
}
.TEG-campaign-new div:has( > .sticky) {
 z-index: 999;
 position: sticky;
 top: 50px;
 translate: 0;
}
@media (width > 1570px) {
 .TEG-campaign-new div:has( > .sticky) {
   top: 20px;
 }
}
.TEG-campaign-new .switch {
 text-align: center;
}
.TEG-campaign-new .switch > .elementlist.elementlist {
 background: color-mix(in srgb, var(--tdk-color-blue-mid1) 80%, transparent);
 border-radius: 2.5rem;
 flex-wrap: nowrap;
 align-items: stretch;
 gap: 0;
 max-width: 70rem;
 display: flex;
 position: relative;
 margin-inline: auto !important;
}
.TEG-campaign-new .switch > .elementlist.elementlist:before {
 content: "";
 z-index: 0;
 background: linear-gradient(90deg, var(--tdk-color-blue) 0%, var(--tdk-color-blue-main) 100%);
 border-radius: 2.2rem;
 transition: all .3s;
 position: absolute;
 inset: 3px 50% 3px 3px;
}
.TEG-campaign-new .switch > .elementlist.elementlist:has( > :last-child .teaser.active):before {
 left: 50%;
 right: 3px;
}
.TEG-campaign-new .switch > .elementlist.elementlist > .col-12.col-12 {
 z-index: 1;
 position: relative;
 --colsize: 50% !important;
}
.TEG-campaign-new .switch > .elementlist.elementlist > .col-12.col-12 .teaser {
 text-align: center;
 align-items: center;
 height: 100%;
 padding: 1.5rem;
 display: flex;
}
.TEG-campaign-new .switch > .elementlist.elementlist > .col-12.col-12 .teaser .teaser-meta {
 padding: 0 !important;
}
.TEG-campaign-new .switch > .elementlist.elementlist > .col-12.col-12 .teaser .teaser-meta .teaser-title {
 color: var(--tdk-color-white);
 font-size: 1.5rem;
}
.TEG-campaign-new .switch > .elementlist.elementlist > .col-12.col-12 .teaser .teaser-more, .TEG-campaign-new .toggle-section {
 display: none;
}
.TEG-campaign-new .toggle-section.active {
 display: block;
}
.TEG-campaign-new .sticky-image-col > .elementlist.elementlist {
 gap: 3rem;
 display: flex;
 margin-bottom: 0 !important;
}
@media (width > 480px) {
 .TEG-campaign-new .sticky-image-col > .elementlist.elementlist > :first-child {
   --colsize: calc(3 * var(--colfract)  - var(--gutter)) !important;
 }
 .TEG-campaign-new .sticky-image-col > .elementlist.elementlist > :first-child .image-wrapper {
   position: sticky;
   top: 200px;
   overflow: visible;
 }
 .TEG-campaign-new .sticky-image-col > .elementlist.elementlist > :first-child .image-wrapper img {
   width: 27vw !important;
   margin-left: -7vw !important;
 }
 .TEG-campaign-new .sticky-image-col > .elementlist.elementlist > :nth-child(2) {
   --colsize: calc(9 * var(--colfract)  - var(--gutter)) !important;
 }
}
@media (width > 992px) {
 .TEG-campaign-new .sticky-image-col > .elementlist.elementlist > :first-child .image-wrapper img {
   width: 27vw !important;
   margin-left: -10vw !important;
 }
}
@media (width > 1570px) {
 .TEG-campaign-new .sticky-image-col > .elementlist.elementlist > :first-child {
   --colsize: calc(1 * var(--colfract)  - var(--gutter)) !important;
 }
 .TEG-campaign-new .sticky-image-col > .elementlist.elementlist > :first-child .image-wrapper img {
   margin-left: -27vw !important;
 }
 .TEG-campaign-new .sticky-image-col > .elementlist.elementlist > :nth-child(2) {
   --colsize: calc(11 * var(--colfract)  - var(--gutter)) !important;
 }
}
.TEG-campaign-new .sticky-image-col > .elementlist.elementlist .teaser:last-child, .TEG-campaign-new .elementlist.compact > div > * {
 margin-bottom: 0 !important;
}
.TEG-campaign-new .TEG-columns.flexcolumns-flex > .elementlist {
 --gutter: 2rem;
 --colfract: calc((100% + var(--gutter)) / 12);
 flex-wrap: wrap;
 align-items: stretch;
 display: flex !important;
}
.TEG-campaign-new .TEG-columns.flexcolumns-flex > .elementlist > div {
 flex: 1 1 calc(6 * var(--colfract)  - var(--gutter)) !important;
 margin-bottom: 0 !important;
}
@media (width > 768px) {
 .TEG-campaign-new .TEG-columns.flexcolumns-flex > .elementlist > div {
   flex-basis: calc(4 * var(--colfract)  - var(--gutter)) !important;
 }
}
@media (width > 1200px) {
 .TEG-campaign-new .TEG-columns.flexcolumns-flex > .elementlist > div {
   flex-basis: calc(3 * var(--colfract)  - var(--gutter)) !important;
 }
}
.TEG-campaign-new .TEG-columns.flexcolumns-flex > .elementlist > div a {
 height: 100%;
}
@media (width > 768px) {
 .TEG-campaign-new .TEG-columns > .elementlist > div {
   margin-bottom: 0;
 }
}
.TEG-campaign-new .elementlist.compact {
 margin-bottom: 0;
}
.TEG-campaign-new #portfolio #inner > .elementlist {
 gap: 0 !important;
}
.TEG-campaign-new .quote {
 background-color: var(--tdk-color-blue);
 border-radius: 2.5rem;
 padding: 2.5rem !important;
}
.TEG-campaign-new .quote .richtext h3 {
 line-height: unset;
}
@media (width > 768px) {
 .TEG-campaign-new #design-tools .quote > .elementlist {
   --gutter: 2rem;
   --colfract: calc((100% + var(--gutter)) / 12);
   align-items: center;
   display: flex;
 }
 .TEG-campaign-new #design-tools .quote > .elementlist > div {
   flex: 1 1 calc(6 * var(--colfract)  - var(--gutter)) !important;
   margin-bottom: 0 !important;
 }
}
.TEG-campaign-new #design-tools .textfragment + .elementlist {
 margin-top: 0 !important;
}
.TEG-campaign-new #network .maps {
 width: 100vw;
 position: relative;
 left: 50%;
 transform: translateX(-50%);
}
.TEG-campaign-new #network .maps .gm-style-iw-chr {
 margin-right: -12px;
}
.TEG-campaign-new #network .maps .info-row {
 gap: 2rem;
}
.TEG-campaign-new #network .maps .network-maps {
 display: none;
}
.TEG-campaign-new .teaser-to-btn.btn {
 max-width: 30rem;
 margin: 3rem auto 0;
 padding: 0;
 display: block;
}
.TEG-campaign-new .teaser-to-btn.btn a {
 padding: 1.5rem 3rem;
}
.TEG-campaign-new .teaser-to-btn.btn .teaser-more {
 display: none;
}
.TEG-campaign-new .expert {
 text-align: center;
}
.TEG-campaign-new .expert .image-wrapper {
 max-width: 20rem;
 margin-inline: auto;
}
.collection-teasers .elementlist .teaser {
 color: #fff;
 background: linear-gradient(118.39deg, #0046ad33 13.17%, #0087ff33 112.49%);
 border: 1.5px solid #fff3;
 border-radius: 2.5rem;
 padding: 2.5rem;
 transition: all .3s;
 display: block;
}
.collection-teasers .elementlist .teaser:hover {
 border-color: var(--color-accent);
}
.collection-teasers .elementlist .teaser .image-richtext-container {
 background: none;
 margin-block: 0 2rem;
 padding: 0;
}
@media (width <= 768px) {
 .collection-teasers .elementlist .teaser .image-richtext-container {
   float: left;
 }
}
.collection-teasers .elementlist .teaser .image-richtext-container .image-container {
 aspect-ratio: 1;
 background: #023580;
 border-radius: 1rem;
 margin: 0 0 1rem;
 max-width: 6rem !important;
}
.collection-teasers .elementlist .teaser .image-richtext-container .image-container .image-wrapper {
 padding: 1.5rem;
 width: auto !important;
 margin: 0 !important;
}
.collection-teasers .elementlist .teaser .image-richtext-container .image-container .image-wrapper img {
 width: 3rem !important;
}
.collection-teasers .elementlist .teaser .image-richtext-container figure, .collection-teasers .elementlist .teaser .image-richtext-container + p:empty {
 display: none;
}
.collection-teasers .elementlist .teaser .teaser-meta {
 padding: 0 !important;
}
.collection-teasers .elementlist .teaser .teaser-meta > .teaser-text > .richtext > h3 {
 font-size: 2.2rem;
 line-height: 1.2;
 margin-top: 0 !important;
}
@media (width <= 768px) {
 .collection-teasers .elementlist .teaser .teaser-meta > .teaser-text > .richtext > h3 {
   padding-top: 1.5rem;
   padding-left: 8rem;
 }
 .collection-teasers .elementlist .teaser .teaser-meta > .teaser-text > .richtext > h3 + p {
   clear: both;
 }
}
.collection-teasers .elementlist .teaser .teaser-meta .teaser-text {
 font-size: 1.5rem;
 line-height: 2.14rem;
 padding: 0 !important;
 display: block !important;
}
@media (width > 768px) {
 .collection-teasers.centered .image-container {
   margin-inline: auto !important;
 }
 .collection-teasers.centered .teaser-meta {
   text-align: center;
 }
}
.collection-teasers.images .elementlist .teaser {
 --gutter: 1.5rem;
 --colfract: calc((100% + var(--gutter)) / 12);
 gap: var(--gutter);
 display: flex;
}
@media (width <= 480px) {
 .collection-teasers.images .elementlist .teaser {
   padding: 1.5rem;
 }
}
.collection-teasers.images .elementlist .teaser .image-column.image-column {
 --colsize: 3rem !important;
}
@media (width > 1200px) {
 .collection-teasers.images .elementlist .teaser .image-column.image-column {
   --colsize: 8rem !important;
 }
}
.collection-teasers.images .elementlist .teaser .image-column.image-column img {
 width: auto;
 margin-inline: auto;
 display: block;
 max-width: 100% !important;
 max-height: 5rem !important;
}
@media (width > 480px) {
 .collection-teasers.images .elementlist .teaser .image-column.image-column img {
   max-height: 10rem !important;
 }
}
.collection-teasers.images .elementlist .teaser.image-zoom:hover img {
 transform: scale(1) !important;
}
.collection-teasers.images .elementlist .teaser .text-column.text-column {
 --colsize: calc(100% - 3rem - var(--gutter)) !important;
}
@media (width > 1200px) {
 .collection-teasers.images .elementlist .teaser .text-column.text-column {
   --colsize: calc(100% - 8rem - var(--gutter)) !important;
 }
}
.collection-teasers.images .elementlist .teaser .text-column.text-column .teaser-meta > .teaser-title {
 font-size: 1.4rem;
}
@media (width > 480px) {
 .collection-teasers.images .elementlist .teaser .text-column.text-column .teaser-meta > .teaser-title {
   font-size: 1.8rem;
 }
}
@media (width <= 576px) {
 .collection-teasers .teaser-more {
   display: none;
 }
}
.collection-teasers .teaser-more span.btn {
 margin: 1rem 0 0;
}
.collection-teasers.anchor .teaser-more {
 text-indent: -9999rem;
 aspect-ratio: 2;
 background-color: var(--tdk-color-white);
 clip-path: polygon(0 0, 100% 0, 50% 100%);
 height: 1rem;
 margin: 2rem auto 0;
}
/*# sourceMappingURL=TEG_Frontend.61ed1691.css.map */