/**
 * Autor-, Schlagwort- und Suchlisten (gleiches Raster wie Kategorie).
 */

.st-listing-page--author .category-card__author-link,
.st-listing-page--tag .category-card__author-link,
.st-listing-page--search .category-card__author-link {
  text-decoration: none;
}

/* Autorenseite: Kontakt-Button unter Hero-Beschreibung */
#st_hero_meta .st-hero__author-contact {
  margin: 20px 0 0;
  width: 100%;
  text-align: center;
}

#st_hero_meta .st-hero__author-contact-details {
  display: inline-block;
  max-width: min(720px, 100%);
  text-align: left;
}

#st_hero_meta .st-hero__author-contact-button {
  display: inline-block;
  margin: 0;
  padding: 5px 25px;
  border: 1px solid color-mix(in srgb, var(--st-hero-meta-color) 55%, transparent);
  border-radius: 4px;
  background: color-mix(in srgb, var(--st-hero-meta-color) 12%, transparent);
  color: var(--st-hero-meta-color);
  font-size: var(--st-hero-meta-editorial-font, inherit);
  font-weight: 600;
  line-height: 1.4;
  cursor: pointer;
  list-style: none;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

#st_hero_meta .st-hero__author-contact-button::-webkit-details-marker {
  display: none;
}

#st_hero_meta .st-hero__author-contact-button::marker {
  content: '';
}

#st_hero_meta .st-hero__author-contact-button:hover,
#st_hero_meta .st-hero__author-contact-details[open] > .st-hero__author-contact-button {
  background: color-mix(in srgb, var(--st-hero-meta-color) 22%, transparent);
  border-color: var(--st-hero-meta-color);
  color: var(--st-hero-meta-color);
}

#st_hero_meta .st-hero__author-contact-form {
  margin-top: var(--st-space-20, 20px);
  padding: var(--st-space-20, 20px);
  border-radius: 6px;
  background: color-mix(in srgb, var(--st-bg-page, #fff) 92%, transparent);
  color: var(--st-text, #111);
  box-shadow: 0 8px 28px color-mix(in srgb, var(--st-text, #000) 12%, transparent);
}

#st_hero_meta .st-hero__author-contact-form .webform-submission-form {
  max-width: 100%;
}

.st-page--search .st-hero__meta,
.st-page--author .st-hero__meta,
.st-page--tag .st-hero__meta {
  max-width: 100%;
}