@font-face {
  font-family: standard-font;
  src: url('../fonts/barlow/Regular.woff2') format('woff2'),
       url('../fonts/barlow/Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  /* font-display: optional; */
}

@font-face {
  font-family: standard-font;
  src: url('../fonts/barlow/Bold.woff2') format('woff2'),
       url('../fonts/barlow/Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  /* font-display: optional; */
}

@font-face {
  font-family: standard-font;
  src: url('../fonts/barlow/Italic.woff2') format('woff2'),
       url('../fonts/barlow/Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  /* font-display: optional; */
}

@font-face {
  font-family: special-font;
  src: url('../fonts/barlow/Condensed-Regular.woff2') format('woff2'),
       url('../fonts/barlow/Condensed-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  /* font-display: optional; */
}

@font-face {
  font-family: special-font;
  src: url('../fonts/barlow/Condensed-Bold.woff2') format('woff2'),
       url('../fonts/barlow/Condensed-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  /* font-display: optional; */
}

:root {
  --copy-color: #fff;
/*  --bg-color: #023958;*/
   --bg-color: #151927;
/*  --primary: #fb5c00;*/
  --primary: #f54500;
  --gray: #8a8a8a;
  --dark: #121212;
  --line: #d1dbe1;
  /* --lite-grey: #edf0f0; */
  --lite-grey: #f6f7f9;
/*  --cols: 12;*/
  --cols: 10;
  --space: 2rem;
/*  --space: clamp( 1rem, 1.351351351vw, 2rem );*/
  --footer: #1B1B1B;
}

body.lite {
  --bg-color: #fff;
  --copy-color: #151927;
}

body.template--blog-item,
body.grey {
  --bg-color: #eee;
  --copy-color: #151927;
}

body.template--blog-item header svg [fill='#fff'],
body.template--blog-item header svg [fill='#FFFFFF'],
body.grey header svg [fill='#fff'],
body.grey header svg [fill='#FFFFFF'],
body.lite header svg [fill='#fff'],
body.lite header svg [fill='#FFFFFF'] {
  fill: var(--copy-color);
}

#body-wrapper {
  min-height: calc( 100vh - 20rem );
}

hr {
  border-top: .1rem solid #384557;
  grid-column-start: 1;
  grid-column-end: span 10;
  margin-top: 8rem;
  padding-top: 8rem;
}

body.lite hr {
  border-top: .1rem solid var(--line);
}

/*
@media ( max-width: 979px ) {
  :root { --cols: 6; }
}
*/

*,
*:before,
*:after {
  border: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/** /
* {
  outline: 1px dotted #cf0c;
}
/**/

video,
lottie-player,
img {
  max-width: 100%;
}

body.css-debug .wrapper {
  outline: 1px dashed #345c;
}

body.css-debug .wrapper > div {
  outline: 1px dotted #678c;
}

html {
  font-size: 62.5%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  letter-spacing: 0.03em;
  line-height: 1.333em;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-gutter: stable;
  width: 100%;
}

body {
  background-color: var(--bg-color);
  color: var(--copy-color);
  font: normal 1.6rem/1.5 standard-font, arial, sans-serif;
  font-feature-settings: 'kern';
  font-kerning: normal;
  font-variant-ligatures: common-ligatures;
  min-height: 100%;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
  width: 100%;
  -webkit-font-smoothing: antialiased;
}

/* #start h1,
#start h2, */

#start h3,
#start ol,
#start ul,
#start blockquote,
#start q,
#start p {
  /*
  -webkit-hyphenate-limit-before: 4;
  -webkit-hyphenate-limit-after: 3;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  hyphenate-limit-chars: 10 4 3;
  */
  margin-bottom: 2rem;
}

@media( max-width: 639px ) {
  #start h1,
  #start h2 {
    /*
    -webkit-hyphenate-limit-before: 4;
    -webkit-hyphenate-limit-after: 3;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    hyphenate-limit-chars: 10 4 3;
    */
    margin-bottom: 2rem;
  }
}

ol {
  padding-left: 2rem;
}

ol li {
  margin-bottom: 2rem;
  position: relative;
}

ol li::marker {}

.text-xs { font-size: 1.2rem; }
.text-s { font-size: 1.4rem; }
.text-m { font-size: 1.6rem; }
.text-l { font-size: 2rem; }
.text-xl { font-size: 2.4rem; }

.condensed {
  font-family: special-font, arial, sans-serif;
}

#start ul {
  list-style-type: none;
}

#start ul li {
  padding-left: 2rem;
  position: relative;
}

#start ul li:before {
  content: '•';
  left: 0;
  position: absolute;
}

@media( min-width: 640px ) {
  #start .check-list ul {
    padding-left: 5rem;
  }
}

#start .check-list ul li {
  margin-bottom: 2rem;
  padding-left: 5rem;
}

#start .check-list ul li:before {
  background-image: url(../img/ui/check.png);
  background-repeat: no-repeat;
  background-size: 2.9rem auto;
  content: '';
  height: 3.1rem;
  left: 0;
  position: absolute;
  width: 2.9rem;
}

#start a {
  color: var(--copy-color);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: special-font, arial, sans-serif;
  margin-bottom: 2rem;
}

.lite-head h1,
.lite-head h2,
.lite-head h3,
.lite-head h4,
.lite-head h5,
.lite-head h6,
.lite-head .h1,
.lite-head .h2,
.lite-head .h3,
.lite-head .h4,
.lite-head .h5,
.lite-head .h6 {
  font-family: standard-font, arial, sans-serif;
  font-weight: normal;
}

.quotes q,
.quotes blockquote {
  font-style: italic;
}

.quotes cite {
  font-family: special-font, arial, sans-serif;
  font-style: normal;
  font-weight: bold;
}

.quotes .h6,
.quotes h6 {
  margin-bottom: 0;
}

.template--blog-item h1.h5 {
  text-transform: none;
}

.subquote p {
  font-size: 1.8rem;
  color: var(--gray);
  margin-top: 2rem;
}

.quotes-quote {
  border-top: .1rem solid var(--line);
  display: flex;
  gap: var(--space);
  margin-top: calc( 2 * var(--space) );
  padding-top: calc( 2 * var(--space) );
}

.quotes-quote:last-of-type {
  border-bottom: .1rem solid var(--line);
  margin-bottom: calc( 2 * var(--space) );
  padding-bottom: calc( 2 * var(--space) );
}

.quotes-quote-source {
  width: 23rem;
}

.quotes-quote-content {
  width: 48rem;
}

.modular-hero .center h1 {
  text-shadow: 0 0 .33rem var(--bg-color);
}

.modular-text-with-image.growth-map .modular-text-with-image-text {
  grid-column-start: 1;
  grid-column-end: span 4;
}

.modular-text-with-image.growth-map .modular-text-with-image-image {
  grid-column-start: 5;
  grid-column-end: span 6;
}

.modular-text-with-image.reliable .modular-text-with-image-text {
  grid-column-start: 5;
  grid-column-end: span 6;
}

.modular-text-with-image.reliable .modular-text-with-image-image {
  grid-column-start: 1;
  grid-column-end: span 3;
}

@media( max-width: 767px ) {
  .modular-text-with-image.growth-map .modular-text-with-image-text,
  .modular-text-with-image.growth-map .modular-text-with-image-image,
  .modular-text-with-image.reliable .modular-text-with-image-text {
    grid-column-start: 1;
    grid-column-end: span 10;
  }
}


h1,
.h1 {
  font-size: 8.2rem;
  line-height: 1;
  text-transform: uppercase;
}

h2,
.h2 {
  font-size: 6.8rem;
  line-height: 1.1;
  text-transform: uppercase;
}

.textpage h1,
h3,
.h3 {
  font-size: 4.2rem;
  line-height: 1.4;
}

.textpage h2,
h4,
.h4 {
  font-size: 3.6rem;
  line-height: 1.4;
}

.textpage h3,
h5,
.h5 {
  font-size: 2.4rem;
  line-height: 1.2;
}

.textpage h4,
h6,
.h6 {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.6;
  text-transform: uppercase;
}

h3 + h1 {
  margin-top: -2rem;
}

@media ( max-width: 1023px ) {
  h1, .h1 { font-size: 6.2rem; }

  h2, .h2 { font-size: 4.2rem; }

  h3, .h3 { font-size: 3.6rem; }

  h4, .h4 { font-size: 2.4rem; }

  h5, .h5 { font-size: 2.2rem; }

  h6, .h6 { font-size: 1.4rem; }
}

@media ( max-width: 639px ) {
  h1, .h1 { font-size: 4.2rem; }

  h2, .h2 { font-size: 3.6rem; }

  h3, .h3 { font-size: 2.4rem; }

  h4, .h4 { font-size: 2.2rem; }

  h5, .h5 { font-size: 1.8rem; }

  h6, .h6 { font-size: 1.4rem; }
}

body.page--produkt h1,
body.page--produkt h2 {
  text-transform: none;
}

body.page--datenschutz h1,
body.page--datenschutz h2,
body.page--datenschutz h3,
body.page--datenschutz h4,
body.page--datenschutz h5,
body.page--datenschutz h6 {
  text-transform: none;
}

body.page--datenschutz ol,
body.page--privacy ol {
  list-style-type: upper-roman;
}

h6 + h1,
.h6 + h1,
h6 + h2,
.h6 + h2 {
  margin-top: -2rem;
}

.h6.hilite,
h6.hilite {
  font-size: 2rem;
  text-transform: uppercase;
}

@media ( max-width: 1079px ) {
  .h6.hilite,
  h6.hilite {
    font-size: 1.6rem;
  }
}

.info {
  color: var(--gray);
  /*
  font-size: 1.4rem;
  line-height: 1.8rem;
  */
}

a.hilite {
  font-size: 1.4rem;
  text-decoration: none;
  text-transform: uppercase;
}

#page-wrapper {
/*  padding: 24rem 0 0;*/
  padding: 10rem 0 0;
  margin: 0 auto;
  max-width: 123rem;
  width: 100%;
}

@media ( min-width: 1024px ) {
  body.page--home #page-wrapper {
    padding: 24rem 0 0;
  }
}


.wrapper {
  /* padding: 10rem 0; */
  padding: 2rem 0;
  position: relative;
}

.wrapper:before {
  background-color: inherit;
  bottom: 0;
  content: '';
  display: block;
  left: calc( ( 100vw - 123rem ) / -2 );
  position: absolute;
  right: calc( ( 100vw - 123rem ) / -2 );
  top: 0;
  z-index: -1;
}

.wrapper.padding-bottom { padding-bottom: 10rem; }
.wrapper.padding-top { padding-top: 10rem; }
.wrapper.padding-top-and-bottom { padding-bottom: 10rem; padding-top: 10rem; }

@media( max-width: 639px ) {
  .wrapper.padding-bottom { padding-bottom: 5rem; }
  .wrapper.padding-top { padding-top: 5rem; }
  .wrapper.padding-top-and-bottom { padding-bottom: 5rem; padding-top: 5rem; }
}

.wrapper.border-bottom { border-bottom: .1rem solid #fff; }
.wrapper.border-top { border-top: .1rem solid #fff; }
.wrapper.border-top-and-bottom { border-bottom: .1rem solid #fff; border-top: .1rem solid #fff; }

body.lite .wrapper.border-bottom { border-bottom: .1rem solid #151927; }
body.lite .wrapper.border-top { border-top: .1rem solid #151927; }
body.lite .wrapper.border-top-and-bottom { border-bottom: .1rem solid #151927; border-top: .1rem solid #151927; }

@media ( max-width: 1269px ) {
  .wrapper {
    margin: 0 2rem;
  }
}

@media ( max-width: 1269px ) {
  .wrapper:before {
    left: -4rem;
    right: -4rem;
  }
}

/* grid */

.container {
  display: grid;
  grid-template-columns: repeat( var(--cols), 1fr);
  gap: var(--space);
}

/*
@media ( min-width: 1px ) and ( max-width: 1269px ) {
  .container {
    margin: 0 2rem;
  }
}
*/

@media ( min-width: 1024px ) {
  .l-start-1 { grid-column-start: 1; }
  .l-start-2 { grid-column-start: 2; }
  .l-start-3 { grid-column-start: 3; }
  .l-start-4 { grid-column-start: 4; }
  .l-start-5 { grid-column-start: 5; }
  .l-start-6 { grid-column-start: 6; }
  .l-start-7 { grid-column-start: 7; }
  .l-start-8 { grid-column-start: 8; }
  .l-start-9 { grid-column-start: 9; }
  .l-start-10 { grid-column-start: 10; }

  .l-span-1 { grid-column-end: span 1; }
  .l-span-2 { grid-column-end: span 2; }
  .l-span-3 { grid-column-end: span 3; }
  .l-span-4 { grid-column-end: span 4; }
  .l-span-5 { grid-column-end: span 5; }
  .l-span-6 { grid-column-end: span 6; }
  .l-span-7 { grid-column-end: span 7; }
  .l-span-8 { grid-column-end: span 8; }
  .l-span-9 { grid-column-end: span 9; }
  .l-span-10 { grid-column-end: span 10; }
}

@media ( min-width: 640px ) and ( max-width: 1023px ) {
  .l-start-1 { grid-column-start: 2; }
  .l-start-2 { grid-column-start: 2; }
  .l-start-3 { grid-column-start: 2; }
  .l-start-4 { grid-column-start: 2; }
  .l-start-5 { grid-column-start: 2; }
  .l-start-6 { grid-column-start: 2; }
  .l-start-7 { grid-column-start: 2; }
  .l-start-8 { grid-column-start: 2; }
  .l-start-9 { grid-column-start: 2; }
  .l-start-10 { grid-column-start: 2; }

  .l-span-1 { grid-column-end: span 4; }
  .l-span-2 { grid-column-end: span 4; }
  .l-span-3 { grid-column-end: span 4; }
  .l-span-4 { grid-column-end: span 8; }
  .l-span-5 { grid-column-end: span 8; }
  .l-span-6 { grid-column-end: span 8; }
  .l-span-7 { grid-column-end: span 8; }
  .l-span-8 { grid-column-end: span 8; }
  .l-span-9 { grid-column-end: span 8; }
  .l-span-10 { grid-column-end: span 8; }
}

@media ( max-width: 639px ) {
  .l-start-1 { grid-column-start: 1; }
  .l-start-2 { grid-column-start: 1; }
  .l-start-3 { grid-column-start: 1; }
  .l-start-4 { grid-column-start: 1; }
  .l-start-5 { grid-column-start: 1; }
  .l-start-6 { grid-column-start: 1; }
  .l-start-7 { grid-column-start: 1; }
  .l-start-8 { grid-column-start: 1; }
  .l-start-9 { grid-column-start: 1; }
  .l-start-10 { grid-column-start: 1; }

  .l-span-1 { grid-column-end: span 10; }
  .l-span-2 { grid-column-end: span 10; }
  .l-span-3 { grid-column-end: span 10; }
  .l-span-4 { grid-column-end: span 10; }
  .l-span-5 { grid-column-end: span 10; }
  .l-span-6 { grid-column-end: span 10; }
  .l-span-7 { grid-column-end: span 10; }
  .l-span-8 { grid-column-end: span 10; }
  .l-span-9 { grid-column-end: span 10; }
  .l-span-10 { grid-column-end: span 10; }
}

.h-axis {
  align-items: center;
}

.lines {
  border-bottom: .1rem solid #384557;
  border-top: .1rem solid #384557;
}

.sideline {
  border-left: .1rem solid var(--copy-color);
  margin: calc( 4 * var(--space) ) 0;
  padding: 0 0 0 12.5rem;
}

.double {
  display: flex;
  gap: 2rem;
}

.double > div {
  width: 50%;
}

/* INVESTOR */

.investors {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space);
}

.modular-crowdinvesting h2 {
  margin-bottom: calc( 3 * var(--space) );
}

.investor > div:first-of-type {
  display: flex;
  flex-direction: column;
  height: calc( 8 * var(--space) );
  justify-content: flex-end;
  margin-bottom: var(--space);
}

@media( max-width: 639px ) {
  .investor {
    width: 100%;
    margin-bottom: var(--space);
  }
}

@media( min-width: 640px ) {
  .investor {
    width: calc( 50% - var(--space) );
  }

  .investor.colspan-2 {
    width: 100%;
  }

  .investor.colspan-2 > div:last-of-type {
    columns: 2;
    column-gap: var(--space);
  }
}

/* WIDE TEXT */

.wide-text {
  display: flex;
  gap: 4rem;
}

.wide-text > * {
  width: 50%;
}

/* HORIZONTAL LIST */

.list.horizontal[data-list-items="2"] > * { width: 50%; }
.list.horizontal[data-list-items="3"] > * { width: 33%; }
.list.horizontal[data-list-items="4"] > * { width: 25%; }
.list.horizontal[data-list-items="5"] > * { width: 20%; }

/* BENEFITS LIST */

.benefits-list {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  margin: 4rem 0;
}

.benefits-list-item {
  flex-shrink: 0;
}

.benefits-list-item-content {
  margin-top: 2rem;
}

.benefits-list[data-list-items="2"] > * { width: calc( 50% - 2rem ); }
.benefits-list[data-list-items="3"] > * { width: calc( 33% - 2rem ); }
.benefits-list[data-list-items="4"] > * { width: calc( 25% - 2rem ); }
.benefits-list[data-list-items="5"] > * { width: calc( 20% - 2rem ); }


#performance-marketing .list.horizontal .list-item-image img {
  display: block;
  margin: 0 auto 2rem;
  width: 11.5rem;
}

/* BIG VERTICAL LIST */

.big-vertical-list {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}

.big-vertical-list-item {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 4rem;
}

.big-vertical-list-item-image,
.big-vertical-list-item-content {
  width: 50%;
}

@media ( min-width: 1024px ) {
  .big-vertical-list-item-image {
    width: 40%;
  }
}


.big-vertical-list-item:nth-of-type(even) .big-vertical-list-item-content {
  order: -1;
}

.big-vertical-list-item + .big-vertical-list-item {
  margin-top: calc( 2 * var(--space) );
  padding-top: calc( 6 * var(--space) );
  position: relative
}

.big-vertical-list-item + .big-vertical-list-item:before {
  border-top: .1rem solid var(--bg-color);
  content: '';
  display: block;
  left: 0; /* calc( ( 100vw - 123rem ) / -2 );*/
  position: absolute;
  right: 0; /*calc( ( 100vw - 123rem ) / -2 );*/
  top: 0;
}

/* COLUMN LIST */

.column-list {
  display: flex;
  justify-content: space-between;
  gap: 5rem;
}

.column-list[data-list-items="2"] > * { width: 50%; }
.column-list[data-list-items="3"] > * { width: 33%; }
.column-list[data-list-items="4"] > * { width: 25%; }
.column-list[data-list-items="5"] > * { width: 20%; }

.list.vertical.small-icons.small-head .h6,
.list.vertical.small-icons.small-head h6,
/* .list.vertical.small-icons.text-m h6, */
.sideline .h6,
.sideline h6 {
  margin-bottom: 0;
}

.upper {
  text-transform: uppercase;
}

.keyvisual {
  height: 89rem;
  padding-top: 20rem;
/*  outline: 1px dotted green;*/
}

.keyvisual:after {
  background-color: var(--copy-color);
  bottom: 0;
  content: '';
  display: block;
  left: calc( ( 100vw - 123rem ) / -2 );
  position: absolute;
  right: calc( ( 100vw - 123rem ) / -2 );
  top: 0;
  z-index: -2;
}

@media ( max-width: 1270px ) {
  .keyvisual:after {
    left: -4rem;
    right: -4rem;
  }
}

.keyvisual:before {
  background-color: var(--bg-color);
  background-image: var(--bg-url);
  background-repeat: no-repeat;
  background-position: center center;
  /* background-size: 123rem 89rem; */
  background-size: contain;
  clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 50% 100%, 0% 90%);
}

.background-image {
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 66%;
}

#background-video video {
  clip-path: polygon(8% 24%, 8% 28%, 37% 29%, 31% 75%, 31% 79%, 61% 80%, 76% 97%, 99% 97%, 99% 81%, 91% 61%, 92% 57%, 70% 5%, 19% 5%);
  max-width: 100%;
  z-index: -1;
}

@media ( min-width: 1024px ) {
  #background-video video {
    position: absolute;
    right: -2rem;
    top: -8rem;
  }
}

@media ( max-width: 1023px ) {
  .modular-video-hero #background-video {
    grid-column-start: 1;
    grid-column-end: span 10;
    position: static;
    right: 0;
    top: 0;
  }
}

.numbers {
  padding-bottom: 0;
  padding: 2rem 0;
}

.numbers > *:last-of-type {
  position: relative;
}

.numbers > *:last-of-type:before {
  border-top: .1rem solid #293f78;
  content: '';
  position: absolute;
  right: 0;
  top: -3rem;
  width: 100%
}

.numbers.last-number > *:last-of-type:after {
  border-top: .1rem solid #293f78;
  bottom: -2rem;
  content: '';
  position: absolute;
  right: 0;
  width: 100%
}

.counter {
  color: transparent;
  font-size: 12rem;
  -webkit-text-stroke: .1rem var(--primary);
}

@media ( max-width: 1279px ) {
  .counter {
    font-size: 8rem;
  }
}

@media ( max-width: 1023px ) {
  .big-counter-grid {}

  .big-counter-grid-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "animation head"
      "animation counter";
  }

  .big-counter-grid-item-image {
    grid-area: animation;
  }

  .big-counter-grid-item-head {
    grid-area: head;
  }

  .big-counter-grid-item-counter {
    grid-area: counter;
  }

}

@media ( max-width: 639px ) {
  .big-counter-grid-item {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "animation"
      "head"
      "counter";
  }
  .big-counter-grid-item-image {
    display: flex;
    justify-content: center;
  }
  .big-counter-grid-item > * {
    text-align: center;
  }
}

@media ( max-width: 767px ) {
  .big-vertical-list {}
  .big-vertical-list-item {
    flex-direction: column;
  }
  .big-vertical-list-item > * {
    margin: 2rem 0;
    width: 100%;
  }
  .big-vertical-list-item-content {
    order: 2 !important;
  }
}

@media ( max-width: 767px ) {
  .modular-wide-text .wide-text {
    flex-direction: column;
  }
  .modular-wide-text .wide-text > * {
    width: 100%;
  }
}

@media( max-width: 1023px ) {
  .benefits-list {
    flex-wrap: wrap;
    justify-content: center;
  }
  .benefits-list[data-list-items="5"] > * { width: calc( 33% - 2rem ); }

}

@media ( max-width: 639px ) {
  .benefits-list[data-list-items="3"] > * { width: calc( 50% - 2rem ); }
  .benefits-list[data-list-items="5"] > * { width: calc( 50% - 2rem ); }
}

@media ( max-width: 414px ) {
  /*
  .modular-benefits-list .benefits-list {
    flex-direction: column;
  }
  */
  .modular-benefits-list .benefits-list > * {
    width: calc( 50% - 2rem );
  }
}

@media ( max-width: 767px ) {
  .modular-column-list .column-list {
    flex-direction: column;
  }
  .modular-column-list .column-list > * {
    width: 100%;
  }
}

@media ( max-width: 767px ) {
  .modular-list .list.vertical .list-item {
    flex-direction: column;
    gap: 0 !important;
  }
  .modular-list .list.vertical .list-item > * {
    width: 100% !important;
  }
  .modular-list .list.vertical .list-item h3 {
    text-align: center;
  }
}

.video video {
  width: 100%;
}

@media ( max-width: 639px ) {
  .sideline {
    padding-left: 2rem;
  }
}

@media ( max-width: 1023px ) {
  .modular-double .double {
    flex-direction: column;
  }
  .modular-double .double > * {
    width: 100%;
  }
}

/*
@media ( max-width: 414px ) {
  .modular-list .list.horizontal .list-item {
    width: 100%;
  }
}
*/


.wrapper.white, /* deprecated */
.wrapper.invert {
  background-color: var(--copy-color);
  color: var(--bg-color);
  /* padding: 12rem 0; */
  position: relative;
}

.lite-grey {
  background-color: var(--lite-grey);
  color: #151927;
  position: relative;
}

.blue {
  background-color: var(--bg-color);
  color: #fff;
  position: relative;
}

.orange {
  background-color: var(--primary);
  color: #fff;
  position: relative;
}

.white {
  background-color: #fff;
  color: #151927;
  position: relative;
}

/*
.wrapper.lite-grey {
  padding: 12rem 0;
}
*/

/* BIG TEXT BOX */

.big-text-box{
  margin: calc( 2 * var(--space) ) 0;
}

.big-text-box:not(.transparent) {
  padding: calc( 2 * var(--space) );
}

.big-text-box > p,
.big-text-box > h1,
.big-text-box > h2,
.big-text-box > h3,
.big-text-box > h4,
.big-text-box > h5,
.big-text-box > h6,
.big-text-box > .h1,
.big-text-box > .h2,
.big-text-box > .h3,
.big-text-box > .h4,
.big-text-box > .h5,
.big-text-box > .h6 {
  margin-bottom: 0 !important;
}

.hilite {
  color: var(--primary);
}

.orange-arrow {
  position: relative;
  z-index: 1;
}

.orange-arrow:before {
  background-color: var(--primary);
  content: '';
  display: block;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -2;
}

.orange-arrow:after {
  background-color: var(--copy-color);
  content: '';
  display: block;
  bottom: .1rem;
  left: .1rem;
  position: absolute;
  right: .1rem;
  top: .1rem;
  z-index: -1;
}

.orange-arrow h3 {
  margin-bottom: 0 !important;
}

@media( max-width: 1023px ) {
  .orange-arrow {
    clip-path: polygon(0 0, 100% 0, 100% calc( 100% - ( 4 * var(--space) ) ), 50% 100%, 0 calc( 100% - ( 4 * var(--space) ) ) );
    padding: calc( 2 * var(--space) ) calc( 2 * var(--space) ) calc( 4 * var(--space) ) calc( 2 * var(--space) );
    text-align: center;
  }

  .orange-arrow:after {
    clip-path: polygon(0 0, 100% 0, 100% calc( 100% - ( 4 * var(--space) ) ), 50% 100%, 0 calc( 100% - ( 4 * var(--space) ) ) );
  }
}

@media( min-width: 1024px ) {

  .orange-arrow {
    clip-path: polygon(0 0, calc( 100% - ( 4 * var(--space) ) ) 0, 100% 50%, calc( 100% - ( 4 * var(--space) ) ) 100%, 0 100%);
    padding: var(--space) calc( 4 * var(--space) );
  }

  .orange-arrow:after {
    clip-path: polygon(0 0, calc( 100% - ( 4 * var(--space) ) ) 0, 100% 50%, calc( 100% - ( 4 * var(--space) ) ) 100%, 0 100%);
  }
}

/*
.orange-arrow h3 {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
*/

.h1.big {
  font-size: 24.8rem;
  position: relative;
  top: -5rem;
}

.list {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
}

/*
.list-item {
  width: 24rem;
  text-align: center;
}
*/

@media ( max-width: 1023px ) {
  .list:not(.vertical) {
    flex-wrap: wrap;
  }

  .list:not(.vertical) .list-item {
    width: calc( 50% - 1rem );
  }
}

@media ( max-width: 414px ) {
  .modular-list .list.horizontal.no-icon .list-item {
    width: 100%;
  }
}

.list-item > img {
  margin-bottom: 2rem;
}

.list.vertical {
  flex-direction: column;
}

.list.vertical .list-item {
  display: flex;
  gap: 8rem;
  text-align: left;
  width: 100%;
}

.list.vertical .list-item p {
  margin-bottom: 0 !important;
}

.list.vertical .list-item .list-item-image {
  flex-shrink: 0;
  text-align: center;
  width: 23rem;
}

.list.vertical .list-item .list-item-image img {
  height: 23rem;
}

.list.vertical.small-icons {
  gap: 4rem;
}

.list.vertical.small-icons .list-item {
  gap: 8rem 4rem;
}

.list.zebra {
  gap: 0;
}

.list.zebra > *:nth-of-type(odd) {
  background-color: var(--lite-grey);
}

.list.plans > * {
  width: 100%;
}

.list.left .list-item {
  text-align: left;
}

.list.center .list-item {
  text-align: center;
}

.list.right .list-item {
  text-align: right;
}

.list.blue-head .list-item h3 {
  color: #151927;
}

.list.lite-grey-bg .list-item {
  background-color: var(--lite-grey);
  padding: 2rem;
}

/*
.list.vertical.small-icons .list-item > * {
  display: flex;
  align-items: center;
}
*/

.list.vertical.small-icons .list-item .list-item-image {
  align-self: center;
  flex-shrink: 0;
  text-align: center;
  width: 11rem;
}

.list.vertical.small-icons .list-item .list-item-image img {
  height: 11rem;
}

body.page--investoren .list.vertical.small-icons .list-item .list-item-image {
  width: 8rem;
}

body.page--investoren .list.vertical.small-icons .list-item .list-item-image img {
  height: 8rem;
}

.big-list ol {
  counter-reset: list-counter;
  font-family: special-font, arial, sans-serif;
  font-weight: bold;
  list-style: none;
}

.big-list ol li {
  border-bottom: .1rem solid #fff;
  counter-increment: list-counter;
  font-size: 2.4rem;
  line-height: 2.4rem;
  min-height: 8rem;
  padding-left: 14rem;
  position: relative;
  text-transform: uppercase;
}

.big-list ol li:before {
  content: "0" counter(list-counter) "   ";
  font-size: 6.8rem;
  left: 0;
  position: absolute;
  top: 1rem;
}

.columns {
  display: flex;
  gap: 12rem;
/*  gap: 14.5rem;*/
}

.column {
  width: 100%;
}

button,
input,
textarea {
  font: normal 1.6rem/1.5 standard-font, arial, sans-serif;
}

details > p:first-of-type {
  padding-top: 2rem;
}

summary {
  color: var(--primary);
  cursor: pointer;
  font-family: special-font, arial, sans-serif;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-mask: user-select: none;
  user-select: none;
}

p.date {
  font-family: special-font, arial, sans-serif;
  margin-bottom: 0 !important;
}

a.link {
  color: var(--primary) !important;
  font-family: special-font, arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}

a.button,
button {
  background-color: var(--primary);
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  font-family: special-font, arial, sans-serif;
  font-weight: bold;
  padding: 1rem 2rem;
  text-decoration: none;
  text-transform: uppercase;
  transition: box-shadow .2s ease-in-out, transform .2s ease-in-out;
}

a.button:hover {
  box-shadow: 0 .5rem 1rem #0006;
  transform: translateY(-.1rem);
}

header {
  background-color: var(--bg-color);
  height: 10rem;
  left: 0;
  margin: 0 auto;
  max-width: 123rem;
  position: fixed;
  right: 0;
  top: 0;
/*  width: 100%;*/
  z-index: 99;
}

header:before {
  background-color: var(--bg-color);
  bottom: 0;
  content: '';
  display: block;
  left: calc( ( 100vw - 123rem ) / -2 );
  position: absolute;
  right: calc( ( 100vw - 123rem ) / -2 );
  top: 0;
  z-index: -1;
}

@media ( max-width: 1269px ) {
  header {
    margin: 0 2rem;
  }

  header:before {
    left: -4rem;
    right: -4rem;
  }
}

header .logo {
  margin-top: 3rem;
  grid-column-start: 1;
  grid-column-end: span 3;
}

#nav-toggle,
[for="nav-toggle"] {
  display: none;
}

header nav li.nav--home {
  display: none;
}

@media ( min-width: 1024px ) {
  header nav {
    font-family: special-font, arial, sans-serif;
    grid-column-start: 4;
    grid-column-end: span 7;
    margin-top: 4rem;
    position: relative; /* */
    text-align: right;
  }

  header nav label,
  header nav input[type=checkbox] {
    display: none;
  }

  header nav ul {
    font-size: 2rem;
    line-height: 1.2;
    list-style-type: none;
  }

  header nav > ul {
    display: flex;
    justify-content: flex-end;
    list-style-type: none;
  }

  header nav a {
    color: var(--copy-color);
    text-decoration: none;
    white-space: nowrap;
  }

  header nav a:hover,
  header nav a.active {
    color: var(--primary);
  }

  header nav > ul > li {
    /* position: relative; */
  }

  header nav > ul > li:not(:last-of-type){
    margin-right: calc( 2 * var(--space) );
  }

  /*
  header nav > ul > li.de,
  header nav > ul > li.en {
    display: none;
  }
  */

  header nav > ul > li.de {
    margin-right: 1rem;
  }

  header nav > ul > li.en {
    margin-left: 0;
  }

  html[lang=de] nav li.de a {
    color: var(--primary);
  }

  html[lang=en] nav li.en a {
    color: var(--primary);
  }

  header nav > ul > li ul {
    display: none;
  }
  
  body.page--home header nav > ul > li.nav--industrien > ul,
  header nav > ul > li.active > ul {
    display: flex;
    gap: var(--space);
    position: absolute;
    /* right: 0; */
  }

  li.nav--impressum,
  li.nav--imprint,
  li.nav--datenschutz,
  li.nav--privacy {
    display: none;
  }
}

/*
@media ( max-width: 1279px ) and ( min-width: 1024px ) {
  header nav > ul > li:not(:last-of-type) {
    margin-right: var(--space);
  }

  header nav > ul > li:last-of-type {
    margin-left: var(--space) ;
  }
}
*/

@media ( max-width: 1023px ) {
  [for="nav-toggle"] {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 3rem;
    position: fixed;
    right: 2rem;
    top: 2rem;
    z-index: 1000;
  }
  body.template--blog-item [for="nav-toggle"] > span:first-of-type,
  body.grey [for="nav-toggle"] > span:first-of-type,
  body.lite [for="nav-toggle"] > span:first-of-type {
    color: #151927;
  }

  [for="nav-toggle"] > span {
    display: block;
    height: 3.6rem;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: opacity .15s ease-in-out, transform .15s ease-in-out;
    width: 3.6rem;
  }

  #nav-toggle:checked + [for="nav-toggle"] > span:first-of-type,
  [for="nav-toggle"] > span:last-of-type {
    opacity: 0;
    transform: scale(.5);
  }

  [for="nav-toggle"] > span:first-of-type,
  #nav-toggle:checked + [for="nav-toggle"] > span:last-of-type {
    opacity: 1;
    transform: scale(1);
  }

  header:before {
    transition: height .15s ease-in-out;
  }

  header nav {
    background-color: var(--primary);
    bottom: 0;
    font-family: special-font, arial, sans-serif;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 2.5rem 2rem;
    right: 0;
    top: 0;
    position: fixed;
    transform: translateX(32rem);
    transition: transform .15s ease-in-out;
    width: 32rem;
  }

  #nav-toggle:checked ~ #page-wrapper header nav {
    transform: translateX(0);
  }

  /*
  #nav-toggle:checked ~ #page-wrapper header:before {
    height: 100vh;
  }
  */

  header nav ul {
    font-size: 2.4rem;
    line-height: 1.5;
    list-style-type: none;
  }

  header nav ul ul {
    padding-left: 2.4rem;
  }

  header nav input[type=checkbox] {
    display: none;
  }

  header nav > ul > li.de {
    margin-right: .5rem;
    margin-top: 1rem;
    display: inline-block;
  }

  header nav > ul > li.en {
    display: inline-block;
  }

  html[lang=de] nav li.de a {
    color: #151927;
  }

  html[lang=en] nav li.en a {
    color: #151927;
  }

  header nav a {
    color: #fff;
    text-decoration: none;
  }

  header nav a:hover,
  header nav a.active {
    color: #151927;
  }

  li.nav--datenschutz {
    margin-top: 2rem;
  }
}

@media ( max-width: 414px ) {
  header nav li.nav--home {
    display: block;
  }

  header nav {
    transform: translateX(100vw);
    width: 100vw;
  }
}

header nav > ul > li > a {
  font-weight: bold;
  text-transform: uppercase;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.intro {
  font-weight: bold;
}

@media ( min-width: 640px ) {
  .copytext {
    break-inside: avoid-column;
    column-gap: 2rem;
    /* column-rule: .1rem solid #eee; */
    /* columns: 2 30rem; */
    text-align: left;
  }
}

#finanzinformationen-wrapper {
  padding: 12rem 0;
}

#messen-wrapper {

}

/*
.messen {
  display: flex;
  gap: var(--space);
  flex-wrap: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
  position: relative;
  scroll-snap-type: x mandatory;
  scrollbar-color: transparent transparent;
  scrollbar-height: 0;
  scrollbar-width: none;
}
*/

.messen {
  /* display: block; */
  margin-left: calc( var(--space) / -2 );
  margin-bottom: calc( 4 * var(--space) );
  position: relative;
  width: 100%;
}

.messen:after,
.messen:before {
  background-color: #eee;
  content: '';
  display: block;
  height: 100%;
  /* outline: 1px dotted green; */
  position: absolute;
  top: 0;
  width: calc( var(--space) / 2 );
  z-index: 1000;
}

.messen:after { right: 0; }
.messen:before { left: 0; }

.slick-arrow {
  bottom: -12rem;
  top: auto;
}

.slick-arrow:before {
  color: var(--copy-color);
}

.slick-prev {
  height: 3.6rem;
  left: 45%;
  width: 3.2rem;
}

.slick-prev:before {
  /* content: 'ᐸ'; */
  content: '〈';
  font-size: 3.2rem;
}

.slick-next {
  height: 3.6rem;
  right: 45%;
  width: 3.2rem;
}

.slick-next:before {
  /* content: 'ᐳ'; */
  content: '〉';
  font-size: 3.2rem;
}

@media ( max-width: 1023px ) {
  .slick-prev {
    left: 0;
  }
  
  .slick-next {
    right: 0;
  }
}


.hexagon-picture-wrapper {
  background-color: var(--primary);
  bottom: 0;
  clip-path: polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%);
  display: block;
  left: 0;
  padding: 1rem;
  position: relative;
  right: 0;
  top: 0;
  z-index: 1;
}

.hexagon-picture-wrapper:after {
  background-color: var(--bg-color);
  bottom: .2rem;
  clip-path: polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%);
  content: '';
  display: block;
  left: .2rem;
  position: absolute;
  right: .2rem;
  top: .2rem;
  z-index: 2;
}

.invert .hexagon-picture-wrapper:after {
  background-color: var(--copy-color);
}

.hexagon-picture {
  /* aspect-ratio: 1; */
  clip-path: polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%);
  display: block;
  position: relative;
  z-index: 3;
}

.team {
  display: grid;
  gap: var(--space);
  /* grid-template-columns: 1fr 1fr 1fr 1fr; */
/*  grid-template-columns: 1fr 1fr 1fr;*/
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  width: 100%;
}

/*
@media ( max-width: 1023px ) {
  .team {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
*/

@media ( max-width: 767px ) {
  .team {
    grid-template-columns: 1fr 1fr;
  }
}

.team-item-image img {
  border-bottom: .1rem solid var(--gray);
}

.messe {
  background: #fff;
  border: .1rem solid transparent;
  /* cursor: pointer; */
  margin: 0 calc( var(--space) / 2 );
  padding: var(--space);
  /* width: 36rem; */
  width: calc( 33.33% - var(--space) );
}

.messe:hover {
  background: var(--lite-grey);
  border-color: var(--line);
}

.messe p span {
  display: block;
}

.messe p span.date {
  border-bottom: .1rem solid var(--line);
  margin-bottom: .5rem;
  padding-bottom: .5rem;
  text-transform: uppercase;
}

.newsletter-wrapper {
  color: #fff;
  position: relative;
  padding-bottom: 16rem;
}

.newsletter-wrapper a {
  color: #fff !important;
}

/*
.newsletter-wrapper form {
  border-bottom: .1rem solid var(--line);
  display: block;
  padding-bottom: .4rem;
  position: relative;
}

.newsletter-wrapper form input[type=mail] {
  background-color: transparent;
  color: #fff;
  width: calc( 100% - 10rem );
}

.newsletter-wrapper form button[type=submit],
.newsletter-wrapper form input[type=submit] {
  background-color: transparent;
  color: var(--primary);
  cursor: pointer;
  font-family: special-font, arial, sans-serif;
  font-weight: bold;
  position: absolute;
  right: 0;
  text-transform: uppercase;
}
*/

@media ( min-width: 1230px ) {
  .newsletter-wrapper:before {
    background-color: #fff;
    content: '';
    height: 16rem;
    left: calc( ( 100vw - 123rem ) / -2 );
    position: absolute;
    right: calc( ( 100vw - 123rem ) / -2 );
    width: 100vw;
  }

  body.page--aktuell .newsletter-wrapper:before {
    background-color: #eee;
  }
}

.newsletter-container {
  background-color: #1E2953;
  left: 0;
  min-height: 32rem;
  right: 0;
  padding-top: 2rem;
  position: absolute;
  z-index: +1;
}

@media ( max-width: 1023px ) {
  .newsletter-wrapper {
    padding-bottom: 0;
  }

  .newsletter-container {
    padding: 0 var(--space);
    position: static;
  }
}

.newsletter-container small {
  font-size: 1.2rem !important;
  line-height: 1.2rem !important;
}

form[name=newsletter] {
  display: grid;
  grid-template-columns: 1fr 8rem;
  grid-template-rows: auto;
  grid-template-areas:
    "email button"
    "privacy privacy"
    "privacy_info privacy_info";
  padding-top: 3.9rem;
}

form[name=newsletter] .field--email { grid-area: email; }

form[name=newsletter] .field--email .form-label {
  display: none;
}

form[name=newsletter] .field--email input[type=email] {
  background-color: transparent;
  color: #fff;
  width: 100%;
}

form[name=newsletter] .field--email input:focus {
  outline: none;
}

form[name=newsletter] .field--privacy {
  border-top: .1rem solid #fff;
  grid-area: privacy;
  margin-top: calc( var(--space) / 2 );
  padding-top: var(--space);
}

form[name=newsletter] .field--privacy-info { grid-area: privacy_info; }
form[name=newsletter] .field--privacy-info {
  margin-top: 2rem;
}

form[name=newsletter] .field--privacy-info .form-label {
  display: none;
}

form[name=newsletter] .buttons {
  grid-area: button;
  text-align: right;
}

form[name=newsletter] .buttons button[type=submit] {
  background-color: transparent;
  color: var(--primary) !important;
  cursor: pointer;
  font-family: special-font, arial, sans-serif;
  font-weight: bold;
  padding: 0;
  text-transform: uppercase;
}


/*
body.page--home .newsletter-wrapper:before {
  background-color: #fff;
  content: '';
  height: 16rem;
  left: calc( ( 100vw - 123rem ) / -2 );
  position: absolute;
  right: calc( ( 100vw - 123rem ) / -2 );
  z-index: -1;
}
*/

form#contact label {
  color: var(--gray);
  font-weight: bold;
}

form#contact input[type=text],
form#contact input[type=email],
form#contact textarea {
  background-color: transparent;
  border-bottom: .11rem solid var(--lite-grey);
  color: var(--copy-color);
  outline: none;
  padding: .2rem .5rem;
  width: 100%
}

form#contact textarea {
  height: 12rem;
}

form#contact .form-field {
  margin: 2rem 0;
}

.form-margin {
  font-style: normal;
  font-weight: bold;
}

.form-margin small {
  color: var(--gray);
  text-transform: uppercase;
}

.form-margin a {
  text-decoration: none;
}

.form-margin-top {
  font-family: special-font, arial, sans-serif;
  margin-top: var(--space);
}

.form-margin-bottom {
  color: var(--gray);
  margin-top: calc( 2 * var(--space) );
}


.text-col {
/*  text-align: justify;*/
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-200%);
  }
}

.marquee-wrapper {
  padding-top: 8rem;
  position: relative;
  width: 100%;
}

.marquee-wrapper h2 {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 3rem;
}

.marquee ul {
  /* animation: marquee 187s linear infinite; */
  animation: marquee 60s linear infinite;
  display: flex;
  flex-wrap: nowrap;
  gap: 0 12rem;
  height: 30rem;
  margin-top: 8rem;
}

.marquee li {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  padding: 0 !important;
  position: relative;
}

.marquee li:before {
  display: none;
}

.marquee li:after {
  border-right: .1rem solid var(--line);
  content: '';
  display: flex;
  height: 100%;
  right: -6rem;
  position: absolute;
  top: 0;
}

.marquee img {
  object-fit: contain;
  object-position: center center;
}

.center {
  text-align: center;
}

.uppercase {
  text-transform: uppercase;
}

footer {
  /* background-color: #151927; */
  background-color: var(--footer);
  color: var(--gray);
  padding: 24rem 0 4rem !important;
}

@media( max-width: 1023px ) {
  footer {
    padding: 4rem 0 !important;
  }
}

footer p,
footer ul {
  font-weight: bold;
}

footer a {
  color: var(--gray);
  text-decoration: none;
}

footer ul {
  color: #fff;
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  text-transform: uppercase;
}

footer ul ul {
  flex-direction: column;
  text-transform: none;
}

footer ul ul li {
  margin-top: 2rem;
}

#grid-wrapper {
  height: 100vh;
  left: 0;
  margin: 0 2rem;
  max-width: 123rem;
  padding: 0;
  position: fixed;
  pointer-events: none;
  right: 0;
  top: 0;
/*  width: 100%;*/
  z-index: 1000;
}

@media ( min-width: 1270px ) {
  #grid-wrapper {
    left: calc( ( 100vw - 123rem ) / 2 );
    margin: 0 auto;
    right: calc( ( 100vw - 123rem ) / 2 );
  }
}

#grid-wrapper .container {
  height: 100vh;
}

#grid-wrapper .container > div {
  background-color: #0009;
  /*
  border-left: .1rem solid #0002;
  border-right: .1rem solid #0002;
  */
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
  opacity: .1;
  padding-top: .4rem;
  text-align: center;
  text-shadow: 0 0 .5rem #000;
}

.blog-list-item-head {
  border-top: .1rem solid #fff;
  margin-top: 5rem;
  padding-top: 5rem;
}

@media ( min-width: 1024px ) {
  .blog-list-item-content {
    border-top: .1rem solid #fff;
    margin-top: 5rem;
    padding-top: 5rem;
  }
}

.site-team {
  display: flex;
  justify-content: space-between;
  margin: calc( 3 * var(--space) ) 0; 
  text-align: center;
  
}

.imprint-link {
    display: inline-block;
    -webkit-user-select: none;
    user-select: none;
}

.imprint-link img {
    width: 20rem;
}