/* ============================================================
   hwiedermann.de — eigene Theme-Ergaenzungen
   (theme-eigen; wird per wp_enqueue_style aus functions.php geladen,
    Versionierung via filemtime -> Cache-Bust bei jeder Aenderung)
   ============================================================ */

/* Beitragsbild-Schatten:
   Montezumas fixe shadow.png-Positionierung (background-position: 50% 50px auf
   .thumb-shadow) erzeugte bei flachen Bildern einen PERMANENTEN Streifen.
   -> Vorerst komplett aus. (Ein Hover-Schatten unter dem Bild ueberdeckte den
   direkt folgenden Text; Loesung wird noch abgestimmt.) */
.thumb-shadow { background: none !important; }

/* ------------------------------------------------------------
   Beitragsbilder mittig statt links-geklebt (2026-07-07)
   Problem: bfa_thumb liefert feste Pixel-Crops (620 Uebersicht / 915 Einzel)
   und skaliert kleine Quellbilder NICHT hoch. Das Bild klebte links in der
   fluiden Spalte (Uebersicht ~926px, Einzelseite ~1406px) -> Leerraum rechts.
   Das sichtbare Bild-Rechteck ist der vom Grayscale-Hover-JS erzeugte
   .img_wrapper (feste px-Breite, display:block); das <img> darin ist absolut
   positioniert -> margin:auto am <img> wirkt NICHT. Daher den .img_wrapper
   zentrieren. Kein Hochskalieren -> Bilder bleiben scharf. */
.post-thumb { text-align: center; }
.post-thumb .img_wrapper { margin-left: auto; margin-right: auto; }
.post-thumb img { max-width: 100%; height: auto; }

/* ------------------------------------------------------------
   Beitragsbild-Rahmen UND -Padding auf Einzelseiten weg (2026-07-07)
   Montezuma gibt per "body.single .hentry img / body.page .hentry img" ALLEN
   Bildern im Beitrag einen 1px-Rahmen + 7px-Padding (fuer eingebettete
   Content-Fotos gedacht). Das traf auch das Beitragsbild oben: der weisse
   Bild-Hintergrund liess das 7px-Padding als Rand ums Motiv erscheinen -> das
   Bild "schwebte" im Kasten (auf der Startseite gibts die Regel nicht, dort
   sitzt es eng). Nur das Beitragsbild ent-rahmen + ent-polstern, damit es auf
   Einzelseiten genauso eng im Kasten sitzt wie auf der Startseite. Inline-Fotos
   im Fliesstext behalten Rahmen + Padding. */
body.single .post-thumb img,
body.page .post-thumb img { border: none; padding: 0; }

/* ------------------------------------------------------------
   Yanone Kaffeesatz LOKAL statt Google-CDN (2026-07-07, DSGVO)
   Vorher: Google WebFont Loader (webfont.js) + fonts.googleapis.com-Link
   -> uebertrug Besucher-IP an Google. Jetzt: lokale Variable-Font-WOFF2
   (aus Hendriks offiziellem OFL-Paket, ../fonts/). Google-Referenzen sind
   in DB-Option (google_fonts) + kompiliertem javascript.js entfernt. */
@font-face {
  font-family: "Yanone Kaffeesatz";
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url("../fonts/yanone-kaffeesatz.woff2") format("woff2");
}
/* FOUC-Trick neutralisieren: das Theme setzt body{opacity:0} und machte es
   erst per WebFont-fontactive-Callback sichtbar. Ohne den (entfernten) Loader
   bliebe die Seite unsichtbar. Mit font-display:swap unnoetig -> immer sichtbar. */
body { opacity: 1 !important; }

/* ------------------------------------------------------------
   Trennlinien getauscht (Hendrik-Experiment 2026-07-07)
   Beitrags-Abgrenzer .hentry kraeftiger: 1px #eee -> 2px #ddd (volle Breite bleibt).
   (Der kein-Bild-HR wird umgekehrt dezenter + 90% breit -> in Post 2394.) */
.hentry { border-top: 2px solid #ddd; }

/* ------------------------------------------------------------
   Beitragsbild-Hover-Schatten (2026-07-07)
   Dezenter, weicher box-shadow hebt den Bild-Kasten beim Ueberfahren
   leicht ab (ersetzt die verworfene shadow.png-Grafik, die den Text
   ueberdeckte). Kurz + transparent -> verdeckt den Folgetext nicht. */
.post-thumb { transition: box-shadow .25s ease; }
.post-thumb:hover { box-shadow: 0 7px 20px rgba(0,0,0,.25); }