/**
 * Terms and Conditions (AGB) legal page prose
 */

.mb-terms-page .mb-page-content {
  max-width: 760px;
}

.mb-legal {
  display: flex;
  flex-direction: column;
  gap: var(--mb-s6);
  font-size: var(--mb-body-16);
  line-height: 1.65;
}

.mb-legal__section {
  display: flex;
  flex-direction: column;
  gap: var(--mb-s3);
}

.mb-legal__heading {
  margin: 0;
  font-family: var(--mb-font-heading);
  font-size: var(--mb-title-24);
  font-weight: 400;
  line-height: 1.15;
  text-transform: uppercase;
  color: var(--mb-white);
}

.mb-legal__subheading {
  margin: var(--mb-s2) 0 0;
  font-family: var(--mb-font-body);
  font-size: var(--mb-body-16);
  font-weight: 600;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.95);
}

.mb-legal p {
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
}

.mb-legal__address {
  margin: 0;
  padding: var(--mb-s4);
  border: 1px solid var(--mb-border);
  border-radius: var(--mb-radius-input);
  background: rgba(255, 255, 255, 0.03);
  font-style: normal;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.88);
}

.mb-legal a {
  color: #ff6be8;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.mb-legal a:hover {
  color: #ff9ef0;
}

.mb-legal__note {
  font-style: italic;
  color: rgba(255, 255, 255, 0.62);
}

@media (max-width: 640px) {
  .mb-legal__heading {
    font-size: var(--mb-title-20);
  }
}