/* Schlichtes Beispiel-Theme für die Demo-Seiten (steht für ein beliebiges WordPress-Theme) */
html { -webkit-text-size-adjust: 100%; }
/* Wie in praktisch jedem WordPress-Theme (Twenty Twenty-*, Astra, GeneratePress …). Das Plugin-CSS
   rechnet damit: z. B. ec-core.css gibt den Herzen 8px Innenabstand bei 24px Breite. */
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: #ffffff; color: #333; font: 16px/1.6 "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
a { color: #c2410c; }
.site-header { border-bottom: 1px solid #eceff3; background: #fff; }
.site-header-in { max-width: 1240px; margin: 0 auto; padding: 14px 20px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.site-logo { font: 800 20px/1 Georgia, "Times New Roman", serif; color: #1f2a37; letter-spacing: .01em; text-decoration: none; }
.site-logo span { color: #e8590c; }
.site-nav { display: flex; gap: 20px; font-size: 14.5px; }
.site-nav a { color: #56606d; text-decoration: none; }
.site-nav a.current { color: #1f2a37; font-weight: 600; }
.site-main { max-width: 1240px; margin: 0 auto; padding: 26px 20px 60px; }
.entry-title { font: 700 30px/1.2 Georgia, "Times New Roman", serif; color: #1f2a37; margin: 0 0 18px; }
.entry-intro { color: #5b6573; margin: -8px 0 22px; max-width: 70ch; }
.entry-content p { max-width: 70ch; }
@media (max-width: 640px) { .site-nav { display: none; } .entry-title { font-size: 24px; } }