/* =======================================================
   SILBERLINIE 2026 — TYP: ROMANFRAGMENT
   (TOC + lange Textfläche, textfenster2)
   ======================================================= */

.textfenster2{
  overflow: visible;
  width: min(86vw, 640px);
  margin: clamp(0.6rem, 3vh, 2rem) auto 0;
  padding: clamp(1rem, 2.6vw, 2.2rem);
  background: #fff;
  color: #222;
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: clamp(1.1rem, 0.9vw + 0.85rem, 1.3rem);
  line-height: clamp(1.6, 0.8vw + 1.45, 1.9);
  border-radius: 6px;
}

/* Inhaltsverzeichnis-Raster */
.toc{
  display: grid;
  grid-template-columns: 6rem 1fr;
}
.k{
  white-space: nowrap;
  font-weight: 400;
}
/* Tagebuch: Textstabilisierung */
.textfenster1{
  width: min(86vw, 640px);
  margin: clamp(1.2rem, 6vh, 4rem) auto 0;
  padding: clamp(1rem, 2.6vw, 2.2rem);
  background:#fff;
  color:#333;
  border-radius:6px;
}
/* Titel-Spans (du verwendest id="titel" mehrfach) */
.textfenster1 #titel{
  display:block;
  font-size: clamp(1.4rem, 2.4vw, 2.2rem);
  line-height: 1.2;
}
/* Fließtext-Blöcke */
.textfenster1 #vorwort,
.textfenster1 #protokolle1{
  display:block;
  font-size: inherit;
  line-height: inherit;
}
/* Links im Tagebuch: unauffällig */
.textfenster1 a{
  color: inherit;
  text-decoration: none;
}
.textfenster1 a:hover{
  text-decoration: underline;
}
.textfenster1 #vorwort,
.textfenster1 #protokolle1{
  line-height: clamp(1.6, 0.8vw + 1.5, 2);
}
.textfenster1,
.textfenster2{
  width: min(86vw, 640px);
  margin: clamp(1.2rem, 6vh, 4rem) auto 0;
  padding: clamp(1rem, 2.6vw, 2.2rem);

  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: clamp(1.1rem, 0.9vw + 0.85rem, 1.3rem);
  line-height: clamp(1.7, 0.8vw + 1.6, 2);

  background:#fff;
  color:#333;
  border-radius:6px;
}

.nav-widget{
  position: relative;
  width: min(86vw, 640px);
  margin: 0 auto;
}
.nav-bg{
  width:100%;
  height:auto;
  display:block;
  pointer-events:none;
}
.nav-zone{
  position:absolute;
  display:block;
  z-index:10;
  /* Debug aus: */
  outline: none;
}
/* Hitboxen: Werte an dein Bild anpassen */
.nav-zone.first{ left: 25.6%; top: 18%; width: 7%; height: 64%; }
.nav-zone.prev { left: 38.2%; top: 18%; width: 7%; height: 64%; }
.nav-zone.next { left: 54.8%; top: 18%; width: 7%; height: 64%; }
.nav-zone.last { left: 67.5%; top: 18%; width: 7%; height: 64%; }