@charset "UTF-8";
* .frame-hda_buttonbox, * .frame-hda_infobox, * .frame-mediabox {
  display: none;
}
.frame-2cols .frame-hda_buttonbox, .frame-2cols .frame-hda_infobox, .frame-3cols .frame-hda_buttonbox, .frame-3cols .frame-hda_infobox, .frame-4cols .frame-hda_buttonbox, .frame-4cols .frame-hda_infobox, .right .frame-hda_buttonbox, .right .frame-hda_infobox {
  display: block;
}
/** hda_buttonbox *****************************************************************************************************************/
main .frame-hda_buttonbox {
  background: #346097;
  transition: all ease 0.5s;
}
main .frame-hda_buttonbox > * {
  margin: 0;
  padding: 1rem 0.75rem;
}
main .frame-hda_buttonbox a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1rem;
  color: rgba(255, 255, 255, 0.9) !important;
  text-transform: uppercase;
  margin: 0;
  transition: all ease 0.5s;
  letter-spacing: 0.01rem;
  font-weight: 700;
}
main .frame-hda_buttonbox a:after {
  line-height: 1rem;
  font-size: 150%;
  font-style: normal;
  font-family: 'FontAwesome';
  color: rgba(255, 255, 255, 0.9) !important;
  content: '';
  float: right;
}
main .frame-hda_buttonbox a:hover:after {
  color: #fff !important;
}
main .frame-hda_buttonbox:hover {
  background: #346097;
  box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.2);
}
/** hda_infobox *****************************************************************************************************************/
main .frame-hda_infobox {
  background: #346097;
  transition: all ease 0.5s;
  padding: calc(var(--bs-gutter-x) / 2);
  color: #fff;
}
main .frame-hda_infobox * {
  margin: 0;
  padding: 0;
}
main .frame-hda_infobox > h2 {
  margin-bottom: 0.5rem;
  text-transform: none;
  letter-spacing: 0.01rem;
  color: #fff !important;
  letter-spacing: 0.01rem;
  text-transform: uppercase;
}
main .frame-hda_infobox a, main .frame-hda_infobox a:hover {
  color: #fff !important;
}
main .frame-hda_infobox ul {
  padding-left: 20px;
}
main .frame-hda_infobox > div > * {
  font-size: 1rem;
}
/** Color variations **/
.orange .frame-hda_infobox, .orange .frame-hda_buttonbox {
  background: #a94611;
}
.orange .frame-hda_infobox a, .orange .frame-hda_buttonbox a {
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: bold;
}
.orange .frame-hda_infobox a:hover, .orange .frame-hda_buttonbox a:hover {
  color: #fff !important;
}
.blue .frame-hda_infobox, .blue .frame-hda_buttonbox {
  background: #346097;
}
.blue .frame-hda_infobox a, .blue .frame-hda_buttonbox a {
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: bold;
}
.blue .frame-hda_infobox a:hover, .blue .frame-hda_buttonbox a:hover {
  color: #fff !important;
}
.green .frame-hda_infobox, .green .frame-hda_buttonbox {
  background: #406c03;
}
.green .frame-hda_infobox a, .green .frame-hda_buttonbox a {
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: bold;
}
.green .frame-hda_infobox a:hover, .green .frame-hda_buttonbox :hover {
  color: #fff !important;
}
.grey .frame-hda_infobox, .grey .frame-hda_buttonbox {
  background: #787878;
}
.grey .frame-hda_infobox a, .grey .frame-hda_buttonbox a {
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: bold;
}
.grey .frame-hda_infobox a:hover, .grey .frame-hda_buttonbox a:hover {
  color: #fff !important;
}
.red .frame-hda_infobox, .red .frame-hda_buttonbox {
  background: #a50f19;
}
.red .frame-hda_infobox a, .red .frame-hda_buttonbox a {
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: bold;
}
.red .frame-hda_infobox a:hover, .red .frame-hda_buttonbox a:hover {
  color: #fff !important;
}
.turquoise .frame-hda_infobox, .turquoise .frame-hda_buttonbox {
  background: #1d725f;
}
.turquoise .frame-hda_infobox a, .turquoise .frame-hda_buttonbox a {
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: bold;
}
.turquoise .frame-hda_infobox a:hover, .turquoise .frame-hda_buttonbox a:hover {
  color: #fff !important;
}
.violett .frame-hda_infobox, .violett .frame-hda_buttonbox {
  background: #863177;
}
.violett .frame-hda_infobox a, .violett .frame-hda_buttonbox a {
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: bold;
}
.violett .frame-hda_infobox a:hover, .violett .frame-hda_buttonbox a:hover {
  color: #fff !important;
}
.yellow .frame-hda_infobox, .yellow .frame-hda_buttonbox {
  background: #f5f507;
}
.yellow .frame-hda_infobox a, .yellow .frame-hda_buttonbox a {
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: bold;
}
.yellow .frame-hda_infobox a:hover, .yellow .frame-hda_buttonbox a:hover {
  color: #fff !important;
}