/* Zweck: Linkverzeichnis und Abkürzungen | Schicht: Seitentyp | Ladende Seiten: DE/EN-Linkverzeichnisse */
.linkliste-page {
  color: var(--book-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 14px;
  line-height: 1.32;
}

.link-directory-intro {
  margin: 0 0 14px;
  padding: 0;
  color: var(--book-ink);
}

.link-directory-intro h1 {
  margin: 0 0 7px;
  font-size: 28px;
  line-height: 1.08;
}

.link-directory-intro p {
  max-width: 760px;
  margin: 0;
  color: #25363a;
  font-family: var(--book-sans);
  font-size: 15px;
  line-height: 1.45;
}

.linkliste-page a {
  color: var(--book-accent);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: .07em;
  text-underline-offset: .12em;
}

.linkliste-page a:visited {
  color: #174f5c;
}

.dmoz-shell {
  width: 100%;
  max-width: none;
  margin: 0;
  border: 1px solid var(--book-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, .96);
  box-shadow: var(--book-soft-shadow);
  overflow: hidden;
}

.dmoz-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 36px;
  padding: 7px 12px;
  background: linear-gradient(135deg, #075f62 0%, #087f83 58%, #0a6f73 100%);
  color: #fff;
  font-family: var(--book-sans);
}

.dmoz-brand {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: #fff;
  font-size: 15px;
  line-height: 1.1;
  white-space: nowrap;
}

.dmoz-mark {
  display: inline-flex;
  gap: 2px;
  flex: none;
}

.dmoz-mark span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border: 1px solid rgba(255, 255, 255, .88);
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 14px;
  line-height: 1;
  text-transform: lowercase;
}

.dmoz-brand strong {
  color: #fff;
  font-weight: 700;
}

.dmoz-partner {
  flex: none;
  color: rgba(255, 255, 255, .92);
  font-size: 12px;
  line-height: 1.05;
  text-align: right;
}

.dmoz-partner strong {
  display: block;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  line-height: 1;
}

.dmoz-search {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 18px 12px 14px;
  font-family: var(--book-sans);
}

.dmoz-search input {
  width: min(340px, 58vw);
  height: 23px;
  border: 1px solid rgba(18, 49, 47, .28);
  border-radius: 0;
  background: #fff;
  color: var(--book-ink);
  font-family: var(--book-sans);
  font-size: 14px;
}

.dmoz-search button {
  height: 25px;
  padding: 1px 12px;
  border: 1px solid rgba(18, 49, 47, .42);
  border-radius: 3px;
  background: rgba(255, 255, 255, .94);
  color: var(--book-ink);
  font-family: var(--book-sans);
  font-size: 14px;
  cursor: pointer;
}

.dmoz-path {
  margin: 0 30px 13px;
  color: var(--book-muted);
  font-family: var(--book-sans);
  font-size: 12px;
}

.dmoz-path a {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 14px;
}

.dmoz-heading {
  margin: 0 30px 13px;
}

.dmoz-heading h1 {
  margin: 0;
  font-size: 22px;
  line-height: 1.12;
}

.dmoz-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px clamp(28px, 5vw, 72px);
  margin: 0 auto 14px;
  padding: 0 30px;
  list-style: none;
}

.dmoz-cat {
  min-width: 0;
}

.dmoz-cat h2 {
  margin: 0 0 8px;
  font-size: 17px;
  line-height: 1.12;
}

.dmoz-cat p {
  margin: 0;
  color: #001b1f;
  font-size: 14px;
  line-height: 1.42;
}

.dmoz-cat p a {
  font-weight: 400;
}

.dmoz-list-panel {
  margin: 0 30px 18px;
  padding-top: 1px;
}

.dmoz-list-panel h2 {
  margin: 0 0 8px;
  font-size: 18px;
  line-height: 1.15;
}

.dmoz-subcategory-list,
.dmoz-site-list {
  margin: 0;
  padding-left: 20px;
}

.dmoz-subcategory-list,
.dmoz-site-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: clamp(24px, 4vw, 54px);
  row-gap: 13px;
}

.dmoz-subcategory-list li,
.dmoz-site-list li {
  margin: 0 0 6px;
  padding: 0;
}

.dmoz-subcategory-list li,
.dmoz-site-list li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.dmoz-count,
.dmoz-domain,
.dmoz-link-region {
  color: var(--book-muted);
  font-family: var(--book-sans);
  font-size: 12px;
  font-weight: 400;
}

.dmoz-domain::before {
  content: " - ";
}

.dmoz-link-region {
  display: block;
  margin-top: 1px;
}

@media (max-width: 760px) {
  .dmoz-topbar {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .dmoz-partner {
    text-align: left;
  }

  .dmoz-search {
    align-items: stretch;
    flex-wrap: wrap;
  }

  .dmoz-search input {
    width: min(100%, 360px);
  }

  .dmoz-grid {
    grid-template-columns: 1fr;
    gap: 23px;
    padding: 0 18px;
  }

  .dmoz-subcategory-list,
  .dmoz-site-list {
    column-gap: 18px;
  }

  .dmoz-path,
  .dmoz-heading,
  .dmoz-list-panel {
    margin-right: 18px;
    margin-left: 18px;
  }
}

@media (max-width: 420px) {
  .dmoz-subcategory-list,
  .dmoz-site-list {
    grid-template-columns: 1fr;
  }
}

html[data-theme="dark"] .linkliste-page .dmoz-shell {
  background: var(--book-paper, var(--amg-paper));
  border-color: var(--book-line, var(--amg-line));
  box-shadow: none;
  color: var(--book-ink, var(--amg-ink));
}

html[data-theme="dark"] .linkliste-page .link-directory-intro p,
html[data-theme="dark"] .linkliste-page .dmoz-cat p {
  color: var(--book-ink, var(--amg-ink));
}

html[data-theme="dark"] .linkliste-page .dmoz-search input,
html[data-theme="dark"] .linkliste-page .dmoz-search button {
  background: var(--amg-mint-soft);
  border-color: var(--book-line, var(--amg-line));
  color: var(--book-ink, var(--amg-ink));
  color-scheme: dark;
}

html[data-theme="dark"] .linkliste-page .dmoz-search input::placeholder {
  color: var(--book-muted, var(--amg-muted));
}