/**
 * @file
 * Styles for buttons.
 */

/* Alle Buttons sollen ein wenig Abstand um sich haben, damit es nicht zu "gedrückt" wirkt */
.button,
.image-button {
  margin-right: 1em;
  margin-left: 1em;
}

/* ... für das erste Element jedoch nicht ... */
.button:first-child,
.image-button:first-child {
  margin-right: 0;
  margin-left: 0;
}

/* CI konformen Hintergrund bei Buttons */
.button,
.ui-dialog .button {
  background-color: #0d9be2;
  color: #fff;
  font-family: Montserrat,sans-serif;
  font-size: 0.929em;
  font-weight: normal;
  line-height: normal;
  border: 1px solid;
  border-radius: 0;
  padding: 0.362em 1.063em;
}

/* CI konforme Farbe bei einem Hover,.. über Buttons */
.button:hover,
.button:active,
.button:focus,
.ui-dialog .button:hover,
.ui-dialog .button:active,
.ui-dialog .button:focus {
  background-color: #29b8ff;
  color: #fff;
  border-radius: 0;
}

/* Link-Buttons sollen eher wie Links dargestellt werden, anstatt wie Buttons */
button.link {
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: 0;
  background: transparent;
}