.box {
  position: absolute; 
  transform-origin: 50% 50%;
  transition: transform 1s, border 0.4s;
  box-sizing: border-box;
  width: 250px;
  height: 250px;
  border: 5px solid transparent;
  background: #FFF;
}

.content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 230px;
  height: 230px;
  transform-origin: 50% 50%;
  transform: rotate(45deg);
  text-align: center;
  padding: 50px;
}

.content img {
  margin: 0 auto;
  width: 130px;
}
.box:hover {
  border: 5px solid #d10732;
  cursor: pointer;
}

.menu-container {
  transition: transform 1s, border 0.4s;
  transform: translate(0px, 200px) rotate(-45deg);
  transform-origin: 50% 50%;
  width: 520px;
  height: 520px;
  margin: 0 auto;
  position: relative;
}

.cubiclecontainer {
  height: 710px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
/*  background-image: url(https://cavelti.ch/site/uploads/2021/07/qualitaet.jpg); */
  background-blend-mode: darken;
  transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
}

#item1 {
  transform: translate(0px, 0px);
}
#item2 {
  margin-left: 270px;
  transform: translate(0px, 0px);
}
#item3 {
  margin-top: 270px;
  margin-left: 270px;
  transform: translate(0px, 0px);
}
#item4 {
  margin-top: 270px;
  transform: translate(0px, 0px);
}

.active {
  border: 5px solid #d10732 !important;
}

.kb-wrapper {
  max-width: 1350px;
  margin: 20px auto;
  position: relative;
}

.contentcontainer {
  max-width: 65%;
  margin: 120px auto;
}
@media screen and (max-width: 768px) {
  .contentcontainer {
    max-width: 85%;
    margin: 120px auto;
  }
  .cubiclecontainer {
    height: 500px;
  }
  .scaled {
    transform: translate(0px, -100px) scale(0.75);
  }
}

@media screen and (max-width: 600px) {
  .contentcontainer {
    max-width: 85%;
    margin: 120px auto;
  }
  .cubiclecontainer {
    height: 355px;
  }
  .scaled {
    transform: translate(0px, -150px) scale(0.5);
  }
}

@media screen and (max-width: 480px) {
  .contentcontainer {
    max-width: 85%;
    margin: 80px auto;
  }
  .cubiclecontainer {
    height: 250px;
  }
  .scaled {
    transform: translate(-25px, -180px) scale(0.35);
  }
}

.textcontent {
  display: block;
}