.schrank-comic .ne-poster {
  background-image: url('szene-1.webp');
}

.schrank-insert {
  position: absolute;
  z-index: 3;
  left: 4%;
  bottom: 7%;
  max-width: 55%;
  font: clamp(14px, 1.5cqw, 22px)/1.25 'Mira Comic', sans-serif;
  color: #24211e;
}

.schrank-insert p {
  width: fit-content;
  margin: 4px 0;
  padding: 5px 10px;
  background: #fff3ce;
  border: 1px solid #24211e;
  box-shadow: 2px 2px 0 #24211e35;
}

.schrank-insert .schrank-answer {
  background: #f6f5ee;
}

@media (max-width: 700px) {
  .schrank-insert {
    left: 4%;
    bottom: 6%;
    max-width: 92%;
    font-size: clamp(12px, 3.7cqw, 18px);
  }

  .schrank-insert p {
    margin: 3px 0;
    padding: 3px 7px;
  }
}

@media (min-width: 701px) {
  .schrank-comic #szene-4 .schrank-insert {
    left: 40%;
    bottom: 5%;
  }
}

.schrank-comic .ne-words {
  text-wrap: balance;
}

.schrank-comic #szene-3 .ne-speech {
  padding-inline: clamp(30px, 4.8cqw, 72px);
}

@media (min-width: 701px) {
  .schrank-comic #szene-2 .schrank-insert {
    left: 47%;
    bottom: 15%;
  }

  .schrank-comic #szene-3 .ne-speech {
    padding-block: 25px;
  }
}

@media (max-width: 700px) {
  .schrank-comic #szene-3 .ne-speech {
    padding-inline: clamp(35px, 10cqw, 50px);
  }
}