:root {
  --space-3xs: clamp(.31rem, calc(.29rem + .12vw), .38rem);
  --space-2xs: clamp(.69rem, calc(.66rem + .12vw), .75rem);
  --space-xs: clamp(1rem, calc(.95rem + .24vw), 1.13rem);
  --space-s: clamp(1.31rem, calc(1.24rem + .37vw), 1.5rem);
  --space-m: clamp(2rem, calc(1.9rem + .49vw), 2.25rem);
  --space-l: clamp(2.63rem, calc(2.48rem + .73vw), 3rem);
  --space-xl: clamp(3.94rem, calc(3.72rem + 1.1vw), 4.5rem);
  --space-2xl: clamp(5.25rem, calc(4.96rem + 1.46vw), 6rem);
  --space-3xl: clamp(7.88rem, calc(7.44rem + 2.2vw), 9rem);
  --space-3xs-2xs: clamp(.31rem, calc(.14rem + .85vw), .75rem);
  --space-2xs-xs: clamp(.69rem, calc(.52rem + .85vw), 1.13rem);
  --space-xs-s: clamp(1rem, calc(.8rem + .98vw), 1.5rem);
  --space-s-m: clamp(1.31rem, calc(.95rem + 1.83vw), 2.25rem);
  --space-m-l: clamp(2rem, calc(1.61rem + 1.95vw), 3rem);
  --space-l-xl: clamp(2.63rem, calc(1.89rem + 3.66vw), 4.5rem);
  --space-xl-2xl: clamp(3.94rem, calc(3.13rem + 4.02vw), 6rem);
  --space-2xl-3xl: clamp(5.25rem, calc(3.79rem + 7.32vw), 9rem);
  --space-s-l: clamp(1.31rem, calc(.65rem + 3.29vw), 3rem);
  --space-2xs-s: clamp(.6875rem, .3704rem + 1.5854vw, 1.5rem);
  --step--1: clamp(.844rem, .7751rem + .3443vw, 1.326rem);
  --step-0: clamp(1.125rem, 1.0179rem + .5357vw, 1.875rem);
  --step-1: clamp(1.4996rem, 1.3351rem + .8226vw, 2.6513rem);
  --step-2: clamp(1.999rem, 1.749rem + 1.2499vw, 3.7489rem);
  --step-3: clamp(2.6647rem, 2.2881rem + 1.883vw, 5.3009rem);
  --step-4: clamp(3.552rem, 2.9886rem + 2.8168vw, 7.4955rem);
  --step-5: clamp(4.7348rem, 3.8971rem + 4.1884vw, 10.5986rem);
  --color-text: #000;
  --color-white: #fff;
  --color-orange: #e05600;
  --color-yellow: #fbecb4;
  --color-green: #7dbc84;
  --color-light-gray: #dedde4;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-bold: 700;
}

@layer global-styles {
  *, :before, :after {
    box-sizing: border-box;
  }

  body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
    margin: 0;
  }

  ul[role="list"], ol[role="list"] {
    list-style: none;
  }

  html:focus-within {
    scroll-behavior: smooth;
  }

  body {
    text-rendering: optimizespeed;
    min-height: 100vh;
    line-height: 1.5;
  }

  a:not([class]) {
    text-decoration-skip-ink: auto;
  }

  img, picture {
    max-width: 100%;
    display: block;
  }

  input, button, textarea, select {
    font: inherit;
  }

  @media (prefers-reduced-motion: reduce) {
    html:focus-within {
      scroll-behavior: auto;
    }

    *, :before, :after {
      scroll-behavior: auto !important;
      transition-duration: .01ms !important;
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
    }
  }

  .cluster {
    --cluster-space: var(--space-xs);
    gap: var(--cluster-space);
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .cluster[data-variant="space-between"] {
    justify-content: space-between;
  }

  .cluster[data-variant="nowrap"] {
    flex-wrap: nowrap;
  }

  .cluster[data-variant="center"] {
    justify-content: center;
  }

  .cluster[data-variant="switcher"] > * {
    flex: 560px;
  }

  .stack {
    --space: var(--space-xs);
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
  }

  .stack[data-variant="justify-center"] {
    justify-content: center;
  }

  @media (width >= 80em) {
    .stack {
      --space: var(--space-m);
    }
  }

  .stack > * {
    margin-block: 0;
  }

  .stack > * + * {
    margin-block-start: var(--space, var(--space-2xs));
  }

  .stack-tiny {
    --space: var(--space-3xs);
  }

  .stack-small {
    --space: var(--space-2xs);
  }

  @media (width >= 80em) {
    .stack-small {
      --space: var(--space-xs);
    }
  }

  .stack-medium {
    --space: var(--space-m);
  }

  @media (width >= 80em) {
    .stack-medium {
      --space: var(--space-l);
    }
  }

  .stack-large {
    --space: var(--space-xl);
  }

  @media (width >= 80em) {
    .stack-large {
      --space: var(--space-3xl);
    }
  }

  .stack-reset {
    --space: 0;
  }

  section {
    padding-block: var(--space-2xs-s);
    padding-inline: var(--space-2xs-s);
    width: 100%;
    max-width: 1580px;
    margin-inline: auto;
  }

  section[data-variant="full-bleed"] {
    max-width: 100%;
    padding-inline: 0;
  }

  @media (width >= 48em) {
    section {
      padding-inline: var(--space-s-m);
    }
  }

  @media (min-widht: 80em) {
    section {
      padding-inline: var(--space-xl);
    }
  }

  [id], section {
    scroll-margin-block-start: var(--space-2xl);
  }

  .container {
    padding-inline: var(--space-s);
    max-width: 1580px;
    margin-inline: auto;
  }

  @media (width >= 48em) {
    .container {
      padding-inline: var(--space-m);
    }
  }

  details:not(.filter) {
    border-block-start: 1px solid var(--color-gray-200);
    max-width: 75ch;
  }

  details:not(.filter):last-of-type {
    border-block-end: 1px solid var(--color-gray-200);
  }

  details:not(.filter) > summary {
    cursor: pointer;
    padding-block: var(--space-2xs);
    letter-spacing: .015em;
    font-weight: 700;
    font-size: var(--step-0);
    border: 1px solid #0000;
    padding-inline-start: var(--space-2xs);
    padding-inline-end: var(--space-m);
    list-style: none;
    position: relative;
  }

  details:not(.filter) > summary > * {
    font-weight: inherit;
    letter-spacing: inherit;
    font-size: inherit;
    padding-inline-end: inherit;
  }

  details:not(.filter) > summary::marker {
    display: none !important;
  }

  details:not(.filter) > summary::-webkit-details-marker {
    display: none !important;
  }

  details:not(.filter) > summary:hover, details:not(.filter) > summary:focus-visible, details:not(.filter) > summary:hover > *, details:not(.filter) > summary:focus-visible > * {
    color: var(--color-text);
    background-color: var(--color-gray);
  }

  details:not(.filter) > summary:after {
    content: "";
    border-bottom: .75rem solid var(--color-gray-300);
    border-left: .5rem solid #0000;
    border-right: .5rem solid #0000;
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
  }

  details:not(.filter)[open] {
    border-block-start-color: #0000;
    margin-block-end: var(--space-s);
  }

  details:not(.filter)[open]:last-of-type {
    border-block-end-color: #0000;
  }

  details:not(.filter)[open] > summary {
    color: var(--color-text);
    background-color: var(--color-gray);
    border: 1px solid var(--color-gray);
  }

  details:not(.filter)[open] > summary > * {
    color: inherit;
  }

  details:not(.filter)[open] > summary:after {
    border-top: .75rem solid var(--color-green);
    border-left: .5rem solid #0000;
    border-right: .5rem solid #0000;
    border-bottom: revert;
  }

  details:not(.filter)[open] > summary + * {
    padding-block: var(--space-xs);
    border-inline: 2px solid var(--color-gray-200);
    border-block-end: 2px solid var(--color-gray-200);
    width: 100%;
    max-width: 100%;
    padding-inline-start: var(--space-xs);
    padding-inline-end: var(--space-s);
  }

  details:not(.filter)[data-variant="alternate"] summary {
    border-color: #0000;
  }

  details:not(.filter)[data-variant="alternate"][open], details:not(.filter)[data-variant="alternate"][open] > summary {
    background-color: var(--color-white);
  }

  details:not(.filter)[data-variant="alternate"][open] > summary + * {
    border-inline: 1px solid var(--color-gray-200);
    border-block-end: 1px solid var(--color-gray-200);
  }

  .smol-flexbox-grid {
    --min: 22ch;
    --gap: var(--space-m);
    gap: var(--gap);
    flex-wrap: wrap;
    display: flex;
  }

  .smol-flexbox-grid[data-variant="items-center"] {
    align-items: center;
  }

  .smol-flexbox-grid > * {
    flex: 1 1 var(--min);
  }

  .smol-css-grid {
    --min: 15ch;
    --gap: 1rem;
    grid-gap: var(--gap);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--min)), 1fr));
    display: grid;
  }

  .icon-text-grid {
    grid-gap: var(--gap);
    gap: var(--space-3xs);
    grid-template-columns: 2rem 1fr;
    align-items: center;
    display: grid;
  }

  .reel {
    inline-size: 100%;
    position: relative;
    overflow-x: scroll;
  }

  .reel ul {
    gap: var(--space-m);
    align-items: center;
    padding-inline-start: 0;
    display: flex;
  }

  .reel[data-variant="persons"] {
    padding-inline-start: 0;
  }

  .reel[data-variant="persons"] ul > li {
    flex: 0 0 250px;
    height: max-content;
    display: flex;
  }

  @media (width >= 80em) {
    .reel[data-variant="persons"] ul > li {
      flex: 0 0 320px;
    }
  }

  .reel[data-variant="persons"] ul > li img {
    object-fit: contain;
  }

  .reel[data-variant="logos"] {
    padding-inline-start: 0;
  }

  .reel[data-variant="logos"] ul > li {
    flex: 0 0 180px;
    align-items: center;
    height: max-content;
    display: flex;
  }

  @media (width >= 80em) {
    .reel[data-variant="logos"] ul > li {
      flex: 0 0 320px;
    }
  }

  .reel[data-variant="logos"] ul > li img {
    object-fit: contain;
  }

  .blob-list-item {
    position: relative;
  }

  .blob-list-item:before {
    content: "";
    width: calc(var(--space-s-l) * 1.25);
    aspect-ratio: 52 / 63;
    z-index: -1;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 63' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M51.373 43.4082C51.373 43.3057 51.3676 43.2032 51.3676 43.106C51.3676 43.079 51.3676 43.0575 51.3676 43.0305C51.3622 42.8794 51.3622 42.7283 51.3568 42.5718H51.3514C51.2866 41.1688 51.0543 38.8969 50.3142 36.4416C49.2985 33.0096 47.6778 30.0254 45.4736 27.5108C46.8296 24.4241 47.4995 21.1809 47.5427 17.8083C47.6022 12.5954 45.922 8.21906 42.3456 4.87876C36.6028 -0.620051 26.5219 -0.323255 22.0919 0.464602C16.5707 1.51688 11.6329 4.08011 7.59186 8.47269C2.65946 13.8366 0.439064 19.8966 0.617344 26.3722C0.741599 30.9806 2.17324 34.7904 4.89066 37.7313C4.7772 40.0787 5.04733 42.507 5.69021 45.0055C7.03001 50.2183 9.88249 54.5947 14.3557 57.935C23.5452 64.1353 33.9503 62.7161 35.7925 62.3492C41.0328 61.2969 45.2791 58.7337 48.1424 54.3411C50.2385 51.1249 51.2812 47.6551 51.373 43.9964C51.3622 43.9964 51.373 43.786 51.373 43.4082Z' fill='%23E05600'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    position: absolute;
    inset-block-start: calc(var(--space-3xs) * 1);
    inset-inline-start: calc(var(--space-2xs) * -1);
  }

  .cta-link {
    margin-block: var(--space-xs);
    position: relative;
  }

  .cta-link:hover {
    filter: drop-shadow(0 0 1.5rem color-mix(in srgb, var(--color-green), transparent 60%));
    animation: .5s ease-out wobble;
  }

  @media (width >= 80em) {
    .cta-link {
      margin-block: var(--space-m);
    }
  }

  .cta-link .cta-hint {
    text-align: center;
    margin-inline: auto;
  }

  .cta-link .cta-blob-outline {
    z-index: -1;
    block-size: 100%;
    position: absolute;
    inset: 0;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    transform: translate(-50%, -50%);
  }

  .post-template-default article {
    margin-block-start: var(--space-xl);
  }

  .clubnews-grid {
    gap: var(--space-m);
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    margin-inline: auto;
    display: grid;
  }

  .clubnews-grid.preview .clubnews-item {
    background-color: var(--color-light-gray);
  }

  .clubnews-grid.preview .clubnews-item .inner {
    padding-block-start: var(--space-2xs);
    padding-inline: var(--space-xs-s);
    padding-block-end: var(--space-m);
  }

  .clubnews-grid.preview .clubnews-item a {
    color: var(--color-text) !important;
  }

  .show-all-link {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-block-start: var(--space-l);
    display: flex;
  }

  .show-all-link a {
    color: var(--color-text) !important;
  }

  .blog main, .blog .pagination {
    margin-block-start: var(--space-xl);
  }

  @font-face {
    font-family: Champ;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("Champ-Bold.d4e07050.woff") format("woff");
  }

  .champ {
    font-family: Champ, serif;
    font-weight: 400;
  }

  .rich-text.block-editor-rich-text__editable {
    font-family: Helvetica, system-ui, sans-serif;
  }

  html:has(.editor-styles-wrapper) {
    font-size: 10px;
  }

  :where(.editor-styles-wrapper) p {
    font-family: Helvetica, system-ui, sans-serif;
    margin: var(--space-2xs) !important;
    line-height: 1.2 !important;
  }

  h1.wp-block-heading.block-editor-rich-text__editable:not(:is(.h2, .h3, .h4, .h5, .h6)) {
    font-size: var(--step-5) !important;
  }

  h2.wp-block-heading.block-editor-rich-text__editable:not(.h1, .h3, .h4, .h5, .h6) {
    font-size: var(--step-4) !important;
  }

  h3.wp-block-heading.block-editor-rich-text__editable:not(.h1, .h2, .h4, .h5, .h6) {
    font-size: var(--step-3) !important;
  }

  h4.wp-block-heading.block-editor-rich-text__editable:not(.h1, .h2, .h3, .h5, .h6) {
    font-size: var(--step-2) !important;
  }

  h5.wp-block-heading.block-editor-rich-text__editable:not(.h1, .h2, .h3, .h4, .h6) {
    font-size: var(--step-1) !important;
  }

  h6.wp-block-heading.block-editor-rich-text__editable:not(.h1, .h2, .h3, .h4, .h5) {
    font-size: var(--step-0) !important;
  }

  h1.wp-block-post-title.block-editor-block-list__block.editor-post-title.editor-post-title__input {
    font-family: Helvetica, system-ui, sans-serif;
    font-size: var(--step-4);
    line-height: 1.1;
  }

  :where(.editor-styles-wrapper) h1, :where(.editor-styles-wrapper) h2, :where(.editor-styles-wrapper) h3, :where(.editor-styles-wrapper) h4, :where(.editor-styles-wrapper) h5, :where(.editor-styles-wrapper) h6 {
    margin: 0 !important;
    font-weight: 300 !important;
  }

  .wp-block-media-text.is-stacked-on-mobile {
    gap: var(--space-s-m);
  }

  .wp-block-media-text .wp-block-media-text__content {
    flex-direction: column;
    max-width: 75ch;
    display: flex;
    gap: var(--space-xs-s) !important;
    padding-inline-start: 0 !important;
    padding-inline-end: var(--space-xs) !important;
  }

  .blob-cluster {
    align-items: center;
    padding-inline-start: 0;
    display: flex;
    justify-content: space-around !important;
    gap: var(--space-m) !important;
    flex-wrap: wrap !important;
  }

  .blob-button {
    z-index: 1;
    font-size: var(--step-1);
    block-size: 10rem;
    width: max-content;
    transition: all .35s ease-in-out;
    position: relative;
  }

  @media (width >= 80em) {
    .blob-button {
      font-size: var(--step-3);
      block-size: 15rem;
    }
  }

  .blob-button:before {
    content: "";
    aspect-ratio: 288 / 263;
    z-index: -1;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 288 263' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M162.43 5.49449C161.978 5.65188 161.535 5.83306 161.107 5.98216C160.988 6.02358 160.893 6.05671 160.774 6.09813C160.116 6.35386 159.45 6.58581 158.769 6.84983L158.777 6.87361C152.694 9.31286 143.039 13.8233 133.354 20.8518C119.788 30.593 109.124 42.3113 101.424 55.8783C85.7413 54.6449 70.4218 56.6733 55.4928 61.6602C32.43 69.4005 15.7218 83.5177 6.48819 104.395C-8.93412 138.126 7.83837 182.066 18.1061 200.365C31.2131 223.065 50.0835 240.875 75.6397 251.928C106.844 265.416 136.955 265.891 165.218 255.166C185.335 247.544 199.928 235.391 208.72 218.91C219.238 215.806 229.525 210.889 239.549 204.222C260.465 190.32 275.375 171.04 283.233 146.213C296.459 96.2263 274.243 52.5827 269.8 45.0331C257.124 23.5708 239.314 8.80555 215.565 2.93903C198.176 -1.35496 181.286 -0.620295 165.022 4.59157C165.039 4.63916 164.095 4.91463 162.43 5.49449Z' fill='%23FBECB4' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 10rem;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    transform: translate(-50%, -50%);
  }

  @media (width >= 80em) {
    .blob-button:before {
      height: 15rem;
    }
  }

  .blob-button a {
    color: var(--color-text);
    align-items: center;
    block-size: 100%;
    display: flex;
  }

  .blob-button:hover {
    filter: drop-shadow(0 0 1.5rem var(--color-yellow));
    animation: .5s ease-out wobble;
  }

  .wpforms-hidden {
    display: none;
  }

  .wpforms-title {
    font-size: var(--step-2);
    margin-block-end: var(--space-l);
    font-family: Champ, serif;
  }

  @media (width >= 48em) {
    .wpforms-title {
      font-size: var(--step-3);
    }
  }

  .wpforms-field-container {
    gap: var(--space-xs-s);
    font-size: var(--step-0);
    grid-template-columns: 100%;
    width: 100%;
    font-weight: 300;
    display: grid;
  }

  @media (width >= 48em) {
    .wpforms-field-container {
      grid-template-columns: 1fr 1fr;
    }
  }

  .wpforms-field-medium {
    border-radius: var(--space-3xs);
    background-color: var(--color-light-gray);
    padding-block: var(--space-2xs);
    padding-inline: var(--space-xs);
    border: none;
  }

  .wpforms-field-gdpr-checkbox {
    grid-column: span 1;
    max-width: 100%;
  }

  @media (width >= 48em) {
    .wpforms-field-gdpr-checkbox {
      grid-column: span 2;
      max-width: 60ch;
    }
  }

  .wpforms-error[aria-label="Fehlermeldung"] {
    color: var(--color-orange);
  }

  input[type="checkbox"] {
    appearance: none;
    border: .125rem solid var(--color-text);
    vertical-align: middle;
    height: 2rem;
    border-radius: 50%;
    inline-size: 2rem;
    margin-inline-end: var(--space-2xs);
    display: inline-block;
    position: relative;
  }

  input[type="checkbox"]:checked {
    background-color: var(--color-text);
  }

  input[type="checkbox"]:checked:before {
    content: "";
    aspect-ratio: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='white' d='M447.9 142.5l-23.2 22L181 395.3l-22 20.8-22-20.8L23.2 287.6 0 265.6l44-46.5 23.2 22L159 328 380.7 118l23.2-22 44 46.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 1.25rem;
    position: absolute;
    inset: 0;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    transform: translate(-50%, -50%);
  }

  .site-footer {
    background-color: var(--color-text);
    padding-inline: var(--space-2xs);
    padding-block: var(--space-l);
    inline-size: 100%;
    margin-block-start: var(--space-l);
    position: relative;
  }

  .site-footer .innoclub-logo {
    margin-block-end: var(--space-l);
    padding-inline: 0;
  }

  .site-footer .stack > * {
    font-size: var(--step-1);
    color: var(--color-white);
  }

  .site-footer .innoclub-logo {
    margin-block-start: calc(var(--space-s) * -1);
  }

  .site-footer .innoclub-logo path.type {
    fill: var(--color-white);
  }

  .site-footer .cluster {
    align-items: flex-start;
  }

  @media (width >= 36em) {
    .site-footer .cluster.contacts .blob-image {
      margin-inline: -2.5rem;
    }
  }

  .site-footer .cluster.grid > div {
    width: 100%;
  }

  @media (width >= 48em) {
    .site-footer .cluster.grid > div {
      width: auto;
    }
  }

  .site-footer ul {
    padding-inline-start: 0;
  }

  .site-footer ul li {
    line-height: 1.1;
  }

  .site-footer ul li a {
    font-size: var(--step-0);
  }

  .site-footer ul li a.small {
    font-size: var(--step--1);
  }

  .site-footer .address {
    font-size: var(--step-0);
    margin-block-start: var(--space-xs);
    line-height: 1.2;
  }

  .site-footer .linkedin {
    aspect-ratio: 448 / 512;
    width: 1.5rem;
    margin: 0;
    padding: 0;
    display: flex;
  }

  @media (width >= 48em) {
    .site-footer .linkedin {
      width: 2.5rem;
    }
  }

  .blob-image {
    z-index: 0;
    position: relative;
    mask: url("blob-path.b4c616d1.svg#path") center / contain no-repeat;
  }

  .blob-image:after {
    content: "";
    background-color: var(--color-green);
    z-index: 1;
    position: absolute;
    inset: 5px;
    mask: url("blob-path-outline.4947ba38.svg") center / contain no-repeat;
  }

  #meta-menu {
    gap: var(--space-2xs);
  }

  #meta-menu li a {
    font-size: var(--step-0);
    color: var(--color-white);
  }

  #meta-menu li + li {
    margin-block-start: 0;
    margin-inline-start: 0;
  }

  .goal {
    justify-content: center;
    align-items: center;
    gap: var(--space-m);
    flex-wrap: wrap;
    display: flex;
  }

  .goal > :first-child {
    flex: 420px;
  }

  @media (width >= 48em) {
    .goal {
      justify-content: space-between;
    }
  }

  .goal footer {
    padding-inline: var(--space-l);
    position: relative;
  }

  .goal footer a {
    z-index: 1;
    text-align: center;
    transform-origin: 0;
    block-size: 100%;
    inline-size: 100%;
    align-items: center;
    max-width: 8ch;
    font-family: Champ, serif;
    transition: scale .15s ease-in-out;
    display: flex;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    transform: translate(-50%, -50%);
  }

  .goal footer a:hover {
    scale: 1.025;
  }

  .goal footer a:hover + .svgs .blob path {
    fill: #e05600;
  }

  .goal footer .svgs {
    inline-size: 16ch;
    transition: fill .2s ease-in-out;
  }

  .goal footer .arrow {
    width: var(--space-m);
    position: absolute;
    inset-block-end: var(--space-2xs);
    inset-inline-end: calc(var(--space-3xs) * -1);
  }

  .header-nav {
    z-index: 100;
    background-color: var(--color-white);
    height: max-content;
    position: fixed;
    inset-block-start: 0;
    inset-inline: 0;
    box-shadow: 0 .5rem 1rem #0000001a;
  }

  .header-nav .cluster {
    padding: var(--space-2xs);
    z-index: 100;
    position: relative;
  }

  @media (width >= 80em) {
    .header-nav .cluster {
      padding: var(--space-xs);
    }
  }

  .header-nav .languages ul {
    gap: var(--space-2xs);
    flex-wrap: nowrap;
    min-inline-size: max-content;
    margin: 0;
    display: flex;
  }

  .header-nav .toggle {
    align-items: center;
    display: flex;
  }

  .header-nav .toggle button {
    margin: 0;
    padding: 0;
    line-height: 0;
    transition: color .35s ease-in-out;
  }

  .header-nav .toggle button:active, .header-nav .toggle button:hover {
    background-color: #0000;
  }

  .header-nav .toggle button svg {
    width: calc(var(--space-l) * 1);
    aspect-ratio: 1;
  }

  .header-nav .claim {
    padding-block-end: var(--space-3xs);
    display: none;
  }

  @media (width >= 48em) {
    .header-nav .claim {
      display: block;
    }
  }

  .innoclub-logo {
    padding: var(--space-3xs);
    width: 8rem;
    max-width: 100%;
    padding-inline-start: var(--space-2xs);
  }

  @media (width >= 112em) {
    .innoclub-logo {
      width: 12rem;
    }
  }

  .dialog {
    z-index: 50;
    background-color: var(--color-light-gray);
    min-height: 100dvh;
    border: none;
    inline-size: 100%;
    position: fixed;
    inset: 0;
    overflow-y: auto;
  }

  .dialog #site-navigation {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
    block-size: 100dvh;
    min-block-size: 100dvh;
    display: flex;
  }

  .dialog #site-navigation li {
    font-size: var(--step-3);
    height: calc(var(--space-2xl) * .925);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  @media (width >= 48em) {
    .dialog #site-navigation li {
      font-size: var(--step-4);
      height: calc(var(--space-2xl) * 1.5);
    }
  }

  @media (width >= 112em) {
    .dialog #site-navigation li {
      font-size: var(--step-5);
      height: calc(var(--space-3xl) * 1.5);
    }
  }

  .dialog #site-navigation li + li {
    margin-block-start: 0;
  }

  .dialog #site-navigation li a:hover, .dialog #site-navigation li a[aria-current="page"] {
    font-family: Champ, serif;
  }

  .logo-reel {
    --base-height: clamp(2rem, .375rem + 8.13vw, 6rem);
    --scale-factor-horizontal: .1;
    --scale-factor-vertical: .5;
    --logo-min-size: .5;
    --logo-max-size: 1.25;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: clamp(1rem, .125rem + 3.13vw, 2rem);
    display: flex;
    container-type: inline-size;
  }

  @property --captured-length {
    syntax: "<length>"; initial-value: 0px; inherits: false;
  }

  .item {
    padding: clamp(1.5rem, .125rem + 3.13vw, 2rem);
    position: relative;
  }

  .logo {
    --base-ratio: calc(var(--width) / var(--height));
    --factor-horizontal: min(var(--scale-factor-horizontal) * -1 * var(--base-ratio)  + var(--scale-factor-horizontal)  + 1, 1);
    --factor-vertical: max(var(--scale-factor-vertical) * -1 * var(--base-ratio)  + var(--scale-factor-vertical)  + 1, 1);
    aspect-ratio: var(--base-ratio);
    height: clamp(var(--base-height) * var(--logo-min-size), var(--base-height) * var(--factor-horizontal) * var(--factor-vertical), var(--base-height) * var(--logo-max-size));
  }

  .logo:before {
    content: "";
    z-index: 0;
    border-radius: var(--space-3xs);
    background-color: color-mix(in srgb, var(--color-light-gray), white 60%);
    position: absolute;
    inset: 0;
  }

  .logo > a {
    align-items: center;
    padding: clamp(1.5rem, .125rem + 3.13vw, 2rem);
    display: flex;
    position: absolute;
    inset: 0;
  }

  .logo img {
    width: 100%;
    height: auto;
    display: block;
  }

  html {
    scroll-behavior: smooth;
    color: var(--color-text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
    font-family: Helvetica, system-ui, sans-serif;
  }

  body {
    margin: 0;
  }

  h1, h2, h3, h4, h5, h6 {
    text-wrap: balance;
    color: var(--color-text);
    font-weight: 300;
    line-height: 1.1;
  }

  h1, .h1 {
    line-height: 1.1;
    font-size: var(--step-3) !important;
  }

  @media (width >= 48em) {
    h1, .h1 {
      font-size: var(--step-5) !important;
    }
  }

  h2:not(#CybotCookiebotDialogBodyContentTitle), .h2 {
    font-size: var(--step-2) !important;
  }

  @media (width >= 48em) {
    h2:not(#CybotCookiebotDialogBodyContentTitle), .h2 {
      font-size: var(--step-4) !important;
    }
  }

  h3, .h3 {
    font-size: var(--step-2) !important;
  }

  @media (width >= 48em) {
    h3, .h3 {
      line-height: 1.3;
      font-size: var(--step-3) !important;
    }
  }

  h4, .h4 {
    font-size: var(--step-1) !important;
  }

  @media (width >= 48em) {
    h4, .h4 {
      font-size: var(--step-2) !important;
    }
  }

  h5, .h5 {
    font-size: var(--step-0) !important;
  }

  @media (width >= 48em) {
    h5, .h5 {
      font-size: var(--step-1) !important;
    }
  }

  h6, .h6 {
    font-size: var(--step--1) !important;
  }

  @media (width >= 48em) {
    h6, .h6 {
      font-size: var(--step-0) !important;
    }
  }

  p {
    font-weight: 300;
    line-height: 1.4;
    font-size: var(--wp--preset--font-size--standard);
  }

  p:not(:is(.has-small-font-size, .h2, .h3, .h4, .h5, .h6)) {
    font-size: var(--wp--preset--font-size--small) !important;
  }

  @media (width >= 48em) {
    p:not(:is(.has-small-font-size, .h2, .h3, .h4, .h5, .h6)) {
      font-size: var(--wp--preset--font-size--standard) !important;
    }
  }

  p.small {
    line-height: 1.2;
    font-size: var(--wp--preset--font-size--small) !important;
  }

  a {
    font-size: inherit;
    text-decoration: none;
  }

  a[href]:not(.cta-link) {
    color: var(--color-text);
    font-weight: 300;
  }

  p a[target="_blank"] {
    white-space: nowrap;
    color: var(--color-text);
    position: relative;
    text-decoration: underline !important;
    -webkit-text-decoration-color: color-mix(in srgb, var(--color-text), transparent 70%) !important;
    text-decoration-color: color-mix(in srgb, var(--color-text), transparent 70%) !important;
  }

  p a[target="_blank"]:after {
    content: "";
    top: -2px;
    right: calc(var(--space-2xs-xs) * -1);
    height: var(--space-2xs-xs);
    width: var(--space-2xs-xs);
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='black' stroke-width='1px' d='M5.85369 1.00285L18.8234 1.00002C18.8802 1.00002 18.9364 1.01119 18.9888 1.0329C19.0412 1.05461 19.0888 1.08643 19.129 1.12655C19.1691 1.16667 19.2009 1.2143 19.2226 1.26672C19.2443 1.31914 19.2555 1.37533 19.2555 1.43207L19.2534 14.4025C19.2534 14.4593 19.2422 14.5154 19.2205 14.5679C19.1988 14.6203 19.1669 14.6679 19.1268 14.708C19.0867 14.7481 19.0391 14.78 18.9867 14.8017C18.9342 14.8234 18.8781 14.8346 18.8213 14.8346C18.7646 14.8346 18.7084 14.8234 18.656 14.8017C18.6036 14.78 18.5559 14.7481 18.5158 14.708C18.4757 14.6679 18.4439 14.6203 18.4222 14.5679C18.4005 14.5154 18.3893 14.4593 18.3893 14.4025L18.4218 2.50616L2.73747 18.1905C2.65646 18.2715 2.54657 18.317 2.432 18.317C2.31743 18.317 2.20755 18.2715 2.12653 18.1905C2.04552 18.1095 2 17.9996 2 17.885C2 17.7704 2.04552 17.6606 2.12653 17.5796L17.8109 1.89522L5.88339 1.89239C5.82665 1.89239 5.77047 1.88122 5.71805 1.85951C5.66563 1.8378 5.618 1.80598 5.57788 1.76586C5.53776 1.72574 5.50593 1.67811 5.48422 1.62569C5.46251 1.57327 5.45134 1.51708 5.45135 1.46035C5.4426 1.40303 5.44642 1.34451 5.46253 1.28882C5.47865 1.23312 5.50667 1.1816 5.54468 1.13781C5.58268 1.09403 5.62974 1.05903 5.68261 1.03524C5.73548 1.01144 5.79289 0.999428 5.85086 1.00002L5.85369 1.00285Z' fill='%23000'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    position: absolute;
  }

  strong, b {
    font-family: Champ, serif;
    font-size: .875em;
    font-weight: 400;
  }

  .regular {
    font-weight: 400;
  }

  :focus-visible {
    outline: 2px dashed var(--color-text);
  }

  .blob-in-bg {
    z-index: initial;
    position: relative;
  }

  .blob-in-bg:before {
    content: "";
    z-index: -1;
    aspect-ratio: 709 / 688;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 709 688' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M655.182 281.178C654.419 280.254 653.607 279.37 652.883 278.495C652.682 278.252 652.522 278.057 652.321 277.814C651.147 276.493 650.022 275.131 648.808 273.761L648.759 273.801C637.729 261.64 618.72 242.895 593.773 226.275C559.071 202.903 522.255 188.07 483.68 181.81C472.909 143.903 454.793 109.691 430.07 78.9749C391.79 31.5554 344.073 4.61781 286.992 1.12742C194.329 -5.6953 105.751 71.9917 71.7215 112.055C29.8326 162.622 4.44888 222.464 0.762922 292.119C-3.7184 377.16 21.4078 448.295 71.2301 505.325C106.663 545.931 147.924 569.612 194.295 575.895C210.752 597.894 231.266 617.768 255.66 635.5C306.54 672.508 364.816 690.722 429.973 687.54C558.9 675.037 642.04 584.823 655.899 567.808C695.258 519.331 714.414 464.635 707.493 403.744C702.423 359.162 685.977 320.134 659.562 286.479C659.464 286.559 657.995 284.582 655.182 281.178Z' fill='%23FBECB4' /%3E%3C/svg%3E");
    inline-size: 50vw;
    position: absolute;
    inset-block-start: -10%;
    inset-inline-end: 20%;
  }

  @media (width >= 80em) {
    .blob-in-bg:before {
      inline-size: 38vw;
      inset-block-start: -15%;
      inset-inline-end: 20%;
    }
  }

  input[type="submit"], .cta-link, button {
    background-color: var(--color-light-blue);
    color: var(--color-text);
    border-radius: var(--space-2xs);
    padding-block: calc(var(--space-2xs)  - .275rem);
    padding-inline: calc(var(--space-xs)  - .275rem);
    font-size: var(--step-2);
    cursor: pointer;
    border: 2px solid #0000;
    align-self: flex-start;
    font-weight: 400;
    line-height: 1.2;
    text-decoration: none;
    transition: background-color .25s ease-in-out, border-color .25s ease-in-out, color .25s ease-in-out;
  }

  input[type="submit"]:hover, .cta-link:hover, button:hover {
    background-color: #0000;
  }

  input[type="submit"]:active, .cta-link:active, button:active {
    background-color: var(--color-text);
    color: var(--color-white);
  }

  ul:not([role="list"]) li + li {
    margin-block-start: var(--space, --space-3xs);
  }

  ul:not([role="list"]) {
    padding-inline-start: 0;
    list-style: none;
  }

  hr {
    border: .025rem solid var(--color-text);
    width: 100%;
  }

  .entry > pre {
    font-size: var(--step--2);
    color: var(--color-text);
    background-color: var(--color-light-blue);
    border-radius: .25rem;
    padding: .5rem;
  }
}

pre {
  font-size: var(--step--1);
  overflow: hidden;
}

video {
  aspect-ratio: 16 / 9;
  width: 100%;
}

main {
  padding-block-start: var(--space-l);
}

@media (width >= 48em) {
  main {
    padding-block-start: var(--space-xl);
  }
}

@media (width >= 112em) {
  main {
    padding-block-start: var(--space-3xl);
  }
}

#page:has(.hero) main {
  padding-block-start: var(--headerHeight);
}

@keyframes wobble {
  0%, 100% {
    transform-origin: 50%;
    transform: translateY(0%);
  }

  15% {
    transform: translateY(-2px);
  }

  30% {
    transform: translateY(1px);
  }

  45% {
    transform: translateY(-1px);
  }

  60% {
    transform: translateY(.606061px);
  }

  75% {
    transform: translateY(-.363636px);
  }
}

.wp-block-column > * + * {
  margin-block-start: var(--space-xs-s);
}

.wp-block-column {
  word-break: normal;
  overflow-wrap: normal;
  min-width: auto;
}

:where(.block-button) a, a:where(:not(.wp-element-button)) {
  text-decoration: none;
}

#page .debug-class {
  outline-offset: -12px;
  outline: 12px dashed violet;
}

@layer utilities {
  .debug {
    outline: 1px dashed var(--color-orange);
    outline-offset: -1px;
    background-color: #ff00000d;
  }

  [hidden] {
    display: none !important;
  }

  .sr-only {
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
  }

  .sr-only-focusable:focus, .sr-only-focusable:active {
    clip: auto !important;
    clip-path: none !important;
    white-space: normal !important;
    width: auto !important;
    height: auto !important;
    margin: auto !important;
    overflow: visible !important;
  }

  .noscroll {
    overflow: hidden;
  }

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

  .w-max-content {
    width: max-content;
  }

  .ml-auto {
    margin-left: auto;
  }

  .mx-auto {
    margin-inline: auto;
  }

  .text-uppercase {
    text-transform: uppercase;
  }

  .items-start {
    align-items: flex-start;
  }

  .position-relative {
    position: relative;
  }

  .bg-text {
    background: #000;
  }

  .bg-white {
    background: #fff;
  }

  .bg-orange {
    background: #e05600;
  }

  .bg-yellow {
    background: #fbecb4;
  }

  .bg-green {
    background: #7dbc84;
  }

  .bg-light-gray {
    background: #dedde4;
  }

  .color-text {
    color: #000;
  }

  .color-white {
    color: #fff;
  }

  .color-orange {
    color: #e05600;
  }

  .color-yellow {
    color: #fbecb4;
  }

  .color-green {
    color: #7dbc84;
  }

  .color-light-gray {
    color: #dedde4;
  }

  .box-block {
    display: block;
  }

  .box-flex {
    display: flex;
  }

  .box-hide {
    display: none;
  }

  .box-show {
    display: inherit;
  }

  .margin-inline-3xs {
    margin-inline: var(--space-3xs);
  }

  .margin-inline-2xs {
    margin-inline: var(--space-2xs);
  }

  .margin-inline-xs {
    margin-inline: var(--space-xs);
  }

  .margin-inline-s {
    margin-inline: var(--space-s);
  }

  .margin-inline-m {
    margin-inline: var(--space-m);
  }

  .margin-inline-l {
    margin-inline: var(--space-l);
  }

  .margin-inline-xl {
    margin-inline: var(--space-xl);
  }

  .margin-inline-2xl {
    margin-inline: var(--space-2xl);
  }

  .margin-inline-3xl {
    margin-inline: var(--space-3xl);
  }

  .margin-block-3xs {
    margin-block: var(--space-3xs);
  }

  .margin-block-2xs {
    margin-block: var(--space-2xs);
  }

  .margin-block-xs {
    margin-block: var(--space-xs);
  }

  .margin-block-s {
    margin-block: var(--space-s);
  }

  .margin-block-m {
    margin-block: var(--space-m);
  }

  .margin-block-l {
    margin-block: var(--space-l);
  }

  .margin-block-xl {
    margin-block: var(--space-xl);
  }

  .margin-block-2xl {
    margin-block: var(--space-2xl);
  }

  .margin-block-3xl {
    margin-block: var(--space-3xl);
  }

  .padding-block-3xs {
    padding-block: var(--space-3xs);
  }

  .padding-block-2xs {
    padding-block: var(--space-2xs);
  }

  .padding-block-xs {
    padding-block: var(--space-xs);
  }

  .padding-block-s {
    padding-block: var(--space-s);
  }

  .padding-block-m {
    padding-block: var(--space-m);
  }

  .padding-block-l {
    padding-block: var(--space-l);
  }

  .padding-block-xl {
    padding-block: var(--space-xl);
  }

  .padding-block-2xl {
    padding-block: var(--space-2xl);
  }

  .padding-block-3xl {
    padding-block: var(--space-3xl);
  }

  .padding-3xs {
    padding: var(--space-3xs);
  }

  .padding-2xs {
    padding: var(--space-2xs);
  }

  .padding-xs {
    padding: var(--space-xs);
  }

  .padding-s {
    padding: var(--space-s);
  }

  .padding-m {
    padding: var(--space-m);
  }

  .padding-l {
    padding: var(--space-l);
  }

  .padding-xl {
    padding: var(--space-xl);
  }

  .padding-2xl {
    padding: var(--space-2xl);
  }

  .padding-3xl {
    padding: var(--space-3xl);
  }

  .padding-inline-3xs {
    padding-inline: var(--space-3xs);
  }

  .padding-inline-2xs {
    padding-inline: var(--space-2xs);
  }

  .padding-inline-xs {
    padding-inline: var(--space-xs);
  }

  .padding-inline-s {
    padding-inline: var(--space-s);
  }

  .padding-inline-m {
    padding-inline: var(--space-m);
  }

  .padding-inline-l {
    padding-inline: var(--space-l);
  }

  .padding-inline-xl {
    padding-inline: var(--space-xl);
  }

  .padding-inline-2xl {
    padding-inline: var(--space-2xl);
  }

  .padding-inline-3xl {
    padding-inline: var(--space-3xl);
  }

  .text--2 {
    font-size: var(--step--2);
  }

  .text--1 {
    font-size: var(--step--1);
  }

  .text-0 {
    font-size: var(--step-0);
  }

  .text-1 {
    font-size: var(--step-1);
  }

  .text-2 {
    font-size: var(--step-2);
  }

  .text-3 {
    font-size: var(--step-3);
  }

  .text-4 {
    font-size: var(--step-4);
  }

  .text-5 {
    font-size: var(--step-5);
  }

  .weight-light {
    font-weight: 300;
  }

  .weight-regular {
    font-weight: 400;
  }

  .weight-bold {
    font-weight: 700;
  }

  .measure-26 {
    max-width: 26ch;
  }

  .measure-36 {
    max-width: 36ch;
  }

  .measure-48 {
    max-width: 48ch;
  }

  .measure-75 {
    max-width: 75ch;
  }

  .width-full {
    width: 100%;
  }

  .width-half {
    width: 50%;
  }

  .width-quarter {
    width: 25%;
  }

  .width-third {
    width: 33.3333%;
  }

  @media (width >= 36em) {
    .sm\:box-block {
      display: block;
    }

    .sm\:box-flex {
      display: flex;
    }

    .sm\:box-hide {
      display: none;
    }

    .sm\:box-show {
      display: inherit;
    }

    .sm\:text--2 {
      font-size: var(--step--2);
    }

    .sm\:text--1 {
      font-size: var(--step--1);
    }

    .sm\:text-0 {
      font-size: var(--step-0);
    }

    .sm\:text-1 {
      font-size: var(--step-1);
    }

    .sm\:text-2 {
      font-size: var(--step-2);
    }

    .sm\:text-3 {
      font-size: var(--step-3);
    }

    .sm\:text-4 {
      font-size: var(--step-4);
    }

    .sm\:text-5 {
      font-size: var(--step-5);
    }

    .sm\:measure-26 {
      max-width: 26ch;
    }

    .sm\:measure-36 {
      max-width: 36ch;
    }

    .sm\:measure-48 {
      max-width: 48ch;
    }

    .sm\:measure-75 {
      max-width: 75ch;
    }

    .sm\:width-full {
      width: 100%;
    }

    .sm\:width-half {
      width: 50%;
    }

    .sm\:width-quarter {
      width: 25%;
    }

    .sm\:width-third {
      width: 33.3333%;
    }
  }

  @media (width >= 48em) {
    .md\:box-block {
      display: block;
    }

    .md\:box-flex {
      display: flex;
    }

    .md\:box-hide {
      display: none;
    }

    .md\:box-show {
      display: inherit;
    }

    .md\:text--2 {
      font-size: var(--step--2);
    }

    .md\:text--1 {
      font-size: var(--step--1);
    }

    .md\:text-0 {
      font-size: var(--step-0);
    }

    .md\:text-1 {
      font-size: var(--step-1);
    }

    .md\:text-2 {
      font-size: var(--step-2);
    }

    .md\:text-3 {
      font-size: var(--step-3);
    }

    .md\:text-4 {
      font-size: var(--step-4);
    }

    .md\:text-5 {
      font-size: var(--step-5);
    }

    .md\:measure-26 {
      max-width: 26ch;
    }

    .md\:measure-36 {
      max-width: 36ch;
    }

    .md\:measure-48 {
      max-width: 48ch;
    }

    .md\:measure-75 {
      max-width: 75ch;
    }

    .md\:width-full {
      width: 100%;
    }

    .md\:width-half {
      width: 50%;
    }

    .md\:width-quarter {
      width: 25%;
    }

    .md\:width-third {
      width: 33.3333%;
    }
  }

  @media (width >= 62em) {
    .lg\:box-block {
      display: block;
    }

    .lg\:box-flex {
      display: flex;
    }

    .lg\:box-hide {
      display: none;
    }

    .lg\:box-show {
      display: inherit;
    }

    .lg\:text--2 {
      font-size: var(--step--2);
    }

    .lg\:text--1 {
      font-size: var(--step--1);
    }

    .lg\:text-0 {
      font-size: var(--step-0);
    }

    .lg\:text-1 {
      font-size: var(--step-1);
    }

    .lg\:text-2 {
      font-size: var(--step-2);
    }

    .lg\:text-3 {
      font-size: var(--step-3);
    }

    .lg\:text-4 {
      font-size: var(--step-4);
    }

    .lg\:text-5 {
      font-size: var(--step-5);
    }

    .lg\:measure-26 {
      max-width: 26ch;
    }

    .lg\:measure-36 {
      max-width: 36ch;
    }

    .lg\:measure-48 {
      max-width: 48ch;
    }

    .lg\:measure-75 {
      max-width: 75ch;
    }

    .lg\:width-full {
      width: 100%;
    }

    .lg\:width-half {
      width: 50%;
    }

    .lg\:width-quarter {
      width: 25%;
    }

    .lg\:width-third {
      width: 33.3333%;
    }
  }
}
/*# sourceMappingURL=index.css.map */
