/*Page*/

/*Title*/

.font-title {
  font-family: Font-Medium;
  text-decoration: none;
  font-size: 48px;
  color: #333333;
  letter-spacing: 0px;
  line-height: normal;
}

.font-title-hell {
  font-family: Font-Medium;
  text-decoration: none;
  font-size: 48px;
  color: #eeeeee;
  letter-spacing: 0px;
  line-height: normal;
}

.font-title-headline {
  font-family: Font-Medium;
  text-decoration: none;
  font-size: 64px;
  color: #333333;
  letter-spacing: 0px;
  line-height: normal;
  padding-top: 100px;
  padding-bottom: 20px;
}

.font-title-headline-hell {
  font-family: Font-Medium;
  text-decoration: none;
  font-size: 64px;
  color: #eeeeee;
  letter-spacing: 0px;
  line-height: normal;
  padding-top: 100px;
  padding-bottom: 20px;
}

/*Subtitle*/

.font-subtitle {
  font-family: Font-Regular;
  text-decoration: none;
  font-size: 36px;
  color: #333333;
  letter-spacing: 0px;
  line-height: normal;
}

.font-subtitle-hell {
  font-family: Font-Regular;
  text-decoration: none;
  font-size: 36px;
  color: #eeeeee;
  letter-spacing: 0px;
  line-height: normal;
}

.font-subtitle-light {
  font-family: Font-Light;
  text-decoration: none;
  font-size: 36px;
  color: #333333;
  letter-spacing: 0px;
  line-height: normal;
}

.font-subtitle-light-hell {
  font-family: Font-Light;
  text-decoration: none;
  font-size: 36px;
  color: #eeeeee;
  letter-spacing: 0px;
  line-height: normal;
}

.font-subtitle-light-color {
  font-family: Font-Light;
  text-decoration: none;
  font-size: 36px;
  color: #004380;
  letter-spacing: 0px;
  line-height: normal;
}

/*Text*/

.font-text {
  font-family: Font-Light;
  text-decoration: none;
  font-size: 24px;
  color: #333333;
  letter-spacing: 0px;
  line-height: normal;
}

.font-text-hell {
  font-family: Font-Light;
  text-decoration: none;
  font-size: 24px;
  color: #eeeeee;
  letter-spacing: 0px;
  line-height: normal;
}

.font-text-bold {
  font-family: Font-Regular;
  text-decoration: none;
  font-size: 24px;
  color: #333333;
  letter-spacing: 0px;
  line-height: normal;
}

.font-text-bold-hell {
  font-family: Font-Regular;
  text-decoration: none;
  font-size: 24px;
  color: #eeeeee;
  letter-spacing: 0px;
  line-height: normal;
}

.font-small {
  font-family: Font-Light;
  text-decoration: none;
  font-size: 16px;
  color: #333333;
  letter-spacing: 0px;
  line-height: normal;
}

.font-small-hell {
  font-family: Font-Light;
  text-decoration: none;
  font-size: 16px;
  color: #eeeeee;
  letter-spacing: 0px;
  line-height: normal;
}

.font-small-bold {
  font-family: Font-Regular;
  text-decoration: none;
  font-size: 16px;
  color: #333333;
  letter-spacing: 0px;
  line-height: normal;
}

.font-small-hell-bold {
  font-family: Font-Regular;
  text-decoration: none;
  font-size: 16px;
  color: #eeeeee;
  letter-spacing: 0px;
  line-height: normal;
}

/*Modal*/

.font-vsao {
  font-family: Font-Regular;
  text-decoration: none;
  font-size: 24px;
  color: #333333;
  letter-spacing: 0px;
  line-height: normal;
}

/*Cookies*/

.font-accept {
  font-family: Font-Light;
  text-decoration: none;
  font-size: 16px;
  color: #004380;
  letter-spacing: 0px;
  line-height: normal;
}

.font-accept:hover {
  font-family: Font-Light;
  text-decoration: none;
  font-size: 16px;
  color: #eeeeee;
  letter-spacing: 0px;
  line-height: normal;
  cursor: pointer;
}

.font-dsg {
  font-family: Font-Regular;
  text-decoration: none;
  font-size: 24px;
  color: #004380;
  letter-spacing: 0px;
  line-height: normal;
}

.font-dsg:hover {
  font-family: Font-Regular;
  text-decoration: none;
  font-size: 24px;
  color: #eeeeee;
  letter-spacing: 0px;
  line-height: normal;
}

/*Timeline*/

.font-timeline-title {
  font-family: Font-Regular;
  text-decoration: none;
  font-size: 24px;
  padding-bottom: 10px;
  color: #333333;
  letter-spacing: 0px;
  line-height: normal;
}

.font-timeline-text {
  font-family: Font-Light;
  text-decoration: none;
  font-size: 16px;
  color: #333333;
  letter-spacing: 0px;
  line-height: normal;
}

.font-timeline-link {
  font-family: Font-Light;
  text-decoration: none;
  font-size: 16px;
  color: #004380;
  letter-spacing: 0px;
  line-height: normal;
}

/**************************************** Mediascreen ****************************************/

@media screen and (max-width: 1124px) {

/**************************************** Mediascreen ****************************************/

/*Page*/

/*Title*/

.font-title {
  font-family: Font-Medium;
  text-decoration: none;
  font-size: 24px;
  color: #333333;
  letter-spacing: 0px;
  line-height: normal;
}

.font-title-hell {
  font-family: Font-Medium;
  text-decoration: none;
  font-size: 24px;
  color: #eeeeee;
  letter-spacing: 0px;
  line-height: normal;
}

.font-title-headline {
  font-family: Font-Medium;
  text-decoration: none;
  font-size: 32px;
  color: #333333;
  letter-spacing: 0px;
  line-height: normal;
  padding-top: 14px;
  padding-bottom: 14px;
}

.font-title-headline-hell {
  font-family: Font-Medium;
  text-decoration: none;
  font-size: 32px;
  color: #eeeeee;
  letter-spacing: 0px;
  line-height: normal;
  padding-top: 14px;
  padding-bottom: 14px;
}

/*Subtitle*/

.font-subtitle {
  font-family: Font-Regular;
  text-decoration: none;
  font-size: 18px;
  color: #333333;
  letter-spacing: 0px;
  line-height: normal;
}

.font-subtitle-hell {
  font-family: Font-Regular;
  text-decoration: none;
  font-size: 18px;
  color: #eeeeee;
  letter-spacing: 0px;
  line-height: normal;
}

.font-subtitle-light {
  font-family: Font-Light;
  text-decoration: none;
  font-size: 18px;
  color: #333333;
  letter-spacing: 0px;
  line-height: normal;
}

.font-subtitle-light-hell {
  font-family: Font-Light;
  text-decoration: none;
  font-size: 18px;
  color: #eeeeee;
  letter-spacing: 0px;
  line-height: normal;
}

.font-subtitle-light-color {
  font-family: Font-Light;
  text-decoration: none;
  font-size: 18px;
  color: #333333;
  letter-spacing: 0px;
  line-height: normal;
}

/*Text*/

.font-text {
  font-family: Font-Light;
  text-decoration: none;
  font-size: 12px;
  color: #333333;
  letter-spacing: 0px;
  line-height: normal;
}

.font-text-hell {
  font-family: Font-Light;
  text-decoration: none;
  font-size: 12px;
  color: #eeeeee;
  letter-spacing: 0px;
  line-height: normal;
}

.font-text-bold {
  font-family: Font-Regular;
  text-decoration: none;
  font-size: 12px;
  color: #333333;
  letter-spacing: 0px;
  line-height: normal;
}

.font-text-bold-hell {
  font-family: Font-Regular;
  text-decoration: none;
  font-size: 12px;
  color: #eeeeee;
  letter-spacing: 0px;
  line-height: normal;
}


.font-small {
  font-family: Font-Light;
  text-decoration: none;
  font-size: 10px;
  color: #333333;
  letter-spacing: 0px;
  line-height: normal;
}

.font-small-hell {
  font-family: Font-Light;
  text-decoration: none;
  font-size: 10px;
  color: #eeeeee;
  letter-spacing: 0px;
  line-height: normal;
}

.font-small-bold {
  font-family: Font-Regular;
  text-decoration: none;
  font-size: 10px;
  color: #333333;
  letter-spacing: 0px;
  line-height: normal;
}

.font-small-hell-bold {
  font-family: Font-Regular;
  text-decoration: none;
  font-size: 10px;
  color: #eeeeee;
  letter-spacing: 0px;
  line-height: normal;
}

/*Modal*/

.font-vsao {
  font-family: Font-Regular;
  text-decoration: none;
  font-size: 12px;
  color: #333333;
  letter-spacing: 0px;
  line-height: normal;
}

/*Cookies*/

.font-accept {
  font-family: Font-Light;
  text-decoration: none;
  font-size: 10px;
  color: #004380;
  letter-spacing: 0px;
  line-height: normal;
}

.font-accept:hover {
  font-family: Font-Light;
  text-decoration: none;
  font-size: 10px;
  color: #eeeeee;
  letter-spacing: 0px;
  line-height: normal;
  cursor: pointer;
}

.font-dsg {
  font-family: Font-Regular;
  text-decoration: none;
  font-size: 12px;
  color: #004380;
  letter-spacing: 0px;
  line-height: normal;
}

.font-dsg:hover {
  font-family: Font-Regular;
  text-decoration: none;
  font-size: 12px;
  color: #eeeeee;
  letter-spacing: 0px;
  line-height: normal;
}

/*Timeline*/

.font-timeline-title {
  font-family: Font-Regular;
  text-decoration: none;
  font-size: 20px;
  padding-bottom: 10px;
  color: #333333;
  letter-spacing: 0px;
  line-height: normal;
}

.font-timeline-text {
  font-family: Font-Light;
  text-decoration: none;
  font-size: 12px;
  color: #333333;
  letter-spacing: 0px;
  line-height: normal;
}

.font-timeline-link {
  font-family: Font-Light;
  text-decoration: underline;
  font-size: 12px;
  color: #004380;
  letter-spacing: 0px;
  line-height: normal;
}

}