/* Digitana Social - Rechtliches Mobile
   Nur responsive Regeln der rechtlichen Seiten und des Legal-Footers. */

@media (max-width: 860px) {
  .ds-legal-footer {
    width: 100%;
    margin-top: -10px;
    padding: 0 18px 10px;
    font-size: 0.72rem;
  }

  .ds-legal-page {
    margin-top: 6px;
    padding: 12px 14px 22px;
  }

  .ds-legal-meta {
    grid-template-columns: 1fr;
  }

  .ds-legal-meta dt {
    border-bottom: 0;
  }

  .ds-legal-table {
    font-size: 0.84rem;
  }

  .ds-legal-table th,
  .ds-legal-table td {
    padding: 7px 8px;
  }


  /* Impressum + Datenschutz: breite Tabellen und lange Rechtstexte bleiben im mobilen Viewport.
     Die bereits sauberen Rechtsseiten werden optisch nicht umgebaut. */
  .ds-legal-page--mobile-contained {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .ds-legal-page--mobile-contained .ds-legal-head,
  .ds-legal-page--mobile-contained .ds-legal-section,
  .ds-legal-page--mobile-contained .ds-legal-meta,
  .ds-legal-page--mobile-contained .ds-legal-table {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .ds-legal-page--mobile-contained .ds-legal-table {
    table-layout: fixed;
  }

  .ds-legal-page--mobile-contained .ds-legal-meta dt,
  .ds-legal-page--mobile-contained .ds-legal-meta dd,
  .ds-legal-page--mobile-contained .ds-legal-table th,
  .ds-legal-page--mobile-contained .ds-legal-table td,
  .ds-legal-page--mobile-contained .ds-legal-section p,
  .ds-legal-page--mobile-contained .ds-legal-section li,
  .ds-legal-page--mobile-contained a {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
  }
}