/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
.g-imagegrid *, .g-imagegrid *:before, .g-imagegrid *:after {
  box-sizing: border-box !important;
}
.g-imagegrid .g-imagegrid-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.g-imagegrid .g-imagegrid-item {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 0.3125rem;
}
.g-imagegrid .g-imagegrid-item img {
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  width: 100%;
  height: 100%;
}
.g-imagegrid .g-imagegrid-item .g-imagegrid-caption {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  margin-left: 1.563rem;
  margin-top: 1.563rem;
  color: #ffffff;
  font-weight: 400;
  text-transform: uppercase;
  z-index: 1;
}
.dir-rtl .g-imagegrid .g-imagegrid-item .g-imagegrid-caption {
  margin-right: 1.563rem;
  margin-left: auto;
}
.g-imagegrid .g-imagegrid-item .indicator {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  color: rgba(255, 255, 255, 0.5);
  font-style: normal;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.g-imagegrid .g-imagegrid-item .indicator div {
  font-size: 1rem;
  flex: none;
  -webkit-flex: none;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.g-imagegrid .g-imagegrid-item .indicator div .fa {
  font-size: 4rem;
}
.g-imagegrid .g-imagegrid-item .indicator .g-imagegrid-plus {
  position: absolute;
  height: 100%;
  opacity: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: center;
  -moz-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  font-size: 7rem;
  font-weight: 200;
}
.g-imagegrid .g-imagegrid-item:hover {
  z-index: 10;
}
.g-imagegrid .g-imagegrid-item:hover .g-imagegrid-link:before {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.g-imagegrid .g-imagegrid-item:hover .indicator div, .g-imagegrid .g-imagegrid-item:hover .g-imagegrid-plus {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.g-imagegrid .g-imagegrid-desc {
  margin: 1.5rem 0;
}
.g-imagegrid .g-imagegrid-link {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.g-imagegrid .g-imagegrid-link:before {
  color: #ffffff;
  background: rgba(255, 222, 0, 0.2);
  content: "";
  position: absolute;
  z-index: 1;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.g-imagegrid .g-imagegrid-2cols .g-imagegrid-item {
  width: 50%;
}
@media only all and (max-width: 47.99rem) {
  .g-imagegrid .g-imagegrid-2cols .g-imagegrid-item {
    width: 100%;
  }
}
.g-imagegrid .g-imagegrid-3cols .g-imagegrid-item {
  width: 33.33333%;
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .g-imagegrid .g-imagegrid-3cols .g-imagegrid-item {
    width: 50%;
  }
}
@media only all and (max-width: 30rem) {
  .g-imagegrid .g-imagegrid-3cols .g-imagegrid-item {
    width: 100%;
  }
}
.g-imagegrid .g-imagegrid-4cols .g-imagegrid-item {
  width: 25%;
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .g-imagegrid .g-imagegrid-4cols .g-imagegrid-item {
    width: 50%;
  }
}
@media only all and (max-width: 47.99rem) {
  .g-imagegrid .g-imagegrid-4cols .g-imagegrid-item {
    width: 100%;
  }
}
.g-imagegrid .g-imagegrid-5cols .g-imagegrid-item {
  width: 20%;
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .g-imagegrid .g-imagegrid-5cols .g-imagegrid-item {
    width: 33.33333%;
  }
}
@media only all and (max-width: 47.99rem) {
  .g-imagegrid .g-imagegrid-5cols .g-imagegrid-item {
    width: 50%;
  }
}
.hide {
  display: none;
}
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.clear {
  clear: both;
}
.clearfix:after {
  clear: both;
  content: "";
  display: table;
}
.align-end {
  align-items: flex-end;
}
.relative {
  position: relative;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.justify {
  text-align: justify;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
/* Typography */
big, .big {
  font-size: 110%;
  line-height: 120%;
  font-style: normal;
}
.bigger {
  font-size: 150% !important;
  line-height: 170%;
  font-style: normal;
}
.seriftext {
  font-family: "Average, Georgia", "Times", "Times New Roman", serif;
  font-size: 100% !important;
  line-height: 130% !important;
  font-style: normal;
}
.normaltext {
  font-family: 'Lato, Helvetica, Tahoma, Geneva, Arial, sans-serif' !important;
  font-size: 100% !important;
  line-height: 130% !important;
  font-style: normal;
}
.small {
  font-size: 85% !important;
  line-height: 130% !important;
  font-style: normal;
}
.smaller {
  font-size: 75%;
  line-height: 115%;
  font-style: normal;
}
.mini {
  font-size: 60%;
}
.middle {
  margin: 0 auto;
}
.strike {
  text-decoration: line-through;
}
.sub {
  vertical-align: sub;
}
.super {
  vertical-align: super;
}
.upper {
  text-transform: uppercase;
}
.lower {
  text-transform: lowercase;
}
.text-shadow {
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}
.border-radius {
  overflow: hidden;
  border-radius: 0.25rem;
}
.h2uppercase {
  text-transform: uppercase;
}
.tcWhite {
  color: #ffffff !important;
}
.bgWhite {
  background-color: #ffffff !important;
}
.tcBlack {
  color: #000000 !important;
}
.bgBlack {
  background-color: #000000 !important;
}
.tcGrey {
  color: #95a5a6 !important;
}
.bgGrey {
  background-color: #95a5a6 !important;
}
.tcDarkgrey {
  color: #282828 !important;
}
.bgDarkgrey {
  background-color: #282828 !important;
}
.tcPink {
  color: #d13b7b !important;
}
.bgPink {
  background-color: #d13b7b !important;
}
.tcRed {
  color: #ef4a44 !important;
}
.bgRed {
  background-color: #ef4a44 !important;
}
.tcPurple {
  color: #874f9a !important;
}
.bgPurple {
  background-color: #874f9a !important;
}
.tcBlue {
  color: #279fba !important;
}
.bgBlue {
  background-color: #279fba !important;
}
.tcOrange {
  color: #ee7933 !important;
}
.bgOrange {
  background-color: #ee7933 !important;
}
.tcGreen {
  color: #00c67e !important;
}
.bgGreen {
  background-color: #00c67e !important;
}
.tcYellow {
  color: #F9B234 !important;
}
.bgYellow {
  background-color: #F9B234 !important;
}
.tcLightblue {
  color: #00BDE2 !important;
}
.bgLightblue {
  background-color: #00BDE2 !important;
}
.tcDarkblue {
  color: #023964 !important;
}
.bgDarkblue {
  background-color: #023964 !important;
}
.tcHelli1 {
  color: #d20b22 !important;
}
.bgHelli1 {
  background-color: #d20b22 !important;
}
.tcHelli2 {
  color: #2659F0 !important;
}
.bgHelli2 {
  background-color: #2659F0 !important;
}
.tcSps1 {
  color: #f9632d !important;
}
.bgSps1 {
  background-color: #f9632d !important;
}
.tcSps2 {
  color: #21c2d4 !important;
}
.bgSps2 {
  background-color: #21c2d4 !important;
}
.tcAccent1 {
  color: #ffde00 !important;
}
.bgAccent1 {
  background-color: #ffde00 !important;
}
.tcAccent2 {
  color: #e30613 !important;
}
.bgAccent2 {
  background-color: #e30613 !important;
}
.tcAccent3 {
  color: #d20b22 !important;
}
.bgAccent3 {
  background-color: #d20b22 !important;
}
.tcAccent4 {
  color: #2659F0 !important;
}
.bgAccent4 {
  background-color: #2659F0 !important;
}
.tcAccent5 {
  color: #f9632d !important;
}
.bgAccent5 {
  background-color: #f9632d !important;
}
.tcAccent6 {
  color: #21c2d4 !important;
}
.bgAccent6 {
  background-color: #21c2d4 !important;
}
.tcAccent1-Light {
  color: rgba(255, 222, 0, 0.25) !important;
}
.bgAccent1-Light {
  background-color: rgba(255, 222, 0, 0.25) !important;
}
.tcAccent2-Light {
  color: rgba(227, 6, 19, 0.25) !important;
}
.bgAccent2-Light {
  background-color: rgba(227, 6, 19, 0.25) !important;
}
.center25 {
  width: 25%;
  margin-left: auto;
  margin-right: auto;
}
.center33 {
  width: 33%;
  margin-left: auto;
  margin-right: auto;
}
.center50 {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
.center66 {
  width: 66%;
  margin-left: auto;
  margin-right: auto;
}
.center75 {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}
.center80 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
/*	Standardgrößen für Margin und Padding
	Erzeugt Klassen wie marginbottom-small oder padding-max
*/
.no-marginbottom {
  margin-bottom: 0 !important;
}
.no-margintop {
  margin-top: 0 !important;
}
.no-marginleft {
  margin-left: 0 !important;
}
.no-marginright {
  margin-right: 0 !important;
}
.no-margintopbot {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.no-marginside {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.no-margin {
  margin: 0 !important;
}
.xs-marginbottom {
  margin-bottom: 0.3125rem !important;
}
.xs-margintop {
  margin-top: 0.3125rem !important;
}
.xs-marginleft {
  margin-left: 0.3125rem !important;
}
.xs-marginright {
  margin-right: 0.3125rem !important;
}
.xs-margintopbot {
  margin-top: 0.3125rem !important;
  margin-bottom: 0.3125rem !important;
}
.xs-marginside {
  margin-left: 0.3125rem !important;
  margin-right: 0.3125rem !important;
}
.xs-margin {
  margin: 0.3125rem !important;
}
.small-marginbottom {
  margin-bottom: 0.46875rem !important;
}
.small-margintop {
  margin-top: 0.46875rem !important;
}
.small-marginleft {
  margin-left: 0.46875rem !important;
}
.small-marginright {
  margin-right: 0.46875rem !important;
}
.small-margintopbot {
  margin-top: 0.46875rem !important;
  margin-bottom: 0.46875rem !important;
}
.small-marginside {
  margin-left: 0.46875rem !important;
  margin-right: 0.46875rem !important;
}
.small-margin {
  margin: 0.46875rem !important;
}
.marginbottom {
  margin-bottom: 0.625rem !important;
}
.margintop {
  margin-top: 0.625rem !important;
}
.marginleft {
  margin-left: 0.625rem !important;
}
.marginright {
  margin-right: 0.625rem !important;
}
.margintopbot {
  margin-top: 0.625rem !important;
  margin-bottom: 0.625rem !important;
}
.marginside {
  margin-left: 0.625rem !important;
  margin-right: 0.625rem !important;
}
.margin {
  margin: 0.625rem !important;
}
.med-marginbottom {
  margin-bottom: 1.5625rem !important;
}
.med-margintop {
  margin-top: 1.5625rem !important;
}
.med-marginleft {
  margin-left: 1.5625rem !important;
}
.med-marginright {
  margin-right: 1.5625rem !important;
}
.med-margintopbot {
  margin-top: 1.5625rem !important;
  margin-bottom: 1.5625rem !important;
}
.med-marginside {
  margin-left: 1.5625rem !important;
  margin-right: 1.5625rem !important;
}
.med-margin {
  margin: 1.5625rem !important;
}
.big-marginbottom {
  margin-bottom: 3.125rem !important;
}
.big-margintop {
  margin-top: 3.125rem !important;
}
.big-marginleft {
  margin-left: 3.125rem !important;
}
.big-marginright {
  margin-right: 3.125rem !important;
}
.big-margintopbot {
  margin-top: 3.125rem !important;
  margin-bottom: 3.125rem !important;
}
.big-marginside {
  margin-left: 3.125rem !important;
  margin-right: 3.125rem !important;
}
.big-margin {
  margin: 3.125rem !important;
}
.max-marginbottom {
  margin-bottom: 4.6875rem !important;
}
.max-margintop {
  margin-top: 4.6875rem !important;
}
.max-marginleft {
  margin-left: 4.6875rem !important;
}
.max-marginright {
  margin-right: 4.6875rem !important;
}
.max-margintopbot {
  margin-top: 4.6875rem !important;
  margin-bottom: 4.6875rem !important;
}
.max-marginside {
  margin-left: 4.6875rem !important;
  margin-right: 4.6875rem !important;
}
.max-margin {
  margin: 4.6875rem !important;
}
.xxl-marginbottom {
  margin-bottom: 6.25rem !important;
}
.xxl-margintop {
  margin-top: 6.25rem !important;
}
.xxl-marginleft {
  margin-left: 6.25rem !important;
}
.xxl-marginright {
  margin-right: 6.25rem !important;
}
.xxl-margintopbot {
  margin-top: 6.25rem !important;
  margin-bottom: 6.25rem !important;
}
.xxl-marginside {
  margin-left: 6.25rem !important;
  margin-right: 6.25rem !important;
}
.xxl-margin {
  margin: 6.25rem !important;
}
.no-paddingbottom {
  padding-bottom: 0 !important;
}
.no-paddingtop {
  padding-top: 0 !important;
}
.no-paddingleft {
  padding-left: 0 !important;
}
.no-paddingright {
  padding-right: 0 !important;
}
.no-paddingtopbot {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.no-paddingside {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.xs-paddingbottom {
  padding-bottom: 0.2345rem !important;
}
.xs-paddingtop {
  padding-top: 0.2345rem !important;
}
.xs-paddingleft {
  padding-left: 0.2345rem !important;
}
.xs-paddingright {
  padding-right: 0.2345rem !important;
}
.xs-paddingtopbot {
  padding-top: 0.2345rem !important;
  padding-bottom: 0.2345rem !important;
}
.xs-paddingside {
  padding-left: 0.2345rem !important;
  padding-right: 0.2345rem !important;
}
.xs-padding {
  padding: 0.2345rem !important;
}
.small-paddingbottom {
  padding-bottom: 0.469rem !important;
}
.small-paddingtop {
  padding-top: 0.469rem !important;
}
.small-paddingleft {
  padding-left: 0.469rem !important;
}
.small-paddingright {
  padding-right: 0.469rem !important;
}
.small-paddingtopbot {
  padding-top: 0.469rem !important;
  padding-bottom: 0.469rem !important;
}
.small-paddingside {
  padding-left: 0.469rem !important;
  padding-right: 0.469rem !important;
}
.small-padding {
  padding: 0.469rem !important;
}
.paddingbottom {
  padding-bottom: 0.938rem !important;
}
.paddingtop {
  padding-top: 0.938rem !important;
}
.paddingleft {
  padding-left: 0.938rem !important;
}
.paddingright {
  padding-right: 0.938rem !important;
}
.paddingtopbot {
  padding-top: 0.938rem !important;
  padding-bottom: 0.938rem !important;
}
.paddingside {
  padding-left: 0.938rem !important;
  padding-right: 0.938rem !important;
}
.padding {
  padding: 0.938rem !important;
}
.med-paddingbottom {
  padding-bottom: 1.876rem !important;
}
.med-paddingtop {
  padding-top: 1.876rem !important;
}
.med-paddingleft {
  padding-left: 1.876rem !important;
}
.med-paddingright {
  padding-right: 1.876rem !important;
}
.med-paddingtopbot {
  padding-top: 1.876rem !important;
  padding-bottom: 1.876rem !important;
}
.med-paddingside {
  padding-left: 1.876rem !important;
  padding-right: 1.876rem !important;
}
.med-padding {
  padding: 1.876rem !important;
}
.big-paddingbottom {
  padding-bottom: 3.752rem !important;
}
.big-paddingtop {
  padding-top: 3.752rem !important;
}
.big-paddingleft {
  padding-left: 3.752rem !important;
}
.big-paddingright {
  padding-right: 3.752rem !important;
}
.big-paddingtopbot {
  padding-top: 3.752rem !important;
  padding-bottom: 3.752rem !important;
}
.big-paddingside {
  padding-left: 3.752rem !important;
  padding-right: 3.752rem !important;
}
.big-padding {
  padding: 3.752rem !important;
}
.max-paddingbottom {
  padding-bottom: 5.628rem !important;
}
.max-paddingtop {
  padding-top: 5.628rem !important;
}
.max-paddingleft {
  padding-left: 5.628rem !important;
}
.max-paddingright {
  padding-right: 5.628rem !important;
}
.max-paddingtopbot {
  padding-top: 5.628rem !important;
  padding-bottom: 5.628rem !important;
}
.max-paddingside {
  padding-left: 5.628rem !important;
  padding-right: 5.628rem !important;
}
.max-padding {
  padding: 5.628rem !important;
}
.msize-paddingbottom {
  padding-bottom: 0.625rem !important;
}
.msize-paddingtop {
  padding-top: 0.625rem !important;
}
.msize-paddingleft {
  padding-left: 0.625rem !important;
}
.msize-paddingright {
  padding-right: 0.625rem !important;
}
.msize-paddingtopbot {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}
.msize-paddingside {
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
}
.msize-padding {
  padding: 0.625rem !important;
}
.pad-auto {
  padding-left: auto;
  padding-right: auto;
}
.pad-left3 {
  padding-left: 3%;
}
.pad-left6 {
  padding-left: 6%;
}
.pad-icon {
  padding-left: 4px;
  padding-right: 0 !important;
}
.link-icon {
  font-size: 65%;
  padding-left: 4px;
  padding-right: 0 !important;
}
.header-padding {
  padding: 0.938rem 0 !important;
}
.note {
  padding: 0.938rem;
  border-radius: 5px;
  border: 1px solid #d3ced2;
  color: #000000;
  margin-bottom: 1.25rem;
}
.note.noborder {
  border: none;
}
.note.medborder {
  border-width: 2px;
}
.note.fatborder {
  border-width: 4px;
}
.note.shadow {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}
.note.shadow2 {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15);
}
.note.white {
  border-color: #ffffff;
}
.note.white.text {
  color: #ffffff;
}
.note.white.filled {
  background-color: rgba(255, 255, 255, 0.25);
}
.note.black {
  border-color: #000000;
}
.note.black.text {
  color: #000000;
}
.note.black.filled {
  background-color: rgba(0, 0, 0, 0.25);
}
.note.grey {
  border-color: #95a5a6;
}
.note.grey.text {
  color: #95a5a6;
}
.note.grey.filled {
  background-color: rgba(149, 165, 166, 0.25);
}
.note.darkgrey {
  border-color: #282828;
}
.note.darkgrey.text {
  color: #282828;
}
.note.darkgrey.filled {
  background-color: rgba(40, 40, 40, 0.25);
}
.note.pink {
  border-color: #d13b7b;
}
.note.pink.text {
  color: #d13b7b;
}
.note.pink.filled {
  background-color: rgba(209, 59, 123, 0.25);
}
.note.red {
  border-color: #ef4a44;
}
.note.red.text {
  color: #ef4a44;
}
.note.red.filled {
  background-color: rgba(239, 74, 68, 0.25);
}
.note.purple {
  border-color: #874f9a;
}
.note.purple.text {
  color: #874f9a;
}
.note.purple.filled {
  background-color: rgba(135, 79, 154, 0.25);
}
.note.blue {
  border-color: #279fba;
}
.note.blue.text {
  color: #279fba;
}
.note.blue.filled {
  background-color: rgba(39, 159, 186, 0.25);
}
.note.orange {
  border-color: #ee7933;
}
.note.orange.text {
  color: #ee7933;
}
.note.orange.filled {
  background-color: rgba(238, 121, 51, 0.25);
}
.note.green {
  border-color: #00c67e;
}
.note.green.text {
  color: #00c67e;
}
.note.green.filled {
  background-color: rgba(0, 198, 126, 0.25);
}
.note.yellow {
  border-color: #F9B234;
}
.note.yellow.text {
  color: #F9B234;
}
.note.yellow.filled {
  background-color: rgba(249, 178, 52, 0.25);
}
.note.lightblue {
  border-color: #00BDE2;
}
.note.lightblue.text {
  color: #00BDE2;
}
.note.lightblue.filled {
  background-color: rgba(0, 189, 226, 0.25);
}
.note.darkblue {
  border-color: #023964;
}
.note.darkblue.text {
  color: #023964;
}
.note.darkblue.filled {
  background-color: rgba(2, 57, 100, 0.25);
}
.note.helli-color-1 {
  border-color: #d20b22;
}
.note.helli-color-1.text {
  color: #d20b22;
}
.note.helli-color-1.filled {
  background-color: rgba(210, 11, 34, 0.25);
}
.note.helli-color-2 {
  border-color: #2659F0;
}
.note.helli-color-2.text {
  color: #2659F0;
}
.note.helli-color-2.filled {
  background-color: rgba(38, 89, 240, 0.25);
}
.note.sps-color-1 {
  border-color: #f9632d;
}
.note.sps-color-1.text {
  color: #f9632d;
}
.note.sps-color-1.filled {
  background-color: rgba(249, 99, 45, 0.25);
}
.note.sps-color-2 {
  border-color: #21c2d4;
}
.note.sps-color-2.text {
  color: #21c2d4;
}
.note.sps-color-2.filled {
  background-color: rgba(33, 194, 212, 0.25);
}
.note.accent-1 {
  border-color: #ffde00;
}
.note.accent-1.text {
  color: #ffde00;
}
.note.accent-1.filled {
  background-color: rgba(255, 222, 0, 0.25);
}
.note.accent-2 {
  border-color: #e30613;
}
.note.accent-2.text {
  color: #e30613;
}
.note.accent-2.filled {
  background-color: rgba(227, 6, 19, 0.25);
}
.note.accent-3 {
  border-color: #d20b22;
}
.note.accent-3.text {
  color: #d20b22;
}
.note.accent-3.filled {
  background-color: rgba(210, 11, 34, 0.25);
}
.note.accent-4 {
  border-color: #2659F0;
}
.note.accent-4.text {
  color: #2659F0;
}
.note.accent-4.filled {
  background-color: rgba(38, 89, 240, 0.25);
}
.note.accent-5 {
  border-color: #f9632d;
}
.note.accent-5.text {
  color: #f9632d;
}
.note.accent-5.filled {
  background-color: rgba(249, 99, 45, 0.25);
}
.note.accent-6 {
  border-color: #21c2d4;
}
.note.accent-6.text {
  color: #21c2d4;
}
.note.accent-6.filled {
  background-color: rgba(33, 194, 212, 0.25);
}
.columns {
  text-align: justify !important;
}
.columns.cols2 {
  column-count: 2;
  -webkit-column-count: 2;
  -moz-column-count: 2;
}
@media only all and (max-width: 47.99rem) {
  .columns.cols2 {
    column-count: 1;
    -webkit-column-count: 1;
    -moz-column-count: 1;
  }
}
.columns.cols3 {
  column-count: 3;
  -webkit-column-count: 3;
  -moz-column-count: 3;
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .columns.cols3 {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
  }
}
@media only all and (max-width: 47.99rem) {
  .columns.cols3 {
    column-count: 1;
    -webkit-column-count: 1;
    -moz-column-count: 1;
  }
}
.columns.cols4 {
  column-count: 4;
  -webkit-column-count: 4;
  -moz-column-count: 4;
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .columns.cols4 {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
  }
}
@media only all and (max-width: 47.99rem) {
  .columns.cols4 {
    column-count: 1;
    -webkit-column-count: 1;
    -moz-column-count: 1;
  }
}
.columns.gap {
  column-gap: 0.938rem;
  -webkit-column-gap: 0.938rem;
  -moz-column-gap: 0.938rem;
}
.columns.gap2 {
  column-gap: 1.876rem;
  -webkit-column-gap: 1.876rem;
  -moz-column-gap: 1.876rem;
}
.columns.rule {
  column-rule: 1px solid #95a5a6;
  -webkit-column-rule: 1px solid #95a5a6;
  -moz-column-rule: 1px solid #95a5a6;
}
.columns.span {
  column-span: all;
  -webkit-column-span: all;
  -moz-column-span: all;
}
.columns > .keep, .columns > figure, .columns > li {
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
}
.columns > ol, .columns ul, .columns p, .columns h1, .columns h2, .columns h3, .columns h4, .columns h5, .columns h6 {
  margin-top: 0 !important;
}
.columns p {
  text-align: justify;
}
.line {
  border-bottom: 1px solid #ffde00;
}
.line.header {
  width: 70%;
  text-align: center;
  margin-left: 15% !important;
  margin-right: 15% !important;
}
.line.white {
  border-bottom-color: #ffffff;
}
.line.black {
  border-bottom-color: #000000;
}
.line.grey {
  border-bottom-color: #95a5a6;
}
.line.light {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
h6 {
  margin: 0 0 0.2083333333rem 0 !important;
}
h1, h2, h3, h4, h5 {
  margin: 0 0 0.625rem 0 !important;
}
h1 div.line, h2 div.line, h3 div.line, h4 div.line, h5 div.line {
  width: 100%;
}
h1 small, h2 small, h3 small, h4 small, h5 small {
  clear: both;
  color: #95a5a6;
  display: block;
  font-size: 80%;
  font-weight: 300;
  line-height: 100%;
  text-transform: none;
  padding-top: 8px;
}
h1 small small, h2 small small, h3 small small, h4 small small, h5 small small {
  font-size: 80%;
  font-weight: normal;
  line-height: 180%;
}
/* länder */
.bgWhite-transparent {
  background: rgba(255, 255, 255, 0.65);
}
.boxshadow {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.ph-background {
  overflow: hidden;
  background: rgba(255, 255, 255, 0.65);
  border-radius: 0.125rem;
  border: 1px solid #e0e0e5;
}
.box-shadow.moduletable, .box-shadow.widget, .box-shadow.g-outer-box {
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}
.g-array-item-text {
  display: inline;
}
.g-array-item-text p {
  display: inline;
}
.content-block {
  color: #000000;
  background: #ffffff;
  border-radius: 0.25rem;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  margin: 1.6415rem -0.3125rem;
  padding: 1.6415rem 1.876rem;
}
.content-block h1, .content-block h2, .content-block h3, .content-block h4, .content-block h5, .content-block h6 {
  font-family: "Lato", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.75;
  margin-bottom: 0.625rem;
  padding-bottom: 0;
}
.content-block h1.line, .content-block h2.line, .content-block h3.line, .content-block h4.line, .content-block h5.line, .content-block h6.line {
  border-bottom: 1px solid #ffde00;
}
.content-block h1 small, .content-block h2 small, .content-block h3 small, .content-block h4 small, .content-block h5 small, .content-block h6 small {
  clear: both;
  display: block;
  font-size: 80%;
  font-weight: 300;
}
.content-block h1 a, .content-block h2 a, .content-block h3 a, .content-block h4 a, .content-block h5 a, .content-block h6 a {
  color: #ffde00 !important;
}
.content-block h1 a:hover, .content-block h2 a:hover, .content-block h3 a:hover, .content-block h4 a:hover, .content-block h5 a:hover, .content-block h6 a:hover {
  color: black;
}
.content-block h1 {
  font-size: 2.25rem !important;
}
.content-block h2 {
  font-size: 1.9rem !important;
}
.content-block h3 {
  font-size: 1.5rem !important;
}
.content-block h4 {
  font-size: 1.25rem !important;
}
.content-block h5 {
  font-size: 1rem !important;
}
.content-block h6 {
  font-size: 0.85rem !important;
}
.form-horizontal legend {
  margin: 0 !important;
}
.form-horizontal legend small {
  clear: both;
  display: block;
  font-size: 60%;
  font-weight: normal;
}
.form-horizontal legend small strong {
  color: #ef4a44;
}
.form-horizontal .control-label {
  float: left;
  width: 120px !important;
  padding-top: 5px;
  text-align: right;
  font-size: 80%;
}
.form-horizontal .controls {
  margin-left: 140px !important;
}
.form-horizontal .controls2 {
  margin-left: 140px !important;
}
.form-horizontal .controls2 input[type="checkbox"] {
  margin: 0;
}
.form-horizontal .controls2 label {
  display: inline-block;
  padding-left: 0.625rem;
  font-size: 80%;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
  border-color: rgba(236, 28, 36, 0.8);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(236, 28, 36, 0.6);
}
#ff_form1 #bfPage1 label {
  width: 25%;
}
#ff_form1 #bfPage1 input {
  width: 73%;
}
#ff_form1 #bfPage1 #bfElemWrap86 {
  width: 45% !important;
  display: inline-block;
}
#ff_form1 #bfPage1 #bfElemWrap86 #bfLabel86 {
  width: 57%;
}
#ff_form1 #bfPage1 #bfElemWrap86 #ff_elem86 {
  width: 40% !important;
}
#ff_form1 #bfPage1 #bfElemWrap87 {
  width: 55% !important;
  float: right;
}
#ff_form1 #bfPage1 #bfElemWrap87 #ff_elem87 {
  width: 98.5%;
}
#ff_form1 #bfPage1 #bfElemWrap92 {
  padding-top: 0;
}
#ff_form1 #bfPage1 #bfElemWrap101 {
  width: 40% !important;
  display: inline-block;
}
#ff_form1 #bfPage1 #bfElemWrap101 #bfLabel101 {
  width: 64%;
}
#ff_form1 #bfPage1 #bfElemWrap101 #ff_elem101 {
  width: 30% !important;
}
#ff_form1 #bfPage1 #bfElemWrap136 {
  width: 60% !important;
  float: right;
}
#ff_form1 #bfPage1 #bfElemWrap136 #bfLabel136 {
  width: 80%;
}
#ff_form1 #bfPage1 #bfElemWrap136 #ff_elem136 {
  display: none;
}
#ff_form1 #bfPage1 #ff_elem131 {
  background: #eee;
  width: 30%;
  color: #00c67e;
  font-weight: bold;
  font-size: 120%;
}
#ff_form1 #bfPage1 #bfElemWrap173 #bfLabel173 {
  width: 67%;
}
#ff_form1 #bfPage1 #bfElemWrap173 #bfLabel173 a {
  color: #e30613;
}
#ff_form1 #bfPage1 #bfElemWrap173 #bfLabel173 a:hover {
  color: #000000;
}
#ff_form1 #bfPage1 #bfElemWrap173 #ff_elem173 {
  width: 6% !important;
  margin-left: 25%;
}
#ff_form1 #bfPage1 #bfElemWrap178 #bfLabel178 {
  width: 67%;
}
#ff_form1 #bfPage1 #bfElemWrap178 #ff_elem178 {
  width: 6% !important;
  margin-left: 25%;
}
#ff_form1 #bfPage1 #bfSubmitButton {
  color: #e30613 !important;
  background: #ffffff !important;
  border-color: #e30613 !important;
}
#ff_form1 #bfPage1 #bfSubmitButton:hover {
  color: #ffffff !important;
  background: #e30613 !important;
}
.spalten {
  display: flex;
  flex-wrap: wrap;
}
.spalten .spalte.w100 {
  width: 100%;
}
.spalten .spalte.w80 {
  width: 80%;
}
@media only all and (max-width: 47.99rem) {
  .spalten .spalte.w80 {
    width: 100%;
  }
}
.spalten .spalte.w75 {
  width: 75%;
}
@media only all and (max-width: 47.99rem) {
  .spalten .spalte.w75 {
    width: 100%;
  }
}
.spalten .spalte.w70 {
  width: 70%;
}
@media only all and (max-width: 47.99rem) {
  .spalten .spalte.w70 {
    width: 100%;
  }
}
.spalten .spalte.w66 {
  width: 66%;
}
@media only all and (max-width: 47.99rem) {
  .spalten .spalte.w66 {
    width: 100%;
  }
}
.spalten .spalte.w60 {
  width: 60%;
}
@media only all and (max-width: 47.99rem) {
  .spalten .spalte.w60 {
    width: 100%;
  }
}
.spalten .spalte.w50 {
  width: 50%;
}
@media only all and (max-width: 47.99rem) {
  .spalten .spalte.w50 {
    width: 100%;
  }
}
.spalten .spalte.w40 {
  width: 40%;
}
@media only all and (max-width: 47.99rem) {
  .spalten .spalte.w40 {
    width: 50%;
  }
}
.spalten .spalte.w33 {
  width: 33%;
}
@media only all and (max-width: 47.99rem) {
  .spalten .spalte.w33 {
    width: 50%;
  }
}
.spalten .spalte.w30 {
  width: 30%;
}
@media only all and (max-width: 47.99rem) {
  .spalten .spalte.w30 {
    width: 50%;
  }
}
.spalten .spalte.w25 {
  width: 25%;
}
@media only all and (max-width: 47.99rem) {
  .spalten .spalte.w25 {
    width: 50%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .spalten .spalte.w25 {
    width: 33%;
  }
}
.spalten .spalte.w20 {
  width: 20%;
}
@media only all and (max-width: 47.99rem) {
  .spalten .spalte.w20 {
    width: 50%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .spalten .spalte.w20 {
    width: 33%;
  }
}
.spalten .spalte.w80fix {
  width: 80%;
}
.spalten .spalte.w75fix {
  width: 75%;
}
.spalten .spalte.w70fix {
  width: 70%;
}
.spalten .spalte.w66fix {
  width: 66%;
}
.spalten .spalte.w60fix {
  width: 60%;
}
.spalten .spalte.w50fix {
  width: 50%;
}
.spalten .spalte.w40fix {
  width: 40%;
}
.spalten .spalte.w33fix {
  width: 33%;
}
.spalten .spalte.w30fix {
  width: 30%;
}
.spalten .spalte.w25fix {
  width: 25%;
}
.spalten .spalte.w20fix {
  width: 20%;
}
.spalten .spalte img {
  margin-bottom: 0.625rem;
}
.column-list {
  display: flex;
  flex-wrap: wrap;
}
.column-list .column-item {
  padding: 0.469rem;
}
.column-list .column-item.columns-1 {
  width: 100%;
}
.column-list .column-item.columns-2 {
  width: 50%;
}
@media only all and (max-width: 47.99rem) {
  .column-list .column-item.columns-2 {
    width: 100%;
  }
}
.column-list .column-item.columns-3 {
  width: 33%;
  font-size: 90%;
}
@media only all and (max-width: 47.99rem) {
  .column-list .column-item.columns-3 {
    width: 100%;
  }
}
.column-list .column-item.columns-4 {
  width: 25%;
  font-size: 90%;
}
@media only all and (max-width: 47.99rem) {
  .column-list .column-item.columns-4 {
    width: 50%;
  }
}
.column-list .column-item.columns-5 {
  width: 20%;
  font-size: 85%;
}
@media only all and (max-width: 47.99rem) {
  .column-list .column-item.columns-5 {
    width: 50%;
  }
}
.column-list .column-item.columns-6 {
  width: 16.6%;
  font-size: 80%;
}
@media only all and (max-width: 47.99rem) {
  .column-list .column-item.columns-6 {
    width: 50%;
  }
}
.column-list .column-item.selected .column-item-content {
  background: white !important;
}
.column-list .column-item .column-item-content {
  background: #ffffff;
  border: 1px solid #ffde00;
  padding: 0.3126666667rem;
  width: 100%;
  height: 100%;
  text-align: center;
}
.column-list .column-item .column-item-content.notinstock {
  border: 1px solid #95a5a6;
  color: #95a5a6;
}
.column-list .column-item .column-item-content.blockhover {
  cursor: pointer;
}
.column-list .column-item .column-item-content.blockhover:hover {
  -moz-box-shadow: 0 0 10px -2px #ffde00;
  -webkit-box-shadow: 0 0 10px 3px #ffde00;
  box-shadow: 0 0 10px 3px #ffde00;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
.column-list .column-item .column-item-title {
  margin: 0 !important;
  padding-top: 0.3126666667rem;
  padding-bottom: 0.2345rem;
  font-weight: bold;
}
.column-list .column-item .column-item-price {
  font-weight: bold;
  padding-bottom: 0.2345rem;
}
.column-list .column-item .column-item-price .column-item-unit-price {
  color: #95a5a6;
  font-size: 95%;
  font-weight: normal;
}
.column-list .column-item p {
  margin: 0 !important;
  padding-bottom: 0.2345rem;
}
.column-list .column-item img {
  border: 1px solid #000;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
}
div.img-intro-left {
  padding-left: 0.625rem;
  width: 33%;
  max-width: 33%;
  display: inline;
  float: right;
}
div.img-intro-right {
  padding-right: 0.625rem;
  width: 33%;
  max-width: 33%;
  display: inline;
  float: left;
}
.uk-overlay-panel.uk-overlay-background {
  background: transparent !important;
}
.uk-overlay-panel .g-slideshow-desc {
  background: #bdc6d4;
  color: #5b3d13 !important;
  margin-bottom: 1.5rem;
}
.uk-overlay-panel .g-slideshow-desc h1, .uk-overlay-panel .g-slideshow-desc h2, .uk-overlay-panel .g-slideshow-desc h3, .uk-overlay-panel .g-slideshow-desc h4, .uk-overlay-panel .g-slideshow-desc h5, .uk-overlay-panel .g-slideshow-desc p, .uk-overlay-panel .g-slideshow-desc div {
  padding: 0.5rem;
  color: #5b3d13 !important;
}
.uk-overlay-panel .g-slideshow-buttons .standard {
  color: #ffde00 !important;
  background: transparent !important;
}
.g-imagegrid .g-imagegrid-desc big {
  font-size: 130%;
}
ol.number {
  list-style-type: decimal;
  list-style-position: outside;
  margin: 1em 0;
}
ol.number li {
  margin-bottom: 1em;
}
ol.number.headline > li::first-line {
  font-weight: bold;
  font-size: 120%;
}
ol.number ol.alpha {
  margin: 1em 0 0 1em;
  list-style-type: lower-alpha;
  list-style-position: outside;
}
ol.number ol.alpha.headline > li::first-line {
  font-style: italic;
}
ol.number ul {
  margin: 1em 0 1em 1em;
}
ol.number ul li {
  margin-bottom: 0 !important;
}
.gallery .trenner {
  padding: 0 1em;
}
.gallery .g-imagegrid-desc {
  font-size: 90%;
  margin: 1rem 1rem 0.5rem;
}
.gallery .g-imagegrid-desc a {
  cursor: pointer;
  color: #ffffff;
}
.gallery .g-imagegrid-desc a:hover {
  color: #e30613;
}
.gallery li {
  padding: 0 2rem;
}
.gallery .uk-slidenav-previous {
  background: transparent;
  color: #ffde00;
  font-size: 35px;
  left: 0px;
}
.gallery .uk-slidenav-next {
  background: transparent;
  color: #ffde00;
  font-size: 35px;
  right: 0px;
}
.gallery .uk-slidenav {
  margin-top: 0.5rem;
  opacity: 1;
  /*
		display: block;
		-webkit-transition: opacity 0.3s, background 0.2s;
		-moz-transition: opacity 0.3s, background 0.2s;
		transition: opacity 0.3s, background 0.2s;
		*/
}
.musiker .h4 {
  margin: 0;
}
.musiker .smaller {
  margin: 0 0 0.5rem 0;
}
.musiker .separator {
  height: 1px;
  width: 50px;
  margin: 0 auto;
  background: #e30613;
}
.musiker .switch {
  cursor: pointer;
  font-size: 85%;
}
.musiker .switch.selected {
  cursor: auto;
  color: #dddddd;
}
.musiker .boundbox {
  min-height: 8rem;
  padding: 0.938rem;
}
.g-totop {
  position: absolute;
  bottom: 0;
  text-align: left !important;
}
.g-totop a {
  color: #e30613;
}
.vtitel {
  font-size: 90%;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  left: 1rem;
  top: 50%;
  border-bottom: 1px solid #e30613;
  transform: rotate(270deg);
  transform-origin: left center 0;
  display: block;
  overflow: visible;
  width: 150px;
}
.updown {
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: left !important;
}
.updown a {
  color: #e30613;
}
.updown a:hover {
  color: #ffde00;
}
.playlist {
  border: none;
  font-size: 80%;
  font-weight: bold;
}
.playlist tr {
  cursor: pointer;
}
.playlist tr:hover {
  color: #e30613;
}
.playlist td {
  border: none;
  padding: 0 0.25rem 0.25rem 0.25rem;
}
.playlist td.file {
  width: 2rem;
}
.fp-padding {
  padding-left: 5% !important;
  padding-right: 5% !important;
}
.g-fixed-container {
  background: #000000;
}
/**/
/*# sourceMappingURL=custom_30.css.map */