/* Teilen-Leiste: eigenständig, hängt nicht am Stylesheet der Seite, damit sie in Modulen
   mit eigener Gestaltung gleich aussieht. Farben zurückhaltend, erbt Schrift der Seite. */
.teilen{margin:2.5rem 0 1rem;padding:1rem 1.1rem;border:1px solid rgba(0,0,0,.14);border-radius:.6rem;
  background:rgba(0,0,0,.025);font-size:.95rem;line-height:1.45;max-width:100%;box-sizing:border-box}
.teilen-titel{margin:0 0 .6rem;font-weight:600}
.teilen-leiste{display:flex;flex-wrap:wrap;gap:.5rem}
.teilen-knopf{display:inline-block;padding:.45rem .9rem;border:1px solid currentColor;border-radius:.4rem;
  background:transparent;color:inherit;font:inherit;cursor:pointer;text-decoration:none;line-height:1.2}
.teilen-knopf:hover,.teilen-knopf:focus-visible{background:rgba(0,0,0,.07);outline:none}
.teilen-knopf:focus-visible{box-shadow:0 0 0 3px rgba(31,93,76,.35)}
.teilen-meldung{margin:.6rem 0 0;min-height:1.2em;font-size:.9rem}
.teilen-meldung:empty{display:none}
.teilen-adresse{display:block;margin:.4rem 0 0;font-size:.82rem;overflow-wrap:anywhere;opacity:.8}
.teilen-hinweis{margin:.5rem 0 0;font-size:.8rem;opacity:.7}
@media (prefers-color-scheme:dark){
  .teilen{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.05)}
  .teilen-knopf:hover,.teilen-knopf:focus-visible{background:rgba(255,255,255,.1)}
}
@media print{.teilen{display:none}}