/*helper css for full height slider */
html, body {
  max-width: 100vw;
  overflow-x: clip;
  margin: 0;
  padding: 0; }

#pageWrapper,
#maincontent,
#maincontent > .annualReport {
  overflow: visible !important; }

#maincontent {
  margin-top: 0; }

.annualReport {
  --mg-coral:   #f05a28;
  --mg-pink:    #e8317a;
  --mg-magenta: #c4006a;
  --mg-purple:  #7b2fa0;
  --mg-deep:    #4a0080;
  --mg-grad:   linear-gradient(135deg, #f05a28 0%, #c4006a 45%, #7b2fa0 80%, #4a0080 100%);
  --mg-grad-h: linear-gradient(90deg,  #f05a28 0%, #c4006a 45%, #7b2fa0 100%);
  --light:  #f7f4f1;
  --light2: #efeae6;
  --light3: #fdf9f7;
  --surf:   #ffffff;
  --bord:   rgba(0, 0, 0, 0.08);
  --bord-l: rgba(196, 0, 106, 0.12);
  --ink:     #1a1520;
  --ink2:    #3a3040;
  --muted-l: rgba(26, 21, 32, 0.45);
  --white: #f0ece4;
  --muted: rgba(240, 236, 228, 0.50);
  --gold: #b8965a;
  --ar-header-gradient: linear-gradient(
            to right,
            #f38549   0%,
            #d3405e  22%,
            #c02f80  45%,
            #9a2575  68%,
            #762589 100%
    );
  position: relative; }
  .annualReport::after {
    content: '';
    position: absolute;
    z-index: 123;
    /* left: 20px; */
    right: 0;
    top: 0px;
    border-bottom: 1px dotted #000;
    width: 50px;
    height: 100%;
    background: #000;
    opacity: 0.4; }

.header--gradient {
  background: var(--ar-header-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent; }

.annualReport * {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

#maincontent .frame.frame-type-html {
  overflow: visible !important; }

.annualReport {
  overflow-x: clip; }

.side-nav {
  position: fixed;
  right: 16px;
  /* fallback; overridden by JS on large screens */
  top: calc(50% + 40px);
  transform: translateY(-50%);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0;
  --nav-idle:   rgba(26, 21, 32, 0.45);
  --nav-active: #602965;
  --nav-hover:  #602965;
  --nav-label:  rgba(26, 21, 32, 0.70); }
  .side-nav .nav-item {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    padding: 7px 0;
    cursor: pointer; }
    .side-nav .nav-item.active .nav-number {
      color: var(--nav-active); }
    .side-nav .nav-item:hover {
      color: var(--nav-active); }
      .side-nav .nav-item:hover:after {
        display: none; }
      .side-nav .nav-item:hover .nav-number {
        color: var(--nav-hover); }
      .side-nav .nav-item:hover .nav-label {
        opacity: 1;
        transform: translateX(0); }
  .side-nav .nav-label {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--nav-label);
    white-space: nowrap;
    opacity: 0;
    transform: translateX(5px);
    transition: opacity .18s ease, transform .18s ease;
    pointer-events: none; }
  .side-nav .nav-number {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .04em;
    color: #fff;
    line-height: 1;
    transition: color .22s, font-weight .22s;
    min-width: 26px;
    text-align: right; }
  .side-nav .nav-home {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    padding: 7px 0;
    cursor: pointer;
    margin-bottom: 6px; }
    .side-nav .nav-home .nav-label {
      pointer-events: none; }
    .side-nav .nav-home .nav-home-icon {
      font-size: 34px;
      line-height: 1;
      color: #fff;
      transition: color .22s;
      min-width: 26px;
      text-align: right; }
    .side-nav .nav-home:hover .nav-home-icon {
      color: var(--nav-hover); }
    .side-nav .nav-home:hover .nav-label {
      opacity: 1;
      transform: translateX(0); }

.annualReport .page-section {
  height: 100vh;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 60px 0;
  box-sizing: border-box;
  overflow: hidden; }

.annualReport .section-inner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 60px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px; }
  @media (max-width: 960px) {
    .annualReport .section-inner {
      padding: 0 24px;
      gap: 28px; } }

.annualReport #ar-jahresbericht {
  background: #ffffff;
  color: #1a1a1a;
  gap: 0;
  overflow: hidden; }
  .annualReport #ar-jahresbericht .cover-header {
    text-align: center;
    line-height: 1;
    margin-bottom: 16px; }
  .annualReport #ar-jahresbericht .cover-label {
    display: block;
    font-size: clamp(18px, 2.4vw, 30px);
    font-weight: 700;
    background: var(--mg-grad-h);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: .04em;
    margin-bottom: 2px; }
  .annualReport #ar-jahresbericht .cover-year {
    display: block;
    font-size: clamp(72px, 13vw, 150px);
    font-weight: 700;
    line-height: .88;
    background: linear-gradient(160deg, var(--mg-magenta) 0%, #9c27b0 55%, #6a1b9a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text; }
  .annualReport #ar-jahresbericht .cover-mesh {
    width: 100%;
    max-width: 860px;
    margin: 8px auto 28px;
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1), transform 1.2s cubic-bezier(0.22, 1, 0.36, 1); }
    .annualReport #ar-jahresbericht .cover-mesh.is-visible {
      opacity: 1;
      transform: translateY(0); }
  .annualReport #ar-jahresbericht .cover-headline {
    font-size: clamp(22px, 2.8vw, 38px);
    font-weight: 400;
    color: #1a1a1a;
    text-align: center;
    margin-bottom: 16px; }
  .annualReport #ar-jahresbericht .cover-body {
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.85;
    color: #666;
    max-width: 660px;
    text-align: center; }

.annualReport [data-animate] {
  will-change: transform, opacity; }

@media (max-width: 960px) {
  .annualReport .page-section {
    padding: 80px 0 60px;
    min-height: unset;
    height: auto; }
  .annualReport *, .annualReport *::before, .annualReport *::after {
    animation: none !important;
    transition: none !important;
    will-change: auto !important; }
  .annualReport .cover-mesh {
    opacity: 1;
    transform: none; } }

@media (max-width: 960px) {
  .side-nav,
  .annualReport::after {
    display: none; }
  .ar-int-wrapper {
    display: none; } }

/*custom Styles for differernt cTypes */
.annualReport .hl-scroll-wrapper {
  --hl-card-gap: 60px; }

.page-section.container-twocol h2, .page-section.container-twocol h3, .page-section.container-twocol h4 {
  font-size: clamp(2.35rem, 3.6vw + 0.875rem, 3.75rem);
  margin-bottom: 40px;
  font-weight: 700; }

.page-section.container-twocol .personpanel__header {
  margin-top: 50px;
  margin-bottom: 25px; }

.annualReport .twocol__grid, .twocol__grid {
  gap: 6rem;
  align-items: start; }

/* card section */
.page-section.article-cards {
  background-color: #fff; }
  .page-section.article-cards .inner {
    max-width: 100%; }
  .page-section.article-cards .article-cards__card {
    aspect-ratio: unset;
    height: 100vh;
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding-inline: 40px;
    gap: 30px; }
  .page-section.article-cards .article-cards__card-title {
    font-size: 3.5rem; }
  .page-section.article-cards .article-cards__heading {
    display: none; }
  .page-section.article-cards .article-cards__card-text {
    font-size: 1.25rem; }

/*the footer must have other colors */
.page-subpages {
  background: #f2f2f2 !important; }
  .page-subpages header {
    color: #000 !important; }
  .page-subpages .inner {
    border: 1px dotted #000 !important;
    border-right: none !important;
    border-left: none !important; }
  .page-subpages a {
    color: #243d51 !important; }
    .page-subpages a:after {
      background: #243d51 !important; }

.page-section .button-hollow {
  color: #fff;
  font-size: 1.1rem;
  border-radius: 2rem;
  padding: 0.65rem 1.75rem; }
  .page-section .button-hollow:hover {
    background-color: #8f0047;
    color: #fff;
    text-decoration: none; }

/*# sourceMappingURL=container-fullheight-slider.css.map */