@media (min-width: 900px) {
  .recht--daten .recht-raster {
    grid-template-columns: minmax(200px, 250px) minmax(0, 40rem);
  }
}

@media (min-width: 1200px) {
  .recht--daten .recht-raster {
    grid-template-columns: minmax(220px, 264px) minmax(0, 40rem) minmax(0, 1fr);
  }
}

.daten-text p {
  max-width: 64ch;
}

.daten {
  display: grid;
  gap: 4px;
  margin: 0 0 8px;
}

.daten > div {
  display: grid;
  grid-template-columns: 10.5rem minmax(0, 1fr);
  gap: 4px 24px;
  padding: 14px 20px 15px;
  background: var(--creme-hell);
}

.daten dt {
  color: var(--gruen-tief);
  font-weight: 600;
  line-height: 1.45;
  hyphens: manual;
  -webkit-hyphens: manual;
}

.daten dd {
  grid-column: 2;
  margin: 0;
  line-height: 1.5;
}

.daten a {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
}

.daten-zusatz {
  color: var(--tinte-2);
}

.daten-liste {
  margin: 0;
  padding: 0;
  list-style: none;
}

.daten-liste li + li {
  margin-top: 4px;
}

.daten-mehr {
  margin-top: 6px;
  font-weight: 600;
}

.daten--personen dd + dd {
  margin-top: 6px;
}

.person-name {
  font-weight: 600;
}

.person-rolle {
  display: block;
  color: var(--tinte-2);
}

.daten-notiz {
  margin-top: 16px;
}

.fliess {
  margin: 0;
  padding: 0;
  list-style: none;
  hyphens: manual;
  -webkit-hyphens: manual;
}

.fliess li {
  display: inline;
}

.fliess li:not(:last-child)::after {
  content: "\00a0\00a0\25C6";
  content: "\00a0\00a0\25C6" / "";
  margin-right: 0.15em;
  color: var(--gruen);
  font-size: 0.7em;
  vertical-align: 0.12em;
}

.fliess--gross {
  font-family: var(--schrift-titel);
  font-size: clamp(1.1875rem, 1.1rem + 0.35vw, 1.375rem);
  line-height: 1.7;
}

.seiten-liste {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.seiten-liste li {
  padding: 12px 20px 13px;
  background: var(--creme-hell);
}

.seiten-liste a {
  font-weight: 600;
}

.seiten-inhalt {
  display: block;
  color: var(--tinte-2);
}

.seiten-adresse {
  display: block;
  color: var(--tinte-2);
  font-size: 0.9375rem;
  overflow-wrap: anywhere;
}

.daten-text h3 {
  margin-top: 32px;
}

.daten-text h2 + h3 {
  margin-top: 20px;
}

@media (max-width: 599px) {
  .daten > div {
    grid-template-columns: minmax(0, 1fr);
    padding: 12px 16px 13px;
  }

  .daten dd {
    grid-column: 1;
  }

  .seiten-liste li {
    padding: 12px 16px 13px;
  }
}

.ganz {
  hyphens: manual;
  -webkit-hyphens: manual;
}