@charset "UTF-8";
* .frame-type-buttonbox, * .frame-type-infobox, * .frame-type-mediabox {
  display: none;
}
.right .frame-type-buttonbox, .right .frame-type-infobox, .right .frame-type-mediabox {
  display: block;
}
/** ButtonBox *****************************************************************************************************************/
main .frame-type-buttonbox {
  background: rgba(69, 69, 69, 0.85);
  transition: all ease 0.5s;
}
main .frame-type-buttonbox * {
  margin: 0;
  padding: 0;
}
main .frame-type-buttonbox h3 {
  font-size: 100%;
  padding: 0.75rem 1rem;
}
main .frame-type-buttonbox a {
  line-height: 1rem;
  color: #fff !important;
  text-transform: uppercase;
  margin: 0;
  transition: all ease 0.5s;
  letter-spacing: 0.01rem;
}
main .frame-type-buttonbox h3 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-type-buttonbox h3 a:hover:after, main .frame-type-buttonbox a:hover {
  color: #fff !important;
}
main .frame-type-buttonbox:hover {
  background: #454545;
  box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.2);
}
/** infobox *****************************************************************************************************************/
.frame-type-infobox {
  background: rgba(69, 69, 69, 0.85);
  transition: all ease 0.5s;
  padding: 1rem;
  color: #fff;
}
.frame-type-infobox * {
  margin: 0;
  padding: 0;
}
.frame-type-infobox h3 {
  margin-bottom: 0.5rem;
  text-transform: none;
  letter-spacing: 0.01rem;
  color: #fff !important;
  letter-spacing: 0.01rem;
  text-transform: uppercase;
}
.frame-type-infobox h3 a {
  color: rgba(255, 255, 255, 0.9) !important;
}
.frame-type-infobox h3 a:hover {
  color: #fff !important;
}
.frame-type-infobox ul {
  padding-left: 20px;
}
/** Mediabox *****************************************************************************************************************/
main .frame-type-mediabox {
  transition: all ease 0.2s;
  color: #323232 !important;
}
main .frame-type-mediabox * {
  margin: 0;
  padding: 0;
}
main .frame-type-mediabox h3 {
  margin-bottom: 0.5rem;
  text-transform: none;
  letter-spacing: 0.01rem;
  text-transform: uppercase;
}
main .frame-type-mediabox ul {
  padding-left: 20px;
}
main .frame-type-mediabox img {
  max-width: 100%;
  height: auto;
}
main .frame-type-mediabox > div {
  padding-top: 10px;
}
/** Color variations **/
.orange .frame-type-infobox, .orange .frame-type-buttonbox {
  background: rgba(169, 70, 17, 0.9);
}
.orange .frame-type-mediabox .stil3 {
  background-color: rgba(178, 67, 8, 0.2);
}
.orange .frame-type-mediabox .stil4 {
  background-color: #a94611;
}
.blue .frame-type-infobox, .blue .frame-type-buttonbox {
  background: rgba(52, 96, 151, 0.85);
}
.blue .frame-type-mediabox .stil3 {
  background-color: rgba(42, 95, 161, 0.2);
}
.blue .frame-type-mediabox .stil4 {
  background-color: #346097;
}
.green .frame-type-infobox, .green .frame-type-buttonbox {
  background: rgba(64, 108, 3, 0.85);
}
.green .frame-type-mediabox .stil3 {
  background-color: rgba(64, 111, 0, 0.2);
}
.green .frame-type-mediabox .stil4 {
  background-color: #406c03;
}
.grey .frame-type-infobox, .grey .frame-type-buttonbox {
  background: rgba(120, 120, 120, 0.85);
}
.grey .frame-type-mediabox .stil3 {
  background-color: rgba(132, 108, 108, 0.2);
}
.grey .frame-type-mediabox .stil4 {
  background-color: #787878;
}
.red .frame-type-infobox, .red .frame-type-buttonbox {
  background: rgba(165, 15, 25, 0.85);
}
.red .frame-type-mediabox .stil3 {
  background-color: rgba(174, 6, 17, 0.2);
}
.red .frame-type-mediabox .stil4 {
  background-color: #a50f19;
}
.turquoise .frame-type-infobox, .turquoise .frame-type-buttonbox {
  background: rgba(29, 114, 95, 0.85);
}
.turquoise .frame-type-mediabox .stil3 {
  background-color: rgba(22, 121, 99, 0.2);
}
.turquoise .frame-type-mediabox .stil4 {
  background-color: #1d725f;
}
.violett .frame-type-infobox, .violett .frame-type-buttonbox {
  background: rgba(134, 49, 119, 0.85);
}
.violett .frame-type-mediabox .stil3 {
  background-color: rgba(143, 40, 125, 0.2);
}
.violett .frame-type-mediabox .stil4 {
  background-color: #863177;
}
.yellow .frame-type-infobox, .yellow .frame-type-buttonbox {
  background: rgba(245, 245, 7, 0.85);
}
.yellow .frame-type-mediabox .stil3 {
  background-color: rgba(252, 252, 0, 0.2);
}
.yellow .frame-type-mediabox .stil4 {
  background-color: #f5f507;
}