/* Gemeinsame Ergänzungen für Rechtstexte und den ToxiCometer. */

body.legal-page,
body.toxikometer-page {
  background: #131926;
}

.legal-page .page-main {
  position: relative;
  z-index: 1;
  padding: calc(var(--unbond-shell-offset) + 54px) 20px 76px;
  background:
    radial-gradient(circle at 88% 10%, rgba(111, 32, 53, .14), transparent 30%),
    linear-gradient(180deg, #131926 0%, #101622 100%);
}

.legal-page .legal {
  width: min(880px, 100%);
  margin-inline: auto;
}

.legal-page .legal > .eyebrow {
  margin: 0 0 12px;
}

.legal-page .legal > h1 {
  margin: 0 0 38px;
  color: var(--unbond-text, #f7f2ea);
  font-family: var(--unbond-display, Georgia, serif);
  font-size: clamp(2.35rem, 6vw, 4.7rem);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
}

.legal-page .legal section {
  padding: 24px 0;
  border-bottom: 1px solid rgba(210, 166, 59, .14);
}

.legal-page .legal section:first-of-type {
  border-top: 1px solid rgba(210, 166, 59, .14);
}

.legal-page .legal h2 {
  margin: 0 0 12px;
  color: var(--unbond-text, #f7f2ea);
  font-family: var(--unbond-heading, Arial, sans-serif);
  font-size: clamp(1.15rem, 2.4vw, 1.55rem);
  line-height: 1.3;
}

.legal-page .legal h3 {
  color: var(--unbond-text, #f7f2ea);
}

.legal-page .legal p,
.legal-page .legal li,
.legal-page .legal td {
  color: rgba(247, 242, 234, .78);
  line-height: 1.75;
}

.legal-page .legal a {
  color: var(--unbond-gold-light, #e7c596) !important;
  overflow-wrap: anywhere;
  text-underline-offset: 3px;
}

.legal-page .legal a:hover {
  text-decoration: underline;
}

.legal-page .ds-box,
.legal-page .ds-toc {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.legal-page .ds-table-wrap {
  max-width: 100%;
  overscroll-behavior-inline: contain;
}

.toxikometer-page .tox-section {
  position: relative;
  z-index: 1;
}

.toxikometer-page .tox-h2 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 18px;
}

.toxikometer-page .tox-h2-sub {
  white-space: normal;
}

.toxikometer-page input,
.toxikometer-page select,
.toxikometer-page textarea,
.toxikometer-page button {
  font-size: max(16px, 1em);
}

.toxikometer-page canvas,
.toxikometer-page img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 720px) {
  .legal-page .page-main {
    padding: calc(var(--unbond-shell-offset) + 38px) 16px 58px;
  }

  .legal-page .legal > h1 {
    margin-bottom: 26px;
    font-size: clamp(2.1rem, 11vw, 3.35rem);
  }

  .legal-page .legal section {
    padding: 20px 0;
  }

  .legal-page .ds-toc {
    padding: 17px 16px;
  }

  .toxikometer-page .tox-section {
    overflow-x: clip;
  }

  .toxikometer-page .glass,
  .toxikometer-page .card {
    min-width: 0;
  }

  .toxikometer-page .scale {
    gap: 6px;
  }

  .toxikometer-page .scale button {
    min-width: 0;
    padding-inline: 0;
  }

  .toxikometer-page .btn {
    max-width: 100%;
    white-space: normal;
    text-align: center;
  }
}

@media (max-width: 390px) {
  .toxikometer-page .scale button {
    font-size: 14px;
  }
}