.monat-background {
  background-color: #e4ec75;
  position: absolute;
  width: calc(100% - 105px);
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.monat-wrap {
  border: solid pink;
}

.jahr-wrap {
  border: solid blue;
}

.monat-name {
  font-family: Krona;
  background-color: #e4ec75;
  width: 50%;
}

.jahr {
  padding-left: 20px;
  padding-right: 20px;

  position: absolute;
  /* top: 70px; */
  background-color: #e4ec75;
  font-family: Krona;
  /* font-size: 1.3em; */

  /* height: 27px; */
  right: 0;
}

.monat {
  padding-left: 20px;
  padding-right: 20px;

  position: sticky;
  top: 70px;
  /* background-color: #e4ec75; */
  font-family: Krona;
  font-size: 1.3em;

  z-index: 1;
}

.news-wrap-outer {
  display: flex;
  background-color: #F6FF7E;
  position: relative;
}

.news-day {


  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;

  min-height: 100%;
  /* border: solid pink; */

  padding-left: 20px;
  padding-right: 1  0px;

}

.day-number {
  font-family: Krona;
  font-size: 60px;
}

.calendar-background {
  background-color: #F6FF7E;
  /* background-color: #e4ec75; */
  position: absolute;
  width: 100%;
  height: 100%;
  transition: transform 0.25s ease;
}

.calendar-background:hover {
  transform: scale(1.05);
}

.calendar-menu {
  position: absolute;
  width: 100%;
  height: 100%;
  /* border: solid blue; */
  /* display: flex;
  align-items: center;
  justify-content: center; */

  /* pointer-events: none; */

  z-index: 1;
  cursor: pointer;
}

.calendar-menu:hover ~ .calendar-background {
  transform: scale(1.05);
}

/* .calendar-menu:hover {
  transform: scale(1.1);
} */

.transformedcalendarmenuwrap {
  position: sticky;
  top: 0;
  background-color: #F6FF7E;
  width: 100%;
  height: 70px;

  cursor: auto;
}

.news-wrap {
  padding-left: 20px;
  padding-right: 20px;

  padding-top: 10px;
  padding-bottom: 10px;
}

.news-wrap p {
  margin: 0;
}

.uneven {
  background-color: #faffb1;
}

.news-titel {
  padding-top: 10px;
  margin: 0;
}

.calendar-text {
  font-family: Krona;
  font-size: 2em;

  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;

  transition: all 0.5s ease;
}

.transformedcalendarmenu {
  position: absolute;
  left: 20px;
  top: 15px;

  translate: -0% -0%;

    transition: all 0.25s ease;
}



.calendar-content {
  position: absolute;
  left: 0px;
  top: 70px;
  display: none;

  opacity: 0;

  transition: opacity 0.25s ease;

  width: 100%;
}

.calendar-content-background {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #e4ec75;
}

.transformedcalendarcontent {
  display: block;
  width: 100%;
}

.transformed {

}

.calendarcrosshair {
  display: none;

  height: 1px;
  /* transform: translateX(-30px); */
  transition: all 0.25s;

  z-index: 13;

  cursor: pointer;

}

.transformedcalendarcrosshair {
  display: block !important;
  height: 70px;
  cursor: pointer;
  position: absolute;
  right: 0;
  transition: all 0.25s ease;
}

.transformedcalendarcrosshair:hover {
  transform: scale(1.1) ;
  /* border: solid red; */
}