html {
--tdk-base-padding: 2rem;
--tdk-base-radius: .5rem;
--gutter: 3rem;
--colsize: calc((100% + var(--gutter)) / 12);
--breadcrumb-height: 32px;
}
h2+.elementlist,
.textfragment+.elementlist {
margin-top: 3rem !important;
}
.centered-h2-h3>.textfragment h2,
.centered-h2-h3>.textfragment h3,
.centered-richtext>.textfragment .richtext {
text-align: center;
}
 
.TEG-links-plain .linklist-grey-headline {
display: none;
}
.TEG-links-plain .link-item:not(:last-child) {
margin-bottom: 2rem;
}
.TEG-links-plain .link-item>a.arrow-link {
text-align: right;
font-size: 1.6rem;
font-weight: bold;
line-height: 1.6;
}
.TEG-links-plain .link-item>a.arrow-link:after {
content: " ➔";
content: " →";
}
.TEG-links-plain .link-item>a.arrow-link .link-text {
font-size: unset;
line-height: unset;
padding: unset;
text-decoration: underline;
}
.TEG-links-plain .link-item>a.arrow-link i {
display: none;
}
.TEG-links-plain .link-item>a.arrow-link.grey {
color: unset;
background: unset;
}
.TEG-links-plain .link-item>a.arrow-link.grey .link-text,
.TEG-links-plain .link-item>a.arrow-link.grey:hover {
background: unset;
}
.TEG-links-plain .link-item>a.arrow-link.grey:hover .link-text {
color: unset;
background: unset;
}
 
.TEG-accordion-new>.richtext+.slider {
margin-top: 3rem;
}
.TEG-accordion-new .slider {
border-top: 1px solid var(--tdk-color-black-10);
}
.TEG-accordion-new .slider .card {
border: 0;
border-bottom: 1px solid var(--tdk-color-black-10);
}
.TEG-accordion-new .slider .card .card-header {
background: none;
}
.TEG-accordion-new .slider .card .card-header .slider-button {
font-size: unset;
padding: 1.5rem;
align-items: center;
gap: 1rem;
padding-right: 6rem;
line-height: 3rem;
display: flex;
}
@media (width >=768px) {
.TEG-accordion-new .slider .card .card-header .slider-button {
  font-size: unset;
  line-height: unset;
}
}
.TEG-accordion-new .slider .card .card-header .slider-button:before {
content: "remove";
top: 50%;
left: unset;
font-size: 3rem;
right: 1.5rem;
translate: 0 -50%;
}
.TEG-accordion-new .slider .card .card-header .slider-button.collapsed:before {
content: "add";
}
.TEG-accordion-new .slider .card .card-header .slider-button .image-wrapper {
flex: 0 0 67px;
margin-bottom: 0;
}
.TEG-accordion-new .slider .card .card-header .slider-button .image-wrapper img {
max-height: 50px;
}
.TEG-accordion-new .slider .card~.card {
margin-top: unset;
}
.TEG-accordion-new .slider .card-body {
padding: 1.5rem;
}
.TEG-accordion-new .slider .card-body .textfragment>.row {
margin-inline: 0;
}
.TEG-accordion-new .slider .card-body .textfragment>.row .col-12 {
padding-inline: 0;
}
.TEG-accordion-new .slider .collapse.show:not(.slider) .card-body {
border-top: 0;
}
.TEG-breakout {
background: #efefef;
width: 100vw;
max-width: 220rem;
position: relative;
left: 50%;
transform: translateX(-50%);
padding-inline: var(--tdk-base-padding) !important;
margin-block: clamp(4rem, 12vmin, 15rem) !important;
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;
}
.breakout-blue-light {
background-color: var(--tdk-color-blue-5) !important;
}
.breakout-blue-dark {
color: var(--tdk-color-white) !important;
background-color: var(--tdk-color-blue) !important;
}
.breakout-blue-dark * {
color: inherit !important;
}
.breakout-blue-dark ::selection {
background-color: var(--tdk-color-blue-light);
}
.breakout-green-light {
background-color: color-mix(in srgb, var(--tdk-color-green) 20%, white) !important;
}
.breakout-black {
color: #ccc;
background-color: var(--tdk-color-black-opt);
}
.breakout-black * {
color: inherit !important;
}
.breakout-grey-dark {
background-color: #cfcfcf;
}
.breakout-grey-light {
background-color: #f7f7f7;
}
.breakout-grey-light .image-richtext-container,
.breakout-grey-light .image-richtext-container:not(:hover) [data-ui-modal-trigger="image"]:after,
.breakout-white {
background-color: var(--tdk-color-white);
}
@media (width >=768px) {
.TEG-columns:not(:has(.elementlist))>.textfragment {
  flex-wrap: wrap;
  gap: 3rem;
  display: flex;
}
.TEG-columns:not(:has(.elementlist))>.textfragment>* {
  flex: 50%;
}
.TEG-columns:not(:has(.elementlist))>.textfragment> :first-child:has(h2),
.TEG-columns:not(:has(.elementlist))>.textfragment> :first-child:has(h3) {
  flex: 1 0 100%;
}
.TEG-columns.column-order-reverse:not(:has(.elementlist))>.textfragment> :first-child {
  order: 1;
}
.TEG-columns>.elementlist {
  flex-wrap: nowrap;
  display: flex;
}
.TEG-columns>.elementlist>div {
  flex: 1;
  margin-bottom: 3rem;
}
.TEG-columns .teaser {
  height: 100%;
}
.TEG-columns .teaser>.image-column,
.TEG-columns .teaser>.text-column {
  flex: none;
  max-width: none;
}
.TEG-columns .teaser>.image-column {
  padding: 0;
}
.TEG-columns .teaser .teaser-text {
  max-width: 100%;
}
.TEG-columns .elementlist .elementlist {
  display: block;
}
.flexcolumns-2>.elementlist,
.flexcolumns-3>.elementlist,
.flexcolumns-4>.elementlist,
.flexcolumns-5>.elementlist {
  flex-wrap: wrap;
}
.flexcolumns-2>.elementlist>div,
.flexcolumns-3>.elementlist>div,
.flexcolumns-4>.elementlist>div,
.flexcolumns-5>.elementlist>div,
.flexcolumns-2>.col-md-4 {
  flex: none;
  max-width: none;
}
.flexcolumns-2>.col-md-4,
.flexcolumns-2 .elementlist>div {
  flex-basis: 50%;
}
.flexcolumns-3 .elementlist>div {
  flex-basis: 33%;
}
.flexcolumns-4 .elementlist>div {
  flex-basis: 25%;
}
.flexcolumns-5 .elementlist>div {
  flex-basis: 20%;
}
.flexcolumns-2.flexcolumn1-2x .elementlist>div:first-of-type,
.flexcolumns-2.flexcolumn2-2x .elementlist>div:nth-of-type(2),
.flexcolumns-3.flexcolumn1-2x .elementlist>div:first-of-type,
.flexcolumns-3.flexcolumn2-2x .elementlist>div:nth-of-type(2),
.flexcolumns-3.flexcolumn3-2x .elementlist>div:nth-of-type(3) {
  flex-basis: 66%;
}
.flexcolumns-4.flexcolumn1-2x .elementlist>div:first-of-type,
.flexcolumns-4.flexcolumn2-2x .elementlist>div:nth-of-type(2),
.flexcolumns-4.flexcolumn3-2x .elementlist>div:nth-of-type(3) {
  flex-basis: 50%;
}
.flexcolumns-4.flexcolumn1-3x .elementlist>div:first-of-type,
.flexcolumns-4.flexcolumn2-3x .elementlist>div:nth-of-type(2),
.flexcolumns-4.flexcolumn3-3x .elementlist>div:nth-of-type(3) {
  flex-basis: 75%;
}
.flexcolumns-5.flexcolumn1-2x .elementlist>div:first-of-type,
.flexcolumns-5.flexcolumn2-2x .elementlist>div:nth-of-type(2),
.flexcolumns-5.flexcolumn3-2x .elementlist>div:nth-of-type(3),
.flexcolumns-5.flexcolumn4-2x .elementlist>div:nth-of-type(4) {
  flex-basis: 40%;
}
.flexcolumns-5.flexcolumn1-3x .elementlist>div:first-of-type,
.flexcolumns-5.flexcolumn2-3x .elementlist>div:nth-of-type(2),
.flexcolumns-5.flexcolumn3-3x .elementlist>div:nth-of-type(3),
.flexcolumns-5.flexcolumn4-3x .elementlist>div:nth-of-type(4) {
  flex-basis: 60%;
}
}
 
@media (width >=1571px) {
.anchor-navigation-contentarea {
  z-index: 20;
  pointer-events: none;
}
.anchor-navigation-contentarea .anchor-navigation-contentarea-wrapper {
  pointer-events: auto;
}
.anchor-navigation-contentarea .linklist-anchors {
  background-color: #fff;
  padding: 1rem 2rem;
  box-shadow: 0 5px 5px #0002;
}
.anchor-navigation-contentarea .linklist-anchors:before {
  content: "Page contents";
  text-transform: uppercase;
  color: #666;
  margin: 1rem 0;
  font-size: .8em;
  display: block;
}
html[lang="de"] .anchor-navigation-contentarea .linklist-anchors:before {
  content: "Inhalt der Seite";
}
html[lang="ja"] .anchor-navigation-contentarea .linklist-anchors:before {
  content: "ページの内容";
}
html[lang="zh"] .anchor-navigation-contentarea .linklist-anchors:before {
  content: "页面内容";
}
.anchor-navigation-contentarea .linklist-anchors a.child {
  padding-left: .5rem;
  font-size: .9em;
}
}
 
 
.content-frame:has(.stage-area)>.container> :first-child:has(.breadcrumbs) {
z-index: 9;
max-height: var(--breadcrumb-height);
margin-bottom: calc(var(--breadcrumb-height) * -1);
position: relative;
}
.hide-breadcrumb .content-frame>.container> :first-child:has(.breadcrumbs) {
display: none;
}