html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}
html * {
  box-sizing: border-box;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  position: relative;
}
html *:after,
html *:before {
  box-sizing: border-box;
}

ul {
  list-style: none;
}

h1 {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #e5ef92;
  font-size: 0.9em;
  margin-bottom: 0.5em;
  opacity: 0.75;
  text-transform: uppercase;
}

h2 {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 900;
  color: #e5ef92;
  font-size: 1em;
}

li {
  border-bottom: solid 0.1vw rgba(229, 244, 248, 0.2);
  padding: 2vh 0;
}

.dashboard {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  background-color: #ebf3a5;
  bottom: 0.5vw;
  color: #fff;
  font-size: 1.6vw;
  left: 0.5vw;
  overflow: hidden;
  position: fixed;
  right: 0.5vw;
  top: 0.5vw;
}

.graph {
  display: block;
  height: 100%;
  width: 100%;
}

.grid {
  position: absolute;
  display: none;
  overflow: hidden;
}
.grid--from-a1 {
  display: block;
  left: 0%;
  top: 0%;
  z-index: 998;
}
.grid--to-a1 {
  right: 75%;
  bottom: 66.6666666667%;
}
.grid--from-b1 {
  display: block;
  left: 25%;
  top: 0%;
  z-index: 997;
}
.grid--to-b1 {
  right: 50%;
  bottom: 66.6666666667%;
}
.grid--from-c1 {
  display: block;
  left: 50%;
  top: 0%;
  z-index: 996;
}
.grid--to-c1 {
  right: 25%;
  bottom: 66.6666666667%;
}
.grid--from-d1 {
  display: block;
  left: 75%;
  top: 0%;
  z-index: 995;
}
.grid--to-d1 {
  right: 0%;
  bottom: 66.6666666667%;
}
.grid--from-a2 {
  display: block;
  left: 0%;
  top: 33.3333333333%;
  z-index: 997;
}
.grid--to-a2 {
  right: 75%;
  bottom: 33.3333333333%;
}
.grid--from-b2 {
  display: block;
  left: 25%;
  top: 33.3333333333%;
  z-index: 996;
}
.grid--to-b2 {
  right: 50%;
  bottom: 33.3333333333%;
}
.grid--from-c2 {
  display: block;
  left: 50%;
  top: 33.3333333333%;
  z-index: 995;
}
.grid--to-c2 {
  right: 25%;
  bottom: 33.3333333333%;
}
.grid--from-d2 {
  display: block;
  left: 75%;
  top: 33.3333333333%;
  z-index: 994;
}
.grid--to-d2 {
  right: 0%;
  bottom: 33.3333333333%;
}
.grid--from-a3 {
  display: block;
  left: 0%;
  top: 66.6666666667%;
  z-index: 996;
}
.grid--to-a3 {
  right: 75%;
  bottom: 0%;
}
.grid--from-b3 {
  display: block;
  left: 25%;
  top: 66.6666666667%;
  z-index: 995;
}
.grid--to-b3 {
  right: 50%;
  bottom: 0%;
}
.grid--from-c3 {
  display: block;
  left: 50%;
  top: 66.6666666667%;
  z-index: 994;
}
.grid--to-c3 {
  right: 25%;
  bottom: 0%;
}
.grid--from-d3 {
  display: block;
  left: 75%;
  top: 66.6666666667%;
  z-index: 993;
}
.grid--to-d3 {
  right: 0%;
  bottom: 0%;
}

.grid__tile {
  background-color: #23272f;
  background-color: #23272f;
  border-radius: 0.25vw;
  bottom: 0.5vw;
  left: 0.5vw;
  overflow: hidden;
  position: absolute;
  right: 0.5vw;
  top: 0.5vw;
}
.grid__tile:after {
  background: linear-gradient(to bottom, rgba(35, 39, 47, 0) 0%, #23272f 100%);
}
.grid__tile > :first-child {
  height: 100%;
}
.grid__tile--overflow:after {
  bottom: 0;
  content: '';
  height: 1em;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 100;
}
.grid__tile--padded > :first-child {
  padding: 1vw;
}
.grid__tile--transparent {
  background-color: #1a1e25;
}
.grid__tile--transparent:after {
  background: linear-gradient(to bottom, rgba(26, 30, 37, 0) 0%, #1a1e25 100%);
}
.grid__tile--blue {
  background-color: #202f53;
}
.grid__tile--blue:after {
  background: linear-gradient(to bottom, rgba(32, 47, 83, 0) 0%, #202f53 100%);
}
.grid__tile--green {
  background-color: #287368;
}
.grid__tile--green:after {
  background: linear-gradient(
    to bottom,
    rgba(40, 115, 104, 0) 0%,
    #287368 100%
  );
}
.grid__tile--red {
  background-color: #e83134;
}
.grid__tile--red:after {
  background: linear-gradient(to bottom, rgba(232, 49, 52, 0) 0%, #e83134 100%);
}
.grid__tile--vdg {
  background-color: #7d881d;
}
.grid__tile--vdg:after {
  background: linear-gradient(
    to bottom,
    rgba(125, 136, 29, 0) 0%,
    #7d881d 100%
  );
}
.grid__tile--vdefault {
  background-color: #8b9725;
}
.grid__tile--vdefault:after {
  background: linear-gradient(
    to bottom,
    rgba(139, 151, 37, 0) 0%,
    #8b9725 100%
  );
}
.grid__tile--vlighter {
  background-color: #cdd966;
}
.grid__tile--vlighter:after {
  background: linear-gradient(
    to bottom,
    rgba(205, 217, 102, 0) 0%,
    #cdd966 100%
  );
}
.grid__tile--vlight {
  background-color: #99a727;
}
.grid__tile--vlight:after {
  background: linear-gradient(
    to bottom,
    rgba(153, 167, 39, 0) 0%,
    #99a727 100%
  );
}
.grid__tile--vdarkest {
  background-color: #5c6701;
}
.grid__tile--vdarkest:after {
  background: linear-gradient(to bottom, rgba(92, 103, 1, 0) 0%, #5c6701 100%);
}

.current-time__grid .grid__tile {
  background-color: #667200;
}

.current-time__content {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
}

.current-time__time {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2em;
  letter-spacing: 0.05em;
  line-height: 1;
}

.current-time__date {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #ffed00;
  font-size: 1.1em;
}

.kurse__events {
  font-size: 0.9em;
}

.kurse__event {
  padding-bottom: 1.5vh;
}
.kurse__event:first-child {
  padding-top: 0;
}

.kurse--no {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  text-transform: uppercase;
  text-align: center;
  color: #ffed00;
  font-size: 2em;
  line-height: 0.8em;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 700;
}

.kurse__event__title {
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 700;
}

.kurse__event__date {
  color: #ffed00;
  font-size: 0.65em;
}

.error {
  display: inline-block;
  background-color: #fff;
  font-size: 0.65em;
  color: #e83134;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 700;
  padding: 0.5vh 1vh;
  margin-bottom: 0.5vh;
  border-radius: 5px;
}

.vitalien-news h1 {
  color: #667200;
}

.vitalien-news h2 {
  color: #2c300b;
  font-size: 0.9em;
}

.vitalien-news__events {
  color: #2c300b;
}

.vitalien-news__event {
  padding-top: 0;
  padding-bottom: 1.5vh;
  border: none;
}
.vitalien-news__event p {
  margin-bottom: 2vh;
}

.vitalien-news__event__title {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 700;
}

.vitalien-news__event__date {
  margin-top: 1vh;
  font-size: 0.65em;
}

.news h1 {
  color: #c8bc1e;
}

.news h2 {
  color: #ffed00;
  font-size: 0.9em;
}

.news__events {
  color: #2c300b;
}

.news__event {
  padding-top: 0;
  padding-bottom: 1.5vh;
  border: none;
}

.news__event__title {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 700;
}

.news__event__date {
  margin-top: 0.2vh;
  font-size: 0.65em;
  line-height: 0.8em;
  color: #cdd966;
}

.news__event__text {
  margin-top: 1.5vh;
  font-size: 0.65em;
  line-height: 1.2em;
  color: #fff;
}

.rain-forecast__item {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
  color: #ffed00;
}
.rain-forecast__item .rain-forecast__symbol {
  width: 75%;
}
.rain-forecast__item .rain-forecast__desc {
  margin-top: 1vh;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}
.rain-forecast__item .rain-forecast__temp {
  margin-top: 1vh;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 300;
  letter-spacing: -0.1em;
  font-size: 3em;
  line-height: 0.9em;
}

.current-ppl__grid--men .grid__tile {
  background-color: #7d881d;
}

.current-ppl__grid--women .grid__tile {
  background-color: #8b9725;
}

.current-ppl__content {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
  width: 100%;
}

.current-ppl__header {
  text-transform: uppercase;
  color: #ffed00;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1em;
}
.current-ppl__header span {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2em;
  line-height: 0.9em;
}

.current-ppl__men {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 0.9em;
}
.current-ppl__men span {
  font-size: 3.4em;
  line-height: 0.9em;
}

.logo__background {
  height: 100%;
  background-position: center;
  background-size: 16vw;
  background-repeat: no-repeat;
  background-image: url('/svg/logo.svg');
}

/*# sourceMappingURL=app.css.map */