/**
 * Korrekturen aus dem Testing, die auf allen Breiten greifen
 * (mobilspezifische Nachbesserungen stehen in mobile.css).
 *
 * Wie mobile.css bewusst ein eigenes Stylesheet nach main.css/wp-blocks.css,
 * damit die 1:1 übernommenen Original-Stylesheets unangetastet bleiben.
 * Breakpoints wie responsive.css (820 / 450 px für die Kachelspalten).
 */

/* ------------------------------------------------------------------
   Kachelraster der Einträge (Gitea-Issue #2, Kommentar 23.09.2026;
   im Original genauso kaputt).

   .entryOut .entry floatet mit `min-height: 529px`. Eine Kachel mit
   längerem Teaser wird höher (571 px) — der nächste Float bleibt dann an
   ihrer Unterkante hängen und rutscht in die zweite Spalte, statt eine neue
   Reihe zu beginnen. Ab da stimmt auch `:nth-child(4n) { margin-right: 0 }`
   nicht mehr mit der sichtbaren Reihe überein (Kacheln 30 px zu weit links).

   Fix: jede Kachel, die eine Reihe beginnt, räumt die darüberliegende Reihe
   ab. Die Zählung über nth-child passt, weil „mehr laden" immer die ersten
   n Kacheln einblendet (functions.js: `.entry:lt(x)`).
   ------------------------------------------------------------------ */
.entryOut .entry:nth-child(4n+1) {
	clear: left;
}

@media ( max-width: 820px ) {
	/* zweispaltig */
	.entryOut .entry:nth-child(4n+1) {
		clear: none;
	}

	.entryOut .entry:nth-child(odd) {
		clear: left;
	}
}

@media ( max-width: 450px ) {
	/* einspaltig */
	.entryOut .entry {
		clear: left;
	}
}