body * {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  line-height:24px;
  font-weight: 400;
  color:#333;
}

.typography h1, .typography .h1, .typography h1 a, .typography .h1 a {
  font-size: 34px;
  line-height:38px;
  font-weight: 700;
  display: block;
}

.typography h2, .typography .h2 , .typography h2 *, .typography .h2 * {
  font-size: 20px;
  line-height:26px;
  font-weight: 800;
  display: block;
  margin-bottom:20px;
}

.typography h2.small, .typography .h2.small , .typography h2.small *, .typography .h2.small * {
  font-size: 16px !important;
  line-height: 1.25;
}

.typography h3, .typography .h3,.typography h3 a, .typography .h3 a {
  font-size: 18px;
  line-height:24px;
  font-weight: 700 !important;
  text-transform: uppercase;
  display: block;
  color:#0386c1;
}
.typography .h4,
.typography .h4 *,
.typography h4
{
	font-weight: bold;
  font-size:14px !important;
  line-height: 14px !important;
  text-transform: uppercase;
}
.typography.font_blue *,
.typography.font_blue,
.typography .font_blue,
.typography .font_blue *
{
  color:#0386c1;
}
.typography ul
{
  padding-left:0;
  list-style: none;
}
.typography ul li
{
  padding-left:20px;
  position: relative;
}
.typography ul li::before{
  position: absolute;
  height:4px;
  width:4px;
  background-color:#019ba5;
  content:"";
  left: 0;
  top:0.5em;
  transform:translateY(-2px);
}
.typography .black
{
  color:black !important;
}

.typography .green
{
    color:#019ba5;
}
.typography .font_normal
{
  font-weight:400;
}
.typography .font_bold
{
  font-weight:700;
}
.typography .font_extrabold
{
  font-weight:800;
}
.typography.bg_primary *,
.typography .bg_primary,
.typography .bg_primary *,
.bg_primary .typography *
{
  color:white;
}
.typography strong
{
  font-weight:bold;
}
.typography .regular
{
  font-weight:400 !important;
}
.typography .no_upper
{
  text-transform:capitalize !important;
}
/* class to simulate dark Background i.e. for Images */
.typography .bg_brightfont,
.typography .bg_brightfont *,
.bg_brightfont .typography,
.bg_brightfont .typography *,
.typography .button
{
  color:white !important;
}

.typography .anmerkung_titel
{

}
.typography .anmerkung,
.typography .anmerkung *
{
  font-size:14px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  line-height: 14px !important;
}
.typography a:hover
{
  text-decoration: none;
}
.typography .colored_bg,
.typography .colored_bg *
.colored_bg,
.colored_bg *
{
  color:white;
}
.typography .font-white,
.typography.font-white *
{
  color:white !important;
}
.typography .font-black
{
  color:black !important;
}
.typography .font-blue
{
  color:#0486c2 !important;
}
.typography .font-normal
{
  text-transform: capitalize;
}
.typography .bold
{
  font-weight:800;
}
a:hover {
  color: #0386c1;
}

@media (max-width: 768px) {

  .typography h1, .typography .h1, .typography h1 a, .typography .h1 a {
    font-size: 32px;
    line-height:38px;
    font-weight: 700;
    display: block;
  }

  .typography h3, .typography .h3,.typography h3 a, .typography .h3 a {
    font-size: 16px;
    line-height:24px;
    font-weight: 700 !important;
    text-transform: uppercase;
    display: block;
    color:#0386c1;
  }

}