.filler {
	color: #76bc21;
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 2;
  transform: translateY(-50%);
}

.filler .filler-content {
	display: flex;
	align-items: center;
	column-gap: 30px;
}

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

    .filler .button {
      display: none;
    }
    .filler .filler-content {
      column-gap: 0;
    }

}




/* WEATHER OUTSIDE */
#weersverwachting {
  padding-left: 40px;
  height: 42px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 33px;
  line-height: 44px;
  z-index: 99;
  box-sizing: border-box;
  color: #848484;
  /*filter: brightness(0) saturate(100%) invert(75%) sepia(42%) saturate(680%) hue-rotate(44deg) brightness(87%) contrast(82%);*/
  /*filter: brightness(0) saturate(100%) invert(43%) sepia(11%) saturate(1798%) hue-rotate(267deg) brightness(88%) contrast(85%);*/
  filter: brightness(0) saturate(100%) invert(12%) sepia(8%) saturate(3584%) hue-rotate(152deg) brightness(97%) contrast(92%);
}
#weersverwachting div {
  display: block;
  float: right;
  clear: both;

  font-family: "Bitter";
  font-weight: bold;
}
#weersverwachting div > span {
  display: inline-block;
  vertical-align: bottom;
}
#weersverwachting span.temp {
  display: inline-block;
  font-size: 1.5em;
  color: var(--supportcolor2);
}
#weersverwachting span.celsius {
  font-size: 1em;
  display: inline-block;
  color: var(--supportcolor2);
}
@media screen and (max-width: 900px) {

    #weersverwachting {
      background-size: 19px;
      padding-left: 25px;
    }
    #weersverwachting span.temp {
      font-size: 1.3em;
    }
    #weersverwachting {
      transform: translateY(0px);
    }

}
