@charset "UTF-8";
:root {
  --font-serif: "source-serif-4", serif !important;
  --font-sans-serif: "source-sans-3", sans-serif !important;
  --spacer-xxl: 64px;
  --spacer-xl: 32px;
  --spacer-sm: 8px;
  --width: 1000px;
  --width-sm: 650px;
}

body {
  margin: 0;
  box-sizing: border-box;
  background-color: #fff !important;
}

.sz {
  background: #fff !important;
}

.format {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: var(--width);
  color: #212529;
}
.format main {
  display: flex;
  flex-direction: column;
  gap: var(--spacer-xxl);
  align-items: center;
}
.format h1,
.format h2 {
  font-family: var(--font-sans-serif) !important;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  font-size: 3rem !important;
  margin: 0;
}
.format h2 {
  text-align: left;
  line-height: 3rem;
}
.format hr {
  height: 1px;
  border: none;
  width: 100%;
  background: #E3E3E3;
  padding: 0;
  margin: 0;
}
.format .tk-header {
  display: flex;
  flex-direction: column;
  gap: var(--spacer-xl);
  align-items: center;
  max-width: var(--width);
  margin-top: var(--spacer-xl);
}
.format .tk-header-img {
  width: 100%;
}
.format .tk-header-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacer-sm);
  max-width: 500px;
}
.format .tk-header-content .intro {
  font-family: var(--font-serif);
  text-align: center;
  font-size: 1.2rem !important;
}
.format .breadcrumb {
  display: flex;
  flex-direction: column;
}
.format .breadcrumb .tab-container {
  display: flex;
  width: 100%;
  font-family: var(--font-sans-serif);
  justify-content: space-between;
  text-align: center;
}
.format .breadcrumb .tab-container a {
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1rem !important;
}
.format .breadcrumb .tab-container .tab {
  padding: 12px 24px;
  color: #8E8E8E;
  transition: 0.3s ease-in-out;
}
.format .breadcrumb .tab-container .tab.active, .format .breadcrumb .tab-container .tab:hover {
  color: #000;
}
.format .breadcrumb hr {
  background: #8E8E8E;
}
.format .btn-up {
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  width: 30px;
  height: 22px;
  cursor: pointer;
  border: none;
  border-radius: 2px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
  transform: translateY(10px);
  z-index: 999;
}
.format .btn-up.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.format {
  /* Filter */
}
.format .filter {
  width: 100%;
}
.format .filter-toggle {
  display: flex;
  gap: 8px;
  width: auto;
  border: none;
  cursor: pointer;
  color: #fff;
  background: #003E63;
  padding: 6px 10px;
  border-radius: 2px;
  justify-content: center;
  transition: 0.2s ease-in-out;
  align-items: center;
  font-family: var(--font-sans-serif);
  font-size: 0.9rem;
}
.format .filter-toggle:hover {
  opacity: 0.8;
}
.format .filter-toggle::before {
  content: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.309524 2.15937H2.50405C2.57945 2.59051 2.80421 2.98121 3.1388 3.26275C3.47338 3.54429 3.89636 3.69864 4.33333 3.69864C4.77031 3.69864 5.19329 3.54429 5.52787 3.26275C5.86246 2.98121 6.08722 2.59051 6.16262 2.15937H12.6905C12.7726 2.15937 12.8513 2.1267 12.9093 2.06855C12.9674 2.01041 13 1.93155 13 1.84932C13 1.76709 12.9674 1.68823 12.9093 1.63008C12.8513 1.57194 12.7726 1.53927 12.6905 1.53927H6.16262C6.08722 1.10813 5.86246 0.717426 5.52787 0.435885C5.19329 0.154345 4.77031 0 4.33333 0C3.89636 0 3.47338 0.154345 3.1388 0.435885C2.80421 0.717426 2.57945 1.10813 2.50405 1.53927H0.309524C0.227433 1.53927 0.148704 1.57194 0.0906574 1.63008C0.0326104 1.68823 0 1.76709 0 1.84932C0 1.93155 0.0326104 2.01041 0.0906574 2.06855C0.148704 2.1267 0.227433 2.15937 0.309524 2.15937ZM4.33333 0.609138C4.57821 0.609138 4.81758 0.681873 5.02118 0.818146C5.22479 0.954419 5.38348 1.14811 5.47718 1.37472C5.57089 1.60134 5.59541 1.8507 5.54764 2.09127C5.49987 2.33184 5.38195 2.55282 5.2088 2.72626C5.03565 2.8997 4.81504 3.01782 4.57487 3.06567C4.33471 3.11352 4.08577 3.08896 3.85953 2.9951C3.6333 2.90123 3.43994 2.74227 3.30389 2.53833C3.16785 2.33438 3.09524 2.0946 3.09524 1.84932C3.09524 1.5204 3.22568 1.20496 3.45787 0.972379C3.69006 0.7398 4.00497 0.609138 4.33333 0.609138ZM12.6905 6.18996H10.496C10.4206 5.75881 10.1958 5.36811 9.86121 5.08657C9.52662 4.80503 9.10364 4.65068 8.66667 4.65068C8.22969 4.65068 7.80671 4.80503 7.47213 5.08657C7.13754 5.36811 6.91278 5.75881 6.83738 6.18996H0.309524C0.227433 6.18996 0.148704 6.22262 0.0906574 6.28077C0.0326104 6.33891 0 6.41777 0 6.5C0 6.58223 0.0326104 6.66109 0.0906574 6.71924C0.148704 6.77738 0.227433 6.81005 0.309524 6.81005H6.83738C6.91278 7.24119 7.13754 7.63189 7.47213 7.91343C7.80671 8.19498 8.22969 8.34932 8.66667 8.34932C9.10364 8.34932 9.52662 8.19498 9.86121 7.91343C10.1958 7.63189 10.4206 7.24119 10.496 6.81005H12.6905C12.7726 6.81005 12.8513 6.77738 12.9093 6.71924C12.9674 6.66109 13 6.58223 13 6.5C13 6.41777 12.9674 6.33891 12.9093 6.28077C12.8513 6.22262 12.7726 6.18996 12.6905 6.18996ZM8.66667 7.74018C8.42179 7.74018 8.18242 7.66745 7.97882 7.53117C7.77521 7.3949 7.61652 7.20121 7.52282 6.9746C7.42911 6.74798 7.40459 6.49862 7.45236 6.25805C7.50013 6.01748 7.61805 5.7965 7.7912 5.62306C7.96435 5.44962 8.18496 5.3315 8.42513 5.28365C8.66529 5.2358 8.91423 5.26036 9.14047 5.35422C9.3667 5.44809 9.56006 5.60705 9.69611 5.81099C9.83215 6.01494 9.90476 6.25472 9.90476 6.5C9.90476 6.82892 9.77432 7.14436 9.54213 7.37694C9.30994 7.60952 8.99503 7.74018 8.66667 7.74018ZM12.6905 10.8406H6.16262C6.08722 10.4095 5.86246 10.0188 5.52787 9.73725C5.19329 9.45571 4.77031 9.30136 4.33333 9.30136C3.89636 9.30136 3.47338 9.45571 3.1388 9.73725C2.80421 10.0188 2.57945 10.4095 2.50405 10.8406H0.309524C0.227433 10.8406 0.148704 10.8733 0.0906574 10.9314C0.0326104 10.9896 0 11.0685 0 11.1507C0 11.2329 0.0326104 11.3118 0.0906574 11.3699C0.148704 11.4281 0.227433 11.4607 0.309524 11.4607H2.50405C2.57945 11.8919 2.80421 12.2826 3.1388 12.5641C3.47338 12.8457 3.89636 13 4.33333 13C4.77031 13 5.19329 12.8457 5.52787 12.5641C5.86246 12.2826 6.08722 11.8919 6.16262 11.4607H12.6905C12.7726 11.4607 12.8513 11.4281 12.9093 11.3699C12.9674 11.3118 13 11.2329 13 11.1507C13 11.0685 12.9674 10.9896 12.9093 10.9314C12.8513 10.8733 12.7726 10.8406 12.6905 10.8406ZM4.33333 12.3909C4.08846 12.3909 3.84909 12.3181 3.64548 12.1819C3.44188 12.0456 3.28319 11.8519 3.18948 11.6253C3.09577 11.3987 3.07126 11.1493 3.11903 10.9087C3.1668 10.6682 3.28472 10.4472 3.45787 10.2737C3.63102 10.1003 3.85163 9.98218 4.09179 9.93433C4.33196 9.88648 4.5809 9.91104 4.80713 10.0049C5.03336 10.0988 5.22673 10.2577 5.36277 10.4617C5.49882 10.6656 5.57143 10.9054 5.57143 11.1507C5.57143 11.4796 5.44099 11.795 5.2088 12.0276C4.97661 12.2602 4.6617 12.3909 4.33333 12.3909Z' fill='white'/%3E%3C/svg%3E%0A");
  width: 13px;
  height: 13px;
}
.format .filter-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
  min-height: 30px;
}
.format .filter-reset {
  border: none;
  background: transparent;
  color: #666;
  font-size: 0.85rem !important;
  cursor: pointer;
  text-decoration: underline;
  margin-left: auto;
  padding-right: 0;
  font-family: var(--font-sans-serif);
}
.format .filter-selected {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.format .filter-chip {
  display: flex;
  padding: 6px 10px;
  align-items: center;
  gap: 20px;
  font-size: 0.8rem !important;
  gap: 0.25rem;
  background-color: #dedede;
  border-radius: 2px;
  font-family: var(--font-sans-serif);
}
.format .filter-chip button {
  border: none;
  background: transparent;
  cursor: pointer;
}
.format .filter-content {
  display: none;
  padding: 0.75rem 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.format .filter-content.open {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.5rem;
}
.format .filter-option {
  font-size: 0.85rem !important;
  white-space: nowrap;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  font-family: var(--font-sans-serif);
}
.format .filter-option input {
  margin-right: 0.25rem;
}
.format .filter-option.hidden {
  display: none;
}
.format .teaser-block {
  width: var(--width);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.format .teaser-block .teaser {
  display: flex;
  flex-direction: column;
  font-family: var(--font-sans-serif);
  transition: 0.3s ease-in-out;
  cursor: pointer;
  text-decoration: none;
}
.format .teaser-block .teaser.hidden {
  display: none !important;
}
.format .teaser-block .teaser-text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.format .teaser-block .teaser-text .dachzeile {
  text-transform: uppercase;
  font-weight: 400;
  margin: 0;
  font-size: 0.9rem !important;
}
.format .teaser-block .teaser-text h3 {
  font-size: 1.3rem !important;
  line-height: 1.5rem;
  margin: 0;
}
.format .teaser-block .teaser-text .subline {
  font-weight: 300;
  margin: 0;
  font-size: 1rem !important;
}
.format .teaser-block .teaser:hover {
  opacity: 0.7;
}
.format .teaser-block .teaser a {
  text-decoration: none;
}
.format .teaser-block .teaser-img {
  width: 100%;
}
.format .teaser-block .teaser-header {
  width: 100%;
}
.format .teaser-block .teaser-header .intro {
  font-size: 1.2rem !important;
  width: 50%;
  margin: 1rem 0;
}
.format .teaser-block .teaser-one .teaser-img {
  max-height: 400px;
  object-fit: cover;
  width: 100%;
  object-position: 0 -40px;
}
.format .teaser-block-society .teaser-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  transition: 0.3s ease-in-out;
}
.format .society-hidden-initial {
  display: none !important;
}
.format .load-more-button {
  display: flex;
  padding: 0.5rem 1rem;
  align-items: center;
  font-size: 1rem !important;
  gap: 1rem;
  background-color: #dedede;
  color: #000 !important;
  border-radius: 2px;
  font-family: var(--font-sans-serif);
  border: none;
  align-items: center;
  transition: 0.3s ease-in-out;
}
.format .load-more-button:hover {
  background-color: rgba(222, 222, 222, 0.4941176471);
}
.format #society-load-more {
  margin: 1.5rem auto 0;
  cursor: pointer;
}
.format #society-load-more[disabled] {
  opacity: 0.4;
  cursor: default;
}
.format .innovation-slider,
.format .data-slider {
  position: relative;
  display: flex;
  align-items: stretch;
  width: calc(var(--width) + 64px + 1rem);
  justify-self: center;
}
.format {
  /* Wenn neuer Artikel zu KI und Daten hinzugefügt wird nachfolgende Klasse löschen */
}
.format .data-slider .slider-arrow {
  cursor: unset;
}
.format .data-slider .slider-arrow svg path {
  stroke: transparent !important;
}
.format .innovation-slider-viewport,
.format .data-slider-viewport {
  overflow: hidden;
  flex: 1;
}
.format .innovation-slider-track,
.format .data-slider-track {
  display: flex;
  transition: transform 0.3s ease;
}
.format .innovation-slider-track .teaser,
.format .data-slider-track .teaser {
  flex: 0 0 33.3333333333%;
  box-sizing: border-box;
  padding: 0.5rem;
}
.format .slider-arrow {
  background: #fff;
  cursor: pointer;
  border: none;
  width: 32px;
  height: 32px;
  font-size: 1.4rem !important;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10%;
}
.format .slider-arrow[disabled] {
  opacity: 0.3;
  cursor: default;
}
.format .innovation-slider-track .teaser-link,
.format .data-slider-track .teaser-link {
  display: block;
}
.format .teaser-block-innovation .teaser-list,
.format .teaser-block-data .teaser-list,
.format .teaser-block-society .teaser-list {
  margin-top: 1rem;
}
.format .data-top {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 1rem 0;
}
.format .tk-infobox {
  display: flex;
  flex-direction: column;
  gap: var(--spacer-xl);
  align-items: center;
  max-width: var(--width-sm);
}
.format .tk-infobox .content-box {
  border: 1px solid #dedede;
  border-radius: 2px;
  padding: 1.6rem;
}
.format .tk-infobox .content-box h4 {
  font-family: var(--font-sans-serif);
  font-weight: 400;
  font-size: 2rem !important;
  margin: 0 0 24px 0;
}
.format .tk-infobox .content-box p {
  font-family: var(--font-serif);
  font-size: 1rem !important;
  margin: 0;
}
.format .tk-footer {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacer-xxl);
}
.format .tk-footer .social-container {
  display: flex;
  width: 100%;
  gap: var(--spacer-xxl);
  align-items: center;
  justify-content: center;
}
.format .tk-footer .social-container svg {
  transform: scale(1.3);
}
.format .tk-footer .footer-copyright {
  text-align: center;
  font-family: var(--font-sans-serif);
  margin-bottom: var(--spacer-xxl);
}