/* ------------------------------ */
/* ----- Typography / Colors ---- */
/* ------------------------------ */

@font-face {
  font-family: 'Radix';
  font-weight: normal;
  font-style: normal;
  src: url('/wp-content/themes/leadlink_child/fonts/radix-regular.woff2') format('woff2'),
       url('/wp-content/themes/leadlink_child/fonts/radix-regular.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Radix';
  font-weight: 300;
  font-style: normal;
  src: url('/wp-content/themes/leadlink_child/fonts/radix-light.woff2') format('woff2'),
       url('/wp-content/themes/leadlink_child/fonts/radix-light.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Radix';
  font-weight: bold;
  font-style: normal;
  src: url('/wp-content/themes/leadlink_child/fonts/radix-bold.woff2') format('woff2'),
       url('/wp-content/themes/leadlink_child/fonts/radix-bold.woff') format('woff');
  font-display: swap;
}


/* ------------------------------ */
/* ---------- Variables --------- */
/* ------------------------------ */

:root {
  /* Brand Fonts */
  --brand-font: 'Radix';

  /* Brand Colors*/
  --brand-black: #000000;
  --brand-grey: #D9DFE3;
  --brand-white: #ffffff;
  --brand-border: #5A5A5A;
  
  /* Font Styling */
  --font-size-0-5: 17px;
  --font-size-standard: 20px;
  --line-height-3: 1;
  --line-height-2: 1.2;
  --line-height-1: 1.4;

  /* Hover & Transition */
  --opacity-1: .5;
  --transition-delay: .15s;
  --transition-4: 1s;
  --transition-3: .75s;
  --transition-2: .5s;
  --transition-1: .25s;

  /* Spacing */
  --spacing-5: 50px;
  --spacing-4: 40px;
  --spacing-3: 30px;
  --spacing-2: 20px;
  --spacing-1: 10px;

  /* Layout */
  --width-content: 1020px;
  --width-text: 884px;
}


/* ------------------------------ */
/* ----------- General ---------- */
/* ------------------------------ */

::selection {
  color: var(--brand-black);
  background: var(--brand-white);
}

::-moz-selection {
  color: var(--brand-black);
  background: var(--brand-white);
}

#traegerschaft ::selection, #partner-sponsoren ::selection, footer ::selection {
  color: var(--brand-white);
  background: var(--brand-black);
}

#traegerschaft ::-moz-selection, #partner-sponsoren ::-moz-selection, footer ::-moz-selection {
  color: var(--brand-white);
  background: var(--brand-black);
}

img::selection, video::selection, iframe::selection {
  background-color: transparent;
}

img::-moz-selection, video::-moz-selection, iframe::-moz-selection {
  background-color: transparent;
}


html {
  font-size: 20px;
}

body {
  font-family: var(--brand-font);
  font-size: var(--font-size-standard);
  font-weight: 300;
  line-height: var(--line-height-1);
  color: var(--brand-white);
  -webkit-tap-highlight-color: transparent;
}

.site_wrapper {
  background-color: var(--brand-black);
}

h1, .typography--h1, h2, .typography--h2, h3, .typography--h3 {
  font-weight: 300;
  line-height: var(--line-height-3);
}

h1, h2, h3 {
  margin: 0;
}

h1, .typography--h1{
  font-size: var(--font-size-4);
  margin-top: 0;
}
h2, .typography--h2 {
  font-size: var(--font-size-3);
}

.prx_h1, .prx_h2, .prx_h3, .prx_h4 {
  font-weight: normal !important;
}

.prx_h1 {
  font-size: var(--font-size-3) !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  line-height: var(--line-height-3) !important;
}

h3, .typography--h3 {
  font-size: var(--font-size-2);
}

.prx_h2, .prx_h3 {
  font-size: var(--font-size-2) !important;
  line-height: var(--line-height-3) !important;
}

h4, .typography--h4 {
  font-size: var(--font-size-1);
  font-weight: 300;
  line-height: var(--line-height-2);
}

.prx_h4, .prx_h5 {
  font-size: var(--font-size-1) !important;
  font-weight: 300 !important;
  line-height: var(--line-height-2) !important;
  margin-top: var(--spacing-4) !important;
}

.prx_h1, .prx_h2, .prx_h3, .prx_h4 {
  color: var(--brand-white) !important;
}

.typography--copy {
  font-size: var(--font-size-standard);
}

a {
  color: var(--brand-black);
  text-decoration: none;
}

#intro p a, #programm p a, body.home #kontakt p a {
  color: var(--brand-white);
}

a.full {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  max-width: 100%;
  text-indent: -30000px;
  z-index: 10;
  text-decoration: none;
  text-align: left;
}

a.full > span {
  position: absolute;
  height: 1px;
  width: 1px;
  clip: rect(1px,1px,1px,1px);
  border: 0;
  overflow: hidden;
}

a.full::before, a.full::after {
  display: none;
}

section p a:not(.full), section li a:not(.full), label a {
  position: relative;
  border-bottom: 1px solid;
  -webkit-transition: opacity var(--transition-2);
  -o-transition: opacity var(--transition-2);
  transition: opacity var(--transition-2);
}

.no-touchevents p a:not(.full):hover, .no-touchevents li a:not(.full):hover, .no-touchevents label a:hover {
  opacity: var(--opacity-1);
}

p, main ul {
  margin: 0 0 var(--spacing-3);
}

p:last-child, ul:last-child {
  margin-bottom: 0;
}

p.prx_text, .prx_link, .prx_listElement {
  font-family: var(--brand-font) !important;
  font-size: var(--font-size-standard) !important;
  font-weight: 300 !important;
  line-height: var(--line-height-1) !important;
  color: var(--brand-white) !important;
}

.prx_expandableText p.prx_text, .prx_expandableText .prx_link, .prx_expandableText .prx_listElement {
  color: var(--brand-black) !important;
}

.prx_list {
  margin-top: 0 !important;
}

p.prx_text + .prx_list {
  margin-top: -10px !important;
  margin-bottom: var(--spacing-3) !important;
}

main ul li.prx_listElement {
  padding-left: 0 !important;
}

main ul li.prx_listElement::before {
  display: none !important;
}

.prx_link {
  display: inline-block !important;
  margin-bottom: 10px !important;
}

.prx_expandableText p.prx_text {
  color: var(--brand-black) !important;
}

.prx_expandableName {
  font-size: var(--font-size-1) !important;
  color: var(--brand-black) !important;
}

b, strong {
  font-weight: bold;
}

main p + ul {
  margin-top: calc(var(--spacing-1) * -1);
}

main ul li {
  position: relative;
  padding-left: 1.25rem;
}

main ul li::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 0;
  width: 10px;
  height: 2px;
  background-color: var(--brand-black);
}

strong, b {
  font-weight: bold;
}

span[class$="--hide-text"], span.hide-text {
  position: absolute;
  height: 1px;
  width: 1px;
  clip: rect(1px,1px,1px,1px);
  border: 0;
  overflow: hidden;
}

h1, h2, h3, h4, main p, main ul, main a, main span {
  max-width: var(--width-text);
}

.section--fullwidth h1, .section--fullwidth h2, .section--fullwidth h3, .section--fullwidth h4, main .section--fullwidth p, main .section--fullwidth ul, main .section--fullwidth a, main .section--fullwidth span {
  max-width: 100%;
}

.section--color {
  background-color: var(--brand-black);
}

.section--light {
  background-color: var(--brand-grey);
}


/* Visually hidden */
a.visually-hidden:not(.skip-link):focus-visible, a.visually-hidden:not(.skip-link):focus {
  position: static !important;
  display: block;
  overflow: visible;
  clip: auto;
  height: auto;
  width: auto;
  margin: var(--spacing-0) 0;
  text-decoration: underline;
}



/* ------------------------------ */
/* ----------- Layout ----------- */
/* ------------------------------ */

section {
  position: relative;
}



/* ------------------------------ */
/* ------------ Media ----------- */
/* ------------------------------ */

/* Images */
.picture_container {
  position: relative;
  display: block;
  overflow: hidden;
  line-height: 0;
}

.picture_container--cover img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.picture_container--cover, .picture_container--cover picture {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 413.98px) {

  .picture_container:not(.picture_container--cover) img {
    width: 100%;
  }

}


/* LazyLoad */
img[data-lazy-src] {
  opacity: 0;
}

img.lazyloaded {
  -webkit-transition: opacity .5s linear 0.25s;
  -moz-transition: opacity .5s linear 0.25s;
  transition: opacity .5s linear 0.25s;
  opacity: 1;
}

.logo--white {
  fill: var(--brand-white);
}

.logo--black {
  fill: var(--brand-black);
}



/* ------------------------------ */
/* ---------- Animations -------- */
/* ------------------------------ */

.intro-animation {
  -webkit-transform: translate3d(0, var(--spacing-3), 0);
  transform: translate3d(0, var(--spacing-3), 0);

  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
} 


.intro-animation.intro-animation--visible {
  opacity: 1;
  -webkit-transition: transform 1s cubic-bezier(0,.55,.45,1), opacity 1s;
  -o-transition: transform 1s cubic-bezier(0,.55,.45,1), opacity 1s;
  transition: transform 1s cubic-bezier(0,.55,.45,1), opacity 1s;
  -webkit-transform: translateZ(0) !important;
  transform: translateZ(0) !important;
  will-change: opacity,transform;
}



/* ------------------------------ */
/* ------------ Header ---------- */
/* ------------------------------ */

header {
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--height-header);
  transition: background-color var(--transition-2);
}

header::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--brand-black);
  transform: translateY(-100%);
  transition: transform var(--transition-2);
}

.header-background header::after {
  transform: translateY(0);
}

.logged-in header {
  top: 32px;
}

.site_header {
  position: relative;
  z-index: 2;
  overflow: hidden;
  padding-right: var(--spacing-9);
  padding-left: var(--spacing-9);
}

.site_logo {
  position: relative;
  line-height: 1;
}
 
.site_logo a {
  position: relative;
  z-index: 2;
  display: inline-block;
}

.site_logo a svg path, .site_logo a svg rect {
  fill: var(--brand-white);
}

.site_logo > svg {
  position: fixed;
  z-index: 1;
  top: 0;
  pointer-events: none;
  fill: var(--brand-black);
}


/* Naviation */
.site_nav li a {
  position: relative;
  font-weight: normal;
  color: var(--brand-white);
  -webkit-transition: opacity var(--transition-1);
  -o-transition: opacity var(--transition-1);
  transition: opacity var(--transition-1);
}

.no-touchevents .site_nav li a:hover {
  opacity: var(--opacity-1);
}

.site_nav li a span {
  position: relative;
}

.site_nav li a span::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: -2px;
  background: var(--brand-white);
  height: 1px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.site_nav li a.is-active span::before {
  left: 0;
  right: 0;
}

.site_nav__container .button {
  margin-top: 0;
}



/* ------------------------------ */
/* ------------ Button ---------- */
/* ------------------------------ */

.button a, button {
  position: relative;
  display: inline-block;
  font-size: var(--font-size-standard);
  font-weight: normal;
  line-height: 1;
  text-align: center;
}

button {
  cursor: pointer;
  padding: 0;
  background-color: transparent;
  border: 0;
}

.button a, button {
  padding: 10px 15px 10px;
  border: 1px solid;
  border-radius: 42px;
  -webkit-transition: color var(--transition-2), background-color var(--transition-2);
  -o-transition: color var(--transition-2), background-color var(--transition-2);
  transition: color var(--transition-2), background-color var(--transition-2);
}

.macos .button a, .macos button, .ios .button a, .ios button {
  padding-top: 11px;
}

.no-touchevents .button a:hover {
  opacity: 1 !important;
}

.button--black a {
  color: var(--brand-black);
  border-color: var(--brand-black);
}

.no-touchevents .button--black a:hover {
  color: var(--brand-white);
  background-color: var(--brand-black);
}

.button--white a, button {
  color: var(--brand-white);
  border-color: var(--brand-white);
}

.no-touchevents .button--white a:hover, .no-touchevents button:hover {
  color: var(--brand-black);
  background-color: var(--brand-white);
}



/* ------------------------------ */
/* ------------ Intro ----------- */
/* ------------------------------ */

.intro {
  z-index: 10;
  max-width: calc(var(--width-content) + var(--spacing-10));
  padding-right: var(--spacing-10);
}

.intro__logo, .intro__info__year, .intro__info__details > span, .intro__info__place, .intro__desc {
  opacity: 0;
  -webkit-transform: translate3d(0, var(--spacing-3), 0);
  transform: translate3d(0, var(--spacing-3), 0);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

.intro.intro.intro-animation--visible .intro__logo, .intro.intro.intro-animation--visible .intro__info__year, .intro.intro.intro-animation--visible .intro__info__details > span, .intro.intro.intro-animation--visible .intro__info__place, .intro.intro.intro-animation--visible .intro__desc {
  opacity: 1;
  -webkit-transition: transform 1s cubic-bezier(0,.55,.45,1), opacity 1s;
  -o-transition: transform 1s cubic-bezier(0, .55, .45, 1), opacity 1s;
  transition: transform 1s cubic-bezier(0,.55,.45,1), opacity 1s;
  -webkit-transform: translateZ(0) !important;
  transform: translateZ(0) !important;
  will-change: opacity, transform;
}

.intro__info__details > span {
  display: inline-block;
}

.intro__logo {
  margin-bottom: var(--spacing-2);
}

.intro__logo .logo {
  position: relative;
}

.intro__info {
  position: relative;
  width: var(--width-content);
  max-width: 100%;
}

.intro .year {
  display: inline-block;
  position: relative;
  font-weight: normal;
}

.intro__desc {
  margin-top: var(--spacing-6);
}

.intro__desc .button {
  margin-top: var(--spacing-4) !important;
}

.intro_visual, .intro_visual picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.intro_visual img {
  -o-object-fit: cover;
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: 100%;
}

.intro_visual svg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  aspect-ratio: 1 / 1;
  fill: var(--brand-black);
}

.intro_arrow {
  position: absolute;
  bottom: 0;
  left: var(--spacing-9);
}


/* ------------------------------ */
/* ---------- Programm ---------- */
/* ------------------------------ */

#programm {
  padding-left: var(--left-spacing);
}

.programm_title {
  background-color: var(--brand-black);
  z-index: 1;
}

.programm {
  border-top: 1px solid var(--brand-border);
}

.programm__time {
  padding-top: var(--spacing-2);
  padding-right: var(--spacing-3);
  font-size: var(--font-size-3);
  line-height: var(--line-height-3);
}

.programm__desc {
  padding-top: var(--spacing-3);
  font-size: var(--font-size-1);
}

.programm_desc {
  max-width: 520px;
}

.section--key-notes, .section--breakout-sessions, .section--moderation, .section--economic-outlook {
  margin-top: calc(var(--spacing-10) / 2);
  padding-top: calc(var(--spacing-10) / 2);
}

.key_note:last-child, .breakout_session:last-child, .moderator:last-child, .outlook:last-child {
  padding-bottom: 0;
}

.key_note__info, .breakout_session__info, .moderator__info, .outlook__info {
  padding-top: var(--spacing-3);
  padding-left: var(--spacing-6);
}

.key_note__info h4 {
  margin-top: var(--spacing-4);
  margin-bottom: var(--spacing-2);
}



/* ------------------------------ */
/* --------- Trägerschaft ------- */
/* ------------------------------ */

#traegerschaft {
  padding-right: var(--spacing-9);
  padding-left: var(--spacing-9);
  background-color: var(--brand-grey);
  z-index: 2;
}

#traegerschaft, #traegerschaft p a, #traegerschaft ul a {
  color: var(--brand-black);
}

.section--traegerschaft {
  max-width: var(--width-content);
  margin-right: auto;
  margin-left: auto;
}

.traegerschaft_title {
  z-index: 1;
  background-color: var(--brand-grey);
}

.traegerschaft + .traegerschaft {
  border-top: 1px solid var(--brand-black);
}

.traegerschaft img {
  margin-bottom: var(--spacing-5);
}

.traegerschaft h3 {
  margin-bottom: var(--spacing-3);
}



/* ------------------------------ */
/* ----- Partner & Sponsoren ---- */
/* ------------------------------ */

#partner-sponsoren {
  position: relative;
  z-index: 3;
  padding-right: var(--spacing-9);
  padding-left: var(--spacing-9);
  padding-bottom: var(--spacing-10);
  text-align: center;
  background-color: var(--brand-white);
}

#partner-sponsoren, #partner-sponsoren p a, #partner-sponsoren ul a {
  color: var(--brand-black);
}

#partner-sponsoren > div {
  margin-right: auto;
  margin-left: auto;
}

#partner-sponsoren > div:not(.section--partner-werden) {
  max-width: var(--width-content);
}

#partner-sponsoren > .section--partner-werden {
  max-width: 750px;
  margin-top: var(--spacing-9);
}

.partner_sponsoren_title {
  padding-top: var(--spacing-11);
  background-color: var(--brand-white);
  z-index: 1;
}

.partner_sponsoren_title h2, .partner_sponsoren h3 {
  max-width: 100%;
}

.partner_sponsoren {
  padding-top: var(--spacing-2);
  border-top: 1px solid var(--brand-black);
}

.logos, .logos .logo {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.logos {
  margin-top: var(--spacing-3);
  margin-bottom: var(--spacing-5);
}

.logo img {
  transition: opacity var(--transition-2);
}

.no-touchevents .logo a:hover img {
  opacity: var(--opacity-1);
}

.logos--big .logo {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}



/* ------------------------------ */
/* ----------- Kontakt ---------- */
/* ------------------------------ */

body.home #kontakt {
  position: relative;
  z-index: 5;
  padding: var(--spacing-11) var(--spacing-9) var(--spacing-10);
  background-color: var(--brand-black);
}

.kontakt, .kontakt_title, .kontakt__desc {
  margin-right: auto;
  margin-left: auto;
}

.kontakt {
  max-width: var(--width-content);
}

.kontakt_title, .kontakt__desc {
  text-align: center;
}

.kontakt_title {
  z-index: 1;
  background-color: var(--brand-black);
}

.kontakt_title h2 {
  max-width: unset;
}

.kontakt__desc {
  margin-bottom: var(--spacing-7);
  max-width: 750px;
}

.kontakt__desc h2 {
  margin-bottom: var(--spacing-5);
}


/* ------------------------------ */
/* ------------ Footer ---------- */
/* ------------------------------ */

/* General */
footer {
  padding: var(--spacing-3) var(--spacing-9);
  font-size: var(--font-size-0-5);
  background-color: var(--brand-white);
}

footer, footer p, footer li, footer .footer__main a {
  color: var(--brand-black);
}

.footer__right a {
  text-decoration: none;
  -webkit-transition: opacity (--transition-1);
  -o-transition: opacity var(--transition-1);
  transition: opacity var(--transition-1);
}

.no-touchevents .footer__right a:hover {
  opacity: var(--opacity-1);
}

footer .button {
  margin-top: 0;
}

footer .social_media {
  padding-left: var(--spacing-8);
  line-height: 0;
}

footer .social_media a {
  display: inline-block;
  margin-right: 12px;
  -webkit-transition: opacity (--transition-1);
  -o-transition: opacity var(--transition-1);
  transition: opacity var(--transition-1);
}

footer .social_media a:last-child {
  margin-right: 0;
}

.no-touchevents footer .social_media a:hover {
  opacity: var(--opacity-1);
}

footer .creator a {
  opacity: var(--opacity-1);
  transition: opacity var(--transition-1);
}

.no-touchevents footer .creator a:hover {
  opacity: 0.25;
}



/* Page Template Default */
.page-template-default main {
  padding-bottom: var(--spacing-11);
}

.page-template-default main {
  min-height: calc(100svh - 102px);
}

.page-template-default .section--content {
  max-width: var(--width-content);
  margin-right: auto;
  margin-left: auto;
}

.page-template-default h1 {
  margin-bottom: var(--spacing-6);
}

.page-template-default h2 {
  margin-top: var(--spacing-6);
  margin-bottom: var(--spacing-3);
}

.page-template-default h3 {
  margin-top: var(--spacing-6);
  margin-bottom: var(--spacing-2);
}

.page-template-default main a {
  color: var(--brand-white);
}



/* ------------------------------ */
/* -------- Media Queries ------- */
/* ------------------------------ */

@media all and (min-width: 1900px) {

  :root {
    --font-size-4: 90px;
    --font-size-3: 60px;
    --font-size-2: 40px;
    --font-size-1: 25px;

    --spacing-9: 100px;
    --spacing-8: 90px;
    --spacing-7: 80px;
    --spacing-6: 68px;
  }

  .site_logo > svg {
    left: -25px;
  }

  .intro {
    top: 17vw;
  }

  .intro__logo .logo {
    right: 280px;
    width: 625px;
    height: 92px;
  }

  .intro .year {
    left: -18px;
    font-size: 340px;
    line-height: 260px;
  }

  .intro__info__details > .details--topic {
    top: -120px;
  }

  .intro_arrow {
    padding-top: calc(var(--height-header) + 110px);
  }

  .button {
    margin-top: var(--spacing-5);
  }

  .section--key-notes h2, .section--breakout-sessions h2, .section--moderation h2, .section--economic-outlook h2 {
    margin-bottom: var(--spacing-9);
  }

}


@media all and (min-width: 1600px) {

  #intro {
    aspect-ratio: 20 / 26;
  }

  .programm__time {
    width: 280px;
  }

  .programm__desc {
    width: calc(100% - 280px);
    padding-right: var(--spacing-9);
  }

  .key_note__image, .breakout_session__image, .moderator__image, .outlook__image {
    width: 470px;
  }
  
  .key_note__info, .breakout_session__info, .moderator__info, .outlook__info {
    width: calc(100% - 470px);
    padding-right: var(--spacing-9);
  }

  footer .legal {
    margin-right: var(--spacing-5);
  }

}


@media all and (min-width: 1400px) {

  .button a, button {
    min-width: 160px;
  }

  .programm_overview {
    padding-top: var(--spacing-7);
  }

}


@media all and (min-width: 1240px) {

  .site_logo a svg {
    width: 238px;
    height: 35px;
  }

  .page-template-default main {
    padding-top: calc(var(--height-header) + var(--spacing-7));
  }

  .page-template-default section {
    padding-right: var(--spacing-9);
    padding-left: var(--spacing-9);
  }

  .key_note, .breakout_session, .moderator, .outlook {
    padding-bottom: var(--spacing-9);
  }

}


@media all and (min-width: 992px) {

  .site_nav__main {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .site_nav li {
    margin-right: var(--spacing-4);
  }

  .site_nav li a {
    display: inline-block;
    padding: 9px 0px;
  }

  .intro {
    position: absolute;
    left: var(--left-spacing);
  }

  .intro__info__details > .details--topic {
    position: absolute;
  }

  .intro__info__details > .details--topic {
    transition-delay: .25s !important;
  }
  
  .intro__info__year, .intro__info__details > .details--date, .intro__info__place {
    transition-delay: .25s !important;
  }
  
  .intro__desc {
    transition-delay: .5s !important;
  }

  .programm_overview {
    padding-right: var(--spacing-3);
  }

  .programm {
    min-height: 180px;
    padding-bottom: var(--spacing-4);
  }

  .traegerschaft + .traegerschaft {
    margin-top: var(--spacing-9);
    padding-top: var(--spacing-9);
  }

  .logos--big .logo {
    min-height: 240px;
  }
  
  .logos--medium .logo {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
    min-height: 190px;
  }
  
  .logos--small .logo {
    -ms-flex-preferred-size: 16.66666666666667%;
    flex-basis: 16.66666666666667%;
    max-width: 16.66666666666667%;
    min-height: 120px;
  }

  #partner-sponsoren > .section--partner-werden h3 {
    margin-bottom: var(--spacing-4);
  }

}


@media all and (min-width: 768px) {

  .intro__desc {
    max-width: 645px;
  }

}


@media all and (min-width: 576px) {

  .key_note, .breakout_session, .moderator, .outlook {
    border-top: 1px solid var(--brand-border);
  }

}


@media all and (min-height: 1100px) and (min-width: 1900px) {

  :root {
    --spacing-11: 240px;
    --spacing-10: 184px;

    --height-header: 162px;
    --left-spacing: 600px;
  }

  .site_header {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .programm_title, .traegerschaft_title, .partner_sponsoren_title {
    padding-top: calc(var(--height-header) + var(--spacing-6));
    padding-bottom: var(--spacing-7);
  }

  #traegerschaft {
    margin-top: calc(var(--height-header) + var(--spacing-6));
    padding-bottom: calc(var(--height-header) + var(--spacing-6));
  }

}


@media all and (max-height: 1099.98px) and (min-width: 1900px) {

  :root {
    --spacing-11: 220px;
    --spacing-10: 160px;

    --height-header: 122px;
    --left-spacing: 563px;
  }

  .site_header {
    padding-top: var(--spacing-4);
    padding-bottom: var(--spacing-4);
  }

  .intro_arrow svg {
    width: 330px;
    height: 634px;
  }

  .programm_title, .traegerschaft_title, .partner_sponsoren_title, .kontakt_title {
    padding-top: calc(var(--height-header) + var(--spacing-5));
    padding-bottom: var(--spacing-5);
  }

  #traegerschaft {
    margin-top: calc(var(--height-header) + var(--spacing-5));
    padding-bottom: calc(var(--height-header) + var(--spacing-5));
  }

  .section--partner-sponsoren .pin-spacer +  .partner_sponsoren {
    margin-top: calc(var(--spacing-7) - var(--spacing-6));
  }

}


@media all and (max-width: 1899.98px) and (min-width: 1600px) {

  :root {
    --font-size-4: 84px;
    --font-size-3: 56px;
    --font-size-2: 36px;
    --font-size-1: 24px;

    --spacing-11: 200px;
    --spacing-10: 150px;
    --spacing-9: 90px;
    --spacing-8: 80px;
    --spacing-7: 70px;
    --spacing-6: 60px;

    --height-header: 122px;
    --left-spacing: 520px;
  }

  .site_header {
    padding-top: var(--spacing-4);
    padding-bottom: var(--spacing-4);
  }

  .site_logo > svg {
    left: -35px;
  }

  .intro {
    right: 0;
    top: 18vw;
  }

  .intro__logo .logo {
    right: 248px;
    width: 576px;
    height: 83px;
  }

  .intro .year {
    left: -18px;
    font-size: 320px;
    line-height: 236px;
  }

  .intro__info__details > .details--topic {
    top: -112px;
  }

  .intro_arrow svg {
    width: 300px;
    height: 576px;
  }

  .intro_arrow {
    padding-top: calc(var(--height-header) + 110px);
  }

  .button {
    margin-top: var(--spacing-4);
  }

  .programm_title, .traegerschaft_title, .partner_sponsoren_title, .kontakt_title {
    padding-top: calc(var(--height-header) + var(--spacing-5));
    padding-bottom: var(--spacing-5);
  }

  .section--key-notes h2, .section--breakout-sessions h2, .section--moderation h2, .section--economic-outlook h2 {
    margin-bottom: var(--spacing-8);
  }

  #traegerschaft {
    margin-top: calc(var(--height-header) + var(--spacing-5));
    padding-bottom: calc(var(--height-header) + var(--spacing-5));
  }

  .section--partner-sponsoren .pin-spacer +  .partner_sponsoren {
    margin-top: calc(var(--spacing-7) - var(--spacing-6));
  }

}


@media all and (max-width: 1599.98px) and (min-width: 1400px) {

  :root {
    --font-size-4: 80px;
    --font-size-3: 52px;
    --font-size-2: 32px;
    --font-size-1: 23px;

    --spacing-11: 180px;
    --spacing-10: 140px;
    --spacing-9: 85px;
    --spacing-8: 75px;
    --spacing-7: 65px;
    --spacing-6: 55px;
    --spacing-5: 45px;
    --spacing-4: 35px;
    --spacing-3: 25px;

    --height-header: 116px;
    --left-spacing: 460px;
  }

  .site_header {
    padding-top: var(--spacing-4);
    padding-bottom: var(--spacing-4);
  }

  .site_logo > svg {
    left: -45px;
  }

  #intro {
    aspect-ratio: 20 / 27;
  }

  .intro {
    right: 0;
    top: 18vw;
  }

  .intro__logo .logo {
    right: 248px;
    width: 576px;
    height: 83px;
  }

  .intro .year {
    left: -18px;
    font-size: 320px;
    line-height: 236px;
  }

  .intro__info__details > .details--topic {
    top: -112px;
  }

  .intro_arrow svg {
    width: 280px;
    height: 538px;
  }

  .intro_arrow {
    padding-top: calc(var(--height-header) + 110px);
  }

  .button {
    margin-top: var(--spacing-4);
  }

  .programm__time {
    width: 240px;
  }

  .programm__desc {
    width: calc(100% - 240px);
    padding-right: var(--spacing-8);
  }

  .key_note__image, .breakout_session__image, .moderator__image, .outlook__image {
    width: 400px;
  }
  
  .key_note__info, .breakout_session__info, .moderator__info, .outlook__info {
    width: calc(100% - 400px);
    padding-right: var(--spacing-6);
  }

  .programm_title, .traegerschaft_title, .partner_sponsoren_title, .kontakt_title {
    padding-top: calc(var(--height-header) + var(--spacing-5));
    padding-bottom: var(--spacing-5);
  }

  .section--key-notes h2, .section--breakout-sessions h2, .section--moderation h2, .section--economic-outlook h2 {
    margin-bottom: var(--spacing-8);
  }

  #traegerschaft {
    margin-top: calc(var(--height-header) + var(--spacing-5));
    padding-bottom: calc(var(--height-header) + var(--spacing-5));
  }

  .section--partner-sponsoren .pin-spacer +  .partner_sponsoren {
    margin-top: calc(var(--spacing-7) - var(--spacing-6));
  }

  footer .social_media {
    padding-left: var(--spacing-7);
  }

  footer .legal {
    margin-right: var(--spacing-4);
  }

}


@media all and (max-width: 1399.98px) and (min-width: 1240px) {

  :root {
    --font-size-4: 76px;
    --font-size-3: 50px;
    --font-size-2: 32px;
    --font-size-1: 22px;
    --font-size-standard: 19px;

    --spacing-11: 160px;
    --spacing-10: 120px;
    --spacing-9: 80px;
    --spacing-8: 70px;
    --spacing-7: 60px;
    --spacing-6: 50px;
    --spacing-5: 40px;
    --spacing-4: 30px;
    --spacing-3: 22px;
    --spacing-2: 18px;

    --height-header: 105px;
    --left-spacing: 390px;
  }

  .button a, button {
    min-width: 150px;
  }

  .site_header {
    padding-top: var(--spacing-4);
    padding-bottom: var(--spacing-4);
  }

  .site_logo > svg {
    left: -56px;
  }

  #intro {
    aspect-ratio: 20 / 28;
  }

  .intro {
    right: 0;
    top: 20vw;
  }

  .intro__logo .logo {
    right: 196px;
    width: 514px;
    height: 74px;
  }

  .intro .year {
    left: -18px;
    font-size: 310px;
    line-height: 236px;
  }

  .intro__info__details > .details--topic {
    top: -102px;
  }

  .intro_arrow svg {
    width: 230px;
    height: 442px;
  }

  .intro_arrow {
    padding-top: calc(var(--height-header) + 116px);
  }

  .button {
    margin-top: var(--spacing-4);
  }

  .programm_overview {
    padding-top: var(--spacing-6);
  }

  .programm__time {
    width: 220px;
  }

  .programm__desc {
    width: calc(100% - 220px);
    padding-right: var(--spacing-8);
  }

  .key_note__image, .breakout_session__image, .moderator__image, .outlook__image {
    width: 353px;
  }
  
  .key_note__info, .breakout_session__info, .moderator__info, .outlook__info {
    width: calc(100% - 353px);
    padding-right: var(--spacing-6);
    padding-left: var(--spacing-5);
  }

  .programm_title, .traegerschaft_title, .partner_sponsoren_title, .kontakt_title {
    padding-top: calc(var(--height-header) + var(--spacing-5));
    padding-bottom: var(--spacing-5);
  }

  .section--key-notes h2, .section--breakout-sessions h2, .section--moderation h2, .section--economic-outlook h2 {
    margin-bottom: var(--spacing-8);
  }

  #traegerschaft {
    margin-top: calc(var(--height-header) + var(--spacing-5));
    padding-bottom: calc(var(--height-header) + var(--spacing-5));
  }

  .section--partner-sponsoren .pin-spacer +  .partner_sponsoren {
    margin-top: calc(var(--spacing-7) - var(--spacing-6));
  }

  footer .social_media {
    padding-left: var(--spacing-6);
  }

  footer .legal {
    margin-right: var(--spacing-4);
  }

}


@media all and (max-width: 1239.98px) {  

  .footer__right {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    margin-top: var(--spacing-3);
  }

}


@media all and (max-width: 1239.98px) and (min-width: 992px) {

  :root {
    --font-size-4: 72px;
    --font-size-3: 46px;
    --font-size-2: 30px;
    --font-size-1: 22px;
    --font-size-standard: 19px;

    --spacing-11: 140px;
    --spacing-10: 110px;
    --spacing-9: 76px;
    --spacing-8: 66px;
    --spacing-7: 56px;
    --spacing-6: 46px;
    --spacing-5: 36px;
    --spacing-4: 28px;
    --spacing-3: 20px;
    --spacing-2: 16px;

    --height-header: 105px;
    --left-spacing: 270px;
  }

  .button a, button {
    min-width: 140px;
  }

  .site_header {
    padding: var(--spacing-4) var(--spacing-6);
  }

  .site_logo a svg {
    width: 211px;
    height: 31px;
  }

  .site_logo > svg {
    left: -50px;
    width: 294px;
    height: 294px;
  }

  #intro {
    aspect-ratio: 20 / 31;
  }

  .intro {
    right: 0;
    top: 24vw;
    max-width: calc(var(--width-content) + var(--spacing-6));
    padding-right: var(--spacing-6);
  }

  .intro__logo .logo {
    right: 124px;
    width: 410px;
    height: 59px;
  }

  .intro .year {
    left: -16px;
    font-size: 280px;
    line-height: 210px;
  }

  .intro__info__details > .details--topic {
    top: -86px;
  }

  .intro_arrow {
    left: var(--spacing-6);
    padding-top: calc(var(--height-header) + 116px);
  }

  .intro_arrow svg {
    width: 180px;
    height: 346px;
  }

  .button {
    margin-top: var(--spacing-4);
  }

  .programm_overview {
    padding-top: var(--spacing-6);
  }

  .programm__time {
    width: 200px;
  }

  .programm__desc {
    width: calc(100% - 200px);
    padding-right: var(--spacing-6);
  }

  .key_note, .breakout_session, .moderator, .outlook {
    padding-bottom: var(--spacing-8);
  }

  .key_note__image, .breakout_session__image, .moderator__image, .outlook__image {
    width: 400px;
  }
  
  .key_note__info, .breakout_session__info, .moderator__info, .outlook__info {
    width: 100%;
    padding-right: var(--spacing-6);
    padding-left: 0;
    margin-top: var(--spacing-2);
  }

  .programm_title, .traegerschaft_title, .partner_sponsoren_title, .kontakt_title {
    padding-top: calc(var(--height-header) + var(--spacing-5));
    padding-bottom: var(--spacing-5);
  }

  .section--key-notes h2, .section--breakout-sessions h2, .section--moderation h2, .section--economic-outlook h2 {
    margin-bottom: var(--spacing-7);
  }

  #traegerschaft, #partner-sponsoren, body.home #kontakt {
    padding-right: var(--spacing-10);
    padding-left: var(--spacing-10);
  }

  #traegerschaft {
    margin-top: calc(var(--height-header) + var(--spacing-5));
    padding-bottom: calc(var(--height-header) + var(--spacing-5));
  }

  .section--partner-sponsoren .pin-spacer +  .partner_sponsoren {
    margin-top: calc(var(--spacing-7) - var(--spacing-6));
  }

  .partner_sponsoren {
    padding-top: var(--spacing-3);
  }

  .page-template-default main {
    padding-top: calc(var(--height-header) + var(--spacing-9));
  }

  .page-template-default section {
    padding-right: var(--spacing-6);
    padding-left: var(--spacing-6);
  }

  footer {
    padding: var(--spacing-5) var(--spacing-6);
  }

  footer .social_media {
    padding-left: var(--spacing-6);
  }

  footer .legal {
    margin-right: var(--spacing-4);
  }

}


@media all and (max-width: 991.98px) {

  :root {
    --left-spacing: 0;
  }

  body.menu-open:not(.close-animation) {
    overflow: hidden;
  }

  .site_logo, .site_nav__icon {
    z-index: 102;
  }


  /* Navigation */
  .site_nav__container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100svh;
    height: var(--app-height);
    padding-top: calc(1.6 * var(--spacing-11));
    background-color: var(--brand-black);
    -webkit-transition: opacity var(--transition-2);
    -o-transition: opacity var(--transition-2);
    transition: opacity var(--transition-2);

    z-index: -1;
    opacity: 0;
    visibility: hidden;
  }

  .menu-open .site_nav__container {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 101;
    display: block;
    opacity: 1;
    visibility: visible;
  }

  .menu-open.close-animation .site_nav__container {
    opacity: 0;
    transition-delay: .25s !important;
  }

  .site_nav__icon  {
    position: absolute;
    top: 0;
    height: 100%;
    width: 60px;
    cursor: pointer;
  }

  .site_nav__icon__hamburger {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .site_nav__icon__hamburger .line {
    width: 28px;
    height: 2px;
    background-color: var(--brand-white);
    display: block;
    margin: 8px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

  .menu-open .site_nav__icon .line:nth-child(1) {
    -webkit-transform: translateY(5px) rotate(45deg);
    -ms-transform: translateY(5px) rotate(45deg);
    transform: translateY(5px) rotate(45deg);
  }

  .menu-open .site_nav__icon .line:nth-child(2) {
    -webkit-transform: translateY(-5px) rotate(-45deg);
    -ms-transform: translateY(-5px) rotate(-45deg);
    transform: translateY(-5px) rotate(-45deg);
  }

  .menu-open.close-animation .site_nav__icon .line:nth-child(1), .menu-open.close-animation .site_nav__icon .line:nth-child(2) {
    -webkit-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    transition-delay: .25s !important;
  }  

  .site_nav__main, .site_nav__container .button {
    opacity: 0;
    -webkit-transform: translate3d(0, var(--spacing-3), 0);
    transform: translate3d(0, var(--spacing-3), 0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
  }

  .site_nav__main, .site_nav__container .button {
    transition-delay: .25s !important;
  }

  .menu-open .site_nav__main, .menu-open .site_nav__container .button {
    opacity: 1;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    will-change: opacity;
  }

  .menu-open.close-animation .site_nav__main, .menu-open.close-animation .site_nav__container .button {
    opacity: 0;
    transition-delay: unset !important;
  }

  .site_nav li, .site_nav li a {
    display: block;
  }

  .intro {
    position: relative;
    z-index: 2;
    max-width: var(--width-content);
  }

  .intro__info__details, .intro__info__place {
    width: 100%;
  }

  .intro__info__details > span {
    display: block;
  }

  .intro__info__details {
    margin-top: var(--spacing-5);
  }

  /*
  .intro__info__details > .details--date {
    margin-top: var(--spacing-4);
  }
    */

  .intro__info__place {
    margin-top: var(--spacing-4);
  }

  .intro__info__year {
    transition-delay: .25s !important;
  }

  .intro__info__details > span, .intro__info__place {
    transition-delay: .5s !important;
  }
  
  .intro__desc {
    transition-delay: .75s !important;
  }

  .partner_sponsoren_title {
    padding-top: 0;
  }

  .traegerschaft + .traegerschaft {
    margin-top: var(--spacing-8);
    padding-top: var(--spacing-8);
  }

}


@media all and (max-width: 991.98px) and (min-width: 768px) {

  :root {
    --font-size-4: 72px;
    --font-size-3: 46px;
    --font-size-2: 30px;
    --font-size-1: 21px;
    --font-size-standard: 19px;

    --spacing-11: 140px;
    --spacing-10: 110px;
    --spacing-9: 76px;
    --spacing-8: 66px;
    --spacing-7: 56px;
    --spacing-6: 46px;
    --spacing-5: 36px;
    --spacing-4: 28px;
    --spacing-3: 20px;
    --spacing-2: 16px;

    --height-header: 93px;
  }

  .button {
    margin-top: var(--spacing-5);
  }

  .button a, button {
    min-width: 140px;
  }

  .site_header {
    padding: var(--spacing-4) var(--spacing-6);
  }

  .site_logo a svg {
    width: 211px;
    height: 31px;
  }

  .site_logo > svg {
    left: -50px;
    width: 294px;
    height: 294px;
  }

  .site_nav__icon  {
    right: calc(var(--spacing-6) - 16px);
  }

  .site_nav > .button {
    margin-top: -4px;
    margin-right: 76px;
  }

  .site_nav__container ul, .site_nav__container .button {
    max-width: 280px;
    margin-right: auto;
    margin-left: auto;
  }

  .site_nav__container ul {
    margin-top: -20px;
  }

  .site_nav li a {
    font-size: var(--font-size-3);
    padding: 6px 0;
  }

  .site_nav__container .button a {
    min-width: 200px;
    margin-top: var(--spacing-6);
    padding: 12px 15px;
    font-size: var(--font-size-1);
  }

  .intro {
    padding-top: calc(1.6 * var(--spacing-11));
    padding-bottom: 95vw;
    padding-right: var(--spacing-11);
    padding-left: var(--spacing-11);
  }

  .intro__info__container {
    padding-left: 158px;
  }

  .intro__logo .logo {
    width: 375px;
    height: 54px;
  }

  .intro .year {
    left: -12px;
    font-size: 210px;
    line-height: 150px;
  }

  .intro__desc {
    margin-top: var(--spacing-8);
  }

  .intro_arrow {
    left: var(--spacing-6);
    padding-top: calc(var(--height-header) + 116px);
  }

  .intro_arrow svg {
    width: 180px;
    height: 346px;
  }

  #programm {
    padding-right: var(--spacing-6);
    padding-left: var(--spacing-6);
  }

  .programm {
    padding-bottom: var(--spacing-6);
  }

  .programm__time {
    width: 180px;
  }

  .programm__desc {
    width: calc(100% - 180px);
    padding-right: var(--spacing-6);
  }

  .programm_desc {
    margin-top: var(--spacing-4);
  }

  .key_note, .breakout_session, .moderator, .outlook {
    padding-bottom: var(--spacing-8);
  }

  .key_note__image, .breakout_session__image, .moderator__image, .outlook__image {
    width: 400px;
  }
  
  .key_note__info, .breakout_session__info, .moderator__info, .outlook__info {
    width: 100%;
    padding-right: var(--spacing-6);
    padding-left: 0;
    margin-top: var(--spacing-1);
  }

  #programm, #traegerschaft, #partner-sponsoren, body.home #kontakt {
    padding-top: calc(var(--height-header) + var(--spacing-5));
  }

  .programm_title h2, .section--key-notes h2, .section--breakout-sessions h2, .section--moderation h2, .traegerschaft_title h2, .partner_sponsoren_title h2, .section--economic-outlook h2 {
    margin-bottom: var(--spacing-6);
  }

  #traegerschaft, #partner-sponsoren, body.home #kontakt {
    padding-right: var(--spacing-6);
    padding-left: var(--spacing-6);
  }

  #traegerschaft {
    margin-top: calc(var(--height-header) + var(--spacing-5));
    padding-bottom: calc(var(--height-header) + var(--spacing-5));
  }

  .section--partner-sponsoren .pin-spacer +  .partner_sponsoren {
    margin-top: calc(var(--spacing-7) - var(--spacing-6));
  }

  .partner_sponsoren {
    padding-top: var(--spacing-3);
  }

  .logos--big .logo {
    min-height: 160px;
  }
  
  .logos--medium .logo {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    min-height: 120px;
  }
  
  .logos--small .logo {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
    min-height: 80px;
  }

  #partner-sponsoren > .section--partner-werden h3 {
    margin-bottom: var(--spacing-3);
  }

  .page-template-default main {
    padding-top: calc(var(--height-header) + var(--spacing-10));
  }

  .page-template-default section {
    padding-right: var(--spacing-6);
    padding-left: var(--spacing-6);
  }

  footer {
    padding: var(--spacing-5) var(--spacing-6);
  }

  footer .social_media {
    padding-left: var(--spacing-6);
  }

  footer .legal {
    margin-right: var(--spacing-4);
  }

}


@media all and (max-width: 767.98px) and (min-width: 576px) {

  :root {
    --font-size-4: 68px;
    --font-size-3: 44px;
    --font-size-2: 28px;
    --font-size-1: 20px;
    --font-size-0-5: 16px;
    --font-size-standard: 18px;

    --spacing-11: 130px;
    --spacing-10: 100px;
    --spacing-9: 72px;
    --spacing-8: 62px;
    --spacing-7: 52px;
    --spacing-6: 42px;
    --spacing-5: 32px;
    --spacing-4: 24px;
    --spacing-3: 18px;
    --spacing-2: 14px;

    --height-header: 84px;
  }



  .button {
    margin-top: var(--spacing-5);
  }

  .button a, button {
    min-width: 140px;
  }

  .site_header {
    padding: var(--spacing-4) var(--spacing-5);
  }

  .site_logo a svg {
    width: 191px;
    height: 28px;
  }

  .site_logo > svg {
    left: -50px;
    width: 260px;
    height: 260px;
  }

  .site_nav__icon  {
    right: calc(var(--spacing-5) - 16px);
  }

  .site_nav > .button {
    margin-top: -2px;
    margin-right: 66px;
  }

  .site_nav__container ul, .site_nav__container .button {
    max-width: 280px;
    margin-right: auto;
    margin-left: auto;
  }

  .site_nav__container ul {
    margin-top: -30px;
  }

  .site_nav li a {
    font-size: var(--font-size-3);
    padding: 7px 0;
  }

  .site_nav__container .button a {
    min-width: 200px;
    margin-top: var(--spacing-6);
    padding: 12px 15px;
    font-size: var(--font-size-1);
  }

  .intro {
    padding-top: calc(1.6 * var(--spacing-11));
    padding-bottom: 100vw;
    padding-right: 0;
  }

  .intro > div:not(.intro__desc) {
    padding-right: var(--spacing-10);
    padding-left: var(--spacing-10);
  }

  .intro > .intro__desc {
    padding-right: var(--spacing-8);
    padding-left: var(--spacing-8);
  }

  .intro__info__container {
    padding-left: 113px;
  }

  .intro__logo .logo {
    width: 320px;
    height: 46px;
  }

  .intro .year {
    left: -10px;
    font-size: 200px;
    line-height: 144px;
  }

  .intro__desc {
    margin-top: var(--spacing-8);
  }

  .intro_arrow {
    left: var(--spacing-5);
  }

  .intro_arrow svg {
    width: 160px;
    height: 308px;
  }

  #programm {
    padding-right: var(--spacing-5);
    padding-left: var(--spacing-5);
  }

  .programm {
    padding-bottom: var(--spacing-6);
  }

  .programm__time {
    width: 160px;
  }

  .programm__desc {
    width: calc(100% - 160px);
  }

  .programm_desc {
    margin-top: var(--spacing-4);
  }

  .key_note, .breakout_session, .moderator, .outlook {
    padding-bottom: var(--spacing-8);
  }

  .key_note__image, .breakout_session__image, .moderator__image, .outlook__image {
    width: 400px;
  }
  
  .key_note__info, .breakout_session__info, .moderator__info, .outlook__info {
    width: 100%;
    padding-right: var(--spacing-5);
    padding-left: 0;
    margin-top: var(--spacing-1);
  }

  #programm, #traegerschaft, #partner-sponsoren, body.home #kontakt {
    padding-top: calc(var(--height-header) + var(--spacing-5));
  }

  .programm_title h2, .section--key-notes h2, .section--breakout-sessions h2, .section--moderation h2, .traegerschaft_title h2, .partner_sponsoren_title h2, .section--economic-outlook h2 {
    margin-bottom: var(--spacing-6);
  }

  #traegerschaft, #partner-sponsoren, body.home #kontakt {
    padding-right: var(--spacing-5);
    padding-left: var(--spacing-5);
  }

  #traegerschaft {
    margin-top: calc(var(--height-header) + var(--spacing-5));
    padding-bottom: calc(var(--height-header) + var(--spacing-5));
  }

  .section--partner-sponsoren .pin-spacer +  .partner_sponsoren {
    margin-top: calc(var(--spacing-7) - var(--spacing-6));
  }

  .partner_sponsoren {
    padding-top: var(--spacing-3);
  }

  .logos--big .logo {
    min-height: 120px;
  }
  
  .logos--medium .logo {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    min-height: 100px;
  }
  
  .logos--small .logo {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
    min-height: 60px;
  }

  #partner-sponsoren > .section--partner-werden h3 {
    margin-bottom: var(--spacing-3);
  }

  .page-template-default main {
    padding-top: calc(var(--height-header) + var(--spacing-10));
  }

  .page-template-default section {
    padding-right: var(--spacing-5);
    padding-left: var(--spacing-5);
  }

  footer {
    padding: var(--spacing-5) var(--spacing-5);
  }

  footer .social_media {
    padding-left: var(--spacing-5);
  }

  footer .legal {
    margin-right: var(--spacing-5);
  }

}


@media all and (max-width: 575.98px) {

  :root {
    --font-size-4: 58px;
    --font-size-3: 38px;
    --font-size-2: 24px;
    --font-size-1: 19px;
    --font-size-0-5: 16px;
    --font-size-standard: 17px;

    --spacing-11: 120px;
    --spacing-10: 80px;
    --spacing-9: 68px;
    --spacing-8: 58px;
    --spacing-7: 48px;
    --spacing-6: 38px;
    --spacing-5: 28px;
    --spacing-4: 22px;
    --spacing-3: 16px;
    --spacing-2: 12px;
    --spacing-1: 8px;

    --height-header: 83px;
  }


  .button {
    margin-top: var(--spacing-5);
  }

  .button a, button {
    min-width: 140px;
  }

  .site_header {
    padding: 28px var(--spacing-5);
  }

  .site_logo a svg {
    width: 163px;
    height: 24px;
  }

  .site_logo > svg {
    left: -45px;
    width: 230px;
    height: 230px;
  }

  .site_nav__icon  {
    right: calc(var(--spacing-5) - 16px);
  }

  .site_nav > .button {
    margin-top: -2px;
    margin-right: 66px;
  }

  .site_nav__container ul, .site_nav__container .button {
    max-width: 240px;
    margin-right: auto;
    margin-left: auto;
  }

  .site_nav__container ul {
    margin-top: -30px;
  }

  .site_nav li a {
    font-size: var(--font-size-3);
    padding: 7px 0;
  }

  .site_nav__container .button a {
    min-width: 200px;
    margin-top: var(--spacing-6);
    padding: 12px 15px;
    font-size: var(--font-size-1);
  }

  .intro {
    padding-top: calc(1.6 * var(--spacing-11));
    padding-bottom: 105vw;
    padding-right: 0;
  }

  .intro > div:not(.intro__desc) {
    padding-right: var(--spacing-8);
    padding-left: var(--spacing-8);
  }

  .intro > .intro__desc {
    padding-right: var(--spacing-5);
    padding-left: var(--spacing-5);
  }

  .intro__info__container {
    padding-left: 99px;
  }

  .intro__logo .logo {
    width: 260px;
    height: 37px;
  }

  .intro .year {
    left: -9px;
    font-size: 155px;
    line-height: 114px;
  }

  .intro__desc {
    margin-top: var(--spacing-8);
  }

  .intro_arrow {
    left: var(--spacing-5);
  }

  #programm {
    padding-right: var(--spacing-5);
    padding-left: var(--spacing-5);
  }

  .programm {
    padding-bottom: var(--spacing-6);
  }

  .programm__time {
    width: 120px;
    font-size: 34px;
  }

  .programm__desc {
    width: calc(100% - 120px);
    font-size: 18px;
  }

  .programm_desc {
    margin-top: var(--spacing-4);
  }

  .key_note, .breakout_session, .moderator, .outlook {
    padding-bottom: var(--spacing-8);
  }

  .key_note__image, .breakout_session__image, .moderator__image, .outlook__image,
  .key_note__image img, .breakout_session__image img, .moderator__image img, .outlook__image img {
    width: 100%;
  }
  
  .key_note__info, .breakout_session__info, .moderator__info, .outlook__info {
    width: 100%;
    padding-right: var(--spacing-5);
    padding-left: 0;
    margin-top: var(--spacing-1);
  }

  #programm, #traegerschaft, #partner-sponsoren, body.home #kontakt {
    padding-top: calc(var(--height-header) + var(--spacing-2));
  }

  .programm_title h2, .section--key-notes h2, .section--breakout-sessions h2, .section--moderation h2, .traegerschaft_title h2, .partner_sponsoren_title h2, .section--economic-outlook h2 {
    margin-bottom: var(--spacing-6);
  }

  #traegerschaft, #partner-sponsoren, body.home #kontakt {
    padding-right: var(--spacing-5);
    padding-left: var(--spacing-5);
  }

  #traegerschaft {
    margin-top: calc(var(--height-header) + var(--spacing-5));
    padding-bottom: calc(var(--height-header) + var(--spacing-5));
  }

  .section--partner-sponsoren .pin-spacer +  .partner_sponsoren {
    margin-top: calc(var(--spacing-7) - var(--spacing-6));
  }

  .partner_sponsoren {
    padding-top: var(--spacing-3);
  }

  .logos {
    margin-bottom: var(--spacing-7);
  }

  .logos--big .logo {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    min-height: 140px;
  }
  
  .logos--medium .logo {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    min-height: 90px;
  }
  
  .logos--small .logo {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    min-height: 70px;
  }

  #partner-sponsoren > .section--partner-werden h3 {
    margin-bottom: var(--spacing-3);
  }

  .page-template-default main {
    padding-top: calc(var(--height-header) + var(--spacing-10));
  }

  .page-template-default section {
    padding-right: var(--spacing-5);
    padding-left: var(--spacing-5);
  }

  footer {
    padding: var(--spacing-5);
  }

  .footer__left {
    width: 100%;
  }

  .footer__left > div {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  footer .social_media {
    padding-left: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  footer .social_media a {
    margin-right: 10px;
  }

  footer .social_media svg {
    width: 32px;
    height: 32px;
  }

  .footer__middle  {
    width: 100%;
    margin-top: var(--spacing-4);
    margin-bottom: var(--spacing-2);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .footer__right {
    font-size: 15px;
  }

  .footer__right > div {
    width: 100%;
  }

  .footer__right > .creator {
    margin-top: 5px;

  }

}


@media all and (max-width: 575.98px) and (min-width: 400px) {

  .intro_arrow svg {
    width: 110px;
    height: 211px;
  }

}


@media all and (max-width: 399.98px) and (min-width: 375px) {

  .intro_arrow svg {
    width: 100px;
    height: 192px;
  }

}


@media all and (max-width: 374.98px) {

  .intro_arrow svg {
    width: 90px;
    height: 173px;
  }

}