@charset "UTF-8";
/*
@mixin font-headline-regular {
    font-family:                adelle,serif;
    font-weight:                400;
    font-style:                 normal;
}
*/
/*
@mixin font-main-light {
    font-family:                adelle-sans,sans-serif;
    font-weight:                300;
    font-style:                 normal;
}

@mixin font-main-thin {
	font-family:				adelle-sans, sans-serif;
	font-weight:				100;
	font-style:					normal;
}
*/
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.closeproject {
  position: fixed;
  z-index: 1000;
  display: block;
  width: 36px;
  height: 36px;
  top: 12vw;
  top: clamp(grid-size(5), 12vw, grid-size(10));
  margin-top: 12px;
  right: 6vw;
  right: clamp(grid-size(2), 6vw, grid-size(6));
  /*
  border:                 1px solid $text;
  @include                radiusAll(100%);
  */
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.closeproject svg {
  width: 100%;
  height: auto;
}
.closeproject line {
  stroke-width: 2;
  stroke-linecap: square;
  stroke-miterlimit: 10;
}
.closeproject line, .closeproject circle, .closeproject path {
  stroke: var(--icon);
}
.closeproject circle {
  fill: none;
}
.closeproject.toggle {
  pointer-events: auto;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}

article {
  margin: 8vw 0 24vw;
  margin: clamp(grid-size(5), 12vw, grid-size(10)) 0 clamp(grid-size(10), 24vw, grid-size(20));
}
article p, article li, article p.author {
  font-size: calc(1.1rem / 1.75)1vw;
  font-size: min(max(calc(1.1rem / 1.75), calc(1.1rem / 1.75) + 1vw), 1.1rem);
  font-size: calc(clamp(calc(1.1rem / 1.75), calc(1.1rem / 1.75) + 1vw, 1.1rem));
  line-height: calc((1em * 1.6))1vw;
  line-height: min(max(calc((1em * 1.6)), calc((1em * 1.6)) + 1vw), (1em * 1.6));
  line-height: calc(clamp(calc((1em * 1.6)), calc((1em * 1.6)) + 1vw, (1em * 1.6)));
}

footer {
  margin: clamp(grid-size(5), 12vw, grid-size(10)) 0 clamp(grid-size(3), 5vw, grid-size(6));
}
.intro {
  margin-bottom: clamp(grid-size(1), 3vw, grid-size(3));
}

#desc {
  padding-top: min(max(48px, 6vw), 96px);
  padding-top: clamp(grid-size(4), 6vw, grid-size(8));
}

.intro + #desc {
  padding-top: 0;
  margin-bottom: min(max(48px, 6vw), 96px);
  margin-bottom: clamp(grid-size(4), 6vw, grid-size(8));
}

.content {
  padding-top: min(max(48px, 8vw), 144px);
  padding-top: clamp(grid-size(4), 8vw, grid-size(12));
}
.content--fullwidth {
  margin-top: clamp(grid-size(4), 8vw, grid-size(12));
  padding: clamp(grid-size(4), 8vw, grid-size(12)) 0 clamp(grid-size(4), 8vw, grid-size(12));
}
.content--nomargin {
  padding-top: 0;
}
.content.main {
  margin-top: clamp(grid-size(6), 6vw, grid-size(15));
}

.background {
  position: relative;
  max-width: calc(100% - 10vw);
  margin: 0px auto 0;
  padding: min(max(24px, 6vw), 120px) 0;
  padding: clamp(grid-size(2), 6vw, grid-size(10)) 0;
  background-color: var(--image-bg);
  overflow: hidden;
}
@media (max-width: calc(1140px + 360px)) {
  .background {
    max-width: 100%;
  }
}
.background--transparent {
  background-color: transparent;
}
.background + .outer {
  margin-top: min(max(48px, 3vw), 36px);
  margin-top: clamp(grid-size(1), 3vw, grid-size(3));
  border-top: 1px solid transparent;
}

.outer {
  position: relative;
  max-width: calc(1140px + 72px);
  margin: 0 auto;
}
.outer + .image, .outer + .background {
  margin-top: min(max(48px, 3vw), 36px);
  margin-top: clamp(grid-size(1), 3vw, grid-size(3));
}

.inner {
  position: relative;
  margin: 0 min(max(24px, 6vw), 72px);
  margin: 0 clamp(grid-size(2), 6vw, grid-size(6));
}

header {
  position: absolute;
  top: 14px;
  right: calc(100% + 3vw);
  right: calc(100% + clamp(36px, 3vw, 60px));
}
@media (max-width: calc(1140px + 288px)) {
  header {
    position: static;
    margin-bottom: clamp(grid-size(2), 3vw, grid-size(4));
  }
}
header a {
  display: block;
  width: 60px;
  height: 60px;
}
@media (max-width: 1000px) {
  header a {
    margin: 0 auto;
  }
}
header svg {
  display: block;
  width: 100%;
  height: auto;
}
header svg path {
  fill: var(--icon);
}

.mode_switch {
  display: none;
}

h1 {
  margin: 12px 0 12px 0;
  font-size: calc(4.8rem / 1.75)1vw;
  font-size: min(max(calc(4.8rem / 1.75), calc(4.8rem / 1.75) + 1vw), 4.8rem);
  font-size: calc(clamp(calc(4.8rem / 1.75), calc(4.8rem / 1.75) + 1vw, 4.8rem));
  line-height: calc((1em * 1.4))1vw;
  line-height: min(max(calc((1em * 1.4)), calc((1em * 1.4)) + 1vw), (1em * 1.4));
  line-height: calc(clamp(calc((1em * 1.4)), calc((1em * 1.4)) + 1vw, (1em * 1.4)));
  font-family: adelle, serif;
  font-weight: 700;
  font-style: normal;
}
@media (max-width: 1000px) {
  h1 {
    text-align: center;
  }
}
h1 + p {
  margin-bottom: 48px;
  font-family: adelle-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #6f6f6f;
  font-size: calc(1.75rem / 1.75)1vw;
  font-size: min(max(calc(1.75rem / 1.75), calc(1.75rem / 1.75) + 1vw), 1.75rem);
  font-size: calc(clamp(calc(1.75rem / 1.75), calc(1.75rem / 1.75) + 1vw, 1.75rem));
  line-height: calc((1em * 1.4))1vw;
  line-height: min(max(calc((1em * 1.4)), calc((1em * 1.4)) + 1vw), (1em * 1.4));
  line-height: calc(clamp(calc((1em * 1.4)), calc((1em * 1.4)) + 1vw, (1em * 1.4)));
}
@media (max-width: 1000px) {
  h1 + p {
    text-align: center;
  }
}

h2 {
  font-size: calc(3.6rem / 1.75)1vw;
  font-size: min(max(calc(3.6rem / 1.75), calc(3.6rem / 1.75) + 1vw), 3.6rem);
  font-size: calc(clamp(calc(3.6rem / 1.75), calc(3.6rem / 1.75) + 1vw, 3.6rem));
  line-height: calc((1em * 1.2))1vw;
  line-height: min(max(calc((1em * 1.2)), calc((1em * 1.2)) + 1vw), (1em * 1.2));
  line-height: calc(clamp(calc((1em * 1.2)), calc((1em * 1.2)) + 1vw, (1em * 1.2)));
}
h2 span {
  display: block;
  font-family: adelle-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9rem;
  text-transform: uppercase;
  line-height: 1.4em;
  letter-spacing: 0.01em;
  opacity: 0.4;
}
h2 span:empty {
  display: none;
}

h3 {
  font-size: calc(2.4rem / 1.75)1vw;
  font-size: min(max(calc(2.4rem / 1.75), calc(2.4rem / 1.75) + 1vw), 2.4rem);
  font-size: calc(clamp(calc(2.4rem / 1.75), calc(2.4rem / 1.75) + 1vw, 2.4rem));
  line-height: calc((1em * 1.4))1vw;
  line-height: min(max(calc((1em * 1.4)), calc((1em * 1.4)) + 1vw), (1em * 1.4));
  line-height: calc(clamp(calc((1em * 1.4)), calc((1em * 1.4)) + 1vw, (1em * 1.4)));
  margin: 36px 0 24px;
}

h4 {
  font-family: adelle, serif;
  font-weight: 600;
  font-style: normal;
  font-size: calc(1.8rem / 1.75)1vw;
  font-size: min(max(calc(1.8rem / 1.75), calc(1.8rem / 1.75) + 1vw), 1.8rem);
  font-size: calc(clamp(calc(1.8rem / 1.75), calc(1.8rem / 1.75) + 1vw, 1.8rem));
  line-height: calc((1em * 1.4))1vw;
  line-height: min(max(calc((1em * 1.4)), calc((1em * 1.4)) + 1vw), (1em * 1.4));
  line-height: calc(clamp(calc((1em * 1.4)), calc((1em * 1.4)) + 1vw, (1em * 1.4)));
  margin: 0 0 24px;
}

img {
  display: block;
}

.factlist h3 {
  margin: 0 0 6px 0;
  font-size: 1rem;
  font-family: adelle, serif;
  font-weight: 700;
  font-style: normal;
}
.factlist ul {
  margin: 0 0 24px 0;
  padding: 0 0 0 0;
  list-style: none;
}
.factlist li {
  list-style-type: none;
  margin-bottom: 0;
}

.content-cols {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.content-cols > * {
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.content-cols__maxwidth > * {
  -webkit-box-flex: 0 1 612px;
  -moz-box-flex: 0 1 612px;
  -webkit-flex: 0 1 612px;
  -ms-flex: 0 1 612px;
  flex: 0 1 612px;
}
@media (max-width: 600px) {
  .content-cols__2cols {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .content-cols__2cols .image {
    margin-bottom: 24px;
  }
}
.content-cols__2cols > * {
  -webkit-box-flex: 0 1 46%;
  -moz-box-flex: 0 1 46%;
  -webkit-flex: 0 1 46%;
  -ms-flex: 0 1 46%;
  flex: 0 1 46%;
}
@media (max-width: 600px) {
  .content-cols__2cols > * {
    -webkit-box-flex: 0 0 100% !important;
    -moz-box-flex: 0 0 100% !important;
    -webkit-flex: 0 0 100% !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
  }
}
.content-cols__2cols--smallimage .text {
  -webkit-box-flex: 0 0 70%;
  -moz-box-flex: 0 0 70%;
  -webkit-flex: 0 0 70%;
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
}
.content-cols__2cols--smallimage .image {
  -webkit-box-flex: 0 0 25%;
  -moz-box-flex: 0 0 25%;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
}
.content-cols__2cols--bigimage .text {
  -webkit-box-flex: 0 0 35%;
  -moz-box-flex: 0 0 35%;
  -webkit-flex: 0 0 35%;
  -ms-flex: 0 0 35%;
  flex: 0 0 35%;
}
.content-cols__2cols--bigimage .image {
  -webkit-box-flex: 0 0 60%;
  -moz-box-flex: 0 0 60%;
  -webkit-flex: 0 0 60%;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
}
@media (max-width: 1000px) {
  .content-cols__3cols {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.content-cols__3cols > * {
  -webkit-box-flex: 0 1 30%;
  -moz-box-flex: 0 1 30%;
  -webkit-flex: 0 1 30%;
  -ms-flex: 0 1 30%;
  flex: 0 1 30%;
}
@media (max-width: 1000px) {
  .content-cols__3cols > * {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
.content-cols__overflowimage {
  -webkit-align-items: center;
  align-items: center;
}
@media (max-width: 600px) {
  .content-cols__overflowimage {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.content-cols__overflowimage .text {
  -webkit-box-flex: 0 0 38%;
  -moz-box-flex: 0 0 38%;
  -webkit-flex: 0 0 38%;
  -ms-flex: 0 0 38%;
  flex: 0 0 38%;
  margin-right: 48px;
}
@media (max-width: 600px) {
  .content-cols__overflowimage .text {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
.content-cols__overflowimage .image {
  -webkit-box-flex: 0 0 55%;
  -moz-box-flex: 0 0 55%;
  -webkit-flex: 0 0 55%;
  -ms-flex: 0 0 55%;
  flex: 0 0 55%;
}
@media (max-width: 600px) {
  .content-cols__overflowimage .image {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
.content-cols__overflowimage .imagewrapper {
  width: 60vw;
  position: relative;
}
@media (max-width: 600px) {
  .content-cols__overflowimage .imagewrapper {
    width: 100%;
  }
}
.content-cols__overflowimage--image-left .image {
  -webkit-box-ordinal-group: 0;
  -moz-box-ordinal-group: 0;
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0;
}
.content-cols__overflowimage--image-left .text {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  margin-right: 0;
  margin-left: 48px;
}
.content-cols--center {
  -webkit-align-items: center;
  align-items: center;
}
.content-cols:not(:last-child) {
  margin-bottom: 48px;
}

.image {
  position: relative;
  /*
  &--autoscroll {
      .scrollwrapper {
          max-height:     grid-size(46);
          overflow-y:     hidden;
          @media (max-width: $small) {
              max-height: 70vh;
          }
      }
      img {
          transform:      translate(0,0);
          animation:      slide ease-in-out infinite 60s alternate;
      }
      .scrollwrapper:hover {
          //overflow-y:     auto;
          img {
              animation-play-state: paused;
          }
      }
  }
  */
}
.image__fullwidth {
  max-width: calc(100% - 10vw);
  margin: 0px auto 0;
  padding: min(max(24px, 6vw), 60px);
  padding: clamp(grid-size(2), 6vw, grid-size(6)) clamp(grid-size(2), 6vw, grid-size(5));
  background-color: var(--image-bg);
}
@media (max-width: calc(1140px + 360px)) {
  .image__fullwidth {
    max-width: 100%;
  }
}
.image__fullwidth--allianz-background {
  background-color: #003781;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}
.image__fullwidth--qoactive-background {
  background-color: #2B3337;
  background-image: url(../assets/qoactive/_main_qoactive-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}
.image__fullwidth--qoactive-background .figurewrapper {
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.5) !important;
  -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.5) !important;
}
.image__fullwidth--citajo-background {
  background-image: url(../assets/citajo/_main_citajo-bg.jpg);
  background-repeat: no-repeat;
  background-position: center top 30%;
  background-size: cover;
  background-attachment: fixed;
}
.image__fullwidth--citajo-background .figurewrapper {
  -webkit-box-shadow: 0px 0px 12px 0px rgba(44, 51, 47, 0.5) !important;
  -moz-box-shadow: 0px 0px 12px 0px rgba(44, 51, 47, 0.5) !important;
  box-shadow: 0px 0px 12px 0px rgba(44, 51, 47, 0.5) !important;
}
.image__fullwidth--citajo-background figure {
  -webkit-backdrop-filter: brightness(110%) grayscale(1);
  backdrop-filter: brightness(110%) grayscale(1);
}
.image__fullwidth--citajo-references-background {
  background-color: #f13b1d;
}
.image__fullwidth--citajo-references-background figcaption {
  color: #ffffff;
}
.image__fullwidth--bueroboss-responsive-background {
  background-color: #DEE3E8;
}
.dark .image__fullwidth--bueroboss-responsive-background {
  background-color: #242424;
}

.image__fullwidth--bueroboss-background {
  background-color: #ff0000;
  background-image: url(../assets/bueroboss/_main_bueroboss-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.image__fullwidth--bueroboss-background .figurewrapper {
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.5) !important;
  -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.5) !important;
}
.image__fullwidth--qoactive-initial-background {
  background-image: repeating-linear-gradient(-45deg, transparent 0 20px, #e7eaee 20px 40px);
}
.image__fullwidth--add-vertical-padding {
  padding: clamp(grid-size(4), 10vw, grid-size(10)) clamp(grid-size(2), 6vw, grid-size(6));
}
.image__appframe .figurewrapper {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 12px 0px var(--shadow);
  -moz-box-shadow: 0px 0px 12px 0px var(--shadow);
  box-shadow: 0px 0px 12px 0px var(--shadow);
}
.image__appframe .figurewrapper:before {
  display: block;
  content: "";
  height: min(max(12px, 2vw), 30px);
  height: clamp(grid-size(1), 2vw, grid-size(2.5));
  background-color: #F7F7F7;
  background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.2) 50%, transparent 50%), radial-gradient(circle at center, rgba(0, 0, 0, 0.2) 50%, transparent 50%), radial-gradient(circle at center, rgba(0, 0, 0, 0.2) 50%, transparent 50%);
  background-position: calc(1.2%) center, calc(1.2% + 0.7vw) center, calc(1.2% + (2*0.7vw)) center;
  background-size: 0.6vw 0.6vw;
  background-repeat: no-repeat;
}
.image--cover-image {
  max-height: 80vh;
}
.image--cover-image .row-wrapper {
  max-width: 100%;
  max-height: 80vh;
  overflow: hidden;
}
.image--cover-image img {
  object-fit: cover;
  object-position: 50% 50%;
}
.image--no-padding {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.image--auto-height {
  max-height: none !important;
}
.image--auto-height .row-wrapper {
  max-height: none !important;
}
.image--darkmode {
  background-color: #1C2124;
}
.image--darkmode figcaption {
  color: #ffffff;
  opacity: 0.5;
}
.image--no-mode {
  background-color: #F2F4F6 !important;
}
.image--no-mode figcaption {
  color: #4a5b6c;
}
.dark .image--adjust-svg-mode text {
  fill: var(--text);
}
.dark .image--adjust-svg-mode #lines line {
  stroke: var(--text);
}

.image--background .figurewrapper {
  background-color: #F2F4F6;
}
.image--transparent {
  background-color: transparent !important;
}
.image--white .figurewrapper {
  background-color: #ffffff;
}
.image--black {
  background-color: #000000 !important;
}
.image--bottom-margin {
  margin-bottom: 48px;
}
.image--small figure {
  max-width: 360px;
  margin: 0 auto;
}
.image--maxwidth-text figure {
  max-width: 612px;
}
.image--shadow .row-wrapper {
  overflow: visible !important;
}
.image--shadow .figurewrapper {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 12px 0px var(--shadow);
  -moz-box-shadow: 0px 0px 12px 0px var(--shadow);
  box-shadow: 0px 0px 12px 0px var(--shadow);
  overflow: hidden;
}
.image--drop-shadow picture {
  filter: drop-shadow(0px 0px 6px var(--shadow));
}
.image--multiply img {
  mix-blend-mode: multiply;
}
.dark .image--multiply img {
  mix-blend-mode: initial;
}

.image--frame .figurewrapper {
  padding: min(max(24px, 3vw), 48px);
  padding: clamp(grid-size(2), 3vw, grid-size(4));
  background: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.image--scroll .scrollwrapper {
  max-height: 552px;
  overflow-y: auto;
}
@media (max-width: 600px) {
  .image--scroll .scrollwrapper {
    max-height: 70vh;
  }
}
.image--scanlines .figurewrapper img {
  display: inline;
}
.image--scanlines .figurewrapper:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: repeating-linear-gradient(transparent, transparent 2px, black 3px, black 3px);
  background-size: auto 100%;
  background-position: center center;
  opacity: 1;
}
.image--scanlines .figurewrapper:before {
  content: "";
  position: absolute;
  top: 36px;
  right: 36px;
  width: 12px;
  height: 12px;
  background-color: #ff0000;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  z-index: 10;
  animation: blink ease-in-out infinite 1s alternate;
}
.image img {
  width: 100%;
}
.image ul {
  padding: 0 0 0 0;
  list-style: none;
}
.image li {
  margin: 0 0 0 0;
}
.image + .outer {
  margin-top: min(max(48px, 8vw), 144px);
  margin-top: clamp(grid-size(4), 8vw, grid-size(12));
  border-top: 1px solid transparent;
}
.image + .outer--smallmargin {
  margin-top: min(max(48px, 3vw), 36px);
  margin-top: clamp(grid-size(1), 3vw, grid-size(3));
  border-top: 1px solid transparent;
}

.shadow {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 12px 0px var(--shadow);
  -moz-box-shadow: 0px 0px 12px 0px var(--shadow);
  box-shadow: 0px 0px 12px 0px var(--shadow);
  overflow: hidden;
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slide {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, calc(-100% + 552px));
  }
  100% {
    transform: translate(0, 0);
  }
}
@media (max-width: 600px) {
  @keyframes slide {
    0% {
      transform: translate(0, 0);
    }
    50% {
      transform: translate(0, calc(-100% + 70vh));
    }
    100% {
      transform: translate(0, 0);
    }
  }
}
.image-frame {
  margin-bottom: 24px;
  background: var(--image-bg);
}
.image-frame figure {
  position: relative;
  display: flow-root;
  /*
  > * {
  	position: 							absolute;
  	top: 								0;
  	left: 								0;
  	right: 								0;
  	bottom: 							0;
  }
  */
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-frame figure:before {
  float: left;
  content: "";
  padding-bottom: 56.25%;
}
.image-frame img, .image-frame svg {
  max-width: 32%;
}
.dark .image-frame.lighten svg circle {
  stroke: #ffffff;
}
.dark .image-frame.lighten svg path {
  fill: #ffffff;
}

.medium-zoom-image--opened {
  -webkit-box-shadow: 0px 0px 12px 0px var(--shadow);
  -moz-box-shadow: 0px 0px 12px 0px var(--shadow);
  box-shadow: 0px 0px 12px 0px var(--shadow);
  z-index: 10;
  background-color: #F2F4F6;
}

.medium-zoom-overlay {
  background-color: var(--body) !important;
}

.medium-zoom--opened .closeproject {
  display: none;
}

.text--maxwidth {
  -webkit-box-flex: 0 1 612px;
  -moz-box-flex: 0 1 612px;
  -webkit-flex: 0 1 612px;
  -ms-flex: 0 1 612px;
  flex: 0 1 612px;
}

.kpi-list {
  list-style: none;
}
.kpi-list li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.kpi-list .kpi-list__value {
  -webkit-box-ordinal-group: -1;
  -moz-box-ordinal-group: -1;
  -ms-flex-order: -1;
  -webkit-order: -1;
  order: -1;
  background-color: var(--image-bg);
  width: 48px;
  height: 48px;
  line-height: 45.6px;
  margin-right: 12px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  text-align: center;
  font-family: adelle-sans, sans-serif;
  font-weight: 700;
  font-style: normal;
}

/*
.kpi-list {
    @include                flex;
    @include                justify(center);
    @include                flexwrap(wrap);
    li {
        @include            flexset(0, 0, 24rem);
        @include            flex;
        @include            flexdirection(column);
        @include            justify(space-between);
        margin:             grid-size(2);
        padding:            grid-size(3) grid-size(2) grid-size(4);
        text-align:         center;
        //border:           1px solid $lightgrey;
        //@include          radiusAll(3px);
        //@include            shadow(0px, 0px, grid-size(1), 0px, darken($image-bg, 25%), 0.5);
        -webkit-box-shadow:	0px 0px grid-size(1) 0px var(--shadow);
  	    -moz-box-shadow:	0px 0px grid-size(1) 0px var(--shadow);
	    box-shadow:			0px 0px grid-size(1) 0px var(--shadow);
        //border:             3px solid var(--text);
        background-color:   var(--body);
    }
    .kpi-list__title {
        display:            block;
        @include            responsive-text(1.0rem);
        @include            font-main-bold;
        color:              var(--text);
        margin-bottom:      grid-size(1);
    }
    .kpi-list__value {
        //@include            alignself(flex-end);
        display:            block;
        @include            responsive-text(9.0rem, 0.8);
        @include            font-headline-semibold;
        color:              var(--text);
    }
}
*/
.row-wrapper {
  position: relative;
  max-width: calc(1140px - 72px);
  margin: 0px auto;
}
.row-wrapper--duo {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media (max-width: 600px) {
  .row-wrapper--duo {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.row-wrapper--duo > * {
  -webkit-box-flex: 0 0 46%;
  -moz-box-flex: 0 0 46%;
  -webkit-flex: 0 0 46%;
  -ms-flex: 0 0 46%;
  flex: 0 0 46%;
}
@media (max-width: 600px) {
  .row-wrapper--duo > * {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .row-wrapper--duo > *:not(:last-child) {
    margin-bottom: 36px;
  }
}
.row-wrapper--triple {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media (max-width: 600px) {
  .row-wrapper--triple {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.row-wrapper--triple > * {
  -webkit-box-flex: 0 0 31%;
  -moz-box-flex: 0 0 31%;
  -webkit-flex: 0 0 31%;
  -ms-flex: 0 0 31%;
  flex: 0 0 31%;
}
@media (max-width: 600px) {
  .row-wrapper--triple > * {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .row-wrapper--triple > *:not(:last-child) {
    margin-bottom: 36px;
  }
}
.row-wrapper--grid {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
@media (max-width: 600px) {
  .row-wrapper--grid {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.row-wrapper--grid > * {
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin: 12px 24px !important;
}
@media (max-width: 600px) {
  .row-wrapper--grid > * {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .row-wrapper--grid > * > * {
    max-width: 144px;
    margin: 0 auto;
  }
  .row-wrapper--grid > *:not(:last-child) {
    margin-bottom: 36px;
  }
}
.row-wrapper:not(:last-child) {
  margin-bottom: 48px;
}

figure {
  position: relative;
  margin: 0 0 0 0;
}
figure img {
  width: 100%;
}

.figure__step {
  position: absolute;
  top: -18px;
  left: 90px;
  margin-left: -18px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  display: block;
  color: #ffffff;
  background-color: #04B353;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  font-family: adelle-sans, sans-serif;
  font-weight: 700;
  font-style: normal;
  -webkit-box-shadow: 0px 0px 12px 0px var(--shadow);
  -moz-box-shadow: 0px 0px 12px 0px var(--shadow);
  box-shadow: 0px 0px 12px 0px var(--shadow);
}

figcaption, .figcaption {
  max-width: 612px;
  margin-top: 24px;
  font-size: 0.9rem;
  line-height: 1.4em;
  color: var(--figcaption);
}
figcaption p, .figcaption p {
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 12px;
}
figcaption:empty, .figcaption:empty {
  display: none;
}
figcaption.center, .figcaption.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.cols {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media (max-width: 600px) {
  .cols {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.cols > *:first-child {
  margin-right: min(max(36px, 3vw), 60px);
  margin-right: clamp(grid-size(3), 3vw, grid-size(5));
}
.cols:not(:first-child) {
  margin-top: 24px;
}

.col6 {
  -webkit-box-flex: 0 0 216px;
  -moz-box-flex: 0 0 216px;
  -webkit-flex: 0 0 216px;
  -ms-flex: 0 0 216px;
  flex: 0 0 216px;
}
@media (max-width: 600px) {
  .col6 {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-ordinal-group: 10;
    -moz-box-ordinal-group: 10;
    -ms-flex-order: 10;
    -webkit-order: 10;
    order: 10;
    margin-top: clamp(grid-size(3), 3vw, grid-size(5));
  }
}

.col18 {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  column-gap: min(max(36px, 3vw), 60px);
  -webkit-column-gap: clamp(grid-size(3), 3vw, grid-size(5));
  -moz-column-gap: clamp(grid-size(3), 3vw, grid-size(5));
  column-gap: clamp(grid-size(3), 3vw, grid-size(5));
}
.col18 .fullwidth {
  -webkit-column-span: all;
  column-span: all;
  margin-top: min(max(12px, 3vw), 60px);
  margin-top: clamp(grid-size(1), 3vw, grid-size(5));
}

.button {
  display: inline-block;
  height: 36px;
  padding: 6px 24px 0px;
  border: 2px solid var(--text);
  text-decoration: none;
  text-align: center;
  font-family: adelle-sans, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.button:hover {
  border-color: #04B353;
  color: #04B353;
}

blockquote {
  margin: 36px 24px 36px 24px;
  quotes: "“" "”";
}
blockquote p, blockquote li {
  font-family: adelle, serif;
  font-weight: 300;
  font-style: italic;
  font-size: calc(1.8rem / 1.75)1vw;
  font-size: min(max(calc(1.8rem / 1.75), calc(1.8rem / 1.75) + 1vw), 1.8rem);
  font-size: calc(clamp(calc(1.8rem / 1.75), calc(1.8rem / 1.75) + 1vw, 1.8rem));
  line-height: calc((1em * 1.4))1vw;
  line-height: min(max(calc((1em * 1.4)), calc((1em * 1.4)) + 1vw), (1em * 1.4));
  line-height: calc(clamp(calc((1em * 1.4)), calc((1em * 1.4)) + 1vw, (1em * 1.4)));
}
blockquote > *:first-child:before {
  content: open-quote;
}
blockquote p:not(.author):last-child:after, blockquote li:last-child:after {
  content: close-quote;
}
blockquote p:not(.author):only-of-type:before, blockquote li:only-of-type:before {
  content: open-quote;
}
blockquote p:not(.author):only-of-type:after, blockquote li:only-of-type:after {
  content: close-quote;
}
blockquote .author {
  font-family: adelle-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #6f6f6f;
}
blockquote.noquotes > *:first-child:before {
  content: "";
}
blockquote.noquotes p:last-child:after, blockquote.noquotes li:last-child:after {
  content: "";
}

#animation-layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
#animation-layer .itemGroup {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  height: 108px;
  text-align: center;
  transform: translateX(-50%);
}
#animation-layer .itemGroup__one {
  left: 5.8%;
  bottom: 28%;
}
#animation-layer .itemGroup__one .item {
  animation-duration: 400ms;
}
#animation-layer .itemGroup__one li:before {
  content: "1,1";
}
#animation-layer .itemGroup__two {
  left: 11%;
  bottom: 15%;
}
#animation-layer .itemGroup__two .item li {
  font-size: calc(1.5rem / 1.75)1vw;
  font-size: min(max(calc(1.5rem / 1.75), calc(1.5rem / 1.75) + 1vw), 1.5rem);
  font-size: calc(clamp(calc(1.5rem / 1.75), calc(1.5rem / 1.75) + 1vw, 1.5rem));
  line-height: calc((1em * 1.4))1vw;
  line-height: min(max(calc((1em * 1.4)), calc((1em * 1.4)) + 1vw), (1em * 1.4));
  line-height: calc(clamp(calc((1em * 1.4)), calc((1em * 1.4)) + 1vw, (1em * 1.4)));
}
#animation-layer .itemGroup__two .item li:before {
  content: "0,0";
}
#animation-layer .itemGroup__three {
  left: 22.5%;
  bottom: 82%;
}
#animation-layer .itemGroup__three .item {
  animation-duration: 3000ms;
}
#animation-layer .itemGroup__three .item li {
  font-size: calc(1.2rem / 1.75)1vw;
  font-size: min(max(calc(1.2rem / 1.75), calc(1.2rem / 1.75) + 1vw), 1.2rem);
  font-size: calc(clamp(calc(1.2rem / 1.75), calc(1.2rem / 1.75) + 1vw, 1.2rem));
  line-height: calc((1em * 1.4))1vw;
  line-height: min(max(calc((1em * 1.4)), calc((1em * 1.4)) + 1vw), (1em * 1.4));
  line-height: calc(clamp(calc((1em * 1.4)), calc((1em * 1.4)) + 1vw, (1em * 1.4)));
}
#animation-layer .itemGroup__three li:after {
  content: ",002";
}
#animation-layer .itemGroup__four {
  left: 27%;
  bottom: 26%;
}
#animation-layer .itemGroup__four .item {
  animation-duration: 900ms;
}
#animation-layer .itemGroup__four .item li {
  font-size: calc(1.2rem / 1.75)1vw;
  font-size: min(max(calc(1.2rem / 1.75), calc(1.2rem / 1.75) + 1vw), 1.2rem);
  font-size: calc(clamp(calc(1.2rem / 1.75), calc(1.2rem / 1.75) + 1vw, 1.2rem));
  line-height: calc((1em * 1.4))1vw;
  line-height: min(max(calc((1em * 1.4)), calc((1em * 1.4)) + 1vw), (1em * 1.4));
  line-height: calc(clamp(calc((1em * 1.4)), calc((1em * 1.4)) + 1vw, (1em * 1.4)));
}
#animation-layer .itemGroup__five {
  height: 108px;
  left: 46.5%;
  bottom: 20%;
}
#animation-layer .itemGroup__five .item {
  animation-duration: 400ms;
}
#animation-layer .itemGroup__five .item li {
  font-size: calc(1.8rem / 1.75)1vw;
  font-size: min(max(calc(1.8rem / 1.75), calc(1.8rem / 1.75) + 1vw), 1.8rem);
  font-size: calc(clamp(calc(1.8rem / 1.75), calc(1.8rem / 1.75) + 1vw, 1.8rem));
  line-height: calc((1em * 1.4))1vw;
  line-height: min(max(calc((1em * 1.4)), calc((1em * 1.4)) + 1vw), (1em * 1.4));
  line-height: calc(clamp(calc((1em * 1.4)), calc((1em * 1.4)) + 1vw, (1em * 1.4)));
}
#animation-layer .itemGroup__five li:before {
  content: "3,";
}
#animation-layer .itemGroup__five li:after {
  content: "0";
}
#animation-layer .itemGroup__six {
  left: 65.7%;
  bottom: 65%;
}
#animation-layer .itemGroup__six .item li {
  font-size: calc(1.4rem / 1.75)1vw;
  font-size: min(max(calc(1.4rem / 1.75), calc(1.4rem / 1.75) + 1vw), 1.4rem);
  font-size: calc(clamp(calc(1.4rem / 1.75), calc(1.4rem / 1.75) + 1vw, 1.4rem));
  line-height: calc((1em * 1.4))1vw;
  line-height: min(max(calc((1em * 1.4)), calc((1em * 1.4)) + 1vw), (1em * 1.4));
  line-height: calc(clamp(calc((1em * 1.4)), calc((1em * 1.4)) + 1vw, (1em * 1.4)));
}
#animation-layer .itemGroup__six .item li:before {
  content: "16,";
}
#animation-layer .itemGroup__six .item li:after {
  content: "00";
}
#animation-layer .itemGroup__seven {
  left: 60.5%;
  bottom: 16%;
}
#animation-layer .itemGroup__seven .item li {
  font-size: calc(1.3rem / 1.75)1vw;
  font-size: min(max(calc(1.3rem / 1.75), calc(1.3rem / 1.75) + 1vw), 1.3rem);
  font-size: calc(clamp(calc(1.3rem / 1.75), calc(1.3rem / 1.75) + 1vw, 1.3rem));
  line-height: calc((1em * 1.4))1vw;
  line-height: min(max(calc((1em * 1.4)), calc((1em * 1.4)) + 1vw), (1em * 1.4));
  line-height: calc(clamp(calc((1em * 1.4)), calc((1em * 1.4)) + 1vw, (1em * 1.4)));
}
#animation-layer .itemGroup__seven .item li:before {
  content: "1,";
}
#animation-layer .itemGroup__seven .item li:after {
  content: "0";
}
#animation-layer .itemGroup__eight {
  left: 77%;
  bottom: 45%;
}
#animation-layer .itemGroup__eight .item li {
  font-size: calc(1.1rem / 1.75)1vw;
  font-size: min(max(calc(1.1rem / 1.75), calc(1.1rem / 1.75) + 1vw), 1.1rem);
  font-size: calc(clamp(calc(1.1rem / 1.75), calc(1.1rem / 1.75) + 1vw, 1.1rem));
  line-height: calc((1em * 1.4))1vw;
  line-height: min(max(calc((1em * 1.4)), calc((1em * 1.4)) + 1vw), (1em * 1.4));
  line-height: calc(clamp(calc((1em * 1.4)), calc((1em * 1.4)) + 1vw, (1em * 1.4)));
}
#animation-layer .itemGroup__eight .item li:before {
  content: "12,";
}
#animation-layer .itemGroup__eight .item li:after {
  content: "0";
}
#animation-layer .itemGroup__nine {
  left: 85.8%;
  bottom: 32.5%;
}
#animation-layer .itemGroup__nine .item li:before {
  content: "0,";
}
#animation-layer .itemGroup__ten {
  left: 97.5%;
  bottom: 16%;
}
#animation-layer .itemGroup__ten .item li {
  font-size: calc(1.1rem / 1.75)1vw;
  font-size: min(max(calc(1.1rem / 1.75), calc(1.1rem / 1.75) + 1vw), 1.1rem);
  font-size: calc(clamp(calc(1.1rem / 1.75), calc(1.1rem / 1.75) + 1vw, 1.1rem));
  line-height: calc((1em * 1.4))1vw;
  line-height: min(max(calc((1em * 1.4)), calc((1em * 1.4)) + 1vw), (1em * 1.4));
  line-height: calc(clamp(calc((1em * 1.4)), calc((1em * 1.4)) + 1vw, (1em * 1.4)));
}
#animation-layer .itemGroup__ten .item li:before {
  content: "1,0";
}
#animation-layer .itemGroup__ten .item li:after {
  content: "0";
}
#animation-layer .item {
  margin-top: 0px;
  user-select: none;
  animation: slide linear infinite;
  animation-duration: 1000ms;
}
#animation-layer .item li {
  list-style: none;
  margin: 0 0 6px 0;
  padding: 0 12px 0 12px;
  height: 30px;
  color: #ffffff;
  font-family: adelle-sans, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: calc(1rem / 1.75)1vw;
  font-size: min(max(calc(1rem / 1.75), calc(1rem / 1.75) + 1vw), 1rem);
  font-size: calc(clamp(calc(1rem / 1.75), calc(1rem / 1.75) + 1vw, 1rem));
  line-height: calc((1em * 1.4))1vw;
  line-height: min(max(calc((1em * 1.4)), calc((1em * 1.4)) + 1vw), (1em * 1.4));
  line-height: calc(clamp(calc((1em * 1.4)), calc((1em * 1.4)) + 1vw, (1em * 1.4)));
  font-weight: bold;
  line-height: 30px;
  text-shadow: 0px 0px 6px rgba(50, 59, 67, 0.5);
}

@keyframes slide {
  0% {
    transform: translate3d(0, 0px, 0);
  }
  50% {
    transform: translate3d(0, -54px, 0);
  }
  100% {
    transform: translate3d(0, -108px, 0);
  }
}
/*
.toc {
    ol {
        margin:                 0 0 0 0;
        padding:                0 0 0 0;
        @include                flex;
        @include                flexwrap(wrap);
        // @include                justify(space-between);
        > * {
            margin-left:        grid-size(3);
            @include            flexset(0, 1, auto);
        }
    }
    a span {
        display:                none;
    }
}
*/