:root {
  color-scheme: dark;
}

.scene-eight {
  position: absolute;
  z-index: 6;
  inset: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #000;
  opacity: 0;
  pointer-events: none;
}

.scene-eight img {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  object-fit: cover;
  object-position: center 75%;
}

.scene-eight__sentence {
  position: absolute;
  z-index: 1;
  top: 39%;
  left: 45%;
  width: min(19rem, 25vw);
  margin: 0;
  color: #9ad8e5;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.05rem, 1.8vw, 1.6rem);
  font-style: italic;
  font-weight: 400;
  line-height: 1.22;
  letter-spacing: 0.01em;
  text-align: left;
  text-shadow:
    0 0 0.28rem rgba(202, 242, 248, 0.42),
    0 0 0.9rem rgba(92, 170, 185, 0.24);
  opacity: 0;
}

.scene-eight__sentence span {
  display: block;
  width: max-content;
}

.scene-eight__sentence span:nth-child(1) { margin-left: 0; }
.scene-eight__sentence span:nth-child(2) { margin-left: 1.25rem; }
.scene-eight__sentence span:nth-child(3) { margin-left: 0.65rem; }
.scene-eight__sentence span:nth-child(4) { margin-left: 2.9rem; }
.scene-eight__sentence span:nth-child(5) { margin-left: 1.9rem; }
.scene-eight__sentence span:nth-child(6) { margin-left: 4.75rem; }
.scene-eight__sentence span:nth-child(7) { margin-left: 3.55rem; }
.scene-eight__sentence span:nth-child(8) { margin-left: 6.35rem; }

.scene-eight__question {
  position: absolute;
  z-index: 1;
  top: 30%;
  left: 50%;
  width: min(46rem, 88vw);
  margin: 0;
  color: #4b2e4d;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.15rem, 2vw, 1.75rem);
  font-style: italic;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0.015em;
  text-align: center;
  text-shadow:
    0 0 0.34rem rgba(255, 244, 225, 0.92),
    0 0 0.85rem rgba(255, 242, 214, 0.68),
    0 0 1.45rem rgba(255, 244, 225, 0.42);
  opacity: 0;
  transform: translate(-50%, -50%);
}

.scene-eight__question span {
  display: block;
}

.scene-eight__question--first {
  top: 22.8%;
}

.scene-eight__path-continuation {
  position: absolute;
  z-index: 2;
  left: 24%;
  bottom: 12%;
  width: 48%;
  height: 22%;
  margin: 0;
  padding: 0;
  border: 0;
  appearance: none;
  background: transparent;
  color: inherit;
  cursor: pointer;
  pointer-events: none;
}

.scene-eight__path-hint {
  position: absolute;
  right: 0;
  bottom: 58%;
  width: max-content;
  max-width: 18rem;
  color: #f2d8aa;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(0.72rem, 1.08vw, 0.96rem);
  font-style: italic;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0.012em;
  text-shadow:
    0 0 0.3rem rgba(255, 229, 183, 0.48),
    0 0 0.8rem rgba(126, 75, 31, 0.32);
  opacity: 0;
  transform: translateY(0.18rem);
  pointer-events: none;
}

.scene-eight__path-hint > span {
  display: block;
}

.scene-eight__path-hint-line-two {
  margin-left: 1.35rem;
}

.scene:has(#roman:target) .scene-eight.is-following-path .scene-eight__path-hint {
  animation: scene-eight-path-text-out 3.5s ease-in-out forwards;
}

.scene-eight.is-following-path img {
  transform-origin: 74% 72%;
  animation: scene-eight-follow-path 9s cubic-bezier(0.42, 0, 0.22, 1) 3.5s forwards;
}

.scene-eight__transition-thought {
  position: absolute;
  z-index: 2;
  top: 58%;
  left: 44%;
  width: max-content;
  margin: 0;
  color: #ffd83d;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(0.82rem, 1.45vw, 1.35rem);
  font-style: italic;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0.012em;
  text-align: left;
  text-shadow:
    0 0 0.22rem rgba(255, 232, 112, 0.72),
    0 0 0.62rem rgba(255, 183, 40, 0.34);
  transform: translateY(-50%);
  pointer-events: none;
}

.scene-eight__transition-thought span {
  display: block;
  opacity: 0;
}

.scene-eight__transition-thought span:nth-child(2) { margin-left: 0.5rem; }
.scene-eight__transition-thought span:nth-child(3) { margin-left: 1rem; }
.scene-eight__transition-thought span:nth-child(4) { margin-left: 1.5rem; }

.scene-eight.is-following-path .scene-eight__transition-thought-line-one {
  animation:
    scene-eight-transition-thought-in 3s ease-in-out 15.5s forwards,
    scene-eight-transition-thought-out 5s ease-in-out 34.5s forwards;
}

.scene-eight.is-following-path .scene-eight__transition-thought-line-two {
  animation:
    scene-eight-transition-thought-in 3s ease-in-out 20s forwards,
    scene-eight-transition-thought-out 5s ease-in-out 34.5s forwards;
}

.scene-eight__book-introduction {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  width: min(48rem, 84vw);
  margin: 0;
  color: #f2d8aa;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.1rem, 2vw, 1.75rem);
  font-style: italic;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0.012em;
  text-align: center;
  text-shadow:
    0 0 0.3rem rgba(255, 229, 183, 0.48),
    0 0 0.8rem rgba(126, 75, 31, 0.32);
  opacity: 0;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.scene-eight.is-following-path .scene-eight__book-introduction {
  animation:
    scene-eight-book-introduction-in 3.5s ease-in-out 42.5s forwards,
    scene-eight-book-introduction-out 5s ease-in-out 54s forwards;
}

.scene-eight__book-photo {
  position: absolute;
  z-index: 4;
  inset: 0;
  margin: 0;
  overflow: hidden;
  background: #f5f0e8;
  opacity: 0;
  pointer-events: none;
}

.scene-eight__book-photo::before {
  content: "";
  position: absolute;
  inset: -4%;
  background: #f5f0e8;
  filter: none;
  transform: scale(1.08);
}

.scene-eight__book-photo::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(
    to right,
    #f5f0e8 0,
    #f5f0e8 calc(50% - min(50vw, 28.125vh)),
    rgba(245, 240, 232, 0) calc(50% - min(50vw, 20vh)),
    rgba(245, 240, 232, 0) calc(50% + min(50vw, 20vh)),
    #f5f0e8 calc(50% + min(50vw, 28.125vh)),
    #f5f0e8 100%
  );
  pointer-events: none;
}

.scene-eight__book-photo img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.scene-eight.is-following-path .scene-eight__book-photo img {
  animation: none;
  transform: none;
}

.scene-eight__book-invitation {
  position: absolute;
  z-index: 2;
  top: calc(50% + min(2vh, 3.56vw));
  left: calc(50% + min(10vw, 5.625vh));
  color: #ffd83d;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1rem, 1.8vh, 1.45rem);
  font-style: italic;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.015em;
  white-space: nowrap;
  opacity: 0;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.scene-eight.is-following-path .scene-eight__book-invitation {
  animation: scene-eight-book-invitation-in 3s ease-in-out 77.5s forwards;
}

.scene-eight.is-book-invitation-dismissed .scene-eight__book-invitation {
  animation: scene-eight-book-invitation-out 3s ease-in-out forwards;
}

.scene-eight__book-open-target {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  width: min(100vw, 56.25vh);
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  appearance: none;
  background: transparent;
  cursor: pointer;
  opacity: 0;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.scene-eight.is-following-path .scene-eight__book-open-target {
  animation: scene-eight-book-open-target-enable 0s linear 80.5s forwards;
}

.scene-eight.is-following-path .scene-eight__book-photo {
  animation: scene-eight-book-photo-in 7s ease-in-out 61.5s forwards;
}

.scene-eight.is-book-invitation-dismissed .scene-eight__book-photo {
  opacity: 1;
  transform-origin: 42% 75%;
  animation: scene-eight-book-camera-approach 18s cubic-bezier(0.42, 0, 0.2, 1) 5.5s forwards;
}

.scene-eight__paper-room {
  position: absolute;
  z-index: 5;
  inset: 0;
  background-color: #f3ead7;
  background-image:
    radial-gradient(circle at 28% 24%, rgba(255, 252, 240, 0.42), transparent 46%),
    radial-gradient(circle at 72% 68%, rgba(213, 191, 154, 0.12), transparent 52%),
    linear-gradient(108deg, rgba(255, 255, 255, 0.12), rgba(222, 205, 174, 0.08));
  opacity: 0;
  pointer-events: none;
}

.scene-eight.is-book-invitation-dismissed .scene-eight__paper-room {
  animation: scene-eight-paper-room-in 12s ease-in-out 26.5s forwards;
}

.scene-eight__paper-thought {
  position: absolute;
  left: 50%;
  width: min(44rem, 84vw);
  margin: 0;
  color: #4b2e4d;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.05rem, 1.8vw, 1.55rem);
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0.012em;
  text-align: center;
  opacity: 0;
  transform: translate(-50%, -50%);
}

.scene-eight__paper-thought--first {
  top: 44%;
}

.scene-eight__paper-thought--second {
  top: 57%;
}

.scene-eight__paper-thought span {
  display: block;
}

.scene-eight.is-book-invitation-dismissed .scene-eight__paper-thought--first {
  animation:
    scene-eight-paper-thought-in 5s ease-in-out 41s forwards,
    scene-eight-paper-thought-out 5s ease-in-out 65s forwards;
}

.scene-eight.is-book-invitation-dismissed .scene-eight__paper-thought--second {
  animation:
    scene-eight-paper-thought-in 5s ease-in-out 51s forwards,
    scene-eight-paper-thought-out 5s ease-in-out 65s forwards;
}

.scene-eight__paper-story {
  position: absolute;
  z-index: 1;
  inset: 0;
  color: #4b2e4d;
  font-family: Georgia, "Times New Roman", serif;
}

.scene-eight__story-page {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}

.scene-eight__story-copy {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(54rem, 88vw);
  font-size: clamp(0.76rem, 1.25vw, 1.15rem);
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: 0.012em;
  text-align: left;
  transform: translate(-50%, -50%);
}

.scene-eight__story-copy p {
  margin: 0 0 1.35em;
}

.scene-eight__story-copy p:last-child {
  margin-bottom: 0;
}

.scene-eight__story-emphasis,
.scene-eight__story-question {
  margin-top: 1.65em !important;
  margin-bottom: 1.65em !important;
  font-size: 1.08em;
}

.scene-eight__story-next {
  position: absolute;
  right: 8%;
  bottom: 8%;
  margin: 0;
  padding: 0;
  border: 0;
  appearance: none;
  background: transparent;
  color: #4b2e4d;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(0.78rem, 1.05vw, 0.96rem);
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.018em;
  cursor: pointer;
  opacity: 0.78;
  pointer-events: none;
}

.scene-eight.is-book-invitation-dismissed .scene-eight__story-page--one {
  animation: scene-eight-story-page-in 5s ease-in-out 73s forwards;
}

.scene-eight.is-book-invitation-dismissed .scene-eight__story-next--one {
  animation: scene-eight-story-next-enable 0s linear 78s forwards;
}

.scene-eight.is-story-page-two .scene-eight__story-page--one {
  animation: scene-eight-story-page-out 4s ease-in-out forwards;
}

.scene-eight.is-story-page-two .scene-eight__story-next--one {
  animation: none;
  pointer-events: none;
}

.scene-eight.is-story-page-two .scene-eight__story-page--two {
  animation: scene-eight-story-page-in 4s ease-in-out 4.5s forwards;
}

.scene-eight.is-story-page-two .scene-eight__story-next--two {
  animation: scene-eight-story-next-enable 0s linear 8.5s forwards;
}

.scene-eight.is-story-page-three .scene-eight__story-page--two {
  animation: scene-eight-story-page-out 4s ease-in-out forwards;
}

.scene-eight.is-story-page-three .scene-eight__story-next--two {
  animation: none;
  pointer-events: none;
}

.scene-eight.is-story-page-three .scene-eight__story-page--three {
  animation: scene-eight-story-page-in 4s ease-in-out 4.5s forwards;
}

.scene-eight.is-story-page-three .scene-eight__story-next--three {
  animation: scene-eight-story-next-enable 0s linear 8.5s forwards;
}

.scene-eight.is-story-complete .scene-eight__story-next--three {
  animation: none;
  pointer-events: none;
}

.scene-eight__journey-return {
  position: absolute;
  z-index: 4;
  inset: 0;
  overflow: hidden;
  background: #f5f0e8;
  opacity: 0;
  pointer-events: none;
}

.scene-eight__journey-return::before {
  content: "";
  position: absolute;
  inset: -4%;
  background: #f5f0e8;
  transform: scale(1.08);
}

.scene-eight__journey-return::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(
    to right,
    #f5f0e8 0,
    #f5f0e8 calc(50% - min(50vw, 28.125vh)),
    rgba(245, 240, 232, 0) calc(50% - min(50vw, 20vh)),
    rgba(245, 240, 232, 0) calc(50% + min(50vw, 20vh)),
    #f5f0e8 calc(50% + min(50vw, 28.125vh)),
    #f5f0e8 100%
  );
  pointer-events: none;
}

.scene-eight__journey-return img {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.scene-eight.is-following-path .scene-eight__journey-return img {
  animation: none;
  transform: none;
}

.scene-eight__journey-thought {
  position: absolute;
  z-index: 1;
  left: 50%;
  width: min(48rem, 86vw);
  margin: 0;
  color: #4b2e4d;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.05rem, 1.8vw, 1.55rem);
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0.012em;
  text-align: center;
  text-shadow:
    0 0 0.34rem rgba(255, 244, 225, 0.92),
    0 0 0.9rem rgba(255, 242, 214, 0.72);
  opacity: 0;
  transform: translate(-50%, -50%);
}

.scene-eight__journey-thought span {
  display: block;
}

.scene-eight__journey-thought--first {
  z-index: 2;
  top: 39%;
  left: calc(25% - min(25vw, 14.0625vh));
  width: min(17rem, calc(50% - min(50vw, 28.125vh) - 2rem));
  color: #4b2e4d;
  font-size: clamp(1.1rem, 1.55vw, 1.45rem);
  font-style: italic;
  line-height: 1.8;
  text-shadow: none;
}

.scene-eight__journey-thought--second {
  z-index: 2;
  top: 57%;
  left: calc(75% + min(25vw, 14.0625vh));
  width: min(17rem, calc(50% - min(50vw, 28.125vh) - 2rem));
  color: #4b2e4d;
  font-size: clamp(1.1rem, 1.55vw, 1.45rem);
  font-style: italic;
  line-height: 1.8;
  text-shadow: none;
}

.scene-eight__journey-continue {
  position: absolute;
  z-index: 2;
  right: clamp(1.5rem, 2vw, 2rem);
  bottom: clamp(1.5rem, 2vw, 2rem);
  margin: 0;
  padding: 0;
  border: 0;
  appearance: none;
  background: transparent;
  color: #4b2e4d;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(0.95rem, 1.05vw, 1.05rem);
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.018em;
  white-space: nowrap;
  opacity: 0;
  cursor: pointer;
  pointer-events: none;
}

.scene-eight.is-story-complete .scene-eight__journey-continue {
  animation:
    scene-eight-journey-continue-in 3s ease-in-out 40s forwards,
    scene-eight-story-next-enable 0s linear 43s forwards;
}

.scene-eight.is-story-complete .scene-eight__paper-room {
  animation: scene-eight-story-paper-room-out 12s ease-in-out forwards;
}

.scene-eight.is-story-complete .scene-eight__journey-return {
  animation: scene-eight-journey-return-in 12s ease-in-out forwards;
}

.scene-eight.is-story-complete .scene-eight__journey-thought--first {
  animation: scene-eight-journey-thought-in 5s ease-in-out 16s forwards;
}

.scene-eight.is-story-complete .scene-eight__journey-thought--second {
  animation: scene-eight-journey-thought-in 5s ease-in-out 30s forwards;
}

.scene.is-returning-to-navigation .scene-eight__journey-return img,
.scene.is-returning-to-navigation .scene-eight__journey-thought,
.scene.is-returning-to-navigation .scene-eight__journey-continue {
  animation: scene-eight-journey-content-out 5s ease-in-out forwards !important;
  pointer-events: none;
}

.scene.is-returning-to-navigation .path-navigation__item {
  pointer-events: none !important;
}

.scene.is-roman-finished .scene-eight {
  opacity: 0 !important;
  pointer-events: none !important;
  animation: none !important;
}

.scene.is-roman-finished .scene-eight * {
  pointer-events: none !important;
}

.scene.is-roman-finished .scene-roman {
  opacity: 0 !important;
  pointer-events: none !important;
  animation: none !important;
}

.scene.is-roman-finished .scene-eight__journey-return,
.scene.is-roman-finished .scene-eight__journey-return img,
.scene.is-roman-finished .scene-eight__journey-thought,
.scene.is-roman-finished .scene-eight__journey-continue {
  animation: none !important;
  pointer-events: none !important;
}

.scene.is-navigation-returned .scene-five {
  animation: scene-eight-navigation-return-in 5s ease-in-out forwards !important;
}

.scene.is-navigation-returned .scene-four::before {
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  animation: none !important;
}

.scene.is-theater-navigation-returned:not(:has(:target)) .scene-five {
  animation: scene-eight-navigation-return-in 5s ease-in-out forwards !important;
}

.scene.is-theater-navigation-returned:not(:has(:target)) .scene-four::before {
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  animation: none !important;
}

.scene.is-theater-navigation-returned:not(:has(:target)) .path-navigation__item {
  pointer-events: auto !important;
}

.scene.is-ki-navigation-returned:not(:has(:target)) .scene-five {
  animation: scene-eight-navigation-return-in 5s ease-in-out forwards !important;
}

.scene.is-ki-navigation-returned:not(:has(:target)) .scene-four::before {
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  animation: none !important;
}

.scene.is-ki-navigation-returned:not(:has(:target)) .path-navigation__item {
  pointer-events: auto !important;
}

.scene.is-bildhauerei-navigation-returned:not(:has(:target)) .scene-five {
  animation: scene-eight-navigation-return-in 5s ease-in-out forwards !important;
}

.scene.is-bildhauerei-navigation-returned:not(:has(:target)) .scene-four::before {
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  animation: none !important;
}

.scene.is-bildhauerei-navigation-returned:not(:has(:target)) .path-navigation__item {
  animation: none !important;
  pointer-events: auto !important;
}

.scene.is-bildhauerei-navigation-returned:not(:has(:target)) .path-navigation__icon {
  animation: none !important;
  opacity: 0.86;
}

.scene.is-bildhauerei-navigation-returned:not(:has(:target)) .path-navigation__label {
  animation: none !important;
  opacity: 1;
}

.scene.is-bildhauerei-navigation-returned:not(:has(:target)) .scene-five__transition {
  animation: none !important;
  opacity: 0;
}

.scene.is-bildhauerei-navigation-returned:not(:has(:target)) .scene-bildhauerei {
  opacity: 0 !important;
  pointer-events: none !important;
}

.scene.is-roman-finished:not(.is-returning-to-navigation) .path-navigation__item {
  pointer-events: auto !important;
}

@keyframes scene-eight-path-text-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes scene-eight-follow-path {
  from { transform: scale(1) translate(0, 0); }
  to { transform: scale(1.075) translate(-0.8%, -0.45%); }
}

@keyframes scene-eight-transition-thought-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes scene-eight-transition-thought-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes scene-eight-book-introduction-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes scene-eight-book-introduction-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes scene-eight-book-photo-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes scene-eight-book-invitation-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes scene-eight-book-invitation-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes scene-eight-book-open-target-enable {
  to { pointer-events: auto; }
}

@keyframes scene-eight-book-camera-approach {
  from { transform: scale(1) translate(0, 0); }
  to { transform: scale(1.85) translate(4.3%, -13.5%); }
}

@keyframes scene-eight-paper-room-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes scene-eight-paper-thought-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes scene-eight-paper-thought-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes scene-eight-story-page-in {
  from {
    opacity: 0;
    transform: translateX(0.8rem);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes scene-eight-story-page-out {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-0.8rem);
  }
}

@keyframes scene-eight-story-next-enable {
  to { pointer-events: auto; }
}

@keyframes scene-eight-story-paper-room-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes scene-eight-journey-return-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes scene-eight-journey-thought-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes scene-eight-journey-continue-in {
  from { opacity: 0; }
  to { opacity: 0.68; }
}

@keyframes scene-eight-journey-content-out {
  to { opacity: 0; }
}

@keyframes scene-eight-navigation-return-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

.scene-eight__path-continuation:focus-visible {
  outline: none;
}

@keyframes scene-eight-path-enable {
  to { pointer-events: auto; }
}

@keyframes scene-eight-path-hint-in {
  from {
    opacity: 0;
    transform: translateY(0.18rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

* {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: #493419;
}

.scene {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100svh;
  isolation: isolate;
  background: #000;
}

.scene-one {
  position: absolute;
  inset: 0;
  background-image: url("Szene_1_Torbogen_Master.png.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  mix-blend-mode: plus-lighter;
  animation: scene-one-out 7s ease-in-out 21.4s forwards;
}

.invitation {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(12.5rem, 15vw);
  margin: 0;
  color: #563a3d;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(0.74rem, 1vw, 1.02rem);
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0.01em;
  text-align: center;
  transform: translate(-50%, -50%);
  animation: invitation-fade-out 2.8s ease-in-out 17.4s forwards;
}

.invitation__line {
  display: block;
  opacity: 0;
  animation: invitation-line-in 2.2s ease-in-out forwards;
}

.invitation__line:nth-child(1) {
  animation-delay: 2.2s;
}

.invitation__line:nth-child(2) {
  animation-delay: 4.8s;
}

.invitation__line:nth-child(3) {
  animation-delay: 7.4s;
}

.invitation__line:nth-child(4) {
  animation-delay: 10s;
}

.invitation__line:nth-child(5) {
  margin-top: 0.55em;
  animation-delay: 12.6s;
}

@keyframes invitation-line-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes invitation-fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes scene-one-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

.scene-two {
  position: absolute;
  z-index: 1;
  inset: 0;
}

.scene-two::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("Referenzbild_003_Szene_2.png.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  mix-blend-mode: plus-lighter;
  opacity: 0;
  animation:
    scene-two-in 7s ease-in-out 21.4s forwards,
    scene-two-out 7s ease-in-out 41.4s forwards;
}

.scene-two__text {
  position: absolute;
  top: 27%;
  left: 50%;
  width: min(46rem, 72vw);
  color: #563a3d;
  font-family: Georgia, "Times New Roman", serif;
  text-align: center;
  transform: translate(-50%, -50%);
  animation: scene-two-text-out 3s ease-in-out 37.2s forwards;
}

.scene-two__title {
  margin: 0;
  font-size: clamp(1.65rem, 3vw, 2.7rem);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.01em;
  opacity: 0;
  animation: scene-two-text-in 2.6s ease-in-out 26.2s forwards;
}

.scene-two__invitation {
  margin: 1.2rem 0 0;
  font-size: clamp(0.95rem, 1.55vw, 1.35rem);
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0.01em;
  opacity: 0;
  animation: scene-two-text-in 2.6s ease-in-out 30.2s forwards;
}

.scene-two__invitation span {
  display: block;
}

@keyframes scene-two-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes scene-two-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes scene-two-text-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes scene-two-text-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.scene-three {
  position: absolute;
  z-index: 2;
  inset: 0;
}

.scene-three::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("Referenzbild_004_Szene_3.png.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  mix-blend-mode: plus-lighter;
  opacity: 0;
  animation:
    scene-three-in 7s ease-in-out 41.4s forwards,
    scene-three-out 9s ease-in-out 63.2s forwards;
}

.scene-three__text {
  position: absolute;
  top: 24%;
  left: 50%;
  width: min(42rem, 70vw);
  margin: 0;
  color: #563a3d;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.05rem, 1.8vw, 1.55rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
  text-align: center;
  transform: translate(-50%, -50%);
  opacity: 0;
  animation:
    scene-three-text-in 2.8s ease-in-out 49.8s forwards,
    scene-three-text-out 3.2s ease-in-out 59.2s forwards;
}

.scene-three__text span {
  display: block;
}

@keyframes scene-three-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes scene-three-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes scene-three-text-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes scene-three-text-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.scene-four {
  position: absolute;
  z-index: 3;
  inset: 0;
}

.scene-four::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("Referenzbild_005_Szene_4.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  mix-blend-mode: plus-lighter;
  opacity: 0;
  animation:
    scene-four-in 9s ease-in-out 63.2s forwards,
    scene-four-settle 0s linear 72.2s forwards;
}

@keyframes scene-four-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes scene-four-settle {
  to { mix-blend-mode: normal; }
}

.scene-five {
  position: absolute;
  z-index: 4;
  inset: 0;
  color: #4d293c;
  font-family: Georgia, "Times New Roman", serif;
  pointer-events: none;
}

.scene-five__transition {
  position: absolute;
  top: 27%;
  left: 50%;
  width: min(54rem, 76vw);
  margin: 0;
  font-size: clamp(1.2rem, 2vw, 1.8rem);
  font-style: italic;
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0.01em;
  text-align: center;
  text-shadow: 0 0 1.4rem rgba(255, 239, 194, 0.75);
  opacity: 0;
  transform: translate(-50%, -50%);
  animation:
    scene-five-transition-in 3.4s ease-in-out 78s forwards,
    scene-five-transition-out 3.4s ease-in-out 87s forwards;
}

.scene-five__transition span {
  display: block;
}

@keyframes scene-five-transition-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes scene-five-transition-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

.path-navigation {
  position: absolute;
  inset: 0;
}

.path-navigation__item {
  position: absolute;
  top: var(--y);
  left: var(--x);
  width: var(--item-width);
  min-width: 0;
  color: inherit;
  text-align: center;
  text-decoration: none;
  pointer-events: none;
  outline-offset: 0.45rem;
  transform: translate(-50%, -50%);
  animation: path-item-enable 0s linear var(--active-delay) forwards;
}

.path-navigation__item[href="#roman"] {
  pointer-events: auto;
}

.path-navigation__item[href="#bildhauerei"] {
  pointer-events: auto;
}

.path-navigation__icon {
  display: block;
  width: 100%;
  height: clamp(4.8rem, 9vw, 8.5rem);
  background-image: var(--icon-image);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  filter: sepia(0.12) saturate(0.78) hue-rotate(282deg) brightness(0.62) drop-shadow(0 0 0.7px rgba(214, 47, 104, 0.55));
  opacity: 0;
  transition: filter 1.2s ease, opacity 1.2s ease;
  animation: path-icon-in 2.2s ease-in-out var(--icon-delay) forwards;
}

.path-navigation__label {
  color: #fff0f5;
  -webkit-text-stroke: 0.8px #d62f68;
  paint-order: stroke fill;
  display: block;
  min-height: 2.9em;
  margin-top: 0.55rem;
  font-size: clamp(0.72rem, 1.15vw, 1.08rem);
  line-height: 1.28;
  opacity: 0;
  text-shadow: 0 0 1rem rgba(255, 239, 194, 0.85);
  transition: color 1.2s ease, text-shadow 1.2s ease;
  animation: path-label-in 1.9s ease-in-out var(--label-delay) forwards;
}

.path-navigation__item:hover .path-navigation__icon,
.path-navigation__item:focus-visible .path-navigation__icon {
  filter: sepia(0.08) saturate(0.68) hue-rotate(282deg) brightness(0.82) drop-shadow(0 0 0.7px rgba(214, 47, 104, 0.55));
}

.path-navigation__item:hover .path-navigation__label,
.path-navigation__item:focus-visible .path-navigation__label {
  color: #fff0f5;
  text-shadow: 0 0 1.25rem rgba(255, 244, 210, 1);
}

.path-navigation__item:is([href="#roman"], [href="#theater"], [href="#bildhauerei"], [href="#hinter-den-zeilen"]) .path-navigation__label {
  text-shadow: none;
}

@keyframes path-icon-in {
  from { opacity: 0; }
  to { opacity: 0.86; }
}

@keyframes path-label-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes path-item-enable {
  to { pointer-events: auto; }
}

.scene-roman {
  position: absolute;
  z-index: 5;
  inset: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #19180d;
  opacity: 0;
  pointer-events: none;
}

.scene-roman img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.scene-bildhauerei {
  position: absolute;
  z-index: 7;
  inset: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #ead3a4;
  opacity: 0;
  pointer-events: none;
}

.scene-bildhauerei > img {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}

.scene-bildhauerei__opening-text {
  position: absolute;
  z-index: 2;
  top: 47%;
  right: 7%;
  width: min(40rem, 42vw);
  margin: 0;
  color: #456b3f;
  font-family: "Segoe Print", "Bradley Hand", "Segoe UI", cursive;
  font-size: clamp(1.35rem, 2vw, 2.2rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0.012em;
  text-align: left;
  text-shadow: 0 0.08em 0.3em rgba(43, 27, 12, 0.42);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50%);
}

.scene-bildhauerei__opening-text span {
  display: block;
}

.scene-bildhauerei__opening-text::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -1.15em -1.65em;
  border-radius: 50%;
  background: radial-gradient(
    ellipse at center,
    rgba(255, 247, 226, 0.5) 0%,
    rgba(255, 247, 226, 0.3) 48%,
    rgba(255, 247, 226, 0) 78%
  );
  filter: blur(0.7em);
  pointer-events: none;
}

#bildhauerei:target .scene-bildhauerei__opening-text {
  animation:
    bildhauerei-opening-text-in 5s ease-in-out 3s forwards,
    bildhauerei-opening-text-out 5s ease-in-out 20s forwards;
}

@keyframes bildhauerei-opening-text-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes bildhauerei-opening-text-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

.scene-bildhauerei__first-question {
  position: absolute;
  z-index: 2;
  top: 47%;
  right: 7%;
  width: min(40rem, 42vw);
  margin: 0;
  color: #456b3f;
  font-family: "Segoe Print", "Bradley Hand", "Segoe UI", cursive;
  font-size: clamp(1.65rem, 2.5vw, 2.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.012em;
  text-align: left;
  text-shadow: 0 0.08em 0.3em rgba(43, 27, 12, 0.42);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50%);
}

.scene-bildhauerei__first-question::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -1.15em -1.65em;
  border-radius: 50%;
  background: radial-gradient(
    ellipse at center,
    rgba(255, 247, 226, 0.5) 0%,
    rgba(255, 247, 226, 0.3) 48%,
    rgba(255, 247, 226, 0) 78%
  );
  filter: blur(0.7em);
  pointer-events: none;
}

#bildhauerei:target .scene-bildhauerei__first-question {
  animation:
    bildhauerei-first-question-in 5s ease-in-out 28s forwards,
    bildhauerei-first-question-out 5s ease-in-out 43s forwards;
}

@keyframes bildhauerei-first-question-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes bildhauerei-first-question-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

.scene-bildhauerei__discovery-text {
  position: absolute;
  z-index: 2;
  top: 47%;
  right: 10.5%;
  width: min(40rem, 42vw);
  margin: 0;
  color: #456b3f;
  font-family: "Segoe Print", "Bradley Hand", "Segoe UI", cursive;
  font-size: clamp(1.35rem, 2vw, 2.2rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0.012em;
  text-align: left;
  text-shadow: 0 0.08em 0.3em rgba(43, 27, 12, 0.42);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50%);
}

.scene-bildhauerei__discovery-text span {
  display: block;
}

.scene-bildhauerei__discovery-paragraph {
  margin-top: 0.8em;
}

.scene-bildhauerei__discovery-text::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -1.15em -1.65em;
  border-radius: 50%;
  background: radial-gradient(
    ellipse at center,
    rgba(255, 247, 226, 0.5) 0%,
    rgba(255, 247, 226, 0.3) 48%,
    rgba(255, 247, 226, 0) 78%
  );
  filter: blur(0.7em);
  pointer-events: none;
}

#bildhauerei:target .scene-bildhauerei__discovery-text {
  animation:
    bildhauerei-discovery-text-in 5s ease-in-out 51s forwards,
    bildhauerei-old-elements-out 0s linear 92s forwards;
}

@keyframes bildhauerei-discovery-text-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

#bildhauerei:target > img:first-child {
  animation: bildhauerei-old-elements-out 0s linear 92s forwards;
}

@keyframes bildhauerei-old-elements-out {
  to { opacity: 0; }
}

.scene-bildhauerei > .scene-bildhauerei__hands-memory-image {
  z-index: 3;
  top: 50%;
  right: 0;
  bottom: auto;
  left: 0;
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
  transform: translateY(-50%);
  opacity: 0;
}

#bildhauerei:target .scene-bildhauerei__hands-memory-image {
  animation:
    bildhauerei-hands-memory-image-in 6s ease-in-out 76s forwards,
    bildhauerei-hands-memory-image-out 3s ease-in-out 92s forwards;
}

@keyframes bildhauerei-hands-memory-image-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes bildhauerei-hands-memory-image-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

.scene-bildhauerei > .scene-bildhauerei__hands-story-background {
  z-index: 4;
  top: 52%;
  right: 0;
  bottom: auto;
  left: 0;
  width: 100%;
  height: auto;
  /* Bei Mittelpunkt 52% bleiben nach der bestehenden Skalierung 96% Höhe. */
  max-height: calc(96% / 0.70);
  object-fit: contain;
  transform: translateY(-50%) scale(0.70);
  opacity: 0;
}

/* Textreiches Hände-MASTER: auf großen Querformat-Viewports die Höhe nutzen. */
@media (min-width: 1024px) and (min-aspect-ratio: 1 / 1) {
  .scene-bildhauerei > .scene-bildhauerei__hands-story-background {
    max-height: 96%;
    transform: translateY(-50%);
  }
}

#bildhauerei:target .scene-bildhauerei__hands-story-background {
  animation: bildhauerei-hands-story-background-in 3s ease-in-out 92s forwards;
}

@keyframes bildhauerei-hands-story-background-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

.scene-bildhauerei__stone-story-transition {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  margin: 0;
  color: #5f421f;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.35rem, 2.4vw, 2.5rem);
  font-style: italic;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.025em;
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

#bildhauerei:target .scene-bildhauerei__stone-story-transition {
  animation: bildhauerei-stone-story-transition-in 4s ease-in-out 275s forwards;
}

#bildhauerei.scene-bildhauerei--story-test:target .scene-bildhauerei__hands-story-background,
#bildhauerei.scene-bildhauerei--story-test:target .scene-bildhauerei__stone-story-transition {
  animation-delay: 0s;
}

#bildhauerei.scene-bildhauerei--story-test:target > img:first-child {
  animation-delay: 0s;
}

@keyframes bildhauerei-stone-story-transition-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

.scene-bildhauerei__lion-master-scene {
  position: absolute;
  z-index: 6;
  inset: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: linear-gradient(90deg, #d8c4aa 0%, #b9a487 52%, #8f785a 100%);
  opacity: 0;
}

#bildhauerei:target .scene-bildhauerei__lion-master-scene {
  animation: bildhauerei-lion-master-in 5s ease-in-out 287s forwards;
}

#bildhauerei.scene-bildhauerei--story-test:target .scene-bildhauerei__lion-master-scene {
  animation-delay: 0s;
}

@keyframes bildhauerei-lion-master-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

.scene-bildhauerei__lion-master-image {
  position: absolute;
  display: block;
  top: 52%;
  right: 0;
  bottom: auto;
  left: 0;
  width: 100%;
  height: auto;
  /* Bei Mittelpunkt 52% bleiben nach der bestehenden Skalierung 96% Höhe. */
  max-height: calc(96% / 0.68);
  object-fit: contain;
  transform: translateY(-50%) scale(0.68);
}

.scene-bildhauerei__hummingbird-master-scene {
  position: absolute;
  z-index: 7;
  inset: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: linear-gradient(90deg, #d8c4aa 0%, #b9a487 52%, #8f785a 100%);
  opacity: 0;
}

#bildhauerei:target .scene-bildhauerei__hummingbird-master-scene {
  animation: bildhauerei-hummingbird-master-in 5s ease-in-out 412s forwards;
}

#bildhauerei.scene-bildhauerei--story-test:target .scene-bildhauerei__hummingbird-master-scene {
  animation-delay: 0s;
}

@keyframes bildhauerei-hummingbird-master-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

.scene-bildhauerei__hummingbird-master-image {
  position: absolute;
  display: block;
  top: 52%;
  right: 0;
  bottom: auto;
  left: 0;
  width: 100%;
  height: auto;
  /* Bei Mittelpunkt 52% bleiben nach der bestehenden Skalierung 96% Höhe. */
  max-height: calc(96% / 0.65);
  object-fit: contain;
  transform: translateY(-50%) scale(0.65);
}

.scene-bildhauerei__owl-master-scene {
  position: absolute;
  z-index: 8;
  inset: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: linear-gradient(90deg, #d8c4aa 0%, #b9a487 52%, #8f785a 100%);
  opacity: 0;
}

#bildhauerei:target .scene-bildhauerei__owl-master-scene {
  animation: bildhauerei-owl-master-in 5s ease-in-out 537s forwards;
}

@keyframes bildhauerei-owl-master-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

#bildhauerei.scene-bildhauerei--story-test:target .scene-bildhauerei__owl-master-scene {
  opacity: 1;
}

.scene-bildhauerei__owl-master-image {
  position: absolute;
  display: block;
  top: 52%;
  right: 0;
  bottom: auto;
  left: 0;
  width: 100%;
  height: auto;
  /* Bei Mittelpunkt 52% bleiben nach der bestehenden Skalierung 96% Höhe. */
  max-height: calc(96% / 0.65);
  object-fit: contain;
  transform: translateY(-50%) scale(0.65);
}

/* Kolibri und Eule: große Querformat-Viewports wie im gesicherten Stand. */
@media (min-width: 1024px) and (min-aspect-ratio: 1 / 1) {
  .scene-bildhauerei__hummingbird-master-image,
  .scene-bildhauerei__owl-master-image {
    max-height: none;
  }
}

.scene-bildhauerei__gaia-master-scene {
  position: absolute;
  z-index: 8;
  inset: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: linear-gradient(90deg, #d8c4aa 0%, #b9a487 52%, #8f785a 100%);
  opacity: 0;
}

#bildhauerei:target .scene-bildhauerei__gaia-master-scene {
  animation: bildhauerei-owl-master-in 5s ease-in-out 662s forwards;
}

.scene-bildhauerei--gaia-test {
  opacity: 1;
  pointer-events: auto;
}

.scene-bildhauerei--gaia-test .scene-bildhauerei__gaia-master-scene {
  opacity: 1;
}

.scene-bildhauerei__gaia-master-image {
  position: absolute;
  display: block;
  top: 52%;
  right: 0;
  bottom: auto;
  left: 0;
  width: 100%;
  height: auto;
  /* Bei Mittelpunkt 52% bleiben nach der bestehenden Skalierung 96% Höhe. */
  max-height: calc(96% / 0.65);
  object-fit: contain;
  transform: translateY(-50%) scale(0.65);
}

.scene-bildhauerei__gaia-return-to-path {
  position: absolute;
  z-index: 10;
  right: clamp(1.5rem, 2vw, 2rem);
  bottom: clamp(1.5rem, 2vw, 2rem);
  color: #e6bc68;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(0.78rem, 1.05vw, 1.05rem);
  font-style: italic;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0.025em;
  text-decoration: none;
  text-shadow:
    0 0.08rem 0.12rem rgba(43, 18, 2, 0.92),
    0 0 0.65rem rgba(221, 152, 62, 0.28);
  opacity: 1;
  pointer-events: none;
  visibility: hidden;
  transform: none;
  transition: color 1s ease, text-shadow 1s ease;
}

/* Nur Bedienfreigabe: folgt unverändert der Gaia-Einblendung (662s + 5s).
   visibility wird erst bei positivem Einblendfortschritt sichtbar;
   vorher ist der Link auch für Tastatur und Touch nicht erreichbar. */
#bildhauerei:target .scene-bildhauerei__gaia-return-to-path {
  pointer-events: auto;
  animation: bildhauerei-gaia-return-enable 5s ease-in-out 662s forwards;
}

@keyframes bildhauerei-gaia-return-enable {
  from { visibility: hidden; }
  to { visibility: visible; }
}

.scene-bildhauerei__gaia-return-to-path:hover,
.scene-bildhauerei__gaia-return-to-path:focus-visible {
  color: #f5d58e;
  text-shadow:
    0 0.08rem 0.12rem rgba(43, 18, 2, 0.92),
    0 0 0.95rem rgba(237, 180, 86, 0.46);
}

.scene-bildhauerei__gaia-return-to-path:focus-visible {
  outline: 1px solid rgba(245, 213, 142, 0.7);
  outline-offset: 0.35rem;
}

.scene:has(#bildhauerei:target) .scene-five {
  opacity: 0;
  pointer-events: none;
}

#bildhauerei:target {
  opacity: 1;
  pointer-events: auto;
}

.scene-ki-seele {
  position: absolute;
  z-index: 7;
  inset: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #000;
  opacity: 0;
  pointer-events: none;
}

.scene-ki-seele img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.scene-ki-seele img:nth-child(2),
.scene-ki-seele img:nth-child(3),
.scene-ki-seele img:nth-child(4),
.scene-ki-seele img:nth-child(5),
.scene-ki-seele img:nth-child(6),
.scene-ki-seele img:nth-child(7) {
  opacity: 0;
}

.scene-ki-seele img:nth-child(5) {
  object-position: center 15%;
}

.scene-ki-seele img:nth-child(6) {
  object-position: center top;
}

.scene-ki-seele img:nth-child(7) {
  object-position: center center;
}

.scene:has(#ki-und-seele:target) .scene-five {
  opacity: 0;
  pointer-events: none;
}

#ki-und-seele:target {
  opacity: 1;
  pointer-events: auto;
}

#ki-und-seele:target > img:first-child {
  animation: ki-seele-einstiegsbild-out 3s ease-in-out 15s forwards;
}

#ki-und-seele:target img:nth-child(2) {
  animation: ki-seele-wissen-weisheit-in 3s ease-in-out 15s forwards;
}

#ki-und-seele:target img:nth-child(3) {
  animation: ki-seele-frage-weisheit-in 3s ease-in-out 33s forwards;
}

#ki-und-seele:target img:nth-child(4) {
  animation: ki-seele-frage-zwei-in 3s ease-in-out 51s forwards;
}

#ki-und-seele:target img:nth-child(5) {
  animation: ki-seele-wald-in 3s ease-in-out 69s forwards;
}

#ki-und-seele:target img:nth-child(6) {
  animation: ki-seele-beginn-weisheit-in 3s ease-in-out 87s forwards;
}

#ki-und-seele:target img:nth-child(7) {
  animation: ki-seele-die-reise-in 3s ease-in-out 105s forwards;
}

.scene-ki-seele__reise-intro {
  position: absolute;
  z-index: 1;
  top: 6%;
  left: 6%;
  width: min(48rem, 48vw);
  color: #f5dfae;
  font-family: Georgia, "Times New Roman", serif;
  text-align: left;
  text-shadow:
    0 0.08em 0.12em rgba(21, 18, 8, 0.96),
    0 0 0.7em rgba(20, 24, 8, 0.72);
  pointer-events: none;
}

.scene-ki-seele__reise-intro h2 {
  margin: 0;
  font-size: clamp(1.45rem, 2.25vw, 2.55rem);
  font-style: italic;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.025em;
  text-align: center;
  opacity: 0;
}

.scene-ki-seele__reise-intro p {
  margin: 0.72em 0 0;
  font-size: clamp(0.88rem, 1.25vw, 1.3rem);
  font-weight: 400;
  line-height: 1.42;
  letter-spacing: 0.012em;
  opacity: 0;
}

.scene-ki-seele__reise-invitation {
  font-style: italic;
  text-align: center;
  transform: translateY(0.35em) scale(1.22);
  transform-origin: center center;
}

.scene-ki-seele__reise-question span,
.scene-ki-seele__reise-question strong {
  display: block;
}

.scene-ki-seele__reise-question strong {
  margin-top: 0.45em;
  font-size: 1.24em;
  font-style: italic;
  font-weight: 600;
  text-align: center;
}

.scene-ki-seele__reise-question {
  transform: translateY(clamp(0.65rem, 1.4vh, 1rem));
}

#ki-und-seele:target .scene-ki-seele__reise-intro h2 {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 110s forwards;
}

#ki-und-seele:target .scene-ki-seele__reise-invitation {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 115.5s forwards;
}

#ki-und-seele:target .scene-ki-seele__reise-paragraph--first {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 124s forwards;
}

#ki-und-seele:target .scene-ki-seele__reise-paragraph--second {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 141.5s forwards;
}

#ki-und-seele:target .scene-ki-seele__reise-question {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 165s forwards;
}

#ki-und-seele:target .scene-ki-seele__reise-intro {
  animation: ki-seele-reise-section-out 5s ease-in-out 178s forwards;
}

.scene-ki-seele__reise-section-two {
  position: absolute;
  z-index: 2;
  top: 10%;
  left: 6%;
  width: min(48rem, 48vw);
  color: #f5dfae;
  font-family: Georgia, "Times New Roman", serif;
  text-align: left;
  text-shadow:
    0 0.08em 0.12em rgba(21, 18, 8, 0.96),
    0 0 0.7em rgba(20, 24, 8, 0.72);
  pointer-events: none;
}

.scene-ki-seele__reise-section-two h2,
.scene-ki-seele__reise-section-two p {
  opacity: 0;
}

.scene-ki-seele__reise-section-two h2 {
  margin: 0;
  font-size: clamp(1.45rem, 2.25vw, 2.55rem);
  font-style: italic;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.025em;
  text-align: center;
}

.scene-ki-seele__reise-section-two p {
  margin: 1em 0 0;
  font-size: clamp(0.88rem, 1.25vw, 1.3rem);
  font-weight: 400;
  line-height: 1.42;
  letter-spacing: 0.012em;
}

.scene-ki-seele__reise-section-two-closing {
  font-size: clamp(1rem, 1.48vw, 1.5rem) !important;
  font-style: italic;
  font-weight: 600 !important;
  text-align: center;
}

#ki-und-seele:target .scene-ki-seele__reise-section-two h2 {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 183.5s forwards;
}

#ki-und-seele:target .scene-ki-seele__reise-section-two-text--first {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 192s forwards;
}

#ki-und-seele:target .scene-ki-seele__reise-section-two-text--second {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 209.5s forwards;
}

#ki-und-seele:target .scene-ki-seele__reise-section-two-text--third {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 222.5s forwards;
}

#ki-und-seele:target .scene-ki-seele__reise-section-two-closing {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 241.5s forwards;
}

#ki-und-seele:target .scene-ki-seele__reise-section-two {
  animation: ki-seele-reise-section-out 5s ease-in-out 256s forwards;
}

.scene-ki-seele__reise-section-two-b {
  position: absolute;
  z-index: 3;
  top: 5%;
  left: 6%;
  width: min(48rem, 48vw);
  color: #f5dfae;
  font-family: Georgia, "Times New Roman", serif;
  text-align: left;
  text-shadow:
    0 0.08em 0.12em rgba(21, 18, 8, 0.96),
    0 0 0.7em rgba(20, 24, 8, 0.72);
  pointer-events: none;
}

.scene-ki-seele__reise-section-two-b p {
  margin: 0.72em 0 0;
  font-size: clamp(0.88rem, 1.25vw, 1.3rem);
  font-weight: 400;
  line-height: 1.42;
  letter-spacing: 0.012em;
  opacity: 0;
}

.scene-ki-seele__reise-section-two-b p:first-child {
  margin-top: 0;
}

.scene-ki-seele__reise-section-two-b-emphasis {
  font-size: clamp(1rem, 1.48vw, 1.5rem) !important;
  font-style: italic;
  font-weight: 600 !important;
  text-align: center;
}

#ki-und-seele:target .scene-ki-seele__reise-section-two-b-text--first {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 261.5s forwards;
}

#ki-und-seele:target .scene-ki-seele__reise-section-two-b-text--second {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 274.5s forwards;
}

#ki-und-seele:target .scene-ki-seele__reise-section-two-b-text--third {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 289s forwards;
}

#ki-und-seele:target .scene-ki-seele__reise-section-two-b-text--fourth {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 306.5s forwards;
}

#ki-und-seele:target .scene-ki-seele__reise-section-two-b-emphasis:not(.scene-ki-seele__reise-section-two-b-emphasis--closing) {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 324s forwards;
}

#ki-und-seele:target .scene-ki-seele__reise-section-two-b-text--fifth {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 335.5s forwards;
}

#ki-und-seele:target .scene-ki-seele__reise-section-two-b-emphasis--closing {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 347s forwards;
}

#ki-und-seele:target .scene-ki-seele__reise-section-two-b {
  animation: ki-seele-reise-section-out 5s ease-in-out 360.5s forwards;
}

.scene-ki-seele .scene-ki-seele__weggabelung {
  z-index: 4;
  object-position: center center;
  opacity: 0;
  pointer-events: none;
}

#ki-und-seele:target .scene-ki-seele__weggabelung {
  animation: ki-seele-weggabelung-in 6s ease-in-out 369.5s forwards;
}

.scene-ki-seele__intuition {
  position: absolute;
  z-index: 5;
  top: 4%;
  left: 4%;
  width: min(45rem, 45vw);
  color: #f5dfae;
  font-family: Georgia, "Times New Roman", serif;
  text-align: left;
  text-shadow:
    0 0.08em 0.12em rgba(21, 18, 8, 0.96),
    0 0 0.7em rgba(20, 24, 8, 0.72);
  pointer-events: none;
}

.scene-ki-seele__intuition h2,
.scene-ki-seele__intuition p {
  opacity: 0;
}

.scene-ki-seele__intuition h2 {
  margin: 0;
  font-size: clamp(1.45rem, 2.25vw, 2.55rem);
  font-style: italic;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.025em;
  text-align: center;
}

.scene-ki-seele__intuition p {
  margin: 0.62em 0 0;
  font-size: clamp(0.84rem, 1.15vw, 1.2rem);
  font-weight: 400;
  line-height: 1.34;
  letter-spacing: 0.012em;
}

.scene-ki-seele__intuition-emphasis {
  font-size: clamp(0.96rem, 1.34vw, 1.38rem) !important;
  font-style: italic;
  font-weight: 600 !important;
  text-align: center;
}

#ki-und-seele:target .scene-ki-seele__intuition h2 {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 379.5s forwards;
}

#ki-und-seele:target .scene-ki-seele__intuition-text--first {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 391s forwards;
}

#ki-und-seele:target .scene-ki-seele__intuition-text--second {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 406.5s forwards;
}

#ki-und-seele:target .scene-ki-seele__intuition-text--third {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 424s forwards;
}

#ki-und-seele:target .scene-ki-seele__intuition-emphasis--explanation {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 441.5s forwards;
}

#ki-und-seele:target .scene-ki-seele__intuition-text--fourth {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 453s forwards;
}

#ki-und-seele:target .scene-ki-seele__intuition-text--fifth {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 464.5s forwards;
}

#ki-und-seele:target .scene-ki-seele__intuition-text--sixth {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 476s forwards;
}

#ki-und-seele:target .scene-ki-seele__intuition-emphasis--closing {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 489.5s forwards;
}

#ki-und-seele:target .scene-ki-seele__intuition {
  animation: ki-seele-reise-section-out 5s ease-in-out 508.5s forwards;
}

.scene-ki-seele__decision {
  position: absolute;
  z-index: 6;
  top: 3%;
  left: 4%;
  width: min(45rem, 45vw);
  color: #f5dfae;
  font-family: Georgia, "Times New Roman", serif;
  text-align: left;
  text-shadow:
    0 0.08em 0.12em rgba(21, 18, 8, 0.96),
    0 0 0.7em rgba(20, 24, 8, 0.72);
  pointer-events: none;
}

.scene-ki-seele__decision h2,
.scene-ki-seele__decision p {
  opacity: 0;
}

.scene-ki-seele__decision h2 {
  margin: 0;
  font-size: clamp(1.3rem, 1.85vw, 2.15rem);
  font-style: italic;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-align: center;
}

.scene-ki-seele__decision p {
  margin: 0.48em 0 0;
  font-size: clamp(0.78rem, 1.06vw, 1.12rem);
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0.01em;
}

.scene-ki-seele__decision-emphasis {
  font-size: clamp(0.96rem, 1.34vw, 1.38rem) !important;
  font-style: italic;
  font-weight: 600 !important;
  text-align: center;
}

#ki-und-seele:target .scene-ki-seele__decision h2 {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 513.5s forwards;
}

#ki-und-seele:target .scene-ki-seele__decision-text--first {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 525s forwards;
}

#ki-und-seele:target .scene-ki-seele__decision-text--second {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 540.5s forwards;
}

#ki-und-seele:target .scene-ki-seele__decision-emphasis--path {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 558s forwards;
}

#ki-und-seele:target .scene-ki-seele__decision-text--third {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 581.5s forwards;
}

#ki-und-seele:target .scene-ki-seele__decision-text--fourth {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 593s forwards;
}

#ki-und-seele:target .scene-ki-seele__decision-text--fifth {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 608.5s forwards;
}

#ki-und-seele:target .scene-ki-seele__decision-text--sixth {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 626s forwards;
}

#ki-und-seele:target .scene-ki-seele__decision-text--seventh {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 637.5s forwards;
}

#ki-und-seele:target .scene-ki-seele__decision-emphasis--closing {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 651s forwards;
}

#ki-und-seele:target .scene-ki-seele__decision {
  animation: ki-seele-reise-section-out 5s ease-in-out 664.5s forwards;
}

.scene-ki-seele__closing {
  position: absolute;
  z-index: 7;
  top: 10%;
  left: 4%;
  width: min(45rem, 45vw);
  color: #f5dfae;
  font-family: Georgia, "Times New Roman", serif;
  text-align: left;
  text-shadow:
    0 0.08em 0.12em rgba(21, 18, 8, 0.96),
    0 0 0.7em rgba(20, 24, 8, 0.72);
  pointer-events: none;
}

.scene-ki-seele__closing p {
  margin: 0.9em 0 0;
  font-size: clamp(0.88rem, 1.25vw, 1.3rem);
  font-weight: 400;
  line-height: 1.42;
  letter-spacing: 0.012em;
  opacity: 0;
}

.scene-ki-seele__closing p:first-child {
  margin-top: 0;
}

.scene-ki-seele__closing-emphasis {
  font-size: clamp(1rem, 1.48vw, 1.5rem) !important;
  font-style: italic;
  font-weight: 600 !important;
  text-align: center;
}

.scene-ki-seele__closing-text--fifth {
  font-style: italic;
  text-align: center;
}

#ki-und-seele:target .scene-ki-seele__closing-text--first {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 670s forwards;
}

#ki-und-seele:target .scene-ki-seele__closing-text--second {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 681.5s forwards;
}

#ki-und-seele:target .scene-ki-seele__closing-text--third {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 697s forwards;
}

#ki-und-seele:target .scene-ki-seele__closing-text--fourth {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 714.5s forwards;
}

#ki-und-seele:target .scene-ki-seele__closing-emphasis {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 732s forwards;
}

#ki-und-seele:target .scene-ki-seele__closing-text--fifth {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 743.5s forwards;
}

#ki-und-seele:target .scene-ki-seele__closing {
  animation: ki-seele-reise-section-out 5s ease-in-out 757s forwards;
}

.scene-ki-seele__finale {
  position: absolute;
  z-index: 8;
  top: 14%;
  left: 4%;
  width: min(45rem, 45vw);
  color: #f5dfae;
  font-family: Georgia, "Times New Roman", serif;
  text-align: left;
  text-shadow:
    0 0.08em 0.12em rgba(21, 18, 8, 0.96),
    0 0 0.7em rgba(20, 24, 8, 0.72);
  pointer-events: none;
}

.scene-ki-seele__finale p {
  margin: 1.15em 0 0;
  font-size: clamp(0.9rem, 1.28vw, 1.34rem);
  font-weight: 400;
  line-height: 1.46;
  letter-spacing: 0.012em;
  opacity: 0;
}

.scene-ki-seele__finale p:first-child {
  margin-top: 0;
}

.scene-ki-seele__finale-emphasis {
  font-size: clamp(1.08rem, 1.58vw, 1.62rem) !important;
  font-style: italic;
  font-weight: 600 !important;
  text-align: center;
}

#ki-und-seele:target .scene-ki-seele__finale-text--first {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 762.5s forwards;
}

#ki-und-seele:target .scene-ki-seele__finale-text--second {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 780s forwards;
}

#ki-und-seele:target .scene-ki-seele__finale-text--third {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 795.5s forwards;
}

#ki-und-seele:target .scene-ki-seele__finale-emphasis {
  animation: ki-seele-reise-intro-in 3.5s ease-in-out 813s forwards;
}

.scene-ki-seele .scene-ki-seele__lemniskate {
  z-index: 9;
  background: #000;
  object-fit: contain;
  object-position: center;
  opacity: 0;
}

.scene-ki-seele .scene-ki-seele__lemniskate--soul {
  clip-path: inset(0 50% 28% 0);
}

.scene-ki-seele .scene-ki-seele__lemniskate--ki {
  clip-path: inset(0 0 28% 50%);
}

.scene-ki-seele .scene-ki-seele__lemniskate--potential {
  clip-path: inset(72% 0 0 0);
}

/* Nur schmaler als 4:3: 1024 × 768 und breite Referenzformate bleiben unverändert.
   Das zentrierte 3:2-Bild ist hier 100vw breit. Seine 72%-Grenze liegt
   bei 50% der Elementhöhe plus 22% der sichtbaren Bildhöhe (100vw × 1024/1536). */
@media (aspect-ratio < 4 / 3) {
  .scene-ki-seele .scene-ki-seele__lemniskate--soul {
    clip-path: inset(0 50% calc(50% - 100vw * 1024 / 1536 * 0.22) 0);
  }

  .scene-ki-seele .scene-ki-seele__lemniskate--ki {
    clip-path: inset(0 0 calc(50% - 100vw * 1024 / 1536 * 0.22) 50%);
  }

  .scene-ki-seele .scene-ki-seele__lemniskate--potential {
    clip-path: inset(calc(50% + 100vw * 1024 / 1536 * 0.22) 0 0 0);
  }
}

.scene-ki-seele.is-lemniskate-visible .scene-ki-seele__lemniskate--soul {
  animation: ki-seele-potential-part-in 6s ease-in-out 2s forwards;
}

.scene-ki-seele.is-lemniskate-visible .scene-ki-seele__lemniskate--ki {
  animation: ki-seele-potential-part-in 6s ease-in-out 24s forwards;
}

.scene-ki-seele.is-lemniskate-visible .scene-ki-seele__lemniskate--potential {
  animation: ki-seele-potential-part-in 6s ease-in-out 48s forwards;
}

.scene-ki-seele__return-to-path {
  position: absolute;
  z-index: 10;
  right: clamp(1.5rem, 2vw, 2rem);
  bottom: clamp(1.5rem, 2vw, 2rem);
  color: #e6bc68;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(0.78rem, 1.05vw, 1.05rem);
  font-style: italic;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0.025em;
  text-decoration: none;
  text-shadow:
    0 0.08rem 0.12rem rgba(43, 18, 2, 0.92),
    0 0 0.65rem rgba(221, 152, 62, 0.28);
  opacity: 0;
  pointer-events: none;
  transform: none;
  transition: color 1s ease, text-shadow 1s ease;
}

.scene-ki-seele.is-lemniskate-visible .scene-ki-seele__return-to-path {
  animation:
    theater-return-link-in 4s ease-in-out 72s forwards,
    path-item-enable 0s linear 72s forwards;
}

.scene-ki-seele__return-to-path:hover,
.scene-ki-seele__return-to-path:focus-visible {
  color: #f5d58e;
  text-shadow:
    0 0.08rem 0.12rem rgba(43, 18, 2, 0.92),
    0 0 0.95rem rgba(237, 180, 86, 0.46);
}

.scene-ki-seele__return-to-path:focus-visible {
  outline: 1px solid rgba(245, 213, 142, 0.7);
  outline-offset: 0.35rem;
}

@keyframes ki-seele-potential-part-in {
  from { opacity: 0; }
  to { opacity: 1; }
}


@keyframes ki-seele-einstiegsbild-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes ki-seele-wissen-weisheit-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes ki-seele-frage-weisheit-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes ki-seele-frage-zwei-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes ki-seele-wald-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes ki-seele-beginn-weisheit-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes ki-seele-die-reise-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes ki-seele-reise-intro-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes ki-seele-reise-section-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes ki-seele-weggabelung-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

.scene-theater {
  position: absolute;
  z-index: 7;
  inset: 0;
  overflow: hidden;
  background: #030202;
  opacity: 0;
  pointer-events: none;
}

.scene-theater__image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.scene-theater__image--birgit {
  z-index: 1;
}

.scene-theater__sentence {
  position: absolute;
  z-index: 1;
  top: 18%;
  right: 12%;
  width: 43%;
  margin: 0;
  color: #e7b34f;
  background: linear-gradient(180deg, #ffe081 0%, #edae39 48%, #bd7217 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Brush Script MT", "Segoe Script", "Lucida Handwriting", cursive;
  font-size: clamp(1.55rem, 3.25vw, 3.8rem);
  font-weight: 400;
  line-height: 1.08;
  text-align: center;
  letter-spacing: 0.01em;
  filter: drop-shadow(0 0.12rem 0.15rem rgba(66, 30, 0, 0.92)) drop-shadow(0 0 0.5rem rgba(225, 147, 37, 0.3));
  opacity: 0;
}

.scene-theater__sentence span {
  display: inline-block;
  font-size: 0.62em;
  line-height: 0.9;
}

#theater:target .scene-theater__sentence {
  animation:
    theater-sentence-in 3.6s ease-in-out 7s forwards,
    theater-opening-out 4s ease-in-out 21s forwards;
}

#theater:target .scene-theater__image--birgit {
  animation: theater-opening-out 4s ease-in-out 21s forwards;
}

@keyframes theater-sentence-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes theater-opening-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

.scene-theater__question {
  position: absolute;
  z-index: 2;
  top: 46%;
  left: 50%;
  width: min(36rem, 56vw);
  margin: 0;
  color: #f1d29a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1rem, 1.65vw, 1.65rem);
  font-style: italic;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0.018em;
  text-align: center;
  text-shadow:
    0 0 0.35rem rgba(255, 220, 158, 0.5),
    0 0 1.35rem rgba(176, 92, 32, 0.32);
  opacity: 0;
  transform: translate(-50%, -50%);
}

#theater:target .scene-theater__question--first {
  animation:
    theater-question-in 4s ease-in-out 26.5s forwards,
    theater-question-out 4s ease-in-out 42s forwards;
}

#theater:target .scene-theater__question--second {
  animation:
    theater-question-in 4s ease-in-out 48s forwards,
    theater-question-out 4s ease-in-out 63s forwards;
}

#theater:target .scene-theater__thought--third {
  animation:
    theater-question-in 4s ease-in-out 69s forwards,
    theater-question-out 4s ease-in-out 84s forwards;
}

.scene-theater__fetzer {
  position: absolute;
  z-index: 3;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #030202;
  object-fit: contain;
  object-position: center;
  opacity: 0;
}

#theater:target .scene-theater__fetzer {
  animation:
    theater-question-in 5s ease-in-out 153s forwards,
    theater-question-out 4s ease-in-out 176s forwards;
}

.scene-theater__fetzer-thought {
  position: absolute;
  z-index: 4;
  top: 36%;
  left: 57%;
  width: min(34rem, 36vw);
  margin: 0;
  color: #e5c997;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1rem, 1.55vw, 1.55rem);
  font-style: italic;
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0.012em;
  text-align: center;
  text-shadow:
    0 0 0.3rem rgba(255, 224, 166, 0.38),
    0 0 1rem rgba(121, 71, 27, 0.28);
  opacity: 0;
  transform: translateY(-50%);
}

.scene-theater__fetzer-role,
.scene-theater__fetzer-voice {
  display: block;
}

.scene-theater__fetzer-role {
  margin-bottom: 1.45rem;
  color: #c98327;
  font-family: "Ink Free", "Segoe Print", "Brush Script MT", cursive;
  font-size: 2.2em;
  font-style: normal;
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: 0.055em;
  text-shadow:
    0.05em 0.05em 0 rgba(58, 28, 7, 0.7),
    0 0 0.45rem rgba(204, 127, 35, 0.28);
  opacity: 0.96;
  transform: rotate(-1deg);
}

.scene-theater__fetzer-voice {
  color: #e0b46f;
  font-family: "Segoe Print", "Ink Free", "Brush Script MT", cursive;
  font-size: 1.13em;
  font-style: normal;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0.008em;
  text-shadow:
    0.035em 0.045em 0 rgba(57, 27, 6, 0.62),
    0 0 0.4rem rgba(212, 149, 70, 0.22);
  transform: rotate(0.35deg);
}

#theater:target .scene-theater__fetzer-thought {
  animation:
    theater-question-in 4s ease-in-out 160s forwards,
    theater-question-out 4s ease-in-out 176s forwards;
}

.scene-theater__wandel-stage {
  position: absolute;
  z-index: 15;
  inset: 0;
  overflow: hidden;
  background: var(--loaded-theater-stage, none) center / contain no-repeat #030202;
  opacity: 0;
  pointer-events: none;
}

.scene-theater__wandel {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  opacity: 0;
}

.scene-theater__wandel-text {
  position: absolute;
  z-index: 1;
  top: 59%;
  left: 75%;
  width: 43%;
  margin: 0;
  color: #f3d59b;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1rem, 1.48vw, 1.62rem);
  font-weight: 400;
  font-style: italic;
  line-height: 1.45;
  text-align: center;
  letter-spacing: 0.012em;
  text-shadow:
    0 0.08rem 0.12rem rgba(43, 18, 2, 0.95),
    0 0 0.7rem rgba(221, 152, 62, 0.34);
  opacity: 0;
  transform: translateX(-50%);
}

.scene-theater__wandel-responsibility,
.scene-theater__wandel-emphasis {
  display: block;
}

.scene-theater__wandel-emphasis {
  margin-top: 1.5em;
}

#theater:target .scene-theater__wandel-stage {
  animation:
    theater-wandel-stage-in 0.01s linear 180s forwards,
    theater-wandel-stage-out 3s ease-in-out 206s forwards;
}

#theater:target .scene-theater__wandel {
  animation: theater-wandel-in 4.2s ease-in-out 184s forwards;
}

#theater:target .scene-theater__wandel-text {
  animation: theater-wandel-in 3.6s ease-in-out 190.2s forwards;
}

@keyframes theater-wandel-stage-in {
  to { opacity: 1; }
}

@keyframes theater-wandel-stage-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes theater-wandel-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

.scene-theater__empty-after-wandel {
  position: absolute;
  z-index: 16;
  inset: 0;
  background: var(--loaded-theater-stage, none) center / contain no-repeat #030202;
  opacity: 0;
  pointer-events: none;
}

#theater:target .scene-theater__empty-after-wandel {
  animation:
    theater-empty-after-wandel-in 3s ease-in-out 206s forwards,
    theater-empty-after-wandel-out 2s ease-in-out 210s forwards;
}

@keyframes theater-empty-after-wandel-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes theater-empty-after-wandel-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

.scene-theater__geizhals-scene {
  position: absolute;
  z-index: 5;
  inset: 0;
  overflow: hidden;
  background-color: #030202;
  background-image: var(--loaded-theater-fetzer, none);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 205% 100%;
  opacity: 0;
}

.scene-theater__geizhals {
  position: absolute;
  bottom: 2%;
  left: 10%;
  display: block;
  width: auto;
  height: 92%;
  max-width: none;
  object-fit: contain;
}

.scene-theater__geizhals-role {
  position: absolute;
  z-index: 1;
  top: calc(36% - clamp(2.7965rem, 4.3346vw, 4.3346rem) - 0.725rem);
  left: 57%;
  width: min(34rem, 36vw);
  margin: 0;
  color: #c98327;
  font-family: "Ink Free", "Segoe Print", "Brush Script MT", cursive;
  font-size: clamp(2.2rem, 3.41vw, 3.41rem);
  font-style: normal;
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: 0.055em;
  text-align: center;
  text-shadow:
    0.05em 0.05em 0 rgba(58, 28, 7, 0.7),
    0 0 0.45rem rgba(204, 127, 35, 0.28);
  opacity: 0.96;
  transform: rotate(-1deg);
}

.scene-theater__geizhals-voice {
  position: absolute;
  z-index: 1;
  top: 38%;
  left: 54.5%;
  width: min(36rem, 38vw);
  margin: 0;
  color: #e0b46f;
  font-family: "Segoe Print", "Ink Free", "Brush Script MT", cursive;
  font-size: clamp(0.78rem, 1.14vw, 1.14rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.42;
  letter-spacing: 0.008em;
  text-align: center;
  text-shadow:
    0.035em 0.045em 0 rgba(57, 27, 6, 0.62),
    0 0 0.4rem rgba(212, 149, 70, 0.22);
  transform: rotate(0.35deg);
}

.scene-theater__geizhals-voice span {
  display: block;
}

.scene-theater__geizhals-voice span + span {
  margin-top: 0.78em;
}

#theater:target .scene-theater__geizhals-scene {
  animation:
    theater-question-in 5s ease-in-out 210s forwards,
    theater-question-out 4s ease-in-out 240s forwards;
}

.scene-theater__geizhals-wandel-stage {
  position: absolute;
  z-index: 17;
  inset: 0;
  overflow: hidden;
  background: var(--loaded-theater-stage, none) center / contain no-repeat #030202;
  opacity: 0;
  pointer-events: none;
}

.scene-theater__geizhals-wandel {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  opacity: 0;
}

.scene-theater__geizhals-wandel-text {
  position: absolute;
  z-index: 1;
  top: 59%;
  left: 75%;
  width: 43%;
  margin: 0;
  color: #f3d59b;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1rem, 1.48vw, 1.62rem);
  font-weight: 400;
  font-style: italic;
  line-height: 1.45;
  text-align: center;
  letter-spacing: 0.012em;
  text-shadow:
    0 0.08rem 0.12rem rgba(43, 18, 2, 0.95),
    0 0 0.7rem rgba(221, 152, 62, 0.34);
  opacity: 0;
  transform: translateX(-50%);
}

#theater:target .scene-theater__geizhals-wandel-stage {
  animation:
    theater-wandel-stage-in 0.01s linear 244s forwards,
    theater-wandel-stage-out 3s ease-in-out 270s forwards;
}

#theater:target .scene-theater__geizhals-wandel {
  animation: theater-wandel-in 4.2s ease-in-out 248s forwards;
}

#theater:target .scene-theater__geizhals-wandel-text {
  animation: theater-wandel-in 3.6s ease-in-out 254.2s forwards;
}

.scene-theater__empty-after-geizhals-wandel {
  position: absolute;
  z-index: 18;
  inset: 0;
  background: var(--loaded-theater-stage, none) center / contain no-repeat #030202;
  opacity: 0;
  pointer-events: none;
}

#theater:target .scene-theater__empty-after-geizhals-wandel {
  animation:
    theater-empty-after-wandel-in 3s ease-in-out 270s forwards,
    theater-empty-after-wandel-out 2s ease-in-out 274s forwards;
}

.scene-theater__laestermaul {
  position: absolute;
  z-index: 7;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #030202;
  object-fit: contain;
  object-position: center;
  opacity: 0;
}

#theater:target .scene-theater__laestermaul {
  animation:
    theater-question-in 5s ease-in-out 274s forwards,
    theater-question-out 4s ease-in-out 297s forwards;
}

.scene-theater__laestermaul-role {
  position: absolute;
  z-index: 8;
  top: calc(36% - clamp(2.7965rem, 4.3346vw, 4.3346rem) - 0.725rem);
  left: 57%;
  width: min(34rem, 36vw);
  margin: 0;
  color: #c98327;
  font-family: "Ink Free", "Segoe Print", "Brush Script MT", cursive;
  font-size: clamp(2.2rem, 3.41vw, 3.41rem);
  font-style: normal;
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: 0.055em;
  text-align: center;
  text-shadow:
    0.05em 0.05em 0 rgba(58, 28, 7, 0.7),
    0 0 0.45rem rgba(204, 127, 35, 0.28);
  opacity: 0;
  transform: rotate(-1deg);
}

#theater:target .scene-theater__laestermaul-role {
  animation:
    theater-question-in 5s ease-in-out 274s forwards,
    theater-question-out 4s ease-in-out 297s forwards;
}

.scene-theater__laestermaul-voice {
  position: absolute;
  z-index: 8;
  top: 38%;
  left: 57%;
  width: min(36rem, 38vw);
  margin: 0;
  color: #e0b46f;
  font-family: "Segoe Print", "Ink Free", "Brush Script MT", cursive;
  font-size: clamp(0.82rem, 1.2vw, 1.2rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.008em;
  text-align: center;
  text-shadow:
    0.035em 0.045em 0 rgba(57, 27, 6, 0.62),
    0 0 0.4rem rgba(212, 149, 70, 0.22);
  opacity: 0;
  transform: rotate(0.35deg);
}

.scene-theater__laestermaul-voice span {
  display: block;
}

.scene-theater__laestermaul-voice span + span {
  margin-top: 0.9em;
}

#theater:target .scene-theater__laestermaul-voice {
  animation:
    theater-question-in 5s ease-in-out 274s forwards,
    theater-question-out 4s ease-in-out 297s forwards;
}

.scene-theater__laestermaul-wandel-stage {
  position: absolute;
  z-index: 19;
  inset: 0;
  overflow: hidden;
  background: var(--loaded-theater-stage, none) center / contain no-repeat #030202;
  opacity: 0;
  pointer-events: none;
}

.scene-theater__laestermaul-wandel {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  opacity: 0;
}

.scene-theater__laestermaul-wandel-text {
  position: absolute;
  z-index: 1;
  top: 59%;
  left: 75%;
  width: 43%;
  margin: 0;
  color: #f3d59b;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1rem, 1.48vw, 1.62rem);
  font-weight: 400;
  font-style: italic;
  line-height: 1.45;
  text-align: center;
  letter-spacing: 0.012em;
  text-shadow:
    0 0.08rem 0.12rem rgba(43, 18, 2, 0.95),
    0 0 0.7rem rgba(221, 152, 62, 0.34);
  opacity: 0;
  transform: translateX(-50%);
}

#theater:target .scene-theater__laestermaul-wandel-stage {
  animation:
    theater-wandel-stage-in 0.01s linear 301s forwards,
    theater-wandel-stage-out 3s ease-in-out 327s forwards;
}

#theater:target .scene-theater__laestermaul-wandel {
  animation: theater-wandel-in 4.2s ease-in-out 305s forwards;
}

#theater:target .scene-theater__laestermaul-wandel-text {
  animation: theater-wandel-in 3.6s ease-in-out 311.2s forwards;
}

.scene-theater__empty-after-laestermaul-wandel {
  position: absolute;
  z-index: 20;
  inset: 0;
  background: var(--loaded-theater-stage, none) center / contain no-repeat #030202;
  opacity: 0;
  pointer-events: none;
}

#theater:target .scene-theater__empty-after-laestermaul-wandel {
  animation:
    theater-empty-after-wandel-in 3s ease-in-out 327s forwards,
    theater-empty-after-wandel-out 2s ease-in-out 331s forwards;
}

.scene-theater__grosskotz-scene {
  position: absolute;
  z-index: 9;
  inset: 0;
  overflow: hidden;
  background-color: #030202;
  background-image: var(--loaded-theater-fetzer, none);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 205% 100%;
  opacity: 0;
}

.scene-theater__grosskotz {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 12% center;
}

#theater:target .scene-theater__grosskotz-scene {
  animation:
    theater-question-in 5s ease-in-out 331s forwards,
    theater-question-out 4s ease-in-out 357s forwards;
}

.scene-theater__grosskotz-role {
  position: absolute;
  z-index: 10;
  top: calc(36% - clamp(2.7965rem, 4.3346vw, 4.3346rem) - 0.725rem);
  left: 57%;
  width: min(34rem, 36vw);
  margin: 0;
  color: #c98327;
  font-family: "Ink Free", "Segoe Print", "Brush Script MT", cursive;
  font-size: clamp(2.2rem, 3.41vw, 3.41rem);
  font-style: normal;
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: 0.055em;
  text-align: center;
  text-shadow:
    0.05em 0.05em 0 rgba(58, 28, 7, 0.7),
    0 0 0.45rem rgba(204, 127, 35, 0.28);
  opacity: 0;
  transform: rotate(-1deg);
}

#theater:target .scene-theater__grosskotz-role {
  animation:
    theater-question-in 5s ease-in-out 331s forwards,
    theater-question-out 4s ease-in-out 357s forwards;
}

.scene-theater__grosskotz-voice {
  position: absolute;
  z-index: 10;
  top: 38%;
  left: 57%;
  width: min(36rem, 38vw);
  margin: 0;
  color: #e0b46f;
  font-family: "Segoe Print", "Ink Free", "Brush Script MT", cursive;
  font-size: clamp(0.82rem, 1.2vw, 1.2rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.008em;
  text-align: center;
  text-shadow:
    0.035em 0.045em 0 rgba(57, 27, 6, 0.62),
    0 0 0.4rem rgba(212, 149, 70, 0.22);
  opacity: 0;
  transform: rotate(0.35deg);
}

.scene-theater__grosskotz-voice span {
  display: block;
}

.scene-theater__grosskotz-voice span + span {
  margin-top: 0.9em;
}

#theater:target .scene-theater__grosskotz-voice {
  animation:
    theater-question-in 5s ease-in-out 331s forwards,
    theater-question-out 4s ease-in-out 357s forwards;
}

.scene-theater__grosskotz-wandel-stage {
  position: absolute;
  z-index: 21;
  inset: 0;
  overflow: hidden;
  background: var(--loaded-theater-stage, none) center / contain no-repeat #030202;
  opacity: 0;
  pointer-events: none;
}

.scene-theater__grosskotz-wandel {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  opacity: 0;
}

.scene-theater__grosskotz-wandel-text {
  position: absolute;
  z-index: 1;
  top: 59%;
  left: 75%;
  width: 43%;
  margin: 0;
  color: #f3d59b;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1rem, 1.48vw, 1.62rem);
  font-weight: 400;
  font-style: italic;
  line-height: 1.45;
  text-align: center;
  letter-spacing: 0.012em;
  text-shadow:
    0 0.08rem 0.12rem rgba(43, 18, 2, 0.95),
    0 0 0.7rem rgba(221, 152, 62, 0.34);
  opacity: 0;
  transform: translateX(-50%);
}

#theater:target .scene-theater__grosskotz-wandel-stage {
  animation:
    theater-wandel-stage-in 0.01s linear 361s forwards,
    theater-wandel-stage-out 3s ease-in-out 387s forwards;
}

#theater:target .scene-theater__grosskotz-wandel {
  animation: theater-wandel-in 4.2s ease-in-out 365s forwards;
}

#theater:target .scene-theater__grosskotz-wandel-text {
  animation: theater-wandel-in 3.6s ease-in-out 371.2s forwards;
}

.scene-theater__empty-after-grosskotz-wandel {
  position: absolute;
  z-index: 22;
  inset: 0;
  background: var(--loaded-theater-stage, none) center / contain no-repeat #030202;
  opacity: 0;
  pointer-events: none;
}

#theater:target .scene-theater__empty-after-grosskotz-wandel {
  animation:
    theater-empty-after-wandel-in 3s ease-in-out 387s forwards,
    theater-empty-after-wandel-out 2s ease-in-out 391s forwards;
}

.scene-theater__tranfunzel-scene {
  position: absolute;
  z-index: 11;
  inset: 0;
  overflow: hidden;
  background-color: #030202;
  background-image: var(--loaded-theater-fetzer, none);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 205% 100%;
  opacity: 0;
}

.scene-theater__tranfunzel {
  position: absolute;
  top: 10%;
  left: 3%;
  display: block;
  width: auto;
  height: 80%;
  max-width: none;
  object-fit: contain;
  clip-path: polygon(0 0, 100% 0, 100% 64%, 66% 64%, 66% 100%, 0 100%);
}

#theater:target .scene-theater__tranfunzel-scene {
  animation:
    theater-question-in 5s ease-in-out 391s forwards,
    theater-question-out 4s ease-in-out 423s forwards;
}

.scene-theater__tranfunzel-role {
  position: absolute;
  z-index: 12;
  top: calc(36% - clamp(2.7965rem, 4.3346vw, 4.3346rem) - 0.725rem);
  left: 57%;
  width: min(34rem, 36vw);
  margin: 0;
  color: #c98327;
  font-family: "Ink Free", "Segoe Print", "Brush Script MT", cursive;
  font-size: clamp(2.2rem, 3.41vw, 3.41rem);
  font-style: normal;
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: 0.055em;
  text-align: center;
  text-shadow:
    0.05em 0.05em 0 rgba(58, 28, 7, 0.7),
    0 0 0.45rem rgba(204, 127, 35, 0.28);
  opacity: 0;
  transform: rotate(-1deg);
}

#theater:target .scene-theater__tranfunzel-role {
  animation:
    theater-question-in 5s ease-in-out 391s forwards,
    theater-question-out 4s ease-in-out 423s forwards;
}

.scene-theater__tranfunzel-voice {
  position: absolute;
  z-index: 12;
  top: 38%;
  left: 57%;
  width: min(36rem, 38vw);
  margin: 0;
  color: #e0b46f;
  font-family: "Segoe Print", "Ink Free", "Brush Script MT", cursive;
  font-size: clamp(0.76rem, 1.08vw, 1.08rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.48;
  letter-spacing: 0.008em;
  text-align: center;
  text-shadow:
    0.035em 0.045em 0 rgba(57, 27, 6, 0.62),
    0 0 0.4rem rgba(212, 149, 70, 0.22);
  opacity: 0;
  transform: rotate(0.35deg);
}

.scene-theater__tranfunzel-voice span {
  display: block;
}

.scene-theater__tranfunzel-voice span + span {
  margin-top: 0.78em;
}

#theater:target .scene-theater__tranfunzel-voice {
  animation:
    theater-question-in 5s ease-in-out 391s forwards,
    theater-question-out 4s ease-in-out 423s forwards;
}

.scene-theater__tranfunzel-wandel-stage {
  position: absolute;
  z-index: 23;
  inset: 0;
  overflow: hidden;
  background: var(--loaded-theater-stage, none) center / contain no-repeat #030202;
  opacity: 0;
  pointer-events: none;
}

.scene-theater__tranfunzel-wandel {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  opacity: 0;
}

.scene-theater__tranfunzel-wandel-text {
  position: absolute;
  z-index: 1;
  top: 59%;
  left: 75%;
  width: 43%;
  margin: 0;
  color: #f3d59b;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1rem, 1.48vw, 1.62rem);
  font-weight: 400;
  font-style: italic;
  line-height: 1.45;
  text-align: center;
  letter-spacing: 0.012em;
  text-shadow:
    0 0.08rem 0.12rem rgba(43, 18, 2, 0.95),
    0 0 0.7rem rgba(221, 152, 62, 0.34);
  opacity: 0;
  transform: translateX(-50%);
}

.scene-theater__tranfunzel-wandel-intro,
.scene-theater__tranfunzel-wandel-staircase,
.scene-theater__tranfunzel-wandel-staircase span {
  display: block;
}

.scene-theater__tranfunzel-wandel-staircase {
  margin-top: 1.15em;
  text-align: left;
}

.scene-theater__tranfunzel-wandel-was { margin-left: 19%; }
.scene-theater__tranfunzel-wandel-waere { margin-left: 35%; }
.scene-theater__tranfunzel-wandel-wenn { margin-left: 51%; }

#theater:target .scene-theater__tranfunzel-wandel-stage {
  animation:
    theater-wandel-stage-in 0.01s linear 427s forwards,
    theater-wandel-stage-out 3s ease-in-out 453s forwards;
}

#theater:target .scene-theater__tranfunzel-wandel {
  animation: theater-wandel-in 4.2s ease-in-out 431s forwards;
}

#theater:target .scene-theater__tranfunzel-wandel-text {
  animation: theater-wandel-in 3.6s ease-in-out 437.2s forwards;
}

.scene-theater__empty-after-tranfunzel-wandel {
  position: absolute;
  z-index: 24;
  inset: 0;
  background: var(--loaded-theater-stage, none) center / contain no-repeat #030202;
  opacity: 0;
  pointer-events: none;
}

#theater:target .scene-theater__empty-after-tranfunzel-wandel {
  animation:
    theater-empty-after-wandel-in 3s ease-in-out 453s forwards,
    theater-empty-after-wandel-out 2s ease-in-out 457s forwards;
}

.scene-theater__binnix {
  position: absolute;
  z-index: 13;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #030202;
  object-fit: contain;
  object-position: center;
  opacity: 0;
}

#theater:target .scene-theater__binnix {
  animation:
    theater-question-in 5s ease-in-out 457s forwards,
    theater-question-out 4s ease-in-out 489s forwards;
}

.scene-theater__binnix-role {
  position: absolute;
  z-index: 14;
  top: calc(36% - clamp(2.7965rem, 4.3346vw, 4.3346rem) - 0.725rem);
  left: 57%;
  width: min(34rem, 36vw);
  margin: 0;
  color: #c98327;
  font-family: "Ink Free", "Segoe Print", "Brush Script MT", cursive;
  font-size: clamp(2.2rem, 3.41vw, 3.41rem);
  font-style: normal;
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: 0.055em;
  text-align: center;
  text-shadow:
    0.05em 0.05em 0 rgba(58, 28, 7, 0.7),
    0 0 0.45rem rgba(204, 127, 35, 0.28);
  opacity: 0;
  transform: rotate(-1deg);
}

#theater:target .scene-theater__binnix-role {
  animation:
    theater-question-in 5s ease-in-out 457s forwards,
    theater-question-out 4s ease-in-out 489s forwards;
}

.scene-theater__binnix-voice {
  position: absolute;
  z-index: 14;
  top: 38%;
  left: 57%;
  width: min(42rem, 41vw);
  margin: 0;
  color: #e0b46f;
  font-family: "Segoe Print", "Ink Free", "Brush Script MT", cursive;
  font-size: clamp(0.88rem, 1.2vw, 1.2rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.62;
  letter-spacing: 0.008em;
  text-align: center;
  text-shadow:
    0.035em 0.045em 0 rgba(57, 27, 6, 0.62),
    0 0 0.4rem rgba(212, 149, 70, 0.22);
  opacity: 0;
  transform: rotate(0.35deg);
}

.scene-theater__binnix-voice span {
  display: block;
}

.scene-theater__binnix-voice span + span {
  margin-top: 0.85em;
}

#theater:target .scene-theater__binnix-voice {
  animation:
    theater-question-in 5s ease-in-out 457s forwards,
    theater-question-out 4s ease-in-out 489s forwards;
}

.scene-theater__binnix-wandel-stage {
  position: absolute;
  z-index: 25;
  inset: 0;
  overflow: hidden;
  background: var(--loaded-theater-stage, none) center / contain no-repeat #030202;
  opacity: 0;
  pointer-events: none;
}

.scene-theater__binnix-wandel {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  opacity: 0;
}

.scene-theater__binnix-wandel-text {
  position: absolute;
  z-index: 1;
  top: 59%;
  left: 75%;
  width: 43%;
  margin: 0;
  color: #f3d59b;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1rem, 1.48vw, 1.62rem);
  font-weight: 400;
  font-style: italic;
  line-height: 1.45;
  text-align: center;
  letter-spacing: 0.012em;
  text-shadow:
    0 0.08rem 0.12rem rgba(43, 18, 2, 0.95),
    0 0 0.7rem rgba(221, 152, 62, 0.34);
  opacity: 0;
  transform: translateX(-50%);
}

.scene-theater__binnix-wandel-first,
.scene-theater__binnix-wandel-second {
  display: block;
}

.scene-theater__binnix-wandel-second {
  margin-top: 1.5em;
}

#theater:target .scene-theater__binnix-wandel-stage {
  animation:
    theater-wandel-stage-in 0.01s linear 493s forwards,
    theater-wandel-stage-out 3s ease-in-out 519s forwards;
}

#theater:target .scene-theater__binnix-wandel {
  animation: theater-wandel-in 4.2s ease-in-out 497s forwards;
}

#theater:target .scene-theater__binnix-wandel-text {
  animation: theater-wandel-in 3.6s ease-in-out 503.2s forwards;
}

.scene-theater__empty-after-binnix-wandel {
  position: absolute;
  z-index: 26;
  inset: 0;
  background: var(--loaded-theater-stage, none) center / contain no-repeat #030202;
  opacity: 0;
  pointer-events: none;
}

#theater:target .scene-theater__empty-after-binnix-wandel {
  animation: theater-empty-after-wandel-in 3s ease-in-out 519s forwards;
}

.scene-theater__way-of-the-heart {
  position: absolute;
  z-index: 27;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  opacity: 0;
  pointer-events: none;
}

#theater:target .scene-theater__way-of-the-heart {
  animation:
    theater-wandel-in 6s ease-in-out 524s forwards,
    theater-opening-out 6s ease-in-out 620s forwards;
}

.scene-theater__nora-own-way {
  position: absolute;
  z-index: 28;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  background: #030202;
  opacity: 0;
  pointer-events: none;
}

#theater:target .scene-theater__nora-own-way {
  animation:
    theater-wandel-in 6s ease-in-out 620s forwards,
    theater-opening-out 6s ease-in-out 701s forwards;
}

.scene-theater__courage-and-humility {
  position: absolute;
  z-index: 29;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  background: #030202;
  opacity: 0;
  pointer-events: none;
}

#theater:target .scene-theater__courage-and-humility {
  animation:
    theater-wandel-in 6s ease-in-out 701s forwards,
    theater-opening-out 6s ease-in-out 782s forwards;
}

.scene-theater__quintessence {
  position: absolute;
  z-index: 30;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  background: #030202;
  opacity: 0;
  pointer-events: none;
}

#theater:target .scene-theater__quintessence {
  animation:
    theater-wandel-in 6s ease-in-out 782s forwards,
    theater-opening-out 6s ease-in-out 878s forwards;
}

.scene-theater__life-meaning-finale {
  position: absolute;
  z-index: 31;
  inset: 0;
  background: var(--loaded-theater-stage, none) center / contain no-repeat #030202;
  opacity: 0;
  pointer-events: none;
}

#theater:target .scene-theater__life-meaning-finale {
  animation: theater-wandel-in 6s ease-in-out 878s forwards;
}

.scene-theater__return-to-path {
  position: absolute;
  z-index: 1;
  bottom: 5.5%;
  left: 50%;
  color: #e6bc68;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(0.78rem, 1.05vw, 1.05rem);
  font-style: italic;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0.025em;
  text-decoration: none;
  text-shadow:
    0 0.08rem 0.12rem rgba(43, 18, 2, 0.92),
    0 0 0.65rem rgba(221, 152, 62, 0.28);
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%);
  transition: color 1s ease, text-shadow 1s ease;
}

#theater:target .scene-theater__return-to-path {
  animation:
    theater-return-link-in 0s linear 878s forwards,
    path-item-enable 0s linear 878s forwards;
}

.scene-theater__return-to-path:hover,
.scene-theater__return-to-path:focus-visible {
  color: #f5d58e;
  text-shadow:
    0 0.08rem 0.12rem rgba(43, 18, 2, 0.92),
    0 0 0.95rem rgba(237, 180, 86, 0.46);
}

.scene-theater__return-to-path:focus-visible {
  outline: 1px solid rgba(245, 213, 142, 0.7);
  outline-offset: 0.35rem;
}

@keyframes theater-return-link-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

.scene-theater__life-meaning {
  position: absolute;
  inset: 5.5% 18% 4%;
  overflow: hidden;
  color: #f3d59b;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(0.58rem, 0.93vw, 1rem);
  font-weight: 400;
  line-height: 1.18;
  text-align: center;
  letter-spacing: 0.012em;
  text-shadow:
    0 0.08rem 0.12rem rgba(43, 18, 2, 0.95),
    0 0 0.7rem rgba(221, 152, 62, 0.34);
  opacity: 0;
}

.scene-theater__life-meaning h2,
.scene-theater__life-meaning h3,
.scene-theater__life-meaning p {
  margin-right: 0;
  margin-left: 0;
}

.scene-theater__life-meaning h2 {
  margin-top: 0;
  margin-bottom: 0.6em;
  color: #ffd98a;
  font-size: 2.15em;
  font-style: italic;
  font-weight: 400;
}

.scene-theater__life-meaning h3 {
  margin-top: 0.55em;
  margin-bottom: 0.38em;
  color: #f7c96f;
  font-size: 1.28em;
  font-style: italic;
  font-weight: 400;
}

.scene-theater__life-meaning p {
  margin-top: 0;
  margin-bottom: 0.48em;
}

.scene-theater__life-meaning p span {
  display: block;
}

.scene-theater__life-meaning p span + span {
  margin-top: 0.12em;
}

#theater:target .scene-theater__life-meaning {
  animation: theater-wandel-in 6s ease-in-out 524s forwards;
}

#theater:target .scene-theater__sentence--fourth {
  animation:
    theater-question-in 4s ease-in-out 90s forwards,
    theater-question-out 4s ease-in-out 105s forwards;
}

#theater:target .scene-theater__sentence--fifth {
  animation:
    theater-question-in 4s ease-in-out 111s forwards,
    theater-question-out 4s ease-in-out 126s forwards;
}

#theater:target .scene-theater__thought--sixth {
  animation:
    theater-question-in 4s ease-in-out 132s forwards,
    theater-question-out 4s ease-in-out 147s forwards;
}

@keyframes theater-question-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes theater-question-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

.scene:has(#theater:target) .scene-five {
  animation: theater-navigation-out 3.2s ease-in-out forwards;
  pointer-events: none;
}

.scene:has(#theater:target) .path-navigation__item {
  pointer-events: none !important;
}

#theater:target {
  animation: theater-stage-in 4.5s ease-in-out 1.4s forwards;
  pointer-events: auto;
}

.scene:has(#theater:target) .scene-four::before {
  animation: theater-landscape-out 5.4s ease-in-out 1.4s forwards;
}

@keyframes theater-navigation-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes theater-landscape-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes theater-stage-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

.scene:has(#roman:target) .scene-five {
  animation: roman-navigation-out 3.4s ease-in-out forwards;
  pointer-events: none;
}

.scene:has(#roman:target) .path-navigation__item {
  pointer-events: none !important;
}

.scene:has(#roman:target) .scene-eight {
  pointer-events: auto;
}

.scene:has(#roman:target) .scene-four::before {
  animation: roman-landscape-out 6.4s ease-in-out 1.8s forwards;
}

#roman:target {
  animation: roman-scene-in 6.4s ease-in-out 1.8s forwards;
}

@keyframes roman-navigation-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes roman-landscape-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes roman-scene-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

.scene:has(#roman:target) .scene-eight {
  animation: scene-eight-roman-in 5s ease-in-out 14.2s forwards;
}

.scene:has(#roman:target) .scene-eight__sentence {
  animation:
    scene-eight-sentence-in 3s ease-in-out 21.2s forwards,
    scene-eight-sentence-out 3s ease-in-out 32.2s forwards;
}

.scene:has(#roman:target) .scene-eight__question--first {
  animation:
    scene-eight-question-in 3s ease-in-out 37.7s forwards,
    scene-eight-question-out 3s ease-in-out 55.7s forwards;
}

.scene:has(#roman:target) .scene-eight__path-continuation {
  animation: scene-eight-path-enable 0s linear 61.2s forwards;
}

.scene:has(#roman:target) .scene-eight__path-hint {
  animation: scene-eight-path-hint-in 3s ease-in-out 61.2s forwards;
}

@keyframes scene-eight-roman-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes scene-eight-sentence-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes scene-eight-sentence-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes scene-eight-question-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes scene-eight-question-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@media (max-aspect-ratio: 4 / 5) {
  .invitation {
    width: min(11rem, 48vw);
    font-size: clamp(0.7rem, 2.8vw, 0.92rem);
  }

  .scene-two__text {
    top: 28%;
    width: 84vw;
  }

  .scene-two__invitation span {
    display: inline;
  }

  .scene-three__text {
    top: 23%;
    width: 84vw;
    font-size: clamp(0.92rem, 3.8vw, 1.25rem);
  }

  .scene-five__transition {
    top: 24%;
    width: 88vw;
    font-size: clamp(1rem, 4.2vw, 1.4rem);
  }

  .path-navigation {
    inset: 0;
  }

  .path-navigation__item {
    width: 31%;
  }

  .path-navigation__item[href="#roman"] { --x: 20%; --y: 43%; }
  .path-navigation__item[href="#theater"] { --x: 72%; --y: 44%; }
  .path-navigation__item[href="#bildhauerei"] { --x: 76%; --y: 61%; }
  .path-navigation__item[href="#ki-und-seele"] { --x: 22%; --y: 74%; }
  .path-navigation__item[href="#hinter-den-zeilen"] { --x: 72%; --y: 76%; }
  .path-navigation__item[href="#texte-und-essays"] { --x: 31%; --y: 89%; }
  .path-navigation__item[href="#kontakt"] { --x: 78%; --y: 89%; }

  .path-navigation__item[href="#bildhauerei"],
  .path-navigation__item[href="#hinter-den-zeilen"] {
    width: 25%;
  }

  .path-navigation__icon {
    height: clamp(2.8rem, 12vw, 4.5rem);
  }

  .path-navigation__label {
    min-height: 0;
    margin-top: 0.2rem;
    font-size: clamp(0.68rem, 3vw, 0.9rem);
  }

  .scene-theater__question {
    top: 44%;
    width: 62vw;
    font-size: clamp(0.95rem, 3.6vw, 1.3rem);
  }

  .scene-ki-seele__reise-intro {
    top: 4%;
    left: 6%;
    width: 88vw;
  }

  .scene-ki-seele__reise-intro h2 {
    font-size: clamp(1.2rem, 5.2vw, 1.8rem);
  }

  .scene-ki-seele__reise-intro p {
    margin-top: 0.52em;
    font-size: clamp(0.76rem, 3vw, 1rem);
    line-height: 1.28;
  }

  .scene-ki-seele__reise-section-two {
    top: 7%;
    left: 6%;
    width: 88vw;
  }

  .scene-ki-seele__reise-section-two h2 {
    font-size: clamp(1.2rem, 5.2vw, 1.8rem);
  }

  .scene-ki-seele__reise-section-two p {
    margin-top: 0.72em;
    font-size: clamp(0.76rem, 3vw, 1rem);
    line-height: 1.32;
  }

  .scene-ki-seele__reise-section-two-closing {
    font-size: clamp(0.88rem, 3.5vw, 1.12rem) !important;
  }

  .scene-ki-seele__reise-section-two-b {
    top: 4%;
    left: 6%;
    width: 88vw;
  }

  .scene-ki-seele__reise-section-two-b p {
    margin-top: 0.52em;
    font-size: clamp(0.72rem, 2.8vw, 0.94rem);
    line-height: 1.26;
  }

  .scene-ki-seele__reise-section-two-b-emphasis {
    font-size: clamp(0.84rem, 3.35vw, 1.08rem) !important;
  }

  .scene-ki-seele__intuition {
    top: 3%;
    left: 6%;
    width: 88vw;
  }

  .scene-ki-seele__intuition h2 {
    font-size: clamp(1.15rem, 5vw, 1.7rem);
  }

  .scene-ki-seele__intuition p {
    margin-top: 0.46em;
    font-size: clamp(0.68rem, 2.7vw, 0.9rem);
    line-height: 1.24;
  }

  .scene-ki-seele__intuition-emphasis {
    font-size: clamp(0.8rem, 3.2vw, 1.04rem) !important;
  }

  .scene-ki-seele__decision {
    top: 2.5%;
    left: 6%;
    width: 88vw;
  }

  .scene-ki-seele__decision h2 {
    font-size: clamp(1.05rem, 4.5vw, 1.55rem);
  }

  .scene-ki-seele__decision p {
    margin-top: 0.38em;
    font-size: clamp(0.64rem, 2.55vw, 0.86rem);
    line-height: 1.2;
  }

  .scene-ki-seele__decision-emphasis {
    font-size: clamp(0.76rem, 3.1vw, 1rem) !important;
  }

  .scene-ki-seele__closing {
    top: 7%;
    left: 6%;
    width: 88vw;
  }

  .scene-ki-seele__closing p {
    margin-top: 0.7em;
    font-size: clamp(0.76rem, 3vw, 1rem);
    line-height: 1.3;
  }

  .scene-ki-seele__closing-emphasis {
    font-size: clamp(0.88rem, 3.5vw, 1.12rem) !important;
  }

  .scene-ki-seele__finale {
    top: 9%;
    left: 6%;
    width: 88vw;
  }

  .scene-ki-seele__finale p {
    margin-top: 0.86em;
    font-size: clamp(0.76rem, 3vw, 1rem);
    line-height: 1.32;
  }

  .scene-ki-seele__finale-emphasis {
    font-size: clamp(0.92rem, 3.7vw, 1.18rem) !important;
  }

}

@media (prefers-reduced-motion: reduce) {
  .invitation,
  .invitation__line {
    animation: none;
  }

  .invitation__line {
    opacity: 1;
  }

  .scene-two::before {
    animation: none;
    mix-blend-mode: normal;
    opacity: 1;
  }

  .scene-two__text,
  .scene-two__title,
  .scene-two__invitation {
    animation: none;
    opacity: 1;
  }

  .scene-three::before,
  .scene-three__text,
  .scene-four::before {
    animation: none;
    opacity: 1;
  }

  .scene-one,
  .scene-three::before,
  .scene-four::before {
    mix-blend-mode: normal;
  }

  .scene-five__transition {
    display: none;
  }

  .path-navigation__icon,
  .path-navigation__label {
    animation: none;
    opacity: 1;
  }


  .path-navigation__item {
    animation: none;
    pointer-events: auto;
  }

  .scene:has(#roman:target) .scene-five {
    display: none;
  }

  .scene:has(#roman:target) .scene-four::before {
    opacity: 0;
  }

  #roman:target {
    animation: none;
    mix-blend-mode: normal;
    opacity: 1;
  }

  .scene:has(#theater:target) .scene-five {
    display: none;
  }

  .scene:has(#theater:target) .scene-four::before {
    opacity: 0;
  }

  #theater:target {
    animation: none;
    opacity: 1;
  }

  #theater:target .scene-theater__sentence,
  #theater:target .scene-theater__image--birgit {
    animation: none;
    opacity: 0;
  }

  #theater:target .scene-theater__question--first {
    animation: none;
    opacity: 0;
  }

  #theater:target .scene-theater__question--second {
    animation: none;
    opacity: 0;
  }

  #theater:target .scene-theater__thought--third {
    animation: none;
    opacity: 0;
  }

  #theater:target .scene-theater__fetzer {
    animation: none;
    opacity: 0;
  }

  #theater:target .scene-theater__fetzer-thought {
    animation: none;
    opacity: 0;
  }

  #theater:target .scene-theater__wandel-stage,
  #theater:target .scene-theater__wandel,
  #theater:target .scene-theater__wandel-text {
    animation: none;
    opacity: 1;
  }

  #theater:target .scene-theater__empty-after-wandel {
    animation: none;
    opacity: 1;
  }

  #theater:target .scene-theater__geizhals-wandel-stage,
  #theater:target .scene-theater__geizhals-wandel,
  #theater:target .scene-theater__geizhals-wandel-text,
  #theater:target .scene-theater__empty-after-geizhals-wandel {
    animation: none;
    opacity: 0;
  }

  #theater:target .scene-theater__laestermaul-wandel-stage,
  #theater:target .scene-theater__laestermaul-wandel,
  #theater:target .scene-theater__laestermaul-wandel-text,
  #theater:target .scene-theater__empty-after-laestermaul-wandel {
    animation: none;
    opacity: 0;
  }

  #theater:target .scene-theater__grosskotz-wandel-stage,
  #theater:target .scene-theater__grosskotz-wandel,
  #theater:target .scene-theater__grosskotz-wandel-text,
  #theater:target .scene-theater__empty-after-grosskotz-wandel {
    animation: none;
    opacity: 0;
  }

  #theater:target .scene-theater__tranfunzel-wandel-stage,
  #theater:target .scene-theater__tranfunzel-wandel,
  #theater:target .scene-theater__tranfunzel-wandel-text,
  #theater:target .scene-theater__empty-after-tranfunzel-wandel {
    animation: none;
    opacity: 0;
  }

  #theater:target .scene-theater__binnix-wandel-stage,
  #theater:target .scene-theater__binnix-wandel,
  #theater:target .scene-theater__binnix-wandel-text {
    animation: none;
    opacity: 0;
  }

  #theater:target .scene-theater__empty-after-binnix-wandel {
    animation: none;
    opacity: 1;
  }

  #theater:target .scene-theater__way-of-the-heart {
    animation: none;
    opacity: 1;
  }

  #theater:target .scene-theater__nora-own-way {
    animation: none;
    opacity: 1;
  }

  #theater:target .scene-theater__courage-and-humility {
    animation: none;
    opacity: 1;
  }

  #theater:target .scene-theater__quintessence,
  #theater:target .scene-theater__life-meaning-finale,
  #theater:target .scene-theater__life-meaning {
    animation: none;
    opacity: 1;
  }

  #theater:target .scene-theater__return-to-path {
    animation: none;
    opacity: 1;
    pointer-events: auto;
  }

  #theater:target .scene-theater__geizhals-scene {
    animation: none;
    opacity: 0;
  }

  #theater:target .scene-theater__laestermaul,
  #theater:target .scene-theater__laestermaul-role,
  #theater:target .scene-theater__laestermaul-voice {
    animation: none;
    opacity: 0;
  }

  #theater:target .scene-theater__grosskotz-scene {
    animation: none;
    opacity: 0;
  }

  #theater:target .scene-theater__grosskotz-role {
    animation: none;
    opacity: 0;
  }

  #theater:target .scene-theater__grosskotz-voice {
    animation: none;
    opacity: 0;
  }

  #theater:target .scene-theater__tranfunzel-scene {
    animation: none;
    opacity: 0;
  }

  #theater:target .scene-theater__tranfunzel-role {
    animation: none;
    opacity: 0;
  }

  #theater:target .scene-theater__tranfunzel-voice {
    animation: none;
    opacity: 0;
  }

  #theater:target .scene-theater__binnix {
    animation: none;
    opacity: 0;
  }

  #theater:target .scene-theater__binnix-role {
    animation: none;
    opacity: 0;
  }

  #theater:target .scene-theater__binnix-voice {
    animation: none;
    opacity: 0;
  }

  #theater:target .scene-theater__sentence--fourth {
    animation: none;
    opacity: 0;
  }

  #theater:target .scene-theater__sentence--fifth {
    animation: none;
    opacity: 0;
  }

  #theater:target .scene-theater__thought--sixth {
    animation: none;
    opacity: 0;
  }

}

/* FINAL-Masternavigation: Bild und Klickflächen teilen dieselbe Bildfläche. */
.path-navigation--master .path-navigation__master-frame {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(100vw, calc(100svh * 4 / 3));
  aspect-ratio: 4 / 3;
  transform: translate(-50%, -50%);
}

.path-navigation__master-image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  pointer-events: none;
  opacity: 0;
  animation: scene-five-transition-in 2.2s ease-in-out 91.2s forwards;
}

.path-navigation--master .path-navigation__icon,
.path-navigation--master .path-navigation__label {
  display: none;
}

.path-navigation--master .path-navigation__item {
  top: var(--master-y);
  left: var(--master-x);
  width: var(--master-width);
  height: var(--master-height);
}

.path-navigation--master .path-navigation__item[href="#roman"] {
  --master-x: 10.5%;
  --master-y: 50%;
  --master-width: 14%;
  --master-height: 15%;
}

.path-navigation--master .path-navigation__item[href="#theater"] {
  --master-x: 15.7%;
  --master-y: 68.3%;
  --master-width: 10%;
  --master-height: 15%;
}

.path-navigation--master .path-navigation__item[href="#bildhauerei"] {
  --master-x: 36%;
  --master-y: 72%;
  --master-width: 12%;
  --master-height: 19%;
}

.path-navigation--master .path-navigation__item[href="#ki-und-seele"] {
  --master-x: 53.5%;
  --master-y: 63.5%;
  --master-width: 16%;
  --master-height: 13%;
}

.path-navigation--master .path-navigation__item[href="#hinter-den-zeilen"] {
  --master-x: 79%;
  --master-y: 50%;
  --master-width: 16%;
  --master-height: 22%;
}

.path-navigation--master .path-navigation__item[href="#kontakt"] {
  --master-x: 88%;
  --master-y: 72%;
  --master-width: 13%;
  --master-height: 17%;
}

.scene:is(.is-navigation-returned, .is-theater-navigation-returned, .is-ki-navigation-returned, .is-bildhauerei-navigation-returned) .path-navigation__master-image {
  opacity: 1;
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  .path-navigation__master-image {
    opacity: 1;
    animation: none;
  }
}


/* Persönliches Lotus-Overlay nach dem vollständigen Ende des Übergangstextes. */
.scene-five__lotus-overlay {
  position: absolute;
  top: 6%;
  left: 50%;
  display: block;
  width: min(36vw, 42svh, 24rem);
  height: auto;
  object-fit: contain;
  transform: translateX(-50%);
  pointer-events: none;
  opacity: 0;
  animation:
    scene-five-transition-in 3.4s ease-in-out 90.4s forwards,
    birgit-lotus-enable 0s linear 90.4s forwards;
  visibility: hidden;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.scene-five__lotus-overlay img {
  display: block;
  width: 100%;
  height: auto;
}

@keyframes birgit-lotus-enable {
  to { visibility: visible; pointer-events: auto; }
}

.birgit-portrait {
  position: fixed;
  inset: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: clamp(16px, 3vmin, 48px);
  border: 0;
  overflow: hidden;
  background: #faf5eb;
}

.birgit-portrait[open] {
  display: grid;
  place-items: center;
}

.birgit-portrait::backdrop {
  background: #faf5eb;
}

.birgit-portrait__image {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  object-fit: contain;
  object-position: center;
}

/* Schritt 2: nur das vorhandene Roman-Symbol und seine Beschriftung freigeben. */
.path-navigation--master .path-navigation__item[href="#roman"] .path-navigation__icon,
.path-navigation--master .path-navigation__item[href="#roman"] .path-navigation__label {
  display: block;
}

/* Schritt 3: nur die vorhandene Theater-Maske und ihre Beschriftung freigeben. */
.path-navigation--master .path-navigation__item[href="#theater"] .path-navigation__icon,
.path-navigation--master .path-navigation__item[href="#theater"] .path-navigation__label {
  display: block;
}

/* Theater-Darstellung gemeinsam absenken; Position des Linkbereichs beibehalten. */
.path-navigation--master .path-navigation__item[href="#theater"] .path-navigation__icon,
.path-navigation--master .path-navigation__item[href="#theater"] .path-navigation__label {
  transform: translateY(min(5svh, 3rem));
}

/* Schritt 4: nur die vorhandene Skulptur und ihre Beschriftung freigeben. */
.path-navigation--master .path-navigation__item[href="#bildhauerei"] .path-navigation__icon,
.path-navigation--master .path-navigation__item[href="#bildhauerei"] .path-navigation__label {
  display: block;
}

/* Nur Beschriftungen: Leerraum unter den contain-Symbolen an Bildhauerei angleichen. */
.path-navigation--master .path-navigation__item[href="#roman"] .path-navigation__label,
.path-navigation--master .path-navigation__item[href="#theater"] .path-navigation__label {
  position: relative;
  --label-reference-frame: min(100vw, calc(100svh * 4 / 3));
  --label-icon-height: clamp(4.8rem, 9vw, 8.5rem);
  --label-sculpture-height: min(var(--label-icon-height), calc(var(--label-reference-frame) * 0.12 * 313 / 128));
}

.path-navigation--master .path-navigation__item[href="#roman"] .path-navigation__label {
  top: calc((min(var(--label-icon-height), calc(var(--label-reference-frame) * 0.14 * 167 / 245)) - var(--label-sculpture-height)) / 2);
}

.path-navigation--master .path-navigation__item[href="#theater"] .path-navigation__label {
  top: calc((min(var(--label-icon-height), calc(var(--label-reference-frame) * 0.10 * 188 / 172)) - var(--label-sculpture-height)) / 2);
}

@media (max-aspect-ratio: 4 / 5) {
  .path-navigation--master .path-navigation__item[href="#roman"] .path-navigation__label,
  .path-navigation--master .path-navigation__item[href="#theater"] .path-navigation__label {
    --label-icon-height: clamp(2.8rem, 12vw, 4.5rem);
  }
}

/* Nur Lemniskate und Beschriftung einblenden; Abstand wie bei Bildhauerei. */
.path-navigation--master .path-navigation__item[href="#ki-und-seele"] .path-navigation__icon,
.path-navigation--master .path-navigation__item[href="#ki-und-seele"] .path-navigation__label {
  display: block;
}

.path-navigation--master .path-navigation__item[href="#ki-und-seele"] .path-navigation__label {
  position: relative;
  --label-reference-frame: min(100vw, calc(100svh * 4 / 3));
  --label-icon-height: clamp(4.8rem, 9vw, 8.5rem);
  --label-sculpture-height: min(var(--label-icon-height), calc(var(--label-reference-frame) * 0.12 * 313 / 128));
  top: calc((min(var(--label-icon-height), calc(var(--label-reference-frame) * 0.16 * 99 / 229)) - var(--label-sculpture-height)) / 2);
}

@media (max-aspect-ratio: 4 / 5) {
  .path-navigation--master .path-navigation__item[href="#ki-und-seele"] .path-navigation__label {
    --label-icon-height: clamp(2.8rem, 12vw, 4.5rem);
  }
}

/* Nur Feder und vorhandene zweizeilige Beschriftung einblenden. */
.path-navigation--master .path-navigation__item[href="#hinter-den-zeilen"] .path-navigation__icon,
.path-navigation--master .path-navigation__item[href="#hinter-den-zeilen"] .path-navigation__label {
  display: block;
}

.path-navigation--master .path-navigation__item[href="#hinter-den-zeilen"] .path-navigation__label {
  position: relative;
  --label-reference-frame: min(100vw, calc(100svh * 4 / 3));
  --label-icon-height: clamp(4.8rem, 9vw, 8.5rem);
  --label-sculpture-height: min(var(--label-icon-height), calc(var(--label-reference-frame) * 0.12 * 313 / 128));
  top: calc((min(var(--label-icon-height), calc(var(--label-reference-frame) * 0.16 * 276 / 163)) - var(--label-sculpture-height)) / 2);
}

@media (max-aspect-ratio: 4 / 5) {
  .path-navigation--master .path-navigation__item[href="#hinter-den-zeilen"] .path-navigation__label {
    --label-icon-height: clamp(2.8rem, 12vw, 4.5rem);
  }
}

/* Nur die vorhandene Kontakt-Hand und ihre Beschriftung einblenden. */
.path-navigation--master .path-navigation__item[href="#kontakt"] .path-navigation__icon,
.path-navigation--master .path-navigation__item[href="#kontakt"] .path-navigation__label {
  display: block;
}

.path-navigation--master .path-navigation__item[href="#kontakt"] .path-navigation__label {
  position: relative;
  --label-reference-frame: min(100vw, calc(100svh * 4 / 3));
  --label-icon-height: clamp(4.8rem, 9vw, 8.5rem);
  --label-sculpture-height: min(var(--label-icon-height), calc(var(--label-reference-frame) * 0.12 * 313 / 128));
  top: calc((min(var(--label-icon-height), calc(var(--label-reference-frame) * 0.13 * 178 / 204)) - var(--label-sculpture-height)) / 2);
}

@media (max-aspect-ratio: 4 / 5) {
  .path-navigation--master .path-navigation__item[href="#kontakt"] .path-navigation__label {
    --label-icon-height: clamp(2.8rem, 12vw, 4.5rem);
  }
}

/* Erste poetische Einstiegsszene – ausschließlich Zwischen den Zeilen. */
.scene-between-lines {
  position: absolute;
  z-index: 20;
  inset: 0;
  display: none;
  place-items: center;
  overflow: hidden;
  padding: clamp(1rem, 5vw, 4rem);
  background:
    radial-gradient(ellipse at 68% 43%, rgba(204, 165, 151, 0.14), transparent 48%),
    radial-gradient(ellipse at 22% 75%, rgba(151, 95, 141, 0.24), transparent 70%),
    linear-gradient(155deg, #293c57, #454361 55%, #62465f);
}

.scene-between-lines:target {
  display: grid;
  animation: between-lines-arrive 2.8s ease-in-out both;
}

.scene:has(.scene-between-lines:target) .scene-five {
  visibility: hidden;
}

.scene-between-lines__feather {
  position: absolute;
  top: 24%;
  left: calc(50% - 2rem);
  width: clamp(3.6rem, 7.5vw, 6rem);
  height: auto;
  color: #dea8ba;
  opacity: 0;
  pointer-events: none;
}

.scene-between-lines:target .scene-between-lines__feather {
  animation: between-lines-feather 12s cubic-bezier(0.37, 0, 0.63, 1) 13s both;
}

.scene-between-lines__poem {
  position: relative;
  margin: 0;
  max-width: 100%;
  color: #f5eee2;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(0.95rem, 2.5vw, 1.85rem);
  font-style: italic;
  font-weight: 400;
  line-height: 2.05;
  letter-spacing: 0.012em;
  text-align: center;
  text-shadow: 0 0 0.65rem rgba(214, 145, 173, 0.13);
}

.scene-between-lines__poem span {
  display: block;
  opacity: 0;
}

.scene-between-lines:target .scene-between-lines__poem span {
  animation: between-lines-text 3.6s ease-in-out both;
}

.scene-between-lines:target .scene-between-lines__poem span:nth-child(1) { animation-delay: 18s; }
.scene-between-lines:target .scene-between-lines__poem span:nth-child(2) { animation-delay: 22.5s; }
.scene-between-lines:target .scene-between-lines__poem span:nth-child(3) { animation-delay: 27s; }
.scene-between-lines:target .scene-between-lines__poem span:nth-child(4) { animation-delay: 31.5s; }

@keyframes between-lines-arrive {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes between-lines-feather {
  0% { opacity: 0.48; transform: translate(-1.4rem, calc(-24svh - 100%)) rotate(-17deg); }
  32% { opacity: 0.48; transform: translate(calc(2rem - 50% + 1.2rem), calc(-7svh - 82%)) rotate(-3deg); }
  64% { opacity: 0.48; transform: translate(calc(2rem - 50% - 0.7rem), calc(13svh - 62%)) rotate(-11deg); }
  86% { opacity: 0.48; transform: translate(calc(2rem - 50% + 0.25rem), calc(23svh - 52%)) rotate(-3deg); }
  100% { opacity: 0.48; transform: translate(calc(2rem - 50%), calc(26svh - 50%)) rotate(-5deg); }
}

@keyframes between-lines-text {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .scene-between-lines:target,
  .scene-between-lines:target .scene-between-lines__poem span {
    animation: none;
    opacity: 1;
  }
  .scene-between-lines:target .scene-between-lines__feather {
    animation: none;
    opacity: 0.48;
    transform: translate(calc(2rem - 50%), calc(26svh - 50%)) rotate(-5deg);
  }
}

/* Zweite Szene: ruhige Frage nach der abgeschlossenen poetischen Einführung. */
.scene-between-lines__question-scene {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: grid;
  place-items: center;
  padding: clamp(1.5rem, 7vw, 5rem);
  background:
    radial-gradient(ellipse at 68% 43%, rgba(204, 165, 151, 0.16), transparent 48%),
    radial-gradient(ellipse at 22% 75%, rgba(151, 95, 141, 0.24), transparent 70%),
    linear-gradient(155deg, #30445f, #4d4b69 55%, #6a4e67);
  opacity: 0;
  visibility: hidden;
}

.scene-between-lines:target .scene-between-lines__question-scene {
  animation: between-lines-question-scene-in 5s ease-in-out 42s both;
}

.scene-between-lines__question {
  margin: 0;
  width: min(100%, 36rem);
  color: #f5eee2;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.15rem, 2.5vw, 1.85rem);
  font-style: italic;
  font-weight: 400;
  line-height: 2.05;
  letter-spacing: 0.012em;
  text-align: center;
  text-wrap: balance;
  text-shadow: 0 0 0.65rem rgba(214, 145, 173, 0.13);
  opacity: 0;
  visibility: hidden;
}

.scene-between-lines:target .scene-between-lines__question {
  animation: between-lines-question-scene-in 5s ease-in-out 48s both;
}

@keyframes between-lines-question-scene-in {
  from { opacity: 0; visibility: hidden; }
  to { opacity: 1; visibility: visible; }
}

@media (prefers-reduced-motion: reduce) {
  .scene-between-lines:target .scene-between-lines__question-scene,
  .scene-between-lines:target .scene-between-lines__question {
    animation-duration: 0s;
  }
}

/* Dritte Szene: zweite Frage nach zehn Sekunden Ruhe für die erste Frage. */
.scene-between-lines__question-scene--third {
  z-index: 2;
}

.scene-between-lines:target .scene-between-lines__question-scene--third {
  animation-delay: 63s;
}

.scene-between-lines:target .scene-between-lines__question-scene--third .scene-between-lines__question {
  animation-delay: 69s;
}

/* Wiederkehrende Originalfeder in den beiden Folgeszenen. */
.scene-between-lines:target .scene-between-lines__question-scene .scene-between-lines__feather {
  animation-delay: 43.8s;
}

.scene-between-lines:target .scene-between-lines__question-scene--third .scene-between-lines__feather {
  animation-delay: 64.8s;
}

/* Reiner Feder-Einstieg; anschließend neuer Einflug hinter jedem Text. */
.scene-between-lines:target .scene-between-lines__feather--intro {
  animation: between-lines-feather-intro 11s ease-in-out 1.8s both;
}

.scene-between-lines__question {
  position: relative;
}

@keyframes between-lines-feather-intro {
  0% { opacity: 0; transform: translate(-1.4rem, -1.8rem) rotate(-17deg); }
  24% { opacity: 0.48; }
  62% { opacity: 0.40; transform: translate(0.6rem, 1.5rem) rotate(5deg); }
  100% { opacity: 0; transform: translate(1.5rem, 3.8rem) rotate(-5deg); }
}

@media (prefers-reduced-motion: reduce) {
  .scene-between-lines:target .scene-between-lines__poem span {
    animation-name: between-lines-text;
    animation-duration: 0s;
    animation-fill-mode: both;
  }
  .scene-between-lines:target .scene-between-lines__feather {
    animation-name: between-lines-feather-still;
    animation-duration: 0s;
    animation-delay: 13s;
    animation-fill-mode: both;
  }
  .scene-between-lines:target .scene-between-lines__question-scene .scene-between-lines__feather {
    animation-delay: 43.8s;
  }
  .scene-between-lines:target .scene-between-lines__question-scene--third .scene-between-lines__feather {
    animation-delay: 64.8s;
  }
  .scene-between-lines:target .scene-between-lines__feather--intro {
    display: none;
  }
}

@keyframes between-lines-feather-still {
  from { opacity: 0; }
  to { opacity: 0.48; }
}

/* Goldfeder-Szene: vollständiges Originalbild einschließlich Text. */
.scene-between-lines__light-scene {
  z-index: 3;
  padding: 0;
  background: #c5a8ce var(--loaded-goldfeather, none) center / contain no-repeat;
}

.scene-between-lines:target .scene-between-lines__light-scene {
  animation-duration: 7s;
  animation-delay: 88s;
}

@media (prefers-reduced-motion: reduce) {
  .scene-between-lines:target .scene-between-lines__light-scene {
    animation-duration: 0s;
  }
}

/* Übergang zu den Texten – eigenständige Szene nach dem Goldfeder-Bild. */
.scene-between-lines__text-transition {
  z-index: 4;
  background:
    radial-gradient(ellipse at 57% 47%, rgba(255, 235, 211, 0.22), transparent 65%),
    radial-gradient(ellipse at 20% 72%, rgba(235, 193, 216, 0.32), transparent 72%),
    linear-gradient(145deg, #c9b5de, #d9c3e2 55%, #d4b8d8);
}

.scene-between-lines:target .scene-between-lines__text-transition {
  animation-duration: 7s;
  animation-delay: 120s;
}

.scene-between-lines__gold-feather {
  width: clamp(6rem, 15vw, 11rem);
  color: #b77c18;
}

.scene-between-lines__gold-feather path {
  stroke-width: 1.25;
}

.scene-between-lines__gold-feather path[fill="currentColor"] {
  fill-opacity: 0.12;
}

.scene-between-lines:target .scene-between-lines__text-transition .scene-between-lines__feather {
  animation-delay: 121.8s;
}

.scene-between-lines__transition-copy {
  position: relative;
  width: min(100%, 52rem);
  max-height: 100%;
  overflow-y: auto;
  color: #54335f;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1rem, 2.1vw, 1.55rem);
  font-style: italic;
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: 0.012em;
  text-align: center;
  text-shadow: 0 0 0.65rem rgba(214, 145, 173, 0.13);
}

.scene-between-lines__transition-copy p {
  margin: 0;
  opacity: 0;
  visibility: hidden;
}

.scene-between-lines__transition-copy p:nth-child(2) {
  margin-top: 1.5em;
  font-size: 1.08em;
  color: #492653;
}

.scene-between-lines__transition-copy p:nth-child(3) {
  margin-top: 1.8em;
  color: #896020;
  font-size: 1.12em;
  text-shadow: 0 0 0.7rem rgba(213, 171, 89, 0.12);
}

.scene-between-lines:target .scene-between-lines__transition-copy p {
  animation: between-lines-question-scene-in 4s ease-in-out both;
}

.scene-between-lines:target .scene-between-lines__transition-copy p:nth-child(1) { animation-delay: 135s; }
.scene-between-lines:target .scene-between-lines__transition-copy p:nth-child(2) { animation-delay: 147s; }
.scene-between-lines:target .scene-between-lines__transition-copy p:nth-child(3) { animation-delay: 155s; }

@media (prefers-reduced-motion: reduce) {
  .scene-between-lines:target .scene-between-lines__text-transition,
  .scene-between-lines:target .scene-between-lines__transition-copy p {
    animation-duration: 0s;
  }
}

/* Auswahlszene: fünf Spuren, noch ohne nachfolgende Inhalte. */
.scene-between-lines__selection {
  z-index: 5;
  background:
    radial-gradient(ellipse at 57% 47%, rgba(255, 231, 199, 0.20), transparent 65%),
    radial-gradient(ellipse at 20% 72%, rgba(225, 185, 209, 0.25), transparent 72%),
    linear-gradient(145deg, #b69bce, #c6acd5 55%, #bda0c7);
}

.scene-between-lines:target .scene-between-lines__selection {
  animation-duration: 7s;
  animation-delay: 170s;
}

.scene-between-lines:target .scene-between-lines__selection .scene-between-lines__feather {
  animation-delay: 171.8s;
}

.scene-between-lines__return-to-path {
  position: absolute;
  left: max(4vw, 1rem);
  bottom: max(3svh, 1rem);
  padding: 0.4em;
  color: #4d2d59;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(0.85rem, 1.4vw, 1rem);
  font-style: italic;
  line-height: 1.35;
  text-decoration: none;
  transition: color 1s ease, text-shadow 1s ease;
}

.scene-between-lines__return-to-path:hover,
.scene-between-lines__return-to-path:focus-visible {
  color: #805719;
  text-shadow: 0 0 0.6rem rgba(255, 222, 159, 0.48);
}

.scene-between-lines__return-to-path:focus-visible {
  outline: 1px dotted #805719;
  outline-offset: 0.15rem;
}

.scene-between-lines__selection-content {
  position: relative;
  width: min(100%, 52rem);
  max-height: 100%;
  overflow-y: auto;
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-weight: 400;
  text-align: center;
}

.scene-between-lines__selection-invitation {
  margin: 0 0 clamp(1.5rem, 5svh, 3rem);
  color: #805719;
  font-size: clamp(1.2rem, 2.6vw, 1.9rem);
  line-height: 1.6;
  letter-spacing: 0.012em;
  text-shadow: 0 0 0.7rem rgba(239, 207, 147, 0.16);
  opacity: 0;
  visibility: hidden;
}

.scene-between-lines__tracks {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0.8rem, 2.5svh, 1.6rem);
}

.scene-between-lines__track {
  display: block;
  max-width: 100%;
  margin: 0;
  padding: 0.2em 0.4em;
  border: 0;
  border-radius: 0;
  appearance: none;
  background: transparent;
  box-shadow: none;
  color: #4d2d59;
  font: inherit;
  font-size: clamp(1rem, 2vw, 1.45rem);
  line-height: 1.6;
  letter-spacing: 0.012em;
  text-align: center;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: color 1s ease, text-shadow 1s ease;
}

.scene-between-lines__track:nth-child(1) { align-self: flex-start; margin-left: 12%; }
.scene-between-lines__track:nth-child(2) { align-self: flex-end; margin-right: 4%; }
.scene-between-lines__track:nth-child(3) { margin-right: 10%; }
.scene-between-lines__track:nth-child(4) { align-self: flex-end; }
.scene-between-lines__track:nth-child(5) { align-self: flex-start; margin-left: 20%; }

.scene-between-lines__track:hover,
.scene-between-lines__track:focus-visible {
  color: #805719;
  text-shadow: 0 0 0.6rem rgba(255, 222, 159, 0.48);
}

.scene-between-lines__track:focus-visible {
  outline: 1px dotted #805719;
  outline-offset: 0.15rem;
}

.scene-between-lines:target .scene-between-lines__selection-invitation,
.scene-between-lines:target .scene-between-lines__track {
  animation: between-lines-question-scene-in 3.5s ease-in-out both;
}

.scene-between-lines:target .scene-between-lines__selection-invitation { animation-delay: 185s; }
.scene-between-lines:target .scene-between-lines__track:nth-child(1) { animation-delay: 192s; }
.scene-between-lines:target .scene-between-lines__track:nth-child(2) { animation-delay: 196s; }
.scene-between-lines:target .scene-between-lines__track:nth-child(3) { animation-delay: 200s; }
.scene-between-lines:target .scene-between-lines__track:nth-child(4) { animation-delay: 204s; }
.scene-between-lines:target .scene-between-lines__track:nth-child(5) { animation-delay: 208s; }

@media (max-width: 600px) {
  .scene-between-lines__track:nth-child(1) { margin-left: 3%; }
  .scene-between-lines__track:nth-child(2) { margin-right: 0; }
  .scene-between-lines__track:nth-child(3) { margin-right: 4%; }
  .scene-between-lines__track:nth-child(5) { margin-left: 8%; }
}

@media (prefers-reduced-motion: reduce) {
  .scene-between-lines:target .scene-between-lines__selection,
  .scene-between-lines:target .scene-between-lines__selection-invitation,
  .scene-between-lines:target .scene-between-lines__track {
    animation-duration: 0s;
  }
  .scene-between-lines__track {
    transition: none;
  }
}

/* Ausschließlich der Einstieg Mit den Augen des Kondors. */
.condor-journey {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100svh;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  background: #348bc6;
  color: #fffdf8;
  font-family: Georgia, "Times New Roman", serif;
}

.condor-journey[open] {
  display: grid;
  place-items: center;
  animation: condor-arrive 4s ease-in-out both;
}

.condor-journey::backdrop { background: transparent; }
.condor-journey:focus { outline: none; }

.condor-journey__composition {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  object-fit: contain;
  object-position: center;
}

@keyframes condor-arrive {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .condor-journey[open] { animation-duration: 0.01s; }
}

/* Kondor: äußerer Blick → Wahrnehmung → innerer Blick.
   0–34 s: vollständiges finales Bild (inkl. 4 s Ankunft).
   34–52 s: Schleier; 48–66 s: weicher Landschaftsübergang.
   68/78 s: Gedanke; 78–98 s: Klärung; 110–118 s: Gedanke geht.
   124 s: Originaltext; 140 s: wiederverwendbares Leitmotiv. */
.condor-journey__inner-world {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  background: #348bc6;
  pointer-events: none;
}
.condor-journey__inner-world img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.condor-journey__perception,
.condor-journey__inner-copy {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: clamp(1rem, 5vw, 4rem);
  text-align: center;
  pointer-events: none;
  font-size: clamp(1.05rem, 2.2vw, 1.85rem);
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.012em;
  text-shadow: 0 2px 16px rgba(17, 58, 100, 0.45);
}
.condor-journey__perception p,
.condor-journey__inner-copy p {
  max-width: 48rem;
  margin: 0;
  opacity: 0;
  visibility: hidden;
}
.condor-journey__perception p + p { margin-top: 0.35em; }
/* Diese Klasse bei jedem späteren Auftauchen unverändert wiederverwenden. */
.condor-journey .condor-journey__leitmotif {
  margin-top: clamp(1.8rem, 5svh, 3.5rem);
  color: #f8df9e;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.1rem, 2.35vw, 2rem);
  font-style: italic;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.02em;
}
.condor-journey[open] .condor-journey__composition {
  animation: condor-soften 18s ease-in-out 34s both,
    condor-image-release 18s ease-in-out 48s forwards;
}
.condor-journey[open] .condor-journey__inner-world {
  animation: condor-layer-arrive 18s ease-in-out 48s both,
    condor-clarify 20s ease-in-out 78s both;
}
.condor-journey[open] .condor-journey__perception-first {
  animation: condor-layer-arrive 6s ease-in-out 68s both;
}
.condor-journey[open] .condor-journey__perception-second {
  animation: condor-layer-arrive 6s ease-in-out 78s both;
}
.condor-journey[open] .condor-journey__perception {
  animation: condor-image-release 8s ease-in-out 110s forwards;
}
.condor-journey[open] .condor-journey__eye-opener {
  animation: condor-layer-arrive 7s ease-in-out 124s both;
}
.condor-journey[open] .condor-journey__inner-copy .condor-journey__leitmotif {
  animation: condor-layer-arrive 8s ease-in-out 140s both;
}
@keyframes condor-soften {
  from { filter: blur(0); }
  to { filter: blur(9px); }
}
@keyframes condor-clarify {
  from { filter: blur(9px); }
  to { filter: blur(0); }
}
@keyframes condor-layer-arrive {
  from { opacity: 0; visibility: hidden; }
  to { opacity: 1; visibility: visible; }
}
@keyframes condor-image-release {
  from { opacity: 1; visibility: visible; }
  to { opacity: 0; visibility: hidden; }
}

/* Ausschließlich die Gedankenreise Was wäre, wenn …? */
.what-if-journey {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100svh;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: clamp(1.5rem, 6vw, 5rem);
  border: 0;
  overflow: hidden;
  color: #60454f;
  background:
    radial-gradient(ellipse at 58% 40%, rgba(255, 249, 228, 0.55), transparent 68%),
    radial-gradient(ellipse at 18% 78%, rgba(234, 195, 207, 0.30), transparent 70%),
    linear-gradient(145deg, #f0dcc4, #f4e5d0 55%, #ead4cc);
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-weight: 400;
}

.what-if-journey[open] {
  display: grid;
  place-items: center;
  animation: what-if-arrive 6s ease-in-out both;
}

.what-if-journey::backdrop { background: transparent; }

.what-if-journey[open] .scene-between-lines__feather {
  animation: between-lines-feather 12s cubic-bezier(0.37, 0, 0.63, 1) 1s both;
}

.what-if-journey__pages {
  position: relative;
  width: min(100%, 54rem);
  height: 100%;
  display: grid;
  place-items: center;
  font-size: clamp(1.1rem, 2.5vw, 1.85rem);
  line-height: 1.9;
  letter-spacing: 0.012em;
  text-align: center;
  text-shadow: 0 0 0.65rem rgba(214, 145, 173, 0.13);
}

.what-if-journey__moment,
.what-if-journey__final {
  grid-area: 1 / 1;
  width: 100%;
  max-height: 100%;
  overflow-y: auto;
  margin: 0;
  opacity: 0;
  visibility: hidden;
}

.what-if-journey[open] .what-if-journey__moment {
  animation: what-if-moment var(--duration) linear var(--start) both;
}

.what-if-journey__gold { color: #916321; }
.what-if-journey__closing p { margin: 0; }
.what-if-journey__closing p + p { margin-top: 1.6em; }

.what-if-journey[open] .what-if-journey__final {
  animation: between-lines-question-scene-in 4s ease-in-out 300s both;
}

.what-if-journey__return {
  position: absolute;
  bottom: max(5svh, 1rem);
  left: 50%;
  transform: translateX(-50%);
  max-width: 90%;
  margin: 0;
  padding: 0.4em;
  border: 0;
  appearance: none;
  background: transparent;
  color: #795b43;
  font: inherit;
  font-size: clamp(0.85rem, 1.4vw, 1rem);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: color 1s ease, text-shadow 1s ease;
}

.what-if-journey[open] .what-if-journey__return {
  animation: between-lines-question-scene-in 3s ease-in-out 312s both;
}

.what-if-journey__return:hover,
.what-if-journey__return:focus-visible {
  color: #916321;
  text-shadow: 0 0 0.6rem rgba(225, 184, 100, 0.35);
}

.what-if-journey[open].is-leaving {
  animation: what-if-depart 4s ease-in-out both;
  pointer-events: none;
}

@keyframes what-if-arrive {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes what-if-depart {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes what-if-moment {
  0% { opacity: 0; visibility: hidden; animation-timing-function: ease-in-out; }
  20% { opacity: 1; visibility: visible; }
  80% { opacity: 1; visibility: visible; animation-timing-function: ease-in-out; }
  100% { opacity: 0; visibility: hidden; }
}

@media (prefers-reduced-motion: reduce) {
  .what-if-journey[open],
  .what-if-journey[open].is-leaving { animation-duration: 0.01s; }
  .what-if-journey[open] .scene-between-lines__feather {
    animation-name: between-lines-feather-still;
    animation-duration: 0s;
    transform: translate(calc(2rem - 50%), calc(26svh - 50%)) rotate(-5deg);
  }
  .what-if-journey[open] .what-if-journey__moment { animation-name: what-if-moment-still; }
  .what-if-journey[open] .what-if-journey__final,
  .what-if-journey[open] .what-if-journey__return { animation-duration: 0s; }
}

@keyframes what-if-moment-still {
  0% { opacity: 0; visibility: hidden; }
  0.01%, 99.99% { opacity: 1; visibility: visible; }
  100% { opacity: 0; visibility: hidden; }
}

/* Wer bin ich? – ausschließlich der Einstieg Zurück zur Quelle. */
.source-journey {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100svh;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: clamp(1.5rem, 6vw, 5rem);
  border: 0;
  overflow: hidden;
  color: #f3eee1;
  background:
    radial-gradient(ellipse at 63% 42%, rgba(102, 202, 190, 0.30), transparent 68%),
    radial-gradient(ellipse at 40% 68%, rgba(219, 184, 113, 0.09), transparent 65%),
    linear-gradient(145deg, #164d5b, #256f77 55%, #378c8a);
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-weight: 400;
}

.source-journey[open] {
  display: grid;
  place-items: center;
  animation: source-journey-arrive 6s ease-in-out both;
}

.source-journey::backdrop { background: transparent; }

.source-journey .scene-between-lines__gold-feather {
  color: #e1b962;
}

.source-journey[open] .scene-between-lines__feather {
  animation: between-lines-feather 12s cubic-bezier(0.37, 0, 0.63, 1) 1s both;
}

.source-journey__pages {
  position: relative;
  width: min(100%, 54rem);
  height: 100%;
  display: grid;
  place-items: center;
  font-size: clamp(1.1rem, 2.5vw, 1.85rem);
  line-height: 1.9;
  letter-spacing: 0.012em;
  text-align: center;
  text-shadow: 0 0 0.65rem rgba(227, 191, 135, 0.10);
}

.source-journey__moment,
.source-journey__final {
  grid-area: 1 / 1;
  width: 100%;
  max-height: 100%;
  overflow-y: auto;
  margin: 0;
  opacity: 0;
  visibility: hidden;
}

.source-journey__gold { color: #f0cd83; }

.source-journey[open] .source-journey__moment {
  animation: source-journey-moment var(--duration) linear var(--start) both;
}

.source-journey[open] .source-journey__final {
  animation: between-lines-question-scene-in 5s ease-in-out 58s both;
}

@keyframes source-journey-arrive {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes source-journey-moment {
  0% { opacity: 0; visibility: hidden; animation-timing-function: ease-in-out; }
  20% { opacity: 1; visibility: visible; }
  80% { opacity: 1; visibility: visible; animation-timing-function: ease-in-out; }
  100% { opacity: 0; visibility: hidden; }
}

@media (prefers-reduced-motion: reduce) {
  .source-journey[open] { animation-duration: 0.01s; }
  .source-journey[open] .scene-between-lines__feather {
    animation-name: between-lines-feather-still;
    animation-duration: 0s;
    transform: translate(calc(2rem - 50%), calc(26svh - 50%)) rotate(-5deg);
  }
  .source-journey[open] .source-journey__moment { animation-name: source-journey-moment-still; }
  .source-journey[open] .source-journey__final { animation-duration: 0s; }
}

@keyframes source-journey-moment-still {
  0% { opacity: 0; visibility: hidden; }
  0.01%, 99.99% { opacity: 1; visibility: visible; }
  100% { opacity: 0; visibility: hidden; }
}

/* Fertiges Gesamtbild nach dem unveränderten Einstieg. */
.source-journey[open] .source-journey__final {
  animation: between-lines-question-scene-in 5s ease-in-out 58s both,
    source-poster-intro-out 4s ease-in-out 76s forwards;
}

.source-journey__poster {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr) auto;
  position: absolute;
  z-index: 2;
  inset: 0;
  padding: 30px 0 0;
  opacity: 0;
  visibility: hidden;
  background:
    radial-gradient(ellipse at 63% 42%, rgba(102, 202, 190, 0.30), transparent 68%),
    radial-gradient(ellipse at 40% 68%, rgba(219, 184, 113, 0.09), transparent 65%),
    linear-gradient(145deg, #164d5b, #256f77 55%, #378c8a);
}

.source-journey__poster img {
  min-height: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  justify-self: center;
}

.source-journey[open] .source-journey__poster {
  animation: between-lines-question-scene-in 5s ease-in-out 81s both;
}

@keyframes source-poster-intro-out {
  from { opacity: 1; visibility: visible; }
  to { opacity: 0; visibility: hidden; }
}

/* Freier Rückkehrbereich: von Beginn der Schlussszene an reserviert. */
.source-journey__return {
  justify-self: center;
  max-width: 90%;
  margin: 0.5rem 0 max(0.75rem, env(safe-area-inset-bottom));
  padding: 0.4em;
  border: 0;
  appearance: none;
  background: transparent;
  color: #d6c8ac;
  font: inherit;
  font-size: clamp(0.85rem, 1.4vw, 1rem);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: opacity 3s ease-in-out, visibility 3s, color 1s ease, text-shadow 1s ease;
}

.source-journey__return.is-visible {
  opacity: 1;
  visibility: visible;
}

@media (min-width: 1024px) {
  .source-journey__poster {
    grid-template-columns: 200px minmax(0, 1fr) 200px;
    grid-template-rows: minmax(0, 1fr);
    padding-bottom: 16px;
  }

  .source-journey__poster img {
    grid-column: 2;
    grid-row: 1;
    object-position: center top;
  }

  .source-journey__return {
    grid-column: 3;
    grid-row: 1;
    align-self: end;
    justify-self: center;
  }
}

.source-journey__return:hover,
.source-journey__return:focus-visible {
  color: #f0cd83;
  text-shadow: 0 0 0.6rem rgba(225, 184, 100, 0.35);
}

.source-journey[open].is-leaving {
  animation: source-journey-depart 4s ease-in-out both;
  pointer-events: none;
}

@keyframes source-journey-depart {
  from { opacity: 1; }
  to { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .source-journey__return { transition-duration: 0s; }
  .source-journey[open].is-leaving { animation-duration: 0.01s; }
}

@media (prefers-reduced-motion: reduce) {
  .source-journey[open] .source-journey__final,
  .source-journey[open] .source-journey__poster {
    animation-duration: 0s;
  }
}

/* Rueckweg erst nach vollstaendig eingeblendeter fuenfter Spur (208s + 3.5s). */
.scene-between-lines__return-to-path {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.scene-between-lines:target .scene-between-lines__return-to-path {
  animation: between-lines-return-enable 0s linear 211.5s forwards;
}

@keyframes between-lines-return-enable {
  to { opacity: 1; visibility: visible; pointer-events: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .scene-between-lines:target .scene-between-lines__return-to-path {
    /* Die letzte Spur hat hier bereits eine Einblenddauer von 0s. */
    animation-delay: 208s;
  }
}


/* Gezielte Kompositionskorrekturen ausschließlich für schmales Hochformat. */
@media (max-width: 767px) and (max-aspect-ratio: 1 / 1) {
  /* Textkoordinaten folgen der sichtbaren 1672:941-Bildfläche. */
  .scene-bildhauerei__opening-text,
  .scene-bildhauerei__first-question,
  .scene-bildhauerei__discovery-text {
    top: calc(50% - 100vw * 941 / 1672 * 0.03);
  }
  .scene-bildhauerei__opening-text { font-size: 2.6vw; }
  .scene-bildhauerei__first-question { font-size: 3vw; }
  .scene-bildhauerei__discovery-text { font-size: 2vw; }

  /* Die Überleitung bleibt beim Hände-MASTER, ohne dessen Text zu überlagern. */
  .scene-bildhauerei__stone-story-transition {
    top: calc(52% + 70vw * 1023 / 1537 / 2 + 2vw);
    width: 78vw;
    font-size: 2.4vw;
    white-space: normal;
    transform: translateX(-50%);
  }

  /* Nur der bestätigte Übergangssatz vor der Symbolnavigation. */
  .scene-five__transition {
    top: 55%;
    left: 58%;
    width: 76vw;
  }

  /* Freigegebene Anfangsfolge: vier Bilder, vor dem unveränderten Wald. */
  .scene-ki-seele > img:nth-child(-n + 4) { object-fit: contain; }

  /* Gemeinsame 3:2-Bühnenfläche für die frühen Bild-/Textkompositionen.
     Die vier späteren MASTER und das Finale sind nicht in diesen Selektoren. */
  .scene-theater__image,
  .scene-theater__fetzer,
  .scene-theater__laestermaul,
  .scene-theater__binnix,
  .scene-theater__geizhals-scene,
  .scene-theater__grosskotz-scene,
  .scene-theater__tranfunzel-scene,
  .scene-theater__wandel-stage,
  .scene-theater__geizhals-wandel-stage,
  .scene-theater__laestermaul-wandel-stage,
  .scene-theater__grosskotz-wandel-stage,
  .scene-theater__tranfunzel-wandel-stage,
  .scene-theater__binnix-wandel-stage,
  .scene-theater__empty-after-wandel,
  .scene-theater__empty-after-geizhals-wandel,
  .scene-theater__empty-after-laestermaul-wandel,
  .scene-theater__empty-after-grosskotz-wandel,
  .scene-theater__empty-after-tranfunzel-wandel,
  .scene-theater__empty-after-binnix-wandel {
    top: calc(50% - 100vw / 3);
    bottom: auto;
    height: calc(100vw * 2 / 3);
  }
  .scene-theater__sentence {
    top: calc(50% - 100vw * 2 / 3 * 0.32);
    font-size: 3.25vw;
  }
  .scene-theater__question {
    top: calc(50% - 100vw * 2 / 3 * 0.04);
    font-size: 2.6vw;
  }
  .scene-theater__fetzer-thought {
    top: calc(50% - 100vw * 2 / 3 * 0.14);
    font-size: 2vw;
  }
  .scene-theater__fetzer-role { margin-bottom: 1.5vw; }
  .scene-theater__tranfunzel {
    top: 20%;
    left: 1%;
    height: 60%;
  }
  .scene-theater__geizhals-role,
  .scene-theater__laestermaul-role,
  .scene-theater__grosskotz-role,
  .scene-theater__tranfunzel-role,
  .scene-theater__binnix-role { font-size: 3.41vw; }
  .scene-theater__geizhals-role { top: 25%; }
  .scene-theater__laestermaul-role,
  .scene-theater__grosskotz-role,
  .scene-theater__tranfunzel-role,
  .scene-theater__binnix-role {
    top: calc(50% - 100vw * 2 / 3 * 0.25);
  }
  .scene-theater__geizhals-voice,
  .scene-theater__laestermaul-voice,
  .scene-theater__grosskotz-voice,
  .scene-theater__tranfunzel-voice,
  .scene-theater__binnix-voice { font-size: 2vw; }
  .scene-theater__laestermaul-voice,
  .scene-theater__grosskotz-voice,
  .scene-theater__tranfunzel-voice,
  .scene-theater__binnix-voice {
    top: calc(50% - 100vw * 2 / 3 * 0.12);
  }
  .scene-theater__wandel-text,
  .scene-theater__geizhals-wandel-text,
  .scene-theater__laestermaul-wandel-text,
  .scene-theater__grosskotz-wandel-text,
  .scene-theater__tranfunzel-wandel-text,
  .scene-theater__binnix-wandel-text { font-size: 1.9vw; }
}

/* Mobile Nachkorrektur: Roman-Schluss, KI-Wald und Kellerkinder-Titel. */
@media (max-width: 767px) and (max-aspect-ratio: 1 / 1) {
  /* Oberer Text, vollständiges Buchbild und unterer Text teilen die Höhe.
     Die bestehende Rückfläche bleibt an ihrer bisherigen Position. */
  .scene-eight__journey-return img {
    position: absolute;
    top: 20%;
    left: 0;
    height: 56%;
  }
  .scene-eight__journey-thought--first,
  .scene-eight__journey-thought--second {
    left: 50%;
    width: 90%;
    font-size: clamp(0.875rem, 3.8vw, 1.125rem);
    line-height: 1.5;
  }
  .scene-eight__journey-thought--first { top: 10%; }
  .scene-eight__journey-thought--second { top: 84%; }

  /* Nur das fünfte Bild, die Waldszene. */
  .scene-ki-seele > img:nth-child(5) {
    object-fit: contain;
    object-position: center;
    background-color: #000;
  }

  /* Nur die sechs Rollennamen, keine Dialogtexte oder weiteren Überschriften. */
  .scene-theater__fetzer-role,
  .scene-theater__geizhals-role,
  .scene-theater__laestermaul-role,
  .scene-theater__grosskotz-role,
  .scene-theater__tranfunzel-role,
  .scene-theater__binnix-role {
    font-family: Georgia, "Times New Roman", serif;
  }
}

/* Nur der Roman-Satz „Manchmal genügt eine einzige Begegnung …“. */
@media (max-width: 767px) and (orientation: portrait) {
  .scene-eight__transition-thought {
    width: 52%;
  }
}

/* Einheitliches warmes Dunkelbraun für den gesamten Torbogen-Textblock. */
.invitation > .invitation__line {
  color: #4a2818;
  text-shadow: none;
}

/* Geprüfte Tablet-Kompositionen: weder schmales Smartphone noch Maus-Desktop. */
@media (min-width: 768px) and (max-width: 1180px) and (min-height: 768px) and (hover: none) and (pointer: coarse) and (orientation: portrait) {
  /* Roman-Schluss: vollständiges Buch zwischen den beiden Textblöcken. */
  .scene-eight__journey-return img {
    position: absolute;
    top: 20%;
    left: 0;
    height: 56%;
  }
  .scene-eight__journey-thought--first,
  .scene-eight__journey-thought--second {
    left: 50%;
    width: 86%;
    font-size: 1.25rem;
    line-height: 1.55;
  }
  .scene-eight__journey-thought--first { top: 10%; }
  .scene-eight__journey-thought--second { top: 84%; }

  /* Nur diese beiden Rollen erhalten eine gemeinsame 3:2-Bild-/Textfläche. */
  .scene-theater__geizhals-scene,
  .scene-theater__tranfunzel-scene {
    top: calc(50% - 100vw / 3);
    bottom: auto;
    height: calc(100vw * 2 / 3);
  }
  .scene-theater__geizhals-role { font-size: 3.41vw; }
  .scene-theater__geizhals-voice { font-size: 1.7vw; }
  .scene-theater__tranfunzel {
    top: 20%;
    left: 1%;
    height: 58%;
  }
  .scene-theater__tranfunzel-role {
    top: calc(50% - 100vw * 2 / 3 * 0.34);
    font-size: 3.41vw;
  }
  .scene-theater__tranfunzel-voice {
    top: calc(50% - 100vw * 2 / 3 * 0.12);
    font-size: 1.7vw;
  }

  /* Finale: Textbeginn innerhalb der sichtbaren Bühne (Original 1351:1164). */
  .scene-theater__life-meaning {
    top: calc(50% - 100vw * 1164 / 1351 * 0.43);
  }

  /* Ausschließlich das dritte KI-Bild mit der Frage nach Weisheit. */
  .scene-ki-seele > img:nth-child(3) {
    object-fit: contain;
    background-color: #000;
  }

  /* Überleitung unterhalb des unveränderten Hände-MASTERs. */
  .scene-bildhauerei__stone-story-transition {
    top: calc(52% + 70vw * 1023 / 1537 / 2 + 2vw);
    width: 88%;
    font-size: 2.4vw;
    white-space: normal;
    transform: translateX(-50%);
  }
}

@media (min-width: 768px) and (max-width: 1180px) and (min-height: 768px) and (hover: none) and (pointer: coarse) and (orientation: landscape) {
  /* Der freie obere Rand bleibt außerhalb der vorhandenen Hände-Geschichte. */
  .scene-bildhauerei__stone-story-transition {
    top: 0.5vh;
    width: 90%;
    font-size: clamp(1rem, 1.5vw, 1.125rem);
    line-height: 1.3;
    white-space: normal;
    transform: translateX(-50%);
  }

  /* Den vorhandenen Ausschnitt zum Bühnenhintergrund weich auslaufen lassen. */
  .scene-theater__tranfunzel {
    clip-path: none;
    mask-image:
      linear-gradient(to right, #000 56%, transparent 66%),
      linear-gradient(to bottom, #000 54%, transparent 64%);
    mask-composite: add;
  }
}