/* ###################################################################### */
/* ### Ergebnisliste /projects (Themen-/Nationen-Filter) ###              */
/* Wird von css('@auto') in site/snippets/header.php automatisch geladen, */
/* sobald die Vorlage "projects" rendert - genau so, wie templates/       */
/* chronik.css nur beim Chronik geladen wird.                      */
/*                                                                       */
/* Warum es diese Datei ueberhaupt gibt (Sven, 2026-08-05):              */
/* projects.php benutzt dieselbe Klasse .chronik-wrapper wie das       */
/* Chronik - die zugehoerige Regel lag aber ausschliesslich in         */
/* templates/chronik.css, und die wird auf /projects nie geladen. Der  */
/* Wrapper hatte dort also ueberhaupt keinen Innenabstand: die erste      */
/* Kachelreihe begann bei y=0 und verschwand unter der 4rem hohen, fest   */
/* stehenden Kopfzeile (header.css, position:fixed). Bei einem            */
/* gefilterten Aufruf wie /projects/tag:Reforger ist die Seite mit ihren  */
/* neun Kacheln kuerzer als das Fenster, es entsteht also gar keine       */
/* Bildlaufleiste - der abgeschnittene obere Rand war damit unerreichbar. */
/* Gemessen im Testaufbau: erste Kachel top:0, scrollHeight==clientHeight.*/
/* ###################################################################### */

/* ###################################################################### */
/* ### Titelkachel statt Balken (2026-08-13, Sven: "soll ebenfalls eine  */
/* ### Titel-Kachel wie auf /chronik anzeigen") - identisches Rezept  */
/* ### wie .chronik-main .pagetitle-container in chronik.css: der  */
/* ### frühere volle Balken (title.css, .pagetitle-container, 100dvw     */
/* ### breit) weicht einer Kachel im selben Glas-losen, aber "glasig"    */
/* ### wirkenden Anthrazit-Look (Schimmer-Gradient + Lichtkante/Rahmen   */
/* ### im box-shadow, siehe Begruendung der vier Iterationsrunden dort). */
/* ### Diese Regeln laden nach title.css (css('@auto') bindet die       */
/* ### Vorlagen-CSS immer zuletzt ein) und sind spezifischer als das    */
/* ### einfache .pagetitle-container aus title.css - ueberschreiben     */
/* ### dessen Basis also zuverlaessig. Kein margin-top noetig: den      */
/* ### Header-Abstand liefert .chronik-wrapper per padding-top       */
/* ### (--sidebar-top, siehe dort) fuer Titelkachel UND Sidebar         */
/* ### gemeinsam - margin-bottom haelt den Abstand zur ersten           */
/* ### Artikelkachelreihe darunter. */
/* ###################################################################### */
.chronik-main .pagetitle-container {
  width: auto;
  position: static;
  left: auto;
  transform: none;
  background-color: #3e3f51;
  background-image: linear-gradient(155deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.06) 30%, rgba(255, 255, 255, 0) 55%);
  border-radius: 8px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  padding: 2rem;
  margin: 0 0 2rem 0;
}

@media only screen and (max-width: 768px) {
  .chronik-main .pagetitle-container {
    padding: 1rem;
  }
}

.chronik-wrapper {
  /* Dieselbe Obergrenze wie Chronik und Manoeverbericht:
     900px Content-Basis + 20px Abstand + 300px Sidebar. */
  max-width: 1220px;
  /* width:100% + box-sizing:border-box ergaenzt (2026-08-13, gleicher Fix
     wie bei .chronik-wrapper in templates/chronik.css und
     .manoeverbericht-wrapper in templates/manoeverbericht.css, siehe dort
     fuer die ausfuehrliche Begruendung): body ist seit dem Sticky-Footer-
     Fix ein Flex-Container (index.css, flex-direction:column). Ein
     Flex-Item mit "margin:0 auto" auf der Cross-Achse (hier: der Breite)
     hebelt align-items:stretch aus - der Browser schrumpft den Wrapper
     dann auf seine intrinsische Content-Breite (shrink-to-fit) statt ihn
     bis zur max-width zu strecken. Auf /projects fehlte dieser Fix bisher,
     weil die Chronik-/Manoeverbericht-Fassungen der Regel in einer
     jeweils eigenen Datei stehen, die /projects nie laedt - sichtbar als
     ein auf wenige hundert Pixel geschrumpfter .chronik-main neben der
     Sidebar (Sven-Meldung, Screenshot /projects/tag:Reforger, 2026-08-13).
     width:100% (zusammen mit margin:0 auto) erzwingt wieder die volle
     verfuegbare Breite bis zur max-width-Obergrenze; box-sizing:border-box
     zieht das Padding INNERHALB dieser Breite ab, statt es on top drauf-
     zuschlagen (sonst ragt der Wrapper auf schmalen Viewports rechts raus). */
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  /* Unten 6rem fuer den fest stehenden Fusszeilenbalken (footer.css,
     min-height 3rem).
     Oben urspruenglich 4rem Kopfzeile + 1rem Luft = 5rem (2026-08-05) -
     kleiner als das Chronik (6.5rem), weil /projects keinen
     Seitentitel-Balken hat, der dort zusaetzlich Abstand aufbaut. Auf
     Svens Wunsch (2026-08-13: "der Abstand zwischen Content und Sidebar
     nach oben soll auf /projects/tag:Reforger genauso gross sein wie auf
     /chronik") direkt auf denselben Wert 6.5rem angeglichen, unabhaengig
     von der urspruenglichen 4rem+1rem-Herleitung - beide Seiten sehen jetzt
     optisch identisch viel Luft zum Header.
     --sidebar-top ergaenzt (2026-08-13, "Sidebar soll immer eine absolut
     fixe Position haben"): dieselbe Custom Property wie in chronik.css/
     manoeverbericht.css, siehe dort fuer die ausfuehrliche Begruendung -
     haelt den Sticky-Schwellwert der Sidebar (.chronik-sidebar in
     projects.css) synchron mit genau diesem padding-top. */
  --sidebar-top: 6.5rem;
  padding: var(--sidebar-top) 1rem 6rem 1rem;
}