:root {
  font-size: 16px;
}

/* UTILITY */
.m-t-0 {
  margin-top: var(--s-0);
}

.m-t-1 {
  margin-top: var(--s-1);
}

.m-t-2 {
  margin-top: var(--s-2);
}

.m-t-3 {
  margin-top: var(--s-3);
}

.m-t-4 {
  margin-top: var(--s-4);
}

.m-t-5 {
  margin-top: var(--s-5);
}

.m-t-6 {
  margin-top: var(--s-6);
}

.m-t-7 {
  margin-top: var(--s-7);
}

.m-t-8 {
  margin-top: var(--s-8);
}

.m-t-9 {
  margin-top: var(--s-9);
}

.m-t-10 {
  margin-top: var(--s-10);
}

.m-r-0 {
  margin-right: var(--s-0);
}

.m-r-1 {
  margin-right: var(--s-1);
}

.m-r-2 {
  margin-right: var(--s-2);
}

.m-r-3 {
  margin-right: var(--s-3);
}

.m-r-4 {
  margin-right: var(--s-4);
}

.m-r-5 {
  margin-right: var(--s-5);
}

.m-r-6 {
  margin-right: var(--s-6);
}

.m-r-7 {
  margin-right: var(--s-7);
}

.m-r-8 {
  margin-right: var(--s-8);
}

.m-r-9 {
  margin-right: var(--s-9);
}

.m-r-10 {
  margin-right: var(--s-10);
}

.m-b-0 {
  margin-bottom: var(--s-0);
}

.m-b-1 {
  margin-bottom: var(--s-1);
}

.m-b-2 {
  margin-bottom: var(--s-2);
}

.m-b-3 {
  margin-bottom: var(--s-3);
}

.m-b-4 {
  margin-bottom: var(--s-4);
}

.m-b-5 {
  margin-bottom: var(--s-5);
}

.m-b-6 {
  margin-bottom: var(--s-6);
}

.m-b-7 {
  margin-bottom: var(--s-7);
}

.m-b-8 {
  margin-bottom: var(--s-8);
}

.m-b-9 {
  margin-bottom: var(--s-9);
}

.m-b-10 {
  margin-bottom: var(--s-10);
}

.m-l-0 {
  margin-left: var(--s-0);
}

.m-l-1 {
  margin-left: var(--s-1);
}

.m-l-2 {
  margin-left: var(--s-2);
}

.m-l-3 {
  margin-left: var(--s-3);
}

.m-l-4 {
  margin-left: var(--s-4);
}

.m-l-5 {
  margin-left: var(--s-5);
}

.m-l-6 {
  margin-left: var(--s-6);
}

.m-l-7 {
  margin-left: var(--s-7);
}

.m-l-8 {
  margin-left: var(--s-8);
}

.m-l-9 {
  margin-left: var(--s-9);
}

.m-l-10 {
  margin-left: var(--s-10);
}

.hidden {
  display: none;
}

/* Section content with max width of 1920px */
@media (min-width: 1920px) {
  .section.section-left {
    align-items: center;
  }

  .section.section-left .section-content.section-content-side {
    margin-right: 144px;
  }

  .section.section-right {
    align-items: center;
  }

  .section.section-right .section-content.section-content-side {
    margin-left: 144px;
  }
}

/* UTILITY end */

/* NAVBAR */
@media (max-width: 1400px) and (min-width: 991px) {
  .navbar-link-wrap.navbar-link-menu {
    position: absolute;
    left: -400px;
    top: 0px;
    display: flex;
    width: 400px;
    height: 100vh;
    padding-top: 150px;
    padding-bottom: 100px;
    padding-right: 5%;
    padding-left: 5%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    grid-row-gap: 20px;
    background-color: var(--blue-dark);
  }

  .navbar-burger {
    display: flex;
    cursor: pointer;
  }

  .navbar-link {
    width: 100%;
    height: auto;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .navbar-link-text-wrap {
    height: 40px;
  }

  .navbar-link-submenu {
    position: static;
    width: 100%;
  }

  .button-wrap-base.button-wrap-navbar {
    flex-flow: column;
    column-gap: var(--s-1);
    row-gap: var(--s-1);
  }

  .button-wrap-base.button-wrap-navbar.hidden-m {
    display: flex;
  }

  .navbar-side {
    border-style: none;
    border-width: 1px;
    border-color: black;
  }
}

/* NAVBAR end */

/* GDPR */
.gdpr-content h1,
h2,
h3,
h4,
h5,
h6 {
  scroll-margin-top: 200px;
}

.gdpr-content h1 {
  font-size: 1.5rem;
}

.gdpr-content h2 {
  font-size: 1.5rem;
}

.gdpr-content h3 {
  font-size: 1.5rem;
}

.gdpr-content h4 {
  font-size: 1.5rem;
}

.gdpr-content h5 {
  font-size: 1.5rem;
}

.gdpr-content h6 {
  font-size: 1.5rem;
}

.gdpr-nav-submenu>.gdpr-nav-link {
  font-weight: 200;
}

/* GDPR end */

/* LOADING SCREEN */
.loading-circle {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* LOADING SCREEN end */


input[type="date"] {
  color: transparent;
}

.p-overflow-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.p-overflow-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.p-overflow-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.p-overflow-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.p-overflow-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.title-overflow-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 1550px) and (min-width: 1281px) {
  .hero-search-container {
    margin-top: var(--s-4);
    margin-bottom: 50px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    column-gap: var(--s-0);
    row-gap: var(--s-0);
  }

  .form-container-base.form-container-hero-search {
    width: 100%;
  }

  .headline-wrap-base.headline-wrap-hero-search {
    max-width: none;
    margin-right: var(--s-6);
  }
}

@media (max-width: 1440px) and (min-width: 991px) {
  .card-founder-content {
    flex-direction: column;
    align-items: center;
  }

  .overlay-register-container {
    flex-direction: column;
    row-gap: var(--s-4);
  }

  .text-container-base.text-container-event-overlay {
    width: 100%;
  }

  .form-container-base.form-container-register {
    width: 100%;
  }

  .spacer-event-overlay {
    height: 1px;
    min-height: 1px;
    width: 100%;
  }
}


@media (max-width: 1280px) and (min-width: 991px) {

  h1,
  .title-h1 {
    font-size: 5rem;
  }

  h2,
  .title-h2 {
    font-size: 3.5rem;
  }

  h3,
  .title-h3 {
    font-size: 2.5rem;
  }

  h4,
  .title-h4 {
    font-size: 2rem;
  }

  h5,
  .title-h5 {
    font-size: 1.5rem;
  }

  h6,
  .title-h6 {
    font-size: 1.25rem;
  }

  .text-wrap-base.text-wrap-event-promoted-preview-description {
    margin-left: 0px;
  }

  .footer-container {
    margin-bottom: var(--s-2);
    flex-flow: column;
    row-gap: var(--s-8);
  }

  .text-container-base.text-container-footer-contact {
    margin-top: var(--s-0);
    margin-left: var(--s-0);
  }

  .headline-wrap-base.headline-wrap-hero-search {
    max-width: 500px;
  }

  .hero-search-container {
    margin-top: var(--s-4);
    margin-bottom: 50px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    column-gap: var(--s-0);
    row-gap: var(--s-0);
  }

  .form-container-base.form-container-hero-search {
    width: 100%;
    min-width: 0px;
    flex-flow: column;
  }
}

@media (max-width: 1800px) and (min-width: 991px) {
  .content-row-base.content-row-events {
    column-gap: var(--s-4);
    row-gap: var(--s-4);
  }

  .content-row-base.content-row-events .column-20 {
    min-width: 300px;
  }

  .grid-card-events {
    display: grid;
    grid-auto-columns: 1fr;
    column-gap: var(--s-2);
    row-gap: var(--s-2);
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
  }
}

@media (max-width: 1280px) and (min-width: 991px) {
  .events-overview-container {
    flex-flow: column;
    justify-content: flex-start;
  }

  .form-container-base.form-container-events-filter {
    max-width: none;
  }

  .form-base.form-event-filter {
    grid-template-columns: 1fr 1fr;
  }

  /* Custom positions */
  #w-node-ceff8b53-4fa2-b889-fd6e-9528ebfc69c4-2be039cd {
    grid-area: 1 / 2 / 2 / 2;
    margin-top: 0px;
  }

  #w-node-efe1de99-ba3c-584f-a236-6e0367dc5155-2be039cd {
    grid-area: 2 / 2 / 7 / 3;
    align-self: start
  }

  #w-node-d7963632-ce33-2b0f-46b0-8380c1dcb8e9-2be039cd {
    grid-area: 8 / 2 / 9 / 3;
  }
}

@media (max-width: 1366px) and (min-width: 991px) {
  .event-cta-container {
    flex-flow: column;
  }
}

@media (max-width: 900px) and (min-width: 767px) {
  .grid-card-events {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 834px) and (min-width: 767px) {
  .event-cta-container {
    flex-flow: column;
  }
}

.text-container-base.text-container-event-description h1 {
  font-size: 1.25rem;
}

.text-container-base.text-container-event-description h2 {
  font-size: 1.25rem;
}

.text-container-base.text-container-event-description h3 {
  font-size: 1.25rem;
}

.text-container-base.text-container-event-description h4 {
  font-size: 1.25rem;
}

.text-container-base.text-container-event-description h5 {
  font-size: 1.25rem;
}

.text-container-base.text-container-event-description h6 {
  font-size: 1.25rem;
}