/* hauptstadt.net — T-071 Teilen (12.09.2026): Button + Popover. Markenfarben wie die Merkliste (kein Eingriff in theme.css). */
.hs-teilen { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; font: inherit; }
.hs-teilen[hidden] { display: none; }
.hs-teilen .hs-teilen-icon { display: inline-flex; color: #1e6b45; }
.hs-teilen--bar .hs-teilen-icon { color: inherit; }
.hs-teilen--inline:focus-visible { outline: 2px solid #0f3d2a; outline-offset: 2px; }

/* Popover am Button (Fallback, wenn es kein natives Teilen-Menü gibt) */
.hs-teilen-pop {
  position: fixed; z-index: 1200; min-width: 216px; max-width: min(92vw, 320px);
  padding: 6px; border: 1px solid #d2cbba; border-radius: 10px; background: #fff;
  box-shadow: 0 6px 24px rgba(15, 61, 42, .18);
}
.hs-teilen-pop[hidden] { display: none; }
.hs-teilen-item {
  display: flex; align-items: center; gap: 10px; width: 100%; box-sizing: border-box;
  padding: 9px 12px; border: 0; border-radius: 7px; background: transparent;
  color: #14331f; font: inherit; font-size: .95rem; text-align: left; text-decoration: none; cursor: pointer;
}
.hs-teilen-item + .hs-teilen-item { margin-top: 2px; }
.hs-teilen-item:hover { background: #f0f5f1; color: #0f3d2a; text-decoration: none; }
.hs-teilen-item:focus-visible { outline: 2px solid #0f3d2a; outline-offset: -2px; background: #f0f5f1; }
.hs-teilen-item .hs-teilen-ico { display: inline-flex; flex: none; color: #1e6b45; }
.hs-teilen-status { margin: 4px 6px 2px; font-size: .82rem; color: #14331f; min-height: 1.1em; }
.hs-teilen-status:empty { display: none; }

@media print { .hs-teilen, .hs-teilen-pop { display: none !important; } }