@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Montserrat:wght@400;500;600&display=swap);

.zg-card,
.zg-card *,
.zg-card *::before,
.zg-card *::after { box-sizing: border-box; }

.zg-card {
  position: relative;
  isolation: isolate;
  width: 100%;
  min-width: 0;
  margin: 8px 0 12px;
  padding: 16px 18px 17px;
  overflow: hidden;
  border: 0;
  outline: 0;
  background: var(--hunt-header-content-bg, #202020);
  color: var(--hunt-text, #a9a7a5);
  font: 10px/1.6 Tahoma, Verdana, Arial, sans-serif;
  text-align: left;
  box-shadow: none;
}

/* Keine ornamentalen Doppelrahmen / Sternentextur mehr. */
.zg-card::before,
.zg-card::after { content: none; }

.zg-eyebrow {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 7px;
  padding: 0 0 7px;
  border-bottom: 1px solid var(--hunt-header-separator, #383838);
  color: var(--hunt-header-kicker, #777);
  font: normal 8px/1.4 Tahoma, Verdana, Arial, sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}

/* Zurueckhaltendes Statuszeichen, im Stil der Tracker-Kicker. */
.zg-dot {
  display: inline-block;
  position: relative;
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  border: 1px solid var(--hunt-accent-muted, #588997);
  border-radius: 0;
  transform: rotate(45deg);
  background: transparent;
}
.zg-dot::after {
  content: '';
  position: absolute;
  inset: 2px;
  background: var(--hunt-accent, #69b3c5);
}

.zg-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.zg-content { flex: 1 1 auto; min-width: 0; }

.zg-card a.zg-title,
.zg-card a.zg-title:visited {
  display: inline-block;
  max-width: 100%;
  margin: 0 0 6px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hunt-header-title, #f1f0ee);
  font: normal clamp(23px, 2.6vw, 30px)/1.12 'Pirata One', Georgia, serif;
  letter-spacing: 0;
  text-decoration: none;
  overflow-wrap: anywhere;
  transition: color .2s ease;
}
.zg-card a.zg-title:hover,
.zg-card a.zg-title:focus-visible {
  color: var(--hunt-link-hover, #9ad7e7);
  text-decoration: none;
}

.zg-description {
  max-width: 70ch;
  color: var(--hunt-header-body-text, #8f8f8f);
  font: 10px/1.65 Tahoma, Verdana, Arial, sans-serif;
  letter-spacing: 0;
  font-weight: normal;
  overflow-wrap: anywhere;
}

.zg-card a.zg-link,
.zg-card a.zg-link:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  gap: 5px;
  margin: 0;
  padding: 6px 0;
  border: 0;
  border-bottom: 1px solid var(--hunt-header-separator, #383838);
  border-radius: 0;
  background: transparent;
  color: var(--hunt-header-nav-text, #5a9aad);
  font: normal 9px/1.4 Tahoma, Verdana, Arial, sans-serif;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: none;
  transition: color .2s ease, border-color .2s ease;
}
.zg-card a.zg-link span {
  padding-left: 3px;
  font-size: 14px;
  line-height: 1;
}
.zg-card a.zg-link:hover,
.zg-card a.zg-link:focus-visible {
  color: var(--hunt-link-hover, #9ad7e7);
  border-bottom-color: var(--hunt-accent, #69b3c5);
  background: transparent;
  text-decoration: none;
}

/* Bei automatischer Einfuegung nach einem Forumbit. */
.zg-forumbit-row > td { padding: 0 !important; border: 0 !important; }
.zg-forumbit-row .zg-card { margin: 8px 0 12px; }

@media (max-width: 620px) {
  .zg-card { padding: 13px 14px 15px; }
  .zg-main { flex-direction: column; align-items: flex-start; gap: 9px; }
  .zg-card a.zg-title { font-size: 26px; }
  .zg-card a.zg-link { margin: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .zg-card a.zg-title,
  .zg-card a.zg-link { transition: none; }
}