/* Gemeinsame Gestaltungs-Grundlage aller SDI-Unterseiten.
   EINE Quelle, nicht pro Seite kopiert — sonst driftet es auseinander,
   sobald jemand nur eine Seite anfasst.

   Geteilt wird die Flaeche: das dunkle Glas-"Blatt", das ueber dem
   Matrix-Regen liegt, plus die Typografie darin.

   NICHT geteilt werden die Tagebuch-Elemente (Linierung, Lochrand,
   Handschrift). Die stehen in ueber-uns.html und gehoeren nur dort hin:
   auf einer Sicherheits- oder System-Seite wirkt Handschrift unseriös.
   Ueber-uns setzt deshalb nur das Padding neu und ergaenzt seine Extras.

   Die Akzentfarbe kommt pro Seite ueber --akzent (orange fuer System und
   Bots, teal fuer Sicherheit und Ueber uns). */

.blatt {
  position:relative;
  border-radius:16px;
  border:1px solid rgba(var(--text-primaer-rgb),0.10);
  background:linear-gradient(180deg,rgba(24,19,13,0.82),rgba(15,12,8,0.88));
  box-shadow:0 40px 90px -40px rgba(0,0,0,0.9), inset 0 1px 0 rgba(255,255,255,0.05);
  padding:40px 44px 48px;
  overflow:hidden;
}

/* Ueberschrift der Seite, sitzt im Blatt. */
.blatt .seitentitel {
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;
  font-size:clamp(26px,3.6vw,40px);
  line-height:1.2;
  letter-spacing:-0.01em;
  color:var(--text-primaer);
  margin:0 0 26px;
}

/* Fliesstext. Zwei Stufen kleiner als vorher (war 17px) — Melodie fand die
   Sachseiten "wie eine Textwand", kleinere Schrift liest sich ruhiger. */
.inhalt {
  font-size:15px;
  line-height:1.9;
  color:var(--sach-text);
}
.inhalt p { margin:0 0 22px; }
.inhalt p:last-child { margin-bottom:0; }

.inhalt h2 {
  font-family:'Space Grotesk',sans-serif;
  font-weight:600;
  font-size:18px;
  color:var(--akzent,var(--orange));
  margin:34px 0 8px;
  letter-spacing:-0.005em;
}
.inhalt h2:first-child { margin-top:0; }

@media (max-width:680px) {
  .blatt { padding:26px 20px 32px; border-radius:12px; }
  .inhalt { font-size:14px; }
  .inhalt h2 { font-size:17px; }
}

/* Inhaltsschutz: verhindert Textauswahl und Drag & Drop auf Unterseiten */
body { -webkit-user-select: none; user-select: none; }
input, textarea, [contenteditable] { -webkit-user-select: text; user-select: text; }