#darkModeToggler {
	display: none;
}

/* für mobile Layout: */
/* ------------------ */
/* Mondsichel-Icon: 
     unchecked -> Darkmode (Farbe gelb)
     checked -> Lightmode (Farbe grau)
 */
#darkModeLabel {
  position: fixed;
  z-index: 60;  /* navi-desktop hat z-index 50 */
  top: 55px;
  right: 0px;
  padding: 5px 10px;
  font-size: 2rem;
  
  color: #f8dea0;
  cursor: pointer;
  transition: all 200ms linear;  /* für sanften Übergang von dark nach light. */
}

/* DarkModeLabel bei aktivierter Checkbox: */
#darkModeToggler:checked ~ #darkModeLabel {
  transform: scaleX(-1);        /* spiegelt das Element horizontal */
  color: #888;
}

/* für Desktop Layout: */
/* ------------------ */
@media screen and (min-width:768px) {
	#darkModeLabel {
		top: 0;
		font-size: 1.6rem;
	}
}