/*
  Einheitliche Portal-Buttons.
  Optik orientiert an der aktuellen Portal-Startseite.
*/
:root{
  --portal-button-width:auto;
  --portal-button-height:30px;
  --portal-button-padding:5px 9px;
  --portal-button-font-size:14px;
  --portal-button-radius:6px;
  --portal-button-bg:#557ca5;
  --portal-button-bg-hover:#486f96;
  --portal-button-border:#446b92;
  --portal-button-color:#fff;
  --portal-button-secondary-bg:#f3f0e9;
  --portal-button-secondary-bg-hover:#e9e4da;
  --portal-button-secondary-border:#d8d1c4;
  --portal-button-secondary-color:#183046;
  --portal-button-danger-bg:#b9473f;
  --portal-button-danger-bg-hover:#9f3933;
  --portal-button-danger-border:#993832;
}

button:not(.tile),
input[type="button"],
input[type="submit"],
input[type="reset"],
.btn,
.button,
.button-link,
.primary-action,
.secondary-action,
.success-action,
.danger-action,
.result-button,
.antwort-button,
.weiter-button,
.info-button,
.zurueck-button,
.select-all-btn,
.abbrechen-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  width:var(--portal-button-width) !important;
  min-width:0 !important;
  max-width:100% !important;
  min-height:var(--portal-button-height) !important;
  margin:6px !important;
  padding:var(--portal-button-padding) !important;
  border:1px solid var(--portal-button-border) !important;
  border-radius:var(--portal-button-radius) !important;
  background:var(--portal-button-bg) !important;
  color:var(--portal-button-color) !important;
  font-family:inherit !important;
  font-size:var(--portal-button-font-size) !important;
  font-weight:400 !important;
  line-height:1.25 !important;
  text-align:center !important;
  text-decoration:none !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  vertical-align:middle !important;
  cursor:pointer !important;
  transition:background-color .15s ease, border-color .15s ease !important;
  transform:none !important;
  box-shadow:none !important;
  flex:0 1 auto !important;
}

button:not(.tile):hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.btn:hover,
.button:hover,
.button-link:hover,
.primary-action:hover,
.secondary-action:hover,
.success-action:hover,
.danger-action:hover,
.result-button:hover,
.antwort-button:hover,
.weiter-button:hover,
.info-button:hover,
.zurueck-button:hover,
.select-all-btn:hover,
.abbrechen-btn:hover{
  background:var(--portal-button-bg-hover) !important;
  color:var(--portal-button-color) !important;
  transform:none !important;
  box-shadow:none !important;
}

button:not(.tile):disabled,
input[type="button"]:disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled,
.btn:disabled,
.button:disabled,
.antwort-button:disabled,
.weiter-button:disabled,
.info-button:disabled,
.zurueck-button:disabled{
  opacity:.55 !important;
  cursor:not-allowed !important;
}

.btn.secondary,
.button.secondary,
.secondary-action,
.abbrechen-btn{
  background:var(--portal-button-secondary-bg) !important;
  border-color:var(--portal-button-secondary-border) !important;
  color:var(--portal-button-secondary-color) !important;
}

.btn.secondary:hover,
.button.secondary:hover,
.secondary-action:hover,
.abbrechen-btn:hover{
  background:var(--portal-button-secondary-bg-hover) !important;
  color:var(--portal-button-secondary-color) !important;
}

.btn.danger,
.danger-action{
  background:var(--portal-button-danger-bg) !important;
  border-color:var(--portal-button-danger-border) !important;
  color:#fff !important;
}

.btn.danger:hover,
.danger-action:hover{
  background:var(--portal-button-danger-bg-hover) !important;
  color:#fff !important;
}