@charset "UTF-8";

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* === PAGE STRUCTURE === */
.page {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.imprint-content {
  flex: 1;
}

/* === DESKTOP === */
@media (min-width: 1025px) {
  html, body {
    overflow: hidden;
    height: 100vh;
  }

  h1 {
    position: absolute;
    bottom: 18px;
    left: calc(20px + 120px);
    z-index: 2;
  }

  .imprint-content {
    display: flex;
    width: 100%;
    height: 100vh;
    gap: 3.5%;
    padding: 10% 5vw 5%;
    box-sizing: border-box;
    align-items: flex-start;
  }

  .contact-info,
  .legal-info,
  .disclaimer {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-sizing: border-box;
    overflow-y: auto;
  }
}

/* === TABLET & MOBILE === */
@media (max-width: 1024px) {
  .imprint-headline {
    display: none;
  }

  .imprint-content {
    display: flex;
    flex-direction: column;
    padding: 0 5vw;
    gap: 1rem;
	margin-top: 80px;
	margin-bottom: 0;
  }

  .imprint-text,
  .contact-info,
  .legal-info,
  .disclaimer {
    width: 100%;
    margin-bottom: 1.5rem;
  }

}