/* Single-Cover: .cover-stage + body[data-cover-layout] (Tier: oorigin-cover-viewport.js) */

/* Bis Cover-Refresh/Cache: kein CSS-Standardbild (PWA-Reload-Flash vermeiden). */
body.single-cover-bg:not(.cover-background-resolved) .body-wrap {
  background-image: none !important;
}

body.single-cover-bg:not(.cover-background-resolved) .img-panel {
  background-color: #0f0d14;
  background-image: none !important;
}

/* Head-Cache: eigene --header-image-* auf :root, sonst blockiert :not(.resolved) das Nutzerbild */
html[data-oorigin-cover-cache="1"] body.single-cover-bg[data-cover-layout] .img-panel {
  background-image: var(--header-image-mobile);
  background-position: var(--cover-bg-x-mobile) var(--cover-photo-y);
  background-size: var(--cover-photo-size-mobile, auto);
}

/* --- Full-Bleed-Bühne: gleiches Modell wie ≤1024, auch iPad Air/Pro Querformat >1024 --- */
body.single-cover-bg[data-cover-layout] .body-wrap {
  display: block;
  padding-top: 0;
  min-height: 100vh;
  min-height: 100dvh;
  overflow: hidden;
  background: none;
}

body.single-cover-bg[data-cover-layout] .body-wrap::before,
body.single-cover-bg[data-cover-layout] .body-wrap::after {
  display: none !important;
}

body.single-cover-bg[data-cover-layout] .img-panel {
  z-index: 0;
  position: fixed;
  top: calc(-1 * env(safe-area-inset-top, 0px));
  right: 0;
  bottom: calc(-1 * env(safe-area-inset-bottom, 0px));
  left: 0;
  width: 100%;
  height: calc(100vh + env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px));
  height: calc(100dvh + env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px));
  flex-shrink: unset;
  background-color: #0f0d14;
  background-image: var(--header-image-mobile);
  background-position: var(--cover-bg-x-mobile) var(--cover-photo-y);
  background-size: var(--cover-photo-size-mobile, auto);
  background-repeat: no-repeat;
  pointer-events: none;
  animation: none;
}

@media (min-width: 800px) and (max-width: 1024px) and (orientation: landscape) {
  body.single-cover-bg[data-cover-layout] .img-panel {
    background-position: var(--cover-bg-x-mobile-landscape) var(--cover-photo-y);
  }
}

@media (orientation: portrait) {
  body.single-cover-bg[data-cover-layout] .img-panel {
    background-position: var(--cover-bg-x-mobile-portrait) var(--cover-photo-y);
  }
}

/* iPad Mini Portrait: Cover-Foto 30px nach links (165px → 135px) */
@media (orientation: portrait) and (min-width: 744px) and (max-width: 819px) {
  body.single-cover-bg[data-cover-layout] .img-panel {
    background-position: calc(50% + 135px) var(--cover-photo-y);
  }
}

@media (min-width: 820px) and (max-width: 1400px) and (orientation: portrait) {
  body.single-cover-bg[data-cover-layout] .img-panel {
    background-position: var(--cover-bg-x-mobile-portrait-wide) var(--cover-photo-y);
  }
}

@media (min-width: 1025px) and (max-width: 1400px) and (orientation: landscape) {
  body.single-cover-bg[data-cover-layout="tablet-col"] .img-panel {
    background-position: var(--cover-bg-x-mobile-landscape) var(--cover-photo-y);
  }
}

body.single-cover-bg[data-cover-layout][data-cover-mobile-focus] .img-panel,
body.single-cover-bg.cover-bg-intrinsic[data-cover-layout][data-cover-mobile-focus] .img-panel {
  background-position: var(--cover-bg-x-mobile) var(--cover-photo-y);
}
@media (min-width: 800px) and (max-width: 1024px) and (orientation: landscape) {
  body.single-cover-bg[data-cover-layout][data-cover-mobile-focus] .img-panel,
  body.single-cover-bg.cover-bg-intrinsic[data-cover-layout][data-cover-mobile-focus] .img-panel {
    background-position: var(--cover-bg-x-mobile-landscape) var(--cover-photo-y);
  }
}
@media (orientation: portrait) {
  body.single-cover-bg[data-cover-layout][data-cover-mobile-focus] .img-panel,
  body.single-cover-bg.cover-bg-intrinsic[data-cover-layout][data-cover-mobile-focus] .img-panel {
    background-position: var(--cover-bg-x-mobile-portrait) var(--cover-photo-y);
  }
}
@media (orientation: portrait) and (min-width: 744px) and (max-width: 819px) {
  body.single-cover-bg[data-cover-layout][data-cover-mobile-focus] .img-panel,
  body.single-cover-bg.cover-bg-intrinsic[data-cover-layout][data-cover-mobile-focus] .img-panel {
    background-position: var(--cover-bg-x-mobile-portrait) var(--cover-photo-y);
  }
}
@media (min-width: 820px) and (max-width: 1400px) and (orientation: portrait) {
  body.single-cover-bg[data-cover-layout][data-cover-mobile-focus] .img-panel,
  body.single-cover-bg.cover-bg-intrinsic[data-cover-layout][data-cover-mobile-focus] .img-panel {
    background-position: var(--cover-bg-x-mobile-portrait) var(--cover-photo-y);
  }
}
@media (min-width: 1025px) and (max-width: 1400px) and (orientation: landscape) {
  body.single-cover-bg[data-cover-layout="tablet-col"][data-cover-mobile-focus] .img-panel,
  body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="tablet-col"][data-cover-mobile-focus] .img-panel {
    background-position: var(--cover-bg-x-mobile-landscape) var(--cover-photo-y);
  }
}

body.single-cover-bg[data-cover-layout] .img-panel img {
  opacity: 0;
  animation: none;
}

body.single-cover-bg[data-cover-layout] .img-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  opacity: 1;
  background: linear-gradient(
    90deg,
    rgba(var(--bg-rgb), 0) 0%,
    rgba(var(--bg-rgb), 0.06) 34%,
    rgba(var(--bg-rgb), 0.28) 58%,
    rgba(var(--bg-rgb), 0.42) 100%
  );
}

body.single-cover-bg[data-cover-layout] .sec:not(.is-stage-active) {
  display: none !important;
}

body.single-cover-bg[data-cover-layout] .sec.is-stage-active {
  display: flex;
  flex-direction: column;
}

body.single-cover-bg[data-cover-layout] #cover.sec-cover.is-stage-active {
  display: block;
}

html:not(.oorigin-member-session-boot) body:not(.oorigin-member-session) #ch02 {
  display: none !important;
}

body.single-cover-bg[data-cover-layout] #ch01.is-stage-active,
body.single-cover-bg[data-cover-layout] #ch02.is-stage-active {
  justify-content: center;
  align-items: flex-start;
}

/* Cover-Bühne: linke 00–02-Punkte über Inhalt (Portal am body) */
body.single-cover-bg[data-cover-layout] .sidebar-nav.is-cover-stage-portal {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  display: flex !important;
  flex-direction: column;
  gap: 6px;
  pointer-events: auto;
  z-index: 195;
  left: max(22px, calc(env(safe-area-inset-left, 0px) + 14px));
  margin: 0;
  padding: 0;
}

body.single-cover-bg[data-cover-layout] .sidebar-nav.is-cover-stage-portal .sn-item {
  pointer-events: auto;
  cursor: pointer;
  touch-action: manipulation;
  min-height: 44px;
  padding-right: 12px;
}

body.single-cover-bg[data-cover-layout] .sidebar-nav.is-cover-stage-portal .sn-item:not(.active):hover .sn-dot,
body.single-cover-bg[data-cover-layout] .sidebar-nav.is-cover-stage-portal .sn-item:not(.active):focus-visible .sn-dot {
  background: transparent;
  border-color: var(--sn-dot-idle-hover, rgba(var(--white-rgb), 0.56));
  box-shadow: 0 0 0 var(--sn-dot-idle-ring-spread, 5px) var(--sn-dot-idle-ring, rgba(var(--white-rgb), 0.2));
  transform: scale(1.12);
}

@media (max-width: 743px),
  (orientation: portrait),
  (max-height: 520px) {
  body.single-cover-bg[data-cover-layout] .sidebar-nav.is-cover-stage-portal {
    display: none !important;
  }
}

body.single-cover-bg[data-cover-layout] .scroll-panel {
  position: relative;
  z-index: 2;
  width: 100%;
  flex: none;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  overscroll-behavior: none;
}

/* Cover-Tag „Ein Ort für dich.“ — gleiche Typo wie Info-Start .hero-pre (oorigin-info.css). */
body.single-cover-bg {
  --cover-hero-pre-font-size: clamp(0.76rem, 1.02vw, 0.88rem);
  --cover-hero-pre-letter-spacing: 0.2em;
}

@media (min-width: 744px) {
  body.single-cover-bg {
    --cover-hero-pre-font-size: clamp(calc(0.76rem * 1.15), calc(1.02vw * 1.15), calc(0.88rem * 1.15));
  }
}

@media (max-width: 743px) {
  body.single-cover-bg {
    --cover-hero-pre-font-size: var(--oorigin-start-hero-pre-font-size);
    --cover-hero-pre-letter-spacing: var(--oorigin-start-hero-pre-letter-spacing);
  }
}

body.single-cover-bg #cover.sec-cover .cover-stack > .cover-tag,
body.single-cover-bg #cover.sec-cover #coverTag {
  font-size: var(--cover-hero-pre-font-size);
  font-weight: var(--cover-tag-font-weight, 400);
  font-synthesis: weight;
  letter-spacing: var(--cover-hero-pre-letter-spacing);
  line-height: 1.4;
  white-space: nowrap;
  width: max-content;
  max-width: none;
  flex-shrink: 0;
}

/* „DU BIST DA.“ — schlägt die Basis-400 oben (höhere Spezifität als oorigin.css allein). */
body.single-cover-bg #cover.sec-cover[data-entry-state="after_enter"] .cover-stack > .cover-tag,
body.single-cover-bg #cover.sec-cover[data-entry-state="after_enter"] #coverTag,
body.single-cover-bg.oorigin-cover-authed #cover.sec-cover .cover-stack > .cover-tag,
body.single-cover-bg.oorigin-cover-authed #cover.sec-cover #coverTag {
  --cover-tag-font-weight: 500;
  font-weight: 500;
  font-synthesis: weight;
}

/* „DU BIST DA.“ Desktop: +15 % gegenüber Cover-Hero-Pre (nicht Phone). */
body.single-cover-bg:not([data-cover-layout="phone"]):not([data-cover-layout="tablet-col"])
  #cover.sec-cover[data-entry-state="after_enter"]
  .cover-stack
  > .cover-tag,
body.single-cover-bg:not([data-cover-layout="phone"]):not([data-cover-layout="tablet-col"])
  #cover.sec-cover[data-entry-state="after_enter"]
  #coverTag,
body.single-cover-bg:not([data-cover-layout="phone"]):not([data-cover-layout="tablet-col"]).oorigin-cover-authed
  #cover.sec-cover
  .cover-stack
  > .cover-tag,
body.single-cover-bg:not([data-cover-layout="phone"]):not([data-cover-layout="tablet-col"]).oorigin-cover-authed
  #cover.sec-cover
  #coverTag {
  font-size: calc(var(--cover-hero-pre-font-size) * 1.15);
}

body.single-cover-bg[data-cover-layout] #cover.sec-cover {
  --cover-stage-nav: calc(42px + env(safe-area-inset-top, 0px));
  --cover-enter-gap: clamp(14px, 3vh, 26px);
  --cover-enter-slot: calc(var(--cover-enter-gap) + 14px + 14px + 1.35em);
  --cover-fig-zone: clamp(280px, 46vw, 500px);
  --cover-text-width: clamp(300px, 34vw, 380px);
  /* Nach Eintreten (Begrüßung): feste Lesespalte */
  --cover-intro-read-width: min(350px, 100%);

  display: block;
  padding: 0;
  margin: 0;
  min-height: 0;
  height: auto;
  max-height: none;
  box-sizing: border-box;
}

body.single-cover-bg[data-cover-layout] #cover.sec-cover .cover-stage {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  margin-top: var(--cover-stage-nav);
  min-height: calc(100dvh - var(--cover-stage-nav));
  height: calc(100dvh - var(--cover-stage-nav));
  max-height: calc(100dvh - var(--cover-stage-nav));
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
  max-width: 100vw;
}

body.single-cover-bg[data-cover-layout] #cover.sec-cover .cover-stack {
  flex: 0 0 auto;
  align-items: flex-start;
  width: var(--cover-stack-max, min(280px, 100%));
  max-width: 100%;
  transform: none;
  min-height: 0;
  justify-content: flex-start;
}

body.single-cover-bg[data-cover-layout] #cover.sec-cover .cover-stack > .chapter-intro-wrap {
  max-width: var(--cover-text-width, min(320px, 100%));
  width: 100%;
  box-sizing: border-box;
}

body.single-cover-bg[data-cover-layout] #cover.sec-cover .chapter-intro-wrap,
body.single-cover-bg[data-cover-layout] #cover.sec-cover .chapter-intro {
  max-width: var(--cover-text-width, min(320px, 100%));
  width: 100%;
  box-sizing: border-box;
}

body.single-cover-bg[data-cover-layout] #cover.sec-cover .cover-title,
body.single-cover-bg[data-cover-layout] #cover.sec-cover .cover-title .cover-logo-word {
  max-width: 100%;
}

body.single-cover-bg[data-cover-layout] #cover.sec-cover .cover-enter-slot {
  flex: 0 0 auto;
  min-height: var(--cover-enter-slot);
  padding-top: var(--cover-enter-gap);
  box-sizing: border-box;
}

body.single-cover-bg[data-cover-layout] #cover.sec-cover .cover-enter-slot .cover-enter-btn {
  margin-top: 0;
  margin-bottom: 0;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

body.single-cover-bg[data-cover-layout] #cover.sec-cover .cover-enter-slot .cover-enter-btn:hover,
body.single-cover-bg[data-cover-layout] #cover.sec-cover .cover-enter-slot .cover-enter-btn:focus-visible {
  background: transparent;
}

body.single-cover-bg[data-cover-layout] #cover.sec-cover .cover-title,
body.single-cover-bg[data-cover-layout] #cover.sec-cover[data-entry-state="after_enter"] .cover-title {
  margin-bottom: 32px;
}

body.single-cover-bg[data-cover-layout] #cover.sec-cover[data-entry-state="after_enter"] .cover-stack {
  transform: none;
  min-height: 0;
  justify-content: flex-start;
}

body.single-cover-bg[data-cover-layout] #cover.sec-cover[data-entry-state="after_enter"] .cover-enter-slot {
  display: none;
  min-height: 0;
  padding-top: 0;
}

body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="after_enter"] .cover-stage {
  grid-template-rows: auto;
  align-content: center;
}

body.single-cover-bg[data-cover-layout] #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro-wrap {
  max-width: var(--cover-intro-read-width, min(320px, 100%));
  width: 100%;
  margin-bottom: 0;
  box-sizing: border-box;
}

body.single-cover-bg[data-cover-layout] #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro,
body.single-cover-bg[data-cover-layout] #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro-motion {
  max-width: 100%;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

body.single-cover-bg[data-cover-layout] #cover.sec-cover[data-entry-state="after_enter"] .cover-stack {
  max-width: var(--cover-intro-read-width, min(320px, 100%));
  width: 100%;
}

body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="after_enter"] .cover-stack {
  max-width: var(--cover-intro-read-width, min(320px, 100%));
}

/* iPad (tablet-col): Cover-00 — schmale Textspalte; vor/nach Login gleiche horizontale Position */
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="after_enter"],
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="before_enter"] {
  --cover-intro-read-width: min(300px, 100%);
  --cover-text-width: min(300px, 100%);
}

/* Sidebar-Reserve immer: verhindert Zeilenumbruch-Sprung beim Aus-/Einfahren; schmaler Stage → Mitte/Text weiter links */
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="after_enter"] .cover-stage,
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="before_enter"] .cover-stage {
  padding-right: var(--cover-tablet-sidebar-pad-right);
}

body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="after_enter"] .cover-stack,
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="before_enter"] .cover-stack {
  max-width: min(var(--cover-intro-read-width, 300px), 100%);
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="after_enter"] .cover-stack > .chapter-intro-wrap,
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="before_enter"] .cover-stack > .chapter-intro-wrap,
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro,
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="before_enter"] .chapter-intro,
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="before_enter"] .chapter-intro-motion {
  max-width: min(var(--cover-intro-read-width, 300px), 100%);
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="before_enter"] .chapter-intro-motion {
  overflow-wrap: break-word;
  word-wrap: break-word;
  text-wrap: pretty;
}

body.single-cover-bg[data-cover-layout] #cover.sec-cover[data-entry-state="after_enter"] .cover-title {
  margin-bottom: calc(32px - var(--cover-greeting-pad-nudge, 15px));
}

/* Phone: Logo/Eintreten-Scale; Intro-Typo = Info-Start-Lead (--oorigin-start-lead-*). */
body.single-cover-bg[data-cover-layout="phone"] {
  --cover-phone-scale: 1.2;
  --ch-cover-intro-color: var(--oorigin-lead-color);
  --ch-cover-intro-shadow: var(--oorigin-lead-text-shadow);
  --ch-cover-intro-size-phone: var(--oorigin-start-lead-font-size);
  --ch-cover-intro-weight: 400;
  --oorigin-sidebar-rotation-font-size: calc(1.32rem * 1.1);
}

/* Phone: Stack mittig */
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover {
  --cover-enter-btn-phone-scale: var(--cover-phone-scale);
  --cover-enter-btn-font-size-phone: calc(0.82rem * var(--cover-enter-btn-phone-scale));
  --cover-enter-btn-pad-y-phone: calc(14px * var(--cover-enter-btn-phone-scale));
  --cover-enter-btn-pad-x-phone: calc(28px * var(--cover-enter-btn-phone-scale));
  --cover-enter-slot: calc(
    var(--cover-enter-gap) + (2 * var(--cover-enter-btn-pad-y-phone)) +
      (1.35 * var(--cover-enter-btn-font-size-phone))
  );
  /* „oorigin.“ vor Login */
  --cover-logo-size-phone: clamp(
    calc(3.15rem * var(--cover-phone-scale)),
    calc(15.5vw * var(--cover-phone-scale)),
    calc(4.1rem * var(--cover-phone-scale))
  );
  /* „oorigin.“ / Username nach Login */
  --cover-logo-size-phone-after: clamp(
    calc(3.45rem * var(--cover-phone-scale)),
    calc(17.5vw * var(--cover-phone-scale)),
    calc(4.75rem * var(--cover-phone-scale))
  );
  --cover-logo-size-phone-landscape: clamp(
    calc(2.65rem * var(--cover-phone-scale)),
    calc(11.5vw * var(--cover-phone-scale)),
    calc(3.45rem * var(--cover-phone-scale))
  );
  --cover-logo-size-phone-after-landscape: clamp(
    calc(2.85rem * var(--cover-phone-scale)),
    calc(12.5vw * var(--cover-phone-scale)),
    calc(3.75rem * var(--cover-phone-scale))
  );
  --cover-stack-max: min(
    280px,
    calc(100vw - 48px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px))
  );
}

body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover .cover-stage {
  align-items: center;
  padding-left: max(clamp(20px, 4vw, 32px), env(safe-area-inset-left, 0px));
  padding-right: max(clamp(20px, 4vw, 32px), env(safe-area-inset-right, 0px));
}

body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover .cover-stack {
  align-self: center;
  margin-left: 0;
  margin-right: 0;
}

body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover .cover-stack > .cover-tag,
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover .cover-stack > .cover-title,
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover .cover-stack > .chapter-intro-wrap {
  margin-left: 0;
}

body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover .cover-enter-slot {
  display: flex;
  justify-content: center;
  width: 100%;
}

body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover .cover-enter-slot .cover-enter-btn {
  margin-left: 0;
  font-size: var(--cover-enter-btn-font-size-phone);
  padding: var(--cover-enter-btn-pad-y-phone) var(--cover-enter-btn-pad-x-phone);
}

/* iPhone + iPad: „Eintreten“ heller und kräftiger. */
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover .cover-enter-slot .cover-enter-btn,
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover .cover-enter-slot .cover-enter-btn {
  color: rgba(var(--white-rgb), 0.95);
  font-weight: 600;
  font-synthesis: weight;
}

/* Phone Portrait: mehr Luft links am Cover-Text (Landscape unverändert, weiter zentriert). */
@media (orientation: portrait) {
  body.single-cover-bg[data-cover-layout="phone"],
  body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover {
    --cover-phone-pad-left: max(clamp(40px, 9vw, 56px), env(safe-area-inset-left, 0px));
    --cover-phone-pad-right: max(clamp(20px, 4vw, 28px), env(safe-area-inset-right, 0px));
    --cover-stack-max: min(
      280px,
      calc(100vw - var(--cover-phone-pad-left) - var(--cover-phone-pad-right))
    );
  }

  body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover .cover-stage {
    align-items: flex-start;
    padding-left: var(--cover-phone-pad-left);
    padding-right: var(--cover-phone-pad-right);
  }

  body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover .cover-stack {
    align-self: flex-start;
  }

  body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover .cover-enter-slot {
    justify-content: flex-start;
  }

  body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="before_enter"] {
    --cover-stack-max: min(
      320px,
      calc(100vw - var(--cover-phone-pad-left) - var(--cover-phone-pad-right))
    );
  }

  body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="after_enter"] {
    --cover-stack-max: min(
      360px,
      calc(100vw - var(--cover-phone-pad-left) - var(--cover-phone-pad-right))
    );
  }

  body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="after_enter"] .cover-stage {
    align-items: flex-start;
    padding-left: var(--cover-phone-pad-left);
    padding-right: var(--cover-phone-pad-right);
  }

  body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="after_enter"] .cover-stack {
    align-self: flex-start;
    width: var(--cover-stack-max);
    max-width: 100%;
  }

  body.single-cover-bg[data-cover-layout="phone"] #ch01.is-stage-active,
  body.single-cover-bg[data-cover-layout="phone"] #ch02.is-stage-active {
    align-items: flex-start;
    padding-left: var(--cover-phone-pad-left);
    padding-right: var(--cover-phone-pad-right);
  }
}

/* Phone: Text über Full-Bleed-Hintergrund (Stacking + zentrierte Kapitelspalte). */
body.single-cover-bg[data-cover-layout="phone"] .body-wrap {
  position: relative;
  isolation: isolate;
}

body.single-cover-bg[data-cover-layout="phone"] .img-panel {
  z-index: 0;
}

body.single-cover-bg[data-cover-layout="phone"] .scroll-panel {
  position: relative;
  z-index: 1;
}

body.single-cover-bg[data-cover-layout="phone"] .scroll-panel > .sec.is-stage-active {
  position: relative;
  z-index: 2;
}

body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover .cover-stage,
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover .cover-stack {
  position: relative;
  z-index: 1;
}

body.single-cover-bg[data-cover-layout="phone"] #ch01.is-stage-active,
body.single-cover-bg[data-cover-layout="phone"] #ch02.is-stage-active {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100dvh;
  padding: clamp(92px, 16vh, 150px)
    max(clamp(20px, 4vw, 32px), env(safe-area-inset-right, 0px))
    56px
    max(clamp(20px, 4vw, 32px), env(safe-area-inset-left, 0px));
  box-sizing: border-box;
}

body.single-cover-bg[data-cover-layout="phone"] #ch01.is-stage-active > .sec-num,
body.single-cover-bg[data-cover-layout="phone"] #ch01.is-stage-active > .sec-title,
body.single-cover-bg[data-cover-layout="phone"] #ch01.is-stage-active .chapter-intro-wrap,
body.single-cover-bg[data-cover-layout="phone"] #ch01.is-stage-active .slider-action-host,
body.single-cover-bg[data-cover-layout="phone"] #ch02.is-stage-active > .sec-num,
body.single-cover-bg[data-cover-layout="phone"] #ch02.is-stage-active > .sec-title,
body.single-cover-bg[data-cover-layout="phone"] #ch02.is-stage-active .chapter-intro-wrap,
body.single-cover-bg[data-cover-layout="phone"] #ch02.is-stage-active .slider-action-host {
  width: 100%;
  max-width: var(--cover-chapter-stack-max, var(--cover-stack-max, min(340px, calc(100vw - 48px))));
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}

/* Phone Kapitel 01/02: Textblock wie Cover 00 (Lesespalte + Typo) */
body.single-cover-bg[data-cover-layout="phone"] {
  --cover-chapter-stack-max: min(
    340px,
    calc(100vw - 48px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px))
  );
}

@media (orientation: portrait) {
  body.single-cover-bg[data-cover-layout="phone"] #ch01.is-stage-active,
  body.single-cover-bg[data-cover-layout="phone"] #ch02.is-stage-active {
    --cover-chapter-stack-max: min(
      360px,
      calc(100vw - var(--cover-phone-pad-left, 48px) - var(--cover-phone-pad-right, 48px))
    );
    align-items: flex-start;
    padding-top: clamp(88px, 14vh, 140px);
    padding-bottom: 56px;
    padding-left: var(--cover-phone-pad-left, max(clamp(20px, 4vw, 32px), env(safe-area-inset-left, 0px)));
    padding-right: var(--cover-phone-pad-right, max(clamp(20px, 4vw, 32px), env(safe-area-inset-right, 0px)));
  }
}

body.single-cover-bg[data-cover-layout="phone"] #ch01.is-stage-active > .sec-num,
body.single-cover-bg[data-cover-layout="phone"] #ch02.is-stage-active > .sec-num {
  margin-bottom: 20px;
  font-size: clamp(0.8rem, 2.25vw, 0.9rem);
  font-weight: 500;
  font-synthesis: weight;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(var(--white-rgb), 0.88);
}

body.single-cover-bg[data-cover-layout="phone"] #ch01.is-stage-active > .sec-title,
body.single-cover-bg[data-cover-layout="phone"] #ch02.is-stage-active > .sec-title {
  margin-top: 0;
  margin-bottom: clamp(22px, 4vh, 32px);
  font-size: clamp(2.35rem, 11.5vw, 3.2rem);
  font-weight: 200;
  line-height: 1.04;
  letter-spacing: 0.04em;
  color: rgba(var(--white-rgb), 0.7);
}

body.single-cover-bg[data-cover-layout="phone"] #ch01.is-stage-active .sec-title-motion em,
body.single-cover-bg[data-cover-layout="phone"] #ch02.is-stage-active .sec-title-motion em {
  font-weight: 200;
  font-style: italic;
  color: rgba(var(--white-rgb), 0.92);
}

body.single-cover-bg[data-cover-layout="phone"] #ch01.is-stage-active .chapter-intro-wrap,
body.single-cover-bg[data-cover-layout="phone"] #ch02.is-stage-active .chapter-intro-wrap {
  margin-bottom: 0;
  transform: none;
}

body.single-cover-bg[data-cover-layout="phone"] #ch01.is-stage-active .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"] #ch02.is-stage-active .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"] #ch01.is-stage-active .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="phone"] #ch02.is-stage-active .chapter-intro-motion {
  height: auto;
  min-height: 0;
  margin-left: 0;
  padding-top: 0;
  align-items: flex-start;
  font-size: var(--ch-cover-intro-size-phone);
  color: var(--ch-cover-intro-color);
}

body.single-cover-bg:not(.cover-bg-intrinsic)[data-cover-layout="phone"] #ch01.is-stage-active > .sec-num,
body.single-cover-bg:not(.cover-bg-intrinsic)[data-cover-layout="phone"] #ch02.is-stage-active > .sec-num,
body.single-cover-bg:not(.cover-bg-intrinsic)[data-cover-layout="phone"] #ch01.is-stage-active .sec-title-motion em,
body.single-cover-bg:not(.cover-bg-intrinsic)[data-cover-layout="phone"] #ch02.is-stage-active .sec-title-motion em {
  text-shadow:
    0 1px 16px rgba(var(--bg-rgb), 0.45),
    0 0 1px rgba(var(--bg-rgb), 0.35);
}

body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"] #ch01.is-stage-active > .sec-num,
body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"] #ch02.is-stage-active > .sec-num,
body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"] #ch01.is-stage-active .sec-title-motion em,
body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"] #ch02.is-stage-active .sec-title-motion em {
  text-shadow:
    0 1px 18px rgba(var(--bg-rgb), 0.55),
    0 0 1px rgba(var(--bg-rgb), 0.45);
}

/* Upload-Cover: Lesbarkeit Tag/Titel/Intro über hellem Motiv (Phone). */
body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"] {
  --cover-intro-scrim-pad-top: 88px;
  --cover-intro-scrim-blur: 1px;
}

/* Phone 00 vor Login: Cover-Block (Tag · Logo · Intro) — Lesespalte + Typo */
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="before_enter"] {
  --cover-enter-gap: clamp(20px, 4vh, 32px);
  --cover-stack-max: min(
    320px,
    calc(100vw - 48px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px))
  );
}

body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="before_enter"] .cover-stack {
  width: var(--cover-stack-max);
  max-width: 100%;
}

body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="before_enter"] .cover-stack > .cover-tag {
  margin-bottom: 24px;
}

body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="before_enter"] .cover-stack > .cover-title {
  margin-top: 0;
  margin-bottom: 24px;
}

body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="before_enter"] .cover-title .cover-logo-word {
  font-size: var(--cover-logo-size-phone);
  letter-spacing: 0.055em;
  line-height: 1;
}

body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="before_enter"] .cover-stack > .chapter-intro-wrap {
  margin-bottom: 20px;
  max-width: 100%;
  width: 100%;
}

body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="before_enter"] .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="before_enter"] .chapter-intro-motion {
  max-width: 100%;
  margin-left: 0;
  font-size: var(--ch-cover-intro-size-phone);
  color: var(--ch-cover-intro-color);
  text-shadow: var(--ch-cover-intro-shadow);
}

/* Preset-Cover: Lesbarkeit über hellem Motiv (Titel — Tag wie Info-Pre ohne Extra-Schatten). */
body.single-cover-bg:not(.cover-bg-intrinsic)[data-cover-layout="phone"]
  #cover.sec-cover[data-entry-state="before_enter"]
  .cover-title
  .cover-logo-word {
  text-shadow:
    0 1px 16px rgba(var(--bg-rgb), 0.45),
    0 0 1px rgba(var(--bg-rgb), 0.35);
}

body.single-cover-bg:not(.cover-bg-intrinsic)[data-cover-layout]
  #cover.sec-cover[data-entry-state="before_enter"]
  .cover-enter-slot
  .cover-enter-btn {
  text-shadow:
    0 1px 16px rgba(var(--bg-rgb), 0.45),
    0 0 1px rgba(var(--bg-rgb), 0.35);
}

/* Upload-Cover: Kontur wie ch01/02 (Titel — Tag wie Info-Pre). */
body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"]
  #cover.sec-cover[data-entry-state="before_enter"]
  .cover-title
  .cover-logo-word {
  text-shadow:
    0 1px 18px rgba(var(--bg-rgb), 0.55),
    0 0 1px rgba(var(--bg-rgb), 0.45);
}

body.single-cover-bg.cover-bg-intrinsic[data-cover-layout]
  #cover.sec-cover[data-entry-state="before_enter"]
  .cover-enter-slot
  .cover-enter-btn {
  text-shadow:
    0 1px 18px rgba(var(--bg-rgb), 0.55),
    0 0 1px rgba(var(--bg-rgb), 0.45);
}

/* Phone nach Login: Cover-Begrüßung — breitere Spalte, größere Typo */
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="after_enter"] {
  --cover-stack-max: min(
    340px,
    calc(100vw - 48px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px))
  );
  --cover-intro-read-width: var(--cover-stack-max);
}

body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="after_enter"] .cover-stack {
  width: var(--cover-stack-max);
  max-width: 100%;
}

body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="after_enter"] .cover-stack > .cover-tag,
body.single-cover-bg[data-cover-layout="phone"].oorigin-cover-authed #cover.sec-cover .cover-stack > .cover-tag,
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="after_enter"] .cover-stack > .cover-tag,
body.single-cover-bg[data-cover-layout="tablet-col"].oorigin-cover-authed #cover.sec-cover .cover-stack > .cover-tag {
  margin-bottom: 22px;
  font-weight: 500;
  font-synthesis: weight;
  text-transform: uppercase !important;
  font-variant: normal;
  color: rgba(var(--white-rgb), 1);
}

body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="after_enter"] .cover-title {
  margin-bottom: calc(clamp(26px, 4.5vh, 38px) - var(--cover-greeting-pad-nudge, 15px));
}

body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="after_enter"] .cover-title .cover-logo-word,
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="after_enter"] .cover-entered-title-user {
  font-size: var(--cover-logo-size-phone-after);
  font-weight: 200;
  letter-spacing: 0.055em;
  line-height: 1.02;
  color: rgba(var(--white-rgb), 0.92);
}

body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro-wrap {
  max-width: 100%;
  width: 100%;
  margin-bottom: 0;
}

body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="phone"].oorigin-cover-authed #cover.sec-cover .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"].oorigin-cover-authed #cover.sec-cover .chapter-intro-motion {
  max-width: 100%;
  width: 100%;
  margin-left: 0;
  height: auto;
  min-height: 0;
  padding-top: 0;
  align-items: flex-start;
  font-size: var(--ch-cover-intro-size-phone);
  color: var(--ch-cover-intro-color);
}

body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="after_enter"] .cover-greeting-username {
  color: inherit !important;
  font-size: 1.06em;
  font-weight: 500;
  font-synthesis: weight;
  font-style: italic;
}

body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="after_enter"] .cover-entered-action {
  margin-left: 0;
  margin-top: clamp(22px, 4vh, 34px);
}

body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="after_enter"] .cover-entered-btn {
  font-size: clamp(0.98rem, 2.9vw, 1.08rem);
  min-height: 44px;
  padding: 12px 22px;
  -webkit-tap-highlight-color: transparent;
}

body.single-cover-bg:not(.cover-bg-intrinsic)[data-cover-layout="phone"]
  #cover.sec-cover[data-entry-state="after_enter"]
  .cover-stack
  > .cover-tag,
body.single-cover-bg:not(.cover-bg-intrinsic)[data-cover-layout="phone"]
  #cover.sec-cover[data-entry-state="after_enter"]
  .cover-title
  .cover-logo-word,
body.single-cover-bg:not(.cover-bg-intrinsic)[data-cover-layout="phone"]
  #cover.sec-cover[data-entry-state="after_enter"]
  .cover-entered-title-user {
  text-shadow:
    0 1px 16px rgba(var(--bg-rgb), 0.45),
    0 0 1px rgba(var(--bg-rgb), 0.35);
}

body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"]
  #cover.sec-cover[data-entry-state="after_enter"]
  .cover-stack
  > .cover-tag,
body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"]
  #cover.sec-cover[data-entry-state="after_enter"]
  .cover-title
  .cover-logo-word,
body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"]
  #cover.sec-cover[data-entry-state="after_enter"]
  .cover-entered-title-user {
  text-shadow:
    0 1px 18px rgba(var(--bg-rgb), 0.55),
    0 0 1px rgba(var(--bg-rgb), 0.45);
}

@media (orientation: landscape) and (max-height: 520px) {
  body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="before_enter"] .cover-title .cover-logo-word {
    font-size: var(--cover-logo-size-phone-landscape);
  }

  body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="before_enter"] .cover-stack > .cover-tag {
    margin-bottom: 20px;
  }

  body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="before_enter"] .cover-stack > .cover-title {
    margin-bottom: 20px;
  }

  body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="after_enter"] .cover-title .cover-logo-word,
  body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="after_enter"] .cover-entered-title-user {
    font-size: var(--cover-logo-size-phone-after-landscape);
  }
}

body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"]
  #cover.sec-cover[data-entry-state="before_enter"] {
  --cover-intro-scrim-pad-bottom: 0px;
}

body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"]
  #cover.sec-cover[data-entry-state="before_enter"]
  .cover-stack {
  margin-bottom: clamp(10px, 2.5vh, 18px);
}

body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"] #cover.sec-cover .cover-stack {
  isolation: isolate;
}

body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"] #cover.sec-cover .cover-stack::before {
  display: none;
}

body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"]
  #cover.sec-cover
  .cover-stack
  > .chapter-intro-wrap::before {
  display: none;
}

body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"] #cover.sec-cover .cover-stack > .cover-tag,
body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"] #cover.sec-cover .cover-stack > .cover-title,
body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"] #cover.sec-cover .cover-stack > .chapter-intro-wrap {
  position: relative;
  z-index: 1;
}

body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"] #ch01.is-stage-active > .sec-num,
body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"] #ch01.is-stage-active > .sec-title,
body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"] #ch02.is-stage-active > .sec-num,
body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"] #ch02.is-stage-active > .sec-title {
  position: relative;
  z-index: 1;
  text-shadow:
    0 1px 18px rgba(var(--bg-rgb), 0.55),
    0 0 1px rgba(var(--bg-rgb), 0.45);
}

body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"] #ch01 .chapter-intro-wrap,
body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"] #ch02 .chapter-intro-wrap {
  position: relative;
  z-index: 1;
  isolation: isolate;
}

/* iPad: 50 % Figur | Textspalte (Portrait + Landscape), linksbündig ab Mitte */
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover .cover-stage {
  display: grid;
  grid-template-columns: minmax(0, 50%) minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-content: center;
  align-items: start;
  column-gap: 0;
  padding-left: max(0px, env(safe-area-inset-left, 0px));
  padding-right: max(clamp(16px, 3vw, 28px), env(safe-area-inset-right, 0px));
}

body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover .cover-stack {
  grid-column: 2;
  grid-row: 1;
  justify-self: start;
  width: 100%;
  max-width: min(var(--cover-text-width, 380px), 100%);
  align-self: center;
  box-sizing: border-box;
  margin-left: calc(-1 * var(--cover-tablet-text-nudge-left, 0px));
}

body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover .cover-enter-slot {
  grid-column: 2;
  grid-row: 2;
  justify-self: start;
  width: 100%;
  max-width: 100%;
  align-self: start;
  margin-left: calc(-1 * var(--cover-tablet-text-nudge-left, 0px));
}

body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover .cover-stack > .cover-tag,
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover #coverTag {
  margin-left: 16px;
  white-space: nowrap;
  flex-shrink: 0;
  width: max-content;
  max-width: none;
  min-width: max-content;
}

body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover .cover-stack > .cover-title {
  margin-left: 12px;
}

body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover .cover-stack > .chapter-intro-wrap {
  margin-left: 8px;
}

body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover .cover-enter-slot .cover-enter-btn {
  margin-left: 12px;
}

/* Cover 00 Desktop (Split): Intro breiter als 280/320px-Default; ch01/ch02 gleiche Stage-Höhe */
@media (min-width: 1025px) {
  /* Nur echter Desktop (JS: is-desktop-cover-display) — nicht iPad tablet-col / iPhone. */
  body.single-cover-bg.is-desktop-cover-display:not([data-cover-layout]) {
    --cover-desktop-text-nudge-left: 200px;
  }

  /*
   * Textspalte nach links: Bildspalte schmaler (kein negativer Margin → kein Clipping).
   * Cover 00 vor/nach Login + ch01/ch02 teilen dieselbe Scroll-Spalte.
   */
  body.single-cover-bg.is-desktop-cover-display:not([data-cover-layout]) .img-panel {
    width: calc(var(--cover-left-width) - var(--cover-desktop-text-nudge-left, 0px));
  }

  body.single-cover-bg:not([data-cover-layout]) {
    --cover-stage-text-pad-top: clamp(160px, 13vw, 220px);
    /* Reserve unter dem Textblock ≈ Eintreten-Slot, damit Zentrierung wie Cover-Stack */
    --cover-stage-enter-reserve: clamp(56px, 8vh, 88px);
  }

  body.single-cover-bg:not([data-cover-layout]) #cover.sec-cover {
    padding-top: var(--cover-stage-text-pad-top);
  }

  /* Cover 00 vor Login: volle Spaltenbreite statt intrinsischem Flex-Shrink. */
  body.single-cover-bg.is-desktop-cover-display:not([data-cover-layout])
    #cover.sec-cover[data-entry-state="before_enter"]
    .cover-stage {
    width: 100%;
  }

  /* Begrüßung: weniger Abstand Logo → Text; Block bleibt seitenmittig (justify:center). */
  body.single-cover-bg.is-desktop-cover-display:not([data-cover-layout]):not(.oorigin-cover-authed)
    #cover.sec-cover[data-entry-state="after_enter"]
    .cover-title {
    margin-bottom: calc(67px - var(--cover-greeting-pad-nudge-desktop, 40px));
  }

  /* Cover 00 nach Login: untere Reserve wie ch01/ch02 (--cover-stage-enter-reserve). */
  body.single-cover-bg:not([data-cover-layout])
    #cover.sec-cover[data-entry-state="after_enter"] {
    padding-bottom: calc(88px + var(--cover-stage-enter-reserve));
  }

  body.single-cover-bg:not([data-cover-layout])
    #cover.sec-cover[data-entry-state="after_enter"]
    .cover-enter-slot {
    display: none !important;
  }

  body.single-cover-bg:not([data-cover-layout])
    #cover.sec-cover[data-entry-state="after_enter"]
    .cover-stack {
    min-height: 0;
  }

  body.single-cover-bg.is-desktop-cover-display:not([data-cover-layout]).oorigin-cover-authed
    #cover.sec-cover
    .cover-title {
    margin: 0;
    height: 0;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
  }

  body.single-cover-bg:not([data-cover-layout]) #ch01,
  body.single-cover-bg:not([data-cover-layout]) #ch02 {
    min-height: 100%;
    justify-content: center;
    align-items: flex-start;
    padding-top: var(--cover-stage-text-pad-top);
    padding-bottom: calc(88px + var(--cover-stage-enter-reserve));
    padding-left: 0;
    padding-right: var(--section-pad-right, 64px);
  }

  body.single-cover-bg:not([data-cover-layout]) #ch02 {
    --panel-width: var(--chapter-panel-width);
  }

  body.single-cover-bg:not([data-cover-layout]) #ch01 > .sec-num,
  body.single-cover-bg:not([data-cover-layout]) #ch02 > .sec-num {
    transform: none;
    margin-left: 35px;
    margin-bottom: 32px;
  }

  body.single-cover-bg:not([data-cover-layout]) #ch01 > .sec-title,
  body.single-cover-bg:not([data-cover-layout]) #ch02 > .sec-title {
    transform: none;
    margin-left: 25px;
    margin-top: -20px;
    margin-bottom: 32px;
  }

  body.single-cover-bg:not([data-cover-layout]) #ch01 .chapter-intro-wrap,
  body.single-cover-bg:not([data-cover-layout]) #ch02 .chapter-intro-wrap {
    transform: none;
    margin-left: 20px;
    margin-bottom: 25px;
    max-width: min(400px, 100%);
    width: 100%;
  }

  /* Entdecken + Gemerkt: Slider-Leiste unter dem Intro, ohne Flex-Zentrierung zu verschieben */
  body.single-cover-bg:not([data-cover-layout]) #ch01 .chapter-intro-wrap,
  body.single-cover-bg:not([data-cover-layout]) #ch02 .chapter-intro-wrap {
    position: relative;
  }

  body.single-cover-bg:not([data-cover-layout]) #ch01 .slider-action-host.slider-action-host--discover,
  body.single-cover-bg:not([data-cover-layout]) #ch02 .slider-action-host.slider-action-host--discover {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin: 0;
    padding-top: 8px;
    box-sizing: border-box;
  }

  body.single-cover-bg:not([data-cover-layout]) #ch01 .chapter-intro,
  body.single-cover-bg:not([data-cover-layout]) #ch02 .chapter-intro,
  body.single-cover-bg:not([data-cover-layout]) #ch01 .chapter-intro-motion,
  body.single-cover-bg:not([data-cover-layout]) #ch02 .chapter-intro-motion {
    margin-left: 20px;
    padding-top: 0;
    height: auto;
    max-width: min(400px, 100%);
    font-size: var(--ch-cover-intro-size);
    font-weight: 300;
    color: var(--ch-cover-intro-color);
    line-height: 1.72;
    letter-spacing: 0;
    text-shadow: var(--ch-cover-intro-shadow);
  }

  body.single-cover-bg:not([data-cover-layout]) #cover.sec-cover .chapter-intro,
  body.single-cover-bg:not([data-cover-layout]) #cover.sec-cover .chapter-intro-motion {
    font-size: var(--ch-cover-intro-size);
    text-shadow: var(--ch-cover-intro-shadow);
    color: var(--ch-cover-intro-color);
  }

  body.single-cover-bg:not([data-cover-layout]) #cover.sec-cover .cover-stack > .chapter-intro-wrap {
    max-width: min(400px, 100%);
    width: 100%;
  }

  body.single-cover-bg:not([data-cover-layout]) #cover.sec-cover .chapter-intro {
    max-width: min(400px, 100%);
  }

  body.single-cover-bg:not([data-cover-layout]) #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro-wrap {
    max-width: min(350px, 100%);
    width: 100%;
  }

  body.single-cover-bg:not([data-cover-layout]) #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro {
    max-width: 100%;
  }

  /* Cover 00 Desktop: Eintreten — etwas größer (nur Desktop-Split). */
  body.single-cover-bg:not([data-cover-layout]) #cover.sec-cover .cover-enter-slot .cover-enter-btn {
    margin-top: 50px;
    margin-bottom: var(--title-panel-gap);
    padding: 17px 34px;
    border: 1px solid rgba(var(--white-rgb), 0.28);
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    color: rgba(240, 234, 248, 0.78);
    font-size: 0.98rem;
    font-weight: 500;
    font-synthesis: weight;
    letter-spacing: 0.28em;
  }

  body.single-cover-bg:not([data-cover-layout]) #cover.sec-cover .cover-enter-slot .cover-enter-btn:hover,
  body.single-cover-bg:not([data-cover-layout]) #cover.sec-cover .cover-enter-slot .cover-enter-btn:focus-visible {
    border-color: rgba(var(--white-rgb), 0.42);
    background: transparent;
    color: rgba(240, 234, 248, 0.95);
  }
}

/* Intro-Phase: kein künstliches Stage-Min-Height (sonst verschiebt Flex-Zentrierung). */
body.single-cover-bg #ch01.is-slider-intro .swipe-stage {
  min-height: 0;
}

body.single-cover-bg[data-cover-layout] #cover.sec-cover .cover-stack > .chapter-intro-wrap,
body.single-cover-bg[data-cover-layout] #cover.sec-cover .chapter-intro,
body.single-cover-bg[data-cover-layout] #cover.sec-cover[data-entry-state="before_enter"] .chapter-intro {
  max-width: var(--cover-text-width, min(320px, 100%));
}

body.single-cover-bg[data-cover-layout] #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro {
  max-width: 100%;
}

/* ch01/ch02 tablet-col: Cover-Textblock wie Desktop-Split (rechte Spalte) */
body.single-cover-bg[data-cover-layout="tablet-col"] {
  --cover-stage-text-pad-top: clamp(160px, 13vw, 220px);
  --cover-stage-enter-reserve: clamp(56px, 8vh, 88px);
  --cover-tablet-sidebar-pad-right: max(
    clamp(16px, 3vw, 28px),
    calc(var(--sidebar-panel-w, 335px) + env(safe-area-inset-right, 0px) + 12px)
  );
  /* Startblock 00–02: gemeinsam nach links (Reserve/Breite unverändert → mehr Luft rechts zur Sidebar) */
  --cover-tablet-text-nudge-left: 80px;
  --cover-text-width: min(380px, 100%);
  /* Textspalten-Start wie Cover-00-Grid (50/50 Querformat; Portrait überschreibt auf 34 %) */
  --cover-tablet-text-col-start: 50%;
  --cover-tablet-text-col-sidebar-factor: 0.5;
}

body.single-cover-bg[data-cover-layout="tablet-col"] #ch01,
body.single-cover-bg[data-cover-layout="tablet-col"] #ch02 {
  box-sizing: border-box;
  min-height: 100%;
  min-height: 100dvh;
  justify-content: center;
  align-items: flex-start;
  padding-top: var(--cover-stage-text-pad-top);
  padding-bottom: calc(88px + var(--cover-stage-enter-reserve));
  padding-left: calc(
    var(--cover-tablet-text-col-start, 50%)
    - (var(--cover-tablet-text-col-sidebar-factor, 0.5) * var(--cover-tablet-sidebar-pad-right))
    - var(--cover-tablet-text-nudge-left, 0px)
  );
  padding-right: var(--cover-tablet-sidebar-pad-right);
}

body.single-cover-bg[data-cover-layout="tablet-col"] #ch02 {
  --panel-width: var(--chapter-panel-width);
}

body.single-cover-bg[data-cover-layout="tablet-col"] #ch01 > .sec-num,
body.single-cover-bg[data-cover-layout="tablet-col"] #ch02 > .sec-num {
  transform: none;
  margin-left: 16px;
  margin-bottom: 32px;
}

body.single-cover-bg[data-cover-layout="tablet-col"] #ch01 > .sec-title,
body.single-cover-bg[data-cover-layout="tablet-col"] #ch02 > .sec-title {
  transform: none;
  margin-left: 12px;
  margin-top: -20px;
  margin-bottom: 32px;
}

body.single-cover-bg[data-cover-layout="tablet-col"] #ch01 .chapter-intro-wrap,
body.single-cover-bg[data-cover-layout="tablet-col"] #ch02 .chapter-intro-wrap {
  transform: none;
  margin-left: 8px;
  margin-bottom: 25px;
  max-width: min(var(--cover-text-width, 380px), 100%);
  width: 100%;
  position: relative;
}

body.single-cover-bg[data-cover-layout="tablet-col"] #ch01 .slider-action-host.slider-action-host--discover,
body.single-cover-bg[data-cover-layout="tablet-col"] #ch02 .slider-action-host.slider-action-host--discover {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin: 0;
  padding-top: 8px;
  box-sizing: border-box;
}

body.single-cover-bg[data-cover-layout="tablet-col"] #ch01 .chapter-intro,
body.single-cover-bg[data-cover-layout="tablet-col"] #ch02 .chapter-intro {
  margin-left: 0;
  padding-top: 0;
  height: auto;
  max-width: min(var(--cover-text-width, 380px), 100%);
  font-weight: 300;
  color: var(--ch-cover-intro-color);
  line-height: 1.72;
  letter-spacing: 0;
}

/* iPad-Sidebar (linke Punkte): nur Nummer, kein „· Entdecken / Gemerkt“ */
body.single-cover-bg[data-cover-layout] .sidebar-nav.is-cover-stage-portal .sn-label::after,
body.single-cover-bg[data-cover-layout] .sidebar-nav.is-cover-stage-portal .sn-label--sub::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
}

body.single-cover-bg[data-cover-layout] .sidebar-nav.is-cover-stage-portal .sn-item:hover .sn-label::after,
body.single-cover-bg[data-cover-layout] .sidebar-nav.is-cover-stage-portal .sn-item:focus-visible .sn-label::after,
body.single-cover-bg[data-cover-layout] .sidebar-nav.is-cover-stage-portal .sn-item:hover .sn-label--sub::after,
body.single-cover-bg[data-cover-layout] .sidebar-nav.is-cover-stage-portal .sn-item:focus-visible .sn-label--sub::after {
  opacity: 0 !important;
}

/* Profil-Uploads (intrinsic): Desktop ohne Breathe; Größe über .is-desktop-cover-display */
@media (min-width: 1025px) {
  body.single-cover-bg.cover-bg-intrinsic.is-desktop-cover-display .body-wrap::after {
    animation: none;
    transform: none;
    will-change: auto;
    background-position: var(--header-bg-pos-desktop);
  }
}

/* Upload-Cover: Intro-Scrim — weicher Verlauf, oben ohne Auslauf in Transparenz. */
body.single-cover-bg.cover-bg-intrinsic {
  /* Mobil-Ausrichtung: --cover-bg-x-intrinsic-* inline auf body (applyCoverBackground). */
  --cover-user-photo-veil: rgba(12, 10, 16, 0.4);
  --cover-intro-scrim-strength: 0.42;
  --cover-intro-scrim-blur: 3px;
  --cover-intro-scrim-radius: 20px;
  --cover-intro-scrim-at-x: 34%;
  --cover-intro-scrim-at-y: 50%;
  --cover-intro-scrim-pad-top: 48px;
  --cover-intro-scrim-pad-bottom: 40px;
  --cover-intro-scrim-pad-right: 42px;
  --cover-intro-scrim-pad-left: 39px;
}

body.single-cover-bg.cover-bg-intrinsic.is-desktop-cover-display .body-wrap::before {
  background: var(--cover-user-photo-veil);
}

@media (min-width: 1025px) {
  body.single-cover-bg.cover-bg-intrinsic .body-wrap::before {
    background: var(--cover-user-photo-veil);
  }
}

body.single-cover-bg.cover-bg-intrinsic[data-cover-layout] .img-panel::after,
body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"].sidebar-open .img-panel::after,
body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"].sidebar-pinned .img-panel::after,
body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"].info-window-story-open .img-panel::after {
  background: var(--cover-user-photo-veil);
  opacity: 1;
}

body.single-cover-bg.cover-bg-intrinsic[data-cover-layout] .img-panel {
  background-size: var(--cover-photo-size-mobile, cover);
  background-position: var(--cover-bg-x-intrinsic-mobile) var(--cover-photo-y);
}

@media (min-width: 800px) and (max-width: 1024px) and (orientation: landscape) {
  body.single-cover-bg.cover-bg-intrinsic[data-cover-layout] .img-panel {
    background-position: var(--cover-bg-x-intrinsic-mobile-landscape) var(--cover-photo-y);
  }
}

@media (orientation: portrait) {
  body.single-cover-bg.cover-bg-intrinsic[data-cover-layout] .img-panel {
    background-position: var(--cover-bg-x-intrinsic-mobile-portrait) var(--cover-photo-y);
  }
}

@media (orientation: portrait) and (min-width: 744px) and (max-width: 819px) {
  body.single-cover-bg.cover-bg-intrinsic[data-cover-layout] .img-panel {
    background-position: var(--cover-bg-x-intrinsic-mobile-portrait) var(--cover-photo-y);
  }
}

@media (min-width: 820px) and (max-width: 1400px) and (orientation: portrait) {
  body.single-cover-bg.cover-bg-intrinsic[data-cover-layout] .img-panel {
    background-position: var(--cover-bg-x-intrinsic-mobile-portrait) var(--cover-photo-y);
  }
}

@media (min-width: 1025px) and (max-width: 1400px) and (orientation: landscape) {
  body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="tablet-col"] .img-panel {
    background-position: var(--cover-bg-x-intrinsic-mobile-landscape) var(--cover-photo-y);
  }
}

/* Eigenes Cover-Upload: Tag gedämpftes Weiß — Phone/iPad haben eigene Cover-00-Regeln. */
body.single-cover-bg.cover-bg-intrinsic:not([data-cover-layout="phone"]):not([data-cover-layout="tablet-col"]) #cover.sec-cover .cover-stack > .cover-tag {
  color: rgba(var(--white-rgb), 0.78) !important;
  font-weight: 400;
  font-synthesis: weight;
  text-shadow: none;
}

body.single-cover-bg.cover-bg-intrinsic:not([data-cover-layout="phone"]):not([data-cover-layout="tablet-col"]) #cover.sec-cover[data-entry-state="after_enter"] .cover-stack > .cover-tag,
body.single-cover-bg.cover-bg-intrinsic:not([data-cover-layout="phone"]):not([data-cover-layout="tablet-col"]).oorigin-cover-authed #cover.sec-cover .cover-stack > .cover-tag {
  color: rgba(var(--white-rgb), 0.78) !important;
  font-weight: 500;
  font-synthesis: weight;
  text-shadow: none;
}

/* Eigenes Cover + eingeloggt: Begrüßung wie Username-Weiß. */
body.single-cover-bg.cover-bg-intrinsic:not([data-cover-layout="phone"]) #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro,
body.single-cover-bg.cover-bg-intrinsic:not([data-cover-layout="phone"]) #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro-motion {
  color: var(--ch-cover-greeting-color);
  font-weight: var(--oorigin-start-lead-font-weight);
}

body.single-cover-bg.cover-bg-intrinsic #cover.sec-cover[data-entry-state="after_enter"] .cover-greeting-username,
body.single-cover-bg.cover-bg-intrinsic.oorigin-cover-authed #cover.sec-cover .cover-greeting-username {
  color: inherit !important;
  font-weight: 500;
  font-synthesis: weight;
  font-size: inherit;
  font-style: italic;
}

/* Kapitel 01/02: Nummer + Tag-Titel (z. B. 01 / Echtheit.) weiß statt Lila. */
body.single-cover-bg.cover-bg-intrinsic #ch01 > .sec-num,
body.single-cover-bg.cover-bg-intrinsic #ch02 > .sec-num {
  color: rgba(var(--white-rgb), 0.78);
  text-shadow:
    0 1px 16px rgba(var(--bg-rgb), 0.4),
    0 0 1px rgba(var(--bg-rgb), 0.3);
}

body.single-cover-bg.cover-bg-intrinsic #ch01 .sec-title-motion em,
body.single-cover-bg.cover-bg-intrinsic #ch02 .sec-title-motion em {
  color: rgba(var(--white-rgb), 0.86);
  text-shadow:
    0 1px 20px rgba(var(--bg-rgb), 0.45),
    0 0 1px rgba(var(--bg-rgb), 0.35);
}

body.single-cover-bg.cover-bg-intrinsic .discover-grid-item-tag {
  color: rgba(var(--white-rgb), 1);
}

/* Sidebar Profil: Ausloggen — gedämpftes Weiß, etwas fetter (wie Filterliste). */
body.single-cover-bg.cover-bg-intrinsic .sidebar-footer-profile-logout-btn {
  color: rgba(var(--white-rgb), 0.78);
  font-weight: 400;
  font-synthesis: weight;
}
body.single-cover-bg.cover-bg-intrinsic .sidebar-footer-profile-logout-btn:hover,
body.single-cover-bg.cover-bg-intrinsic .sidebar-footer-profile-logout-btn:focus-visible {
  color: rgba(var(--white-rgb), 0.86);
  outline: none;
}

body.single-cover-bg.cover-bg-intrinsic #cover.sec-cover[data-entry-state="after_enter"] .cover-logo-word {
  text-shadow:
    0 1px 20px rgba(var(--bg-rgb), 0.45),
    0 0 1px rgba(var(--bg-rgb), 0.35);
}

body.single-cover-bg.cover-bg-intrinsic #cover.sec-cover .cover-title .cover-logo-word .ri {
  color: var(--logo-accent);
}

/* User-Cover (hell): kaum sichtbare Kontur nur um „ri“ (Nav + Cover). */
body.cover-bg-intrinsic .nav-logo .logo-word .ri,
body.cover-bg-intrinsic .cover-logo-word .ri {
  text-shadow: 0 0 1px rgba(var(--bg-rgb), 0.34);
}

body.single-cover-bg.cover-bg-intrinsic #cover.sec-cover .cover-stack > .chapter-intro-wrap {
  position: relative;
  z-index: 0;
  isolation: isolate;
  overflow: visible;
}

body.single-cover-bg.cover-bg-intrinsic #cover.sec-cover .cover-stack > .chapter-intro-wrap::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: calc(-1 * var(--cover-intro-scrim-pad-top));
  right: calc(-1 * var(--cover-intro-scrim-pad-right));
  bottom: calc(-1 * var(--cover-intro-scrim-pad-bottom));
  left: calc(-1 * var(--cover-intro-scrim-pad-left));
  border-radius: var(--cover-intro-scrim-radius);
  pointer-events: none;
  background: radial-gradient(
    ellipse farthest-corner at var(--cover-intro-scrim-at-x) var(--cover-intro-scrim-at-y),
    rgba(var(--bg-rgb), var(--cover-intro-scrim-strength)) 0%,
    rgba(var(--bg-rgb), calc(var(--cover-intro-scrim-strength) * 0.52)) 24%,
    rgba(var(--bg-rgb), calc(var(--cover-intro-scrim-strength) * 0.18)) 42%,
    rgba(var(--bg-rgb), 0) 60%,
    rgba(var(--bg-rgb), 0) 100%
  );
  -webkit-backdrop-filter: blur(var(--cover-intro-scrim-blur));
  backdrop-filter: blur(var(--cover-intro-scrim-blur));
  -webkit-mask-image:
    linear-gradient(to bottom, #000 0%, #000 28%, rgba(0, 0, 0, 0.82) 38%, transparent 68%),
    radial-gradient(
      ellipse farthest-corner at var(--cover-intro-scrim-at-x) var(--cover-intro-scrim-at-y),
      #000 0%,
      rgba(0, 0, 0, 0.72) 38%,
      transparent 60%,
      transparent 100%
    );
  -webkit-mask-composite: source-in;
  mask-image:
    linear-gradient(to bottom, #000 0%, #000 28%, rgba(0, 0, 0, 0.82) 38%, transparent 68%),
    radial-gradient(
      ellipse farthest-corner at var(--cover-intro-scrim-at-x) var(--cover-intro-scrim-at-y),
      #000 0%,
      rgba(0, 0, 0, 0.72) 38%,
      transparent 60%,
      transparent 100%
    );
  mask-composite: intersect;
}

/* Desktop Kapitel 00: kein Flächen-Scrim am Intro — subtiler Schatten nur am Text. */
body.single-cover-bg.is-desktop-cover-display.cover-bg-intrinsic
  #cover.sec-cover
  .cover-stack
  > .chapter-intro-wrap::before {
  display: none;
}

/* iPad (tablet-col): kein Flächen-Scrim hinter Cover-Intro. */
body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="tablet-col"]
  #cover.sec-cover
  .cover-stack
  > .chapter-intro-wrap::before {
  display: none;
}

body.single-cover-bg.is-desktop-cover-display
  #cover.sec-cover
  .chapter-intro,
body.single-cover-bg.is-desktop-cover-display
  #cover.sec-cover
  .chapter-intro-motion {
  font-size: var(--ch-cover-intro-size);
  text-shadow: var(--ch-cover-intro-shadow);
  color: var(--ch-cover-intro-color);
}

body.single-cover-bg.is-desktop-cover-display
  .top-nav
  .nav-logo
  .logo-word,
body.single-cover-bg.is-desktop-cover-display
  .top-nav
  .nav-logo
  .logo-word
  .ri,
body.single-cover-bg.is-desktop-cover-display
  .top-nav
  .nav-logo
  .logo-word
  .logo-mark {
  text-shadow: 0 1px 5px rgba(var(--bg-rgb), 0.28);
}

body.single-cover-bg.cover-bg-intrinsic #cover.sec-cover .cover-stack > .chapter-intro-wrap > * {
  position: relative;
  z-index: 1;
}

/* Desktop-Tier (JS: body.is-desktop-cover-display) — auch Chrome, unabhängig von pointer:fine */
body.single-cover-bg.is-desktop-cover-display[data-cover-layout] .body-wrap::before,
body.single-cover-bg.is-desktop-cover-display[data-cover-layout] .body-wrap::after {
  display: block !important;
}

body.single-cover-bg.is-desktop-cover-display[data-cover-layout] .img-panel {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: var(--cover-left-width);
  height: auto;
  flex-shrink: 0;
  overflow: hidden;
  background-image: none !important;
  background-color: transparent;
  pointer-events: auto;
}

body.single-cover-bg.is-desktop-cover-display[data-cover-layout] .img-panel::after {
  opacity: 0;
}

body.single-cover-bg.is-desktop-cover-display .body-wrap::after {
  background-image: var(--header-image-desktop);
  background-position: var(--header-bg-pos-desktop);
  background-repeat: no-repeat;
  background-size: cover;
}

/* iPhone: Footer ··· (lädt nach sidebar.css) */
body.single-cover-bg[data-cover-layout="phone"] #sidebarEditNotesTrigger:not([hidden]) .sidebar-text-edit-more-dot {
  width: 4.2px !important;
  height: 4.2px !important;
  transform: none !important;
}
body.single-cover-bg[data-cover-layout="phone"] #sidebarEditNotesTrigger:not([hidden]) {
  gap: 3px !important;
  padding: 0 !important;
}

/* Kapitel 00–02: Cover-Intro + Rotation — Basis-Tokens (Phone/Tablet überschreiben separat). */
body.single-cover-bg {
  --cover-greeting-pad-nudge: 15px;
  --cover-greeting-pad-nudge-desktop: 40px;
  --ch-cover-greeting-color: rgba(var(--white-rgb), 0.84);
  --ch-cover-intro-weight: 400;
  --ch-cover-intro-size: clamp(calc(1.03rem * 1.1), calc(1.42vw * 1.1), calc(1.2rem * 1.1));
  --ch-cover-intro-shadow: 0 1px 5px rgba(var(--bg-rgb), 0.28);
  --ch-cover-label-shadow:
    0 1px 14px rgba(var(--bg-rgb), 0.46),
    0 0 1px rgba(var(--bg-rgb), 0.38);
  --ch-cover-intro-size-phone: var(--oorigin-start-lead-font-size);
}

/* Cover 00 Gast (before_enter): Tag — Desktop weiß; Phone/iPad wie Info #start .hero-pre. */
body.single-cover-bg:not([data-cover-layout="phone"]):not([data-cover-layout="tablet-col"]) #cover.sec-cover[data-entry-state="before_enter"] .cover-stack > .cover-tag {
  color: rgba(var(--white-rgb), 0.78);
  font-weight: 400;
  font-synthesis: weight;
}

/* Desktop (>1024, kein data-cover-layout): Intro 00–02 wie Info-Lead. */
body.single-cover-bg:not([data-cover-layout]) {
  --ch-cover-intro-desktop-scale: 1.28;
  --ch-cover-intro-size: clamp(
    calc(1.03rem * var(--ch-cover-intro-desktop-scale)),
    calc(1.42vw * var(--ch-cover-intro-desktop-scale)),
    calc(1.2rem * var(--ch-cover-intro-desktop-scale))
  );
  --ch-cover-intro-color: rgba(var(--white-rgb), 0.82);
  --ch-cover-intro-shadow: var(--oorigin-lead-text-shadow);
}

/* iPad Intro Kapitel 00–02: nur --ch-cover-intro-tablet-scale (Portrait + Landscape) */
body.single-cover-bg[data-cover-layout="tablet-col"] {
  --ch-cover-intro-tablet-scale: 1.08;
  --cover-tablet-title-scale: 1.12;
  --cover-tablet-tag-scale: 1.15;
  --cover-tablet-tag-portrait-scale: 1;
  --cover-tablet-tag-letter-spacing: 0.2em;
  --cover-tablet-tag-size-min: 0.76rem;
  --cover-tablet-tag-size-vw: 1.02vw;
  --cover-tablet-tag-size-max: 0.88rem;
  --ch-cover-intro-color: rgba(var(--white-rgb), 0.82);
  --ch-cover-intro-shadow: var(--oorigin-lead-text-shadow);
  --ch-cover-intro-size-tablet: clamp(
    calc(1.14rem * var(--ch-cover-intro-tablet-scale)),
    calc(3.35vw * var(--ch-cover-intro-tablet-scale)),
    calc(1.45rem * var(--ch-cover-intro-tablet-scale))
  );
}

/* iPad tablet-col: Cover-Tag (Ein Ort / Du bist da) — nur --cover-tablet-tag-scale */
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover .cover-stack > .cover-tag,
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover #coverTag {
  font-size: clamp(
    calc(var(--cover-tablet-tag-size-min) * var(--cover-tablet-tag-scale)),
    calc(var(--cover-tablet-tag-size-vw) * var(--cover-tablet-tag-scale)),
    calc(var(--cover-tablet-tag-size-max) * var(--cover-tablet-tag-scale))
  );
  letter-spacing: var(--cover-tablet-tag-letter-spacing);
  line-height: var(--oorigin-start-hero-pre-line-height);
}

/* „DU BIST DA.“ iPad tablet-col: +15 % gegenüber Standard-Cover-Tag. */
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="after_enter"] .cover-stack > .cover-tag,
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="after_enter"] #coverTag,
body.single-cover-bg[data-cover-layout="tablet-col"].oorigin-cover-authed #cover.sec-cover .cover-stack > .cover-tag,
body.single-cover-bg[data-cover-layout="tablet-col"].oorigin-cover-authed #cover.sec-cover #coverTag {
  font-size: clamp(
    calc(var(--cover-tablet-tag-size-min) * var(--cover-tablet-tag-scale) * 1.15),
    calc(var(--cover-tablet-tag-size-vw) * var(--cover-tablet-tag-scale) * 1.15),
    calc(var(--cover-tablet-tag-size-max) * var(--cover-tablet-tag-scale) * 1.15)
  );
}

/* iPad tablet-col: Cover-Titel oorigin — nur --cover-tablet-title-scale */
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover .cover-title .cover-logo-word,
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover .cover-title-motion .cover-logo-word,
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover #coverTitleMotion .cover-logo-word {
  font-size: clamp(
    calc(3.5rem * var(--cover-tablet-title-scale)),
    calc(6vw * var(--cover-tablet-title-scale)),
    calc(7rem * var(--cover-tablet-title-scale))
  );
}

body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="after_enter"] .cover-entered-title-user {
  font-size: clamp(
    calc(2.8rem * var(--cover-tablet-title-scale)),
    calc(4.8vw * var(--cover-tablet-title-scale)),
    calc(5.6rem * var(--cover-tablet-title-scale))
  );
}

@media (min-width: 1024px) {
  body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover .cover-title .cover-logo-word,
  body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover .cover-title-motion .cover-logo-word,
  body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover #coverTitleMotion .cover-logo-word {
    font-size: clamp(
      calc(4.1rem * var(--cover-tablet-title-scale)),
      calc(6.8vw * var(--cover-tablet-title-scale)),
      calc(7.6rem * var(--cover-tablet-title-scale))
    );
  }
}

/* Kapitel 00: Cover-Intro-Textschatten einheitlich (Desktop, iPad, iPhone). */
body.single-cover-bg #cover.sec-cover .chapter-intro,
body.single-cover-bg #cover.sec-cover .chapter-intro-motion,
body.single-cover-bg.oorigin-cover-authed #cover.sec-cover .chapter-intro,
body.single-cover-bg.oorigin-cover-authed #cover.sec-cover .chapter-intro-motion {
  text-shadow: var(--ch-cover-intro-shadow);
}

/* Username im Begrüßungstext: kein Extra-Schatten (nur der Covertext); Gewicht bleibt. */
body.single-cover-bg #cover.sec-cover .cover-greeting-username,
body.single-cover-bg.oorigin-cover-authed #cover.sec-cover .cover-greeting-username,
body.single-cover-bg.cover-bg-intrinsic #cover.sec-cover[data-entry-state="after_enter"] .cover-greeting-username,
body.single-cover-bg.cover-bg-intrinsic.oorigin-cover-authed #cover.sec-cover .cover-greeting-username {
  text-shadow: none;
  font-weight: 500;
  font-synthesis: weight;
}

body.single-cover-bg #cover.sec-cover .chapter-intro,
body.single-cover-bg #cover.sec-cover .chapter-intro-motion,
body.single-cover-bg #ch01 .chapter-intro,
body.single-cover-bg #ch01 .chapter-intro-motion,
body.single-cover-bg #ch02 .chapter-intro,
body.single-cover-bg #ch02 .chapter-intro-motion,
body.single-cover-bg #ch01 .swipe-card .chapter-intro,
body.single-cover-bg #ch02 .swipe-card .chapter-intro {
  font-size: var(--ch-cover-intro-size);
  text-shadow: var(--ch-cover-intro-shadow);
}

/* Desktop + iPad + iPhone: Intro-Farbe wie Info-Lead. */
body.single-cover-bg:not([data-cover-layout]) #cover.sec-cover .chapter-intro,
body.single-cover-bg:not([data-cover-layout]) #cover.sec-cover .chapter-intro-motion,
body.single-cover-bg:not([data-cover-layout]) #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro,
body.single-cover-bg:not([data-cover-layout]) #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro-motion,
body.single-cover-bg:not([data-cover-layout]) #ch01 .chapter-intro,
body.single-cover-bg:not([data-cover-layout]) #ch01 .chapter-intro-motion,
body.single-cover-bg:not([data-cover-layout]) #ch02 .chapter-intro,
body.single-cover-bg:not([data-cover-layout]) #ch02 .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover .chapter-intro,
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro,
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="tablet-col"] #ch01 .chapter-intro,
body.single-cover-bg[data-cover-layout="tablet-col"] #ch01 .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="tablet-col"] #ch02 .chapter-intro,
body.single-cover-bg[data-cover-layout="tablet-col"] #ch02 .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="before_enter"] .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="before_enter"] .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="phone"].oorigin-cover-authed #cover.sec-cover .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"].oorigin-cover-authed #cover.sec-cover .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="phone"] #ch01 .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"] #ch01 .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="phone"] #ch02 .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"] #ch02 .chapter-intro-motion {
  color: var(--ch-cover-intro-color);
}

body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover .chapter-intro,
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="tablet-col"] #ch01 .chapter-intro,
body.single-cover-bg[data-cover-layout="tablet-col"] #ch01 .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="tablet-col"] #ch02 .chapter-intro,
body.single-cover-bg[data-cover-layout="tablet-col"] #ch02 .chapter-intro-motion {
  font-size: var(--ch-cover-intro-size-tablet);
}

body.single-cover-bg[data-cover-layout="phone"] #ch01.is-stage-active .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"] #ch01.is-stage-active .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="phone"] #ch02.is-stage-active .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"] #ch02.is-stage-active .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="phone"] #ch01 .swipe-card .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"] #ch02 .swipe-card .chapter-intro {
  font-size: var(--ch-cover-intro-size-phone);
  text-shadow: var(--ch-cover-intro-shadow);
}

body.single-cover-bg:has(#ch01.is-stage-active) .sidebar-text-body,
body.single-cover-bg:has(#ch02.is-stage-active) .sidebar-text-body {
  text-shadow: var(--ch-cover-intro-shadow);
}

/* Logout-Intro: ch01 kurz aktiv wie Reload, aber unsichtbar (kein Panel hinter Cover). */
body.oorigin-cover-logout-intro.single-cover-bg[data-cover-layout] #ch01.is-stage-active,
body.oorigin-cover-logout-intro.single-cover-bg[data-cover-layout] #ch02.is-stage-active {
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Login Eintreten: erzwungener Intro-Start (iOS nach display:none in geöffneter Sidebar). */
body.oorigin-cover-login-intro.chapter-title-intro-fade.single-cover-bg[data-cover-layout]
  #cover.is-intro-revealed
  .cover-stack
  > .cover-tag,
body.oorigin-cover-login-intro.chapter-title-intro-fade.single-cover-bg[data-cover-layout]
  #cover.is-intro-revealed
  .cover-title-motion,
body.oorigin-cover-login-intro.chapter-title-intro-fade.single-cover-bg[data-cover-layout]
  #cover.is-intro-revealed
  .chapter-intro-motion,
body.oorigin-cover-login-intro.chapter-title-intro-fade.single-cover-bg[data-cover-layout]
  #cover
  .cover-stack
  > .cover-tag,
body.oorigin-cover-login-intro.chapter-title-intro-fade.single-cover-bg[data-cover-layout]
  #cover
  .cover-title-motion,
body.oorigin-cover-login-intro.chapter-title-intro-fade.single-cover-bg[data-cover-layout]
  #cover
  .chapter-intro-motion,
body.oorigin-cover-login-intro.chapter-title-intro-fade #cover .cover-stack > .cover-tag,
body.oorigin-cover-login-intro.chapter-title-intro-fade #cover .cover-title-motion,
body.oorigin-cover-login-intro.chapter-title-intro-fade #cover .chapter-intro-motion {
  opacity: 0.08 !important;
  transform: translateY(24px) !important;
  transition: none !important;
  visibility: visible !important;
}

/* Cover 00 Stage (phone/tablet-col): Intro-Fade inkl. Eintreten — Werte wie oorigin.css */
body.chapter-title-intro-fade.single-cover-bg[data-cover-layout] #cover .cover-stack > .cover-tag,
body.chapter-title-intro-fade.single-cover-bg[data-cover-layout] #cover .cover-title-motion,
body.chapter-title-intro-fade.single-cover-bg[data-cover-layout] #cover .chapter-intro-motion,
body.chapter-title-intro-fade.single-cover-bg[data-cover-layout]
  #cover.sec-cover:not([data-entry-state="after_enter"])
  .cover-enter-slot
  .cover-enter-btn {
  opacity: 0.08;
  display: block;
  transform: translateY(24px);
  will-change: opacity, transform;
  transition:
    opacity 7.2s cubic-bezier(0.22, 1, 0.36, 1),
    transform 7.2s cubic-bezier(0.22, 1, 0.36, 1);
}

body.chapter-title-intro-fade.single-cover-bg[data-cover-layout] #cover.is-intro-revealed .cover-stack > .cover-tag,
body.chapter-title-intro-fade.single-cover-bg[data-cover-layout] #cover.is-intro-revealed .cover-title-motion,
body.chapter-title-intro-fade.single-cover-bg[data-cover-layout] #cover.is-intro-revealed .chapter-intro-motion,
body.chapter-title-intro-fade.single-cover-bg[data-cover-layout]
  #cover.is-intro-revealed.sec-cover:not([data-entry-state="after_enter"])
  .cover-enter-slot
  .cover-enter-btn {
  opacity: 1;
  transform: translateY(0);
  transition-duration: 7.2s;
}

/* iPad Hochformat: Cover-00-Block — Portrait-Scale für Titel, Intro, Eintreten (Tag separat). */
@media (orientation: portrait) and (min-width: 744px) {
  body.single-cover-bg[data-cover-layout="tablet-col"] {
    --cover-tablet-portrait-type-scale: 1.22;
    --cover-tablet-portrait-enter-scale: 1.22;
    --cover-tablet-title-scale: calc(1.12 * var(--cover-tablet-portrait-type-scale));
    --ch-cover-intro-tablet-scale: calc(1.08 * var(--cover-tablet-portrait-type-scale));
    --cover-tablet-tag-portrait-scale: 1.1;
    --cover-tablet-tag-scale: calc(1.15 * var(--cover-tablet-tag-portrait-scale));
    --cover-tablet-tag-size-min: 0.86rem;
    --cover-tablet-tag-size-vw: 1.4vw;
    --cover-tablet-tag-size-max: 1rem;
    --ch-cover-intro-size-tablet: clamp(
      calc(1.14rem * var(--ch-cover-intro-tablet-scale)),
      calc(3.35vw * var(--ch-cover-intro-tablet-scale)),
      calc(1.45rem * var(--ch-cover-intro-tablet-scale))
    );
  }

  body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover .cover-enter-slot .cover-enter-btn,
  body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover #coverEnterBtn {
    font-size: calc(
      0.82rem * var(--cover-tablet-portrait-type-scale) * var(--cover-tablet-portrait-enter-scale)
    );
    padding: calc(14px * var(--cover-tablet-portrait-type-scale) * var(--cover-tablet-portrait-enter-scale))
      calc(28px * var(--cover-tablet-portrait-type-scale) * var(--cover-tablet-portrait-enter-scale));
    letter-spacing: calc(
      0.28em * var(--cover-tablet-portrait-type-scale) * var(--cover-tablet-portrait-enter-scale)
    );
  }
}

/* iPad schmal Portrait (Mini etc.): breitere Textspalte — sonst bricht „Ein Ort …“ schon um. */
@media (orientation: portrait) and (min-width: 744px) and (max-width: 833px) {
  body.single-cover-bg[data-cover-layout="tablet-col"] {
    --cover-tablet-sidebar-pad-right: max(
      clamp(16px, 3vw, 28px),
      calc(260px + env(safe-area-inset-right, 0px) + 12px)
    );
    --cover-tablet-text-nudge-left: 56px;
    --cover-text-width: min(360px, 100%);
    --cover-tablet-text-col-start: 34%;
    --cover-tablet-text-col-sidebar-factor: 0.34;
  }

  body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover .cover-stage {
    grid-template-columns: minmax(0, 34%) minmax(0, 66%);
  }

  body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="before_enter"],
  body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="after_enter"] {
    --cover-intro-read-width: min(360px, 100%);
    --cover-text-width: min(360px, 100%);
  }

  body.single-cover-bg[data-cover-layout="tablet-col"] {
    --cover-tablet-tag-letter-spacing: 0.14em;
    --cover-tablet-tag-portrait-scale: 1.06;
    --cover-tablet-tag-scale: calc(1.15 * var(--cover-tablet-tag-portrait-scale));
    --cover-tablet-tag-size-min: 0.84rem;
    --cover-tablet-tag-size-vw: 1.22vw;
    --cover-tablet-tag-size-max: 0.96rem;
  }

  body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover .cover-stack > .cover-tag,
  body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover #coverTag {
    display: inline-block;
    white-space: nowrap;
    word-break: keep-all;
    overflow-wrap: normal;
    hyphens: manual;
  }
}

/* iPad Pro Hochformat: Cover-00 — Typo + Block etwas weiter links (s. --cover-tablet-text-nudge-left). */
@media (orientation: portrait) and (min-width: 834px) {
  body.single-cover-bg[data-cover-layout="tablet-col"] {
    --cover-tablet-portrait-type-scale: calc(1.22 * 1.14);
    --cover-tablet-title-scale: calc(1.12 * var(--cover-tablet-portrait-type-scale));
    --ch-cover-intro-tablet-scale: calc(1.08 * var(--cover-tablet-portrait-type-scale));
    --cover-tablet-tag-portrait-scale: 1.14;
    --cover-tablet-tag-scale: calc(1.15 * var(--cover-tablet-tag-portrait-scale));
    --cover-tablet-text-nudge-left: 120px;
    --cover-tablet-sidebar-pad-right: max(
      clamp(16px, 3vw, 28px),
      calc(280px + env(safe-area-inset-right, 0px) + 12px)
    );
    --cover-text-width: min(400px, 100%);
    --cover-tablet-text-col-start: 34%;
    --cover-tablet-text-col-sidebar-factor: 0.34;
    --ch-cover-intro-size-tablet: clamp(
      calc(1.14rem * var(--ch-cover-intro-tablet-scale)),
      calc(3.35vw * var(--ch-cover-intro-tablet-scale)),
      calc(1.45rem * var(--ch-cover-intro-tablet-scale))
    );
  }

  body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover .cover-stage {
    grid-template-columns: minmax(0, 34%) minmax(0, 66%);
  }

  body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="before_enter"],
  body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="after_enter"] {
    --cover-intro-read-width: min(400px, 100%);
    --cover-text-width: min(400px, 100%);
  }

  body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover {
    --cover-tablet-pro-portrait-enter-scale: 1.32;
    --cover-tablet-tag-letter-spacing: 0.14em;
  }

  body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover .cover-stack > .cover-tag,
  body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover #coverTag {
    display: inline-block;
    white-space: nowrap;
    word-break: keep-all;
    overflow-wrap: normal;
    hyphens: manual;
  }

  body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover .cover-enter-slot .cover-enter-btn,
  body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover #coverEnterBtn {
    font-size: calc(
      0.82rem * var(--cover-tablet-portrait-type-scale) * var(--cover-tablet-pro-portrait-enter-scale)
    );
    padding: calc(14px * var(--cover-tablet-portrait-type-scale) * var(--cover-tablet-pro-portrait-enter-scale))
      calc(28px * var(--cover-tablet-portrait-type-scale) * var(--cover-tablet-pro-portrait-enter-scale));
    letter-spacing: calc(
      0.28em * var(--cover-tablet-portrait-type-scale) * var(--cover-tablet-pro-portrait-enter-scale)
    );
  }
}

/* iPad Pro 12,9″ Hochformat: Logo-Basis etwas größer (s. --cover-tablet-title-scale). */
@media (orientation: portrait) and (min-width: 1024px) {
  body.single-cover-bg[data-cover-layout="tablet-col"] {
    --cover-tablet-text-nudge-left: 140px;
    --cover-tablet-sidebar-pad-right: max(
      clamp(16px, 3vw, 28px),
      calc(var(--sidebar-panel-w, 335px) + env(safe-area-inset-right, 0px) + 12px)
    );
    --cover-text-width: min(420px, 100%);
    --cover-tablet-text-col-start: 34%;
    --cover-tablet-text-col-sidebar-factor: 0.34;
  }

  body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="before_enter"],
  body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="after_enter"] {
    --cover-intro-read-width: min(420px, 100%);
    --cover-text-width: min(420px, 100%);
  }

  body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover .cover-title .cover-logo-word,
  body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover .cover-title-motion .cover-logo-word,
  body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover #coverTitleMotion .cover-logo-word {
    font-size: clamp(
      calc(4.1rem * var(--cover-tablet-title-scale)),
      calc(6.8vw * var(--cover-tablet-title-scale)),
      calc(7.6rem * var(--cover-tablet-title-scale))
    );
  }
}

/* iPad Querformat (tablet-col): Eintreten — nur Button, proportional größer */
@media (orientation: landscape) and (min-width: 744px) {
  body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover {
    --cover-tablet-landscape-type-scale: 1.14;
    --cover-tablet-landscape-enter-scale: 1.05;
  }

  body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover .cover-enter-slot .cover-enter-btn,
  body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover #coverEnterBtn {
    font-size: calc(
      0.82rem * var(--cover-tablet-landscape-type-scale) * var(--cover-tablet-landscape-enter-scale)
    );
    padding: calc(14px * var(--cover-tablet-landscape-type-scale) * var(--cover-tablet-landscape-enter-scale))
      calc(28px * var(--cover-tablet-landscape-type-scale) * var(--cover-tablet-landscape-enter-scale));
    letter-spacing: calc(
      0.28em * var(--cover-tablet-landscape-type-scale) * var(--cover-tablet-landscape-enter-scale)
    );
  }
}

/* iPad Pro Querformat ab 1366: Lead-Stage Typo +10 %; Eintreten etwas größer (nur Tokens, keine Animation). */
@media (orientation: landscape) and (min-width: 1366px) and (max-width: 1400px) {
  body.single-cover-bg[data-cover-layout="tablet-col"] {
    --cover-tablet-pro-landscape-type-scale: 1.1;
    --ch-cover-intro-tablet-scale: calc(1.08 * var(--cover-tablet-pro-landscape-type-scale));
    --cover-tablet-title-scale: calc(1.12 * var(--cover-tablet-pro-landscape-type-scale));
    --cover-tablet-tag-scale: calc(1.15 * var(--cover-tablet-pro-landscape-type-scale));
  }
  body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover {
    --cover-tablet-landscape-enter-scale: calc(1.05 * 1.12);
  }
}

/* Cover-Panel links unten: Kapitelnummer (00) — Regular statt Light (wie Filterliste / Ausloggen). */
body.single-cover-bg #chapterLabel .chapter-label-num {
  text-shadow: none;
}

body.single-cover-bg #chapterLabel .chapter-label-num {
  font-family: var(--font);
  font-size: var(--chapter-label-num-size, 0.94rem);
  font-weight: 600;
  font-synthesis: weight;
  color: var(--chapter-label-lilac, color-mix(in srgb, var(--purple) 65%, white 35%));
}

body.single-cover-bg #chapterLabel .chapter-label-text {
  font-family: var(--font);
  font-weight: 400;
  font-synthesis: weight;
  color: rgba(var(--white-rgb), 1);
  text-shadow: none;
}

/* Cover 00: Eintreten 15px nach links (Desktop + iPad, nicht Phone) */
@media (min-width: 1025px) {
  body.single-cover-bg:not([data-cover-layout]) #cover.sec-cover[data-entry-state="before_enter"] .cover-enter-slot .cover-enter-btn {
    margin-left: calc(40px - 10px);
  }
}

body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="before_enter"] .cover-enter-slot .cover-enter-btn {
  margin-left: calc(12px - 2px);
}

@media (min-width: 1340px) and (max-width: 1392px) and (min-height: 880px) and (max-height: 1060px) and (orientation: landscape) {
  body.single-cover-bg:not([data-cover-layout]) #cover.sec-cover[data-entry-state="before_enter"] .cover-enter-slot .cover-enter-btn {
    margin-left: calc(12px - 10px);
  }
}

/* Desktop Intro 00: abschließend an 01/02-Tokens (Fallback aus oorigin.css entfernt). */
body.single-cover-bg.is-desktop-cover-display:not([data-cover-layout])
  #cover.sec-cover
  .chapter-intro,
body.single-cover-bg.is-desktop-cover-display:not([data-cover-layout])
  #cover.sec-cover
  .chapter-intro-motion,
body.single-cover-bg.is-desktop-cover-display:not([data-cover-layout])
  #cover.sec-cover
  #coverIntroMotion {
  font-size: var(--ch-cover-intro-size);
  text-shadow: var(--ch-cover-intro-shadow);
  color: var(--ch-cover-intro-color);
}

/* iPad Cover 00–02: „Neu bei oorigin?“ — Typo (--cover-top-nav-invite-size) + Vertikal (--cover-top-nav-invite-offset-top). */
body.single-cover-bg[data-cover-layout="tablet-col"] {
  --cover-top-nav-invite-size: 0.9rem;
  --cover-top-nav-invite-offset-top: 15px;
}

@media (orientation: portrait) {
  body.single-cover-bg[data-cover-layout="tablet-col"] {
    --cover-top-nav-invite-size: 1.058rem;
    --cover-top-nav-invite-offset-top: 18px;
  }
}

@media (orientation: portrait) and (min-width: 820px) and (max-width: 833px) {
  body.single-cover-bg[data-cover-layout="tablet-col"] {
    --cover-top-nav-invite-size: 1.178rem;
    --cover-top-nav-invite-offset-top: 20px;
  }
}

@media (orientation: portrait) and (min-width: 834px) {
  body.single-cover-bg[data-cover-layout="tablet-col"] {
    --cover-top-nav-invite-size: calc(1.178rem * 1.15);
    --cover-top-nav-invite-offset-top: 20px;
  }
}

@media (orientation: landscape) and (min-width: 1366px) and (max-width: 1400px) {
  body.single-cover-bg[data-cover-layout="tablet-col"] {
    --cover-top-nav-invite-size: 1.125rem;
  }
}

body.single-cover-bg[data-cover-layout="tablet-col"] .top-nav-cover-invite {
  font-size: var(--cover-top-nav-invite-size);
  letter-spacing: 0.035em;
}

body.single-cover-bg[data-cover-layout="tablet-col"] #topNavCoverInviteLink {
  font-size: var(--cover-top-nav-invite-size);
}

/* iPhone Cover-Intro 00–02: Typo wie Info-Start-Lead (#start .lead). */
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="before_enter"] .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="before_enter"] .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="phone"].oorigin-cover-authed #cover.sec-cover .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"].oorigin-cover-authed #cover.sec-cover .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover #coverIntroMotion,
body.single-cover-bg[data-cover-layout="phone"] #ch01 .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"] #ch01 .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="phone"] #ch02 .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"] #ch02 .chapter-intro-motion {
  font-size: var(--oorigin-start-lead-font-size);
  font-weight: var(--oorigin-start-lead-font-weight);
  line-height: var(--oorigin-start-lead-line-height);
  letter-spacing: var(--oorigin-start-lead-letter-spacing);
  color: var(--oorigin-lead-color);
  opacity: 1;
  text-shadow: var(--oorigin-lead-text-shadow);
  -webkit-font-smoothing: antialiased;
  font-synthesis-weight: none;
}

/* Cover 00–02 Intro: gedämpftes Weiß wie Username, kein Extra-Schatten, Lead-Gewicht. */
body.single-cover-bg #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro,
body.single-cover-bg #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro-motion,
body.single-cover-bg #cover.sec-cover[data-entry-state="after_enter"] #coverIntroMotion,
body.single-cover-bg #cover.sec-cover[data-entry-state="before_enter"] .chapter-intro,
body.single-cover-bg #cover.sec-cover[data-entry-state="before_enter"] .chapter-intro-motion,
body.single-cover-bg #cover.sec-cover[data-entry-state="before_enter"] #coverIntroMotion,
body.single-cover-bg.oorigin-cover-authed #cover.sec-cover .chapter-intro,
body.single-cover-bg.oorigin-cover-authed #cover.sec-cover .chapter-intro-motion,
body.single-cover-bg.oorigin-cover-authed #cover.sec-cover #coverIntroMotion,
body.single-cover-bg.is-desktop-cover-display:not([data-cover-layout]) #cover.sec-cover .chapter-intro,
body.single-cover-bg.is-desktop-cover-display:not([data-cover-layout]) #cover.sec-cover .chapter-intro-motion,
body.single-cover-bg.is-desktop-cover-display:not([data-cover-layout]) #cover.sec-cover #coverIntroMotion,
body.single-cover-bg.is-desktop-cover-display:not([data-cover-layout]) #ch01 .chapter-intro,
body.single-cover-bg.is-desktop-cover-display:not([data-cover-layout]) #ch01 .chapter-intro-motion,
body.single-cover-bg.is-desktop-cover-display:not([data-cover-layout]) #ch02 .chapter-intro,
body.single-cover-bg.is-desktop-cover-display:not([data-cover-layout]) #ch02 .chapter-intro-motion,
body.single-cover-bg:not([data-cover-layout]) #ch01 .chapter-intro,
body.single-cover-bg:not([data-cover-layout]) #ch01 .chapter-intro-motion,
body.single-cover-bg:not([data-cover-layout]) #ch02 .chapter-intro,
body.single-cover-bg:not([data-cover-layout]) #ch02 .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover .chapter-intro,
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="tablet-col"] #ch01 .chapter-intro,
body.single-cover-bg[data-cover-layout="tablet-col"] #ch01 .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="tablet-col"] #ch02 .chapter-intro,
body.single-cover-bg[data-cover-layout="tablet-col"] #ch02 .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover #coverIntroMotion,
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="before_enter"] .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="before_enter"] .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="after_enter"] #coverIntroMotion,
body.single-cover-bg[data-cover-layout="phone"].oorigin-cover-authed #cover.sec-cover .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"].oorigin-cover-authed #cover.sec-cover .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="phone"] #ch01 .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"] #ch01 .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="phone"] #ch02 .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"] #ch02 .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="phone"] #ch01.is-stage-active .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"] #ch01.is-stage-active .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="phone"] #ch02.is-stage-active .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"] #ch02.is-stage-active .chapter-intro-motion,
body.single-cover-bg[data-cover-layout="phone"] #ch01 .swipe-card .chapter-intro,
body.single-cover-bg[data-cover-layout="phone"] #ch02 .swipe-card .chapter-intro,
body.single-cover-bg #ch01 .chapter-intro,
body.single-cover-bg #ch01 .chapter-intro-motion,
body.single-cover-bg #ch02 .chapter-intro,
body.single-cover-bg #ch02 .chapter-intro-motion,
body.single-cover-bg #ch01 .swipe-card .chapter-intro,
body.single-cover-bg #ch02 .swipe-card .chapter-intro,
body.single-cover-bg.cover-bg-intrinsic #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro,
body.single-cover-bg.cover-bg-intrinsic #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro-motion,
body.single-cover-bg.cover-bg-intrinsic:not([data-cover-layout="phone"]) #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro,
body.single-cover-bg.cover-bg-intrinsic:not([data-cover-layout="phone"]) #cover.sec-cover[data-entry-state="after_enter"] .chapter-intro-motion,
body.single-cover-bg.cover-bg-intrinsic #ch01 .chapter-intro,
body.single-cover-bg.cover-bg-intrinsic #ch01 .chapter-intro-motion,
body.single-cover-bg.cover-bg-intrinsic #ch02 .chapter-intro,
body.single-cover-bg.cover-bg-intrinsic #ch02 .chapter-intro-motion {
  color: var(--ch-cover-greeting-color);
  text-shadow: none;
  font-weight: var(--ch-cover-intro-weight);
  font-style: normal;
}

/* Cover-Tag „Ein Ort für Dich.“: auf allen Geräten und in allen Zuständen ohne Schatten. */
body.single-cover-bg #cover.sec-cover .cover-stack > .cover-tag,
body.single-cover-bg #cover.sec-cover #coverTag {
  text-shadow: none !important;
}

/* iPhone Cover-Tag „Ein Ort für Dich.“: wie Info #start .hero-pre. */
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="before_enter"] .cover-stack > .cover-tag,
body.single-cover-bg[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="before_enter"] #coverTag {
  font-size: var(--oorigin-start-hero-pre-font-size);
  font-weight: 600;
  line-height: var(--oorigin-start-hero-pre-line-height);
  letter-spacing: var(--oorigin-start-hero-pre-letter-spacing);
  text-transform: uppercase;
  color: var(--purple);
  opacity: 1;
  text-shadow: none;
  font-synthesis: weight;
  -webkit-font-smoothing: antialiased;
}

/* iPad Cover-Tag „Ein Ort für Dich.“ — Größe s. --cover-tablet-tag-scale; Farbe/Gewicht wie iPhone. */
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="before_enter"] .cover-stack > .cover-tag,
body.single-cover-bg[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="before_enter"] #coverTag {
  font-weight: 600;
  text-transform: uppercase;
  color: var(--purple);
  opacity: 1;
  text-shadow: none;
  font-synthesis: weight;
  -webkit-font-smoothing: antialiased;
  white-space: nowrap;
  flex-shrink: 0;
  width: max-content;
  max-width: none;
  min-width: max-content;
}

body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="before_enter"] .cover-stack > .cover-tag,
body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="before_enter"] #coverTag,
body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="before_enter"] .cover-stack > .cover-tag,
body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="before_enter"] #coverTag {
  color: rgba(var(--white-rgb), 1) !important;
  font-weight: 600;
  font-synthesis: weight;
  text-shadow: none !important;
}

body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"] #cover.sec-cover[data-entry-state="after_enter"] .cover-stack > .cover-tag,
body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="phone"].oorigin-cover-authed #cover.sec-cover .cover-stack > .cover-tag,
body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="tablet-col"] #cover.sec-cover[data-entry-state="after_enter"] .cover-stack > .cover-tag,
body.single-cover-bg.cover-bg-intrinsic[data-cover-layout="tablet-col"].oorigin-cover-authed #cover.sec-cover .cover-stack > .cover-tag {
  color: rgba(var(--white-rgb), 1) !important;
  font-weight: 500;
  font-synthesis: weight;
}

/* Eingeloggt + eingetreten: Cover-Schriftzug aus (Tag + Begrüßung); Nav-Logo bleibt. */
body.single-cover-bg.oorigin-cover-authed #cover.sec-cover .cover-logo-word {
  display: none !important;
}