/**
 * Kontaktformular-Panel in sidebar-box-main (Autoren-/Redaktionsseiten).
 */

.st-author-contact-panel {
  margin: 0 0 var(--st-space-30, 30px);
  padding: var(--st-space-20, 20px);
  border-radius: 6px;
  background: var(--st-bg-page, var(--color-fff));
  color: var(--st-text, var(--color-111));
  box-shadow: 0 8px 28px color-mix(in srgb, var(--st-text, var(--color-000)) 12%, var(--color-transparent));
  scroll-margin-top: calc(var(--st-header-height, 80px) + var(--st-space-20, 20px));
}

.st-author-contact-panel.is-closed {
  display: none;
}

.st-author-contact-panel.is-open,
.st-author-contact-panel.is-closed:target {
  display: block;
}

.st-author-contact-panel.is-highlighted {
  outline: 2px solid color-mix(in srgb, var(--st-accent, var(--color-0066cc)) 65%, var(--color-transparent));
  outline-offset: 4px;
}

.st-author-contact-panel__title {
  margin: 0 0 var(--st-space-20, 20px);
  line-height: 1.3;
}

.st-author-contact-panel__form .webform-submission-form {
  max-width: 100%;
}

/* Solo fade-inner: Opacity erst beim geöffneten Kontaktformular erzwingen. */
#sidebar-box-main .sidebar-box-main-inner.fade-inner:has(#st-author-contact-panel.is-open),
#sidebar-box-main .sidebar-box-main-inner.fade-inner:has(#st-author-contact-panel:target) {
  opacity: 1 !important;
}