/* Gemeinsame Button-/Tag-Eigenschaften. Lokale Layout- und Theme-Regeln folgen danach. */

.roundbutton:link, .roundbutton:visited {
  border-radius: 100px;
  display: inline-block;
  font-size: var(--ps-button-size);
  font-weight: bold;
  transition: all 0.2s;
}

a.roundbutton:hover, a.roundbutton:active {
  text-decoration: none;
  color: var(--ps-color-accent) !important;
}

.roundbutton-red {
  border: 2px solid var(--ps-color-accent);
  border-radius: 100px;
  display: inline-block;
  font-size: var(--ps-button-size);
  color: var(--ps-color-accent) !important;
  font-weight: bold;
}

a.roundbutton-red:hover {
  text-decoration: none;
}

#content .roundbutton-lila {
  border: 2px solid var(--ps-color-secondary);
  border-radius: 100px;
  display: inline-block;
  font-size: var(--ps-button-size);
  color: var(--ps-color-secondary) !important;
  font-weight: bold;
}

#content a.roundbutton-lila:hover {
  text-decoration: none;
}

li a.roundbutton-festival {
  border-radius: 100px;
  display: inline-block;
  font-size: var(--ps-button-size) !important;
  font-weight: normal;
  text-transform: none !important;
}

li a.roundbutton-festival:hover {
  color: var(--ps-color-secondary) !important;
  font-weight: normal;
  text-transform: none !important;
}

.roundbutton-small {
  border-radius: 100px;
  padding: 0px 19px;
  margin: 18px 10px 0 0;
  display: inline-block;
  font-size: var(--ps-tag-small-size);
  line-height: var(--ps-tag-small-leading);
  letter-spacing: normal;
}

.roundbutton-xsmall {
  border-radius: 100px;
  padding: 0px 19px;
  margin: 22px 10px 0 0;
  display: inline-block;
  font-size: var(--ps-tag-extra-small-size);
  line-height: var(--ps-tag-extra-small-leading);
}

.roundbutton-big {
  border-radius: 100px;
  padding: 0px 19px;
  margin: 18px 10px 0 0;
  display: inline-block;
  font-size: var(--ps-tag-large-size);
}