.impressum-social {
  position: fixed;
  bottom: 10px;
  right: 50px;

  width: auto;
  display: flex;
  flex-direction: row;
  align-items: center;

  z-index: 10;
}

.social-logo {
  height: 30px;
  padding-right: 20px;
  transition: all 0.25s ease;
}

.social-logo:hover {
  transform: scale(1.1);
}

.impressum-menu {
  font-family: Krona;

  font-size: 14px;
  transition: all 0.25s ease;
  font-variation-settings: "wght" 400;

  cursor: pointer;

  z-index: 5;
  user-select: none;
}

.impressum-menu:hover {
  /* font-variation-settings: "wght" 900;
  transition: font-variation-settings 0.4s, letter-spacing 0.4s, width 0.5s ease; */
  /* letter-spacing: 0.025em; */
  transform: scale(1.05);
}

.inactive-impressum {
  transition: font-variation-settings 0.25s ease, width 0.5s ease;
  color: white;
  font-variation-settings: "wght" 900;
  /* width: 28vw; */
  /* background-color: black; */
  pointer-events: none;
}

.impressum-menu-background {
  width: 30vw;
  background-color: black;
  /* border: solid blue; */
  position: sticky;
  bottom: 6px;
  height: 22px;
}

/* .impressum-menu {
  position: fixed;
  right: 0;
  top: 0;
  height: 100vh;
  width: 5vw;

  display: flex;
  justify-content: center;
  align-items: center;

  /* border: solid turquoise; */
  background-color: black;
  z-index: 1;
} */

.impressum-text {
  transform: rotate(-90deg) scaleX(130%);
  font-size: 2em;
  font-weight: bold;
  color: white;
  cursor: pointer;
  transition: transform 0.25s ease;
  z-index: 1;
  user-select: none;
}

.impressum-text:hover {
  transform: rotate(-90deg) scaleX(100%);
}

.impressum-text-hover {
  transform: rotate(-90deg) scaleX(100%);
}

.impressum-content {
  /* border: solid blue; */
  background-color: black;
  color: white;

  height: calc(100vh - 50px);
  position: fixed;
  width: 30vw;
  right: 0;
  top: 50px;
  transform: translateX(101%);
  transition: transform 0.5s ease;

  padding-left: 20px;
  padding-right: 5vw;

  overflow-y: scroll;

  z-index: 12;
  font-size: 14px;

  padding-top: 5vh;
}

.transformed {
  transform: translateX(0%);
}