/* =========================================
   Blog Overrides – anna-hertwig.de
   Einheitliche Typografie & Lesbarkeit
   ========================================= */

/* 1) Grundschrift: Lato Light (wie Hauptseite) */
#pjWrapper {
  font-family: "Lato-Light", Lato, Arial, sans-serif;
}

/* 2) Theme zwingt Lato-Light auf alles → wir lockern das */
#pjWrapper * {
  font-family: inherit;
}

/* 3) Überschriften & Titel */
/* === TITEL-FEINTUNING === */

/* 3.1) Blog-ÜBERSICHT: Titel NICHT fett */
#pjWrapper .pjBlPostTitle,
#pjWrapper .pjBlPostTitle a {
  font-family: "Lato-Bold", Lato, Arial, sans-serif !important;
  font-weight: 300 !important;
  text-transform: none !important;
}

/* 3.2) EINZELARTIKEL: Haupttitel fett */
#pjWrapper .pjBlArticleTitle,
#pjWrapper .pjBlArticleTitle h1 {
  font-family: "Lato-Bold", Lato, Arial, sans-serif !important;
  font-weight: 700 !important;
  text-transform: none !important;
}

/* 3.3) Keine Großbuchstaben */
#pjWrapper h1,
#pjWrapper h2,
#pjWrapper h3,
#pjWrapper h4,
#pjWrapper h5 {
  text-transform: none !important;
  letter-spacing: normal !important;
}


/* 4) Artikeltext besser lesbar */
#pjWrapper p,
#pjWrapper li,
#pjWrapper .pjBlArticleBody {
  line-height: 1.65;
}

/* Größe Fließtext im Artikel */
#pjWrapper .pjBlArticleBody,
#pjWrapper .pjBlArticleBody p,
#pjWrapper .pjBlArticleBody li {
  font-size: 1.10rem !important;
  line-height: 1.7;
}


/* 5) Fett-Schrift soll wirklich auffallen */
#pjWrapper strong,
#pjWrapper b {
  font-family: "Lato-Bold", "Lato-Light", Arial, sans-serif !important;
  font-weight: normal !important; /* Bold kommt aus der Font-Datei */
  color: inherit !important;
}

/* 6) Kategorien & Sidebar nicht in Caps */
#pjWrapper .pjBlCats a,
#pjWrapper .pjBlArchive a {
  text-transform: none !important;
}
/* =========================================
   BLOG BUTTONS – ruhig & einheitlich
   ========================================= */

#pjWrapper a[class*="btn"],
#pjWrapper a[class*="Btn"],
#pjWrapper button,
#pjWrapper input[type="button"],
#pjWrapper input[type="submit"],
#pjWrapper input[type="reset"]{
  background-color: #1ca781 !important;
  color: #fff !important;
  border-radius: 14px !important;
  border: none !important;
  box-shadow: none !important;
  text-transform: none !important;
  padding: 12px 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: "Lato-Bold", Lato, Arial, sans-serif !important;
}

/* Hover: minimal dunkler, sonst ruhig */
#pjWrapper a[class*="btn"]:hover,
#pjWrapper a[class*="Btn"]:hover,
#pjWrapper button:hover,
#pjWrapper input[type="button"]:hover,
#pjWrapper input[type="submit"]:hover,
#pjWrapper input[type="reset"]:hover{
  background-color: #168f6f !important;
  color: #fff !important;
  transform: none;
}


/* =========================================
   BLOG – Hintergrund WEISS (inkl. Menü & Zebra-Posts)
   ========================================= */

/* Hauptflächen */
#pjWrapper .pjBlContainer,
#pjWrapper .pjBlHeader,
#pjWrapper .pjBlHeader .pjBlHeaderInner,
#pjWrapper .pjBlFiltersDropdown,
#pjWrapper .pjBlFooter {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* Zebra-Hintergrund in der Übersicht entfernen */
#pjWrapper .pjBlPost:nth-child(even) {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* =========================================
   TOP-MENÜ: Abstand zwischen Haus / Kategorien / Archiv
   ========================================= */

/* Falls irgendwo ein negativer Margin aktiv ist: neutralisieren */
#pjWrapper .btn-group .btn {
  margin-left: 0 !important;
}

/* Abstand NUR zwischen direkt nebeneinanderliegenden Buttons */
#pjWrapper .pjBlNav .btn + .btn,
#pjWrapper .pjBlNav .btn + .pjBlSearch,
#pjWrapper .pjBlNav .pjBlSearch + .btn {
  margin-left: 3px !important;  /* hier kannst du spielen: 10–20px */
}