/* SCHUHLOVE – modernes Editorial-Design, Version 1.0 */
:root { --sl-ink:#15191e; --sl-muted:#65707a; --sl-line:#e8eaed; --sl-bg:#f6f7f8; --sl-accent:#e65b32; }
body { background:var(--sl-bg); color:var(--sl-ink); -webkit-font-smoothing:antialiased; }
body, button, input, textarea { font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; }
a { text-underline-offset:3px; }
a:hover { color:var(--sl-accent); }
.site, .site-content, #page { max-width:100%; }
.site-header, #masthead { background:#fff; border-bottom:1px solid var(--sl-line); }
.site-header .site-title, .site-title a, .site-branding .site-title a { font-weight:850; letter-spacing:-.04em; color:var(--sl-ink); }
.main-navigation a, .primary-menu a { font-weight:650; }
.site-content, #content { padding-top:clamp(20px,4vw,52px); padding-bottom:48px; }
/* Unterstützt typische klassische WP-Themes; bei abweichender Theme-Struktur bleibt das Layout erhalten. */
@media (min-width: 800px) {
  body.home:not(.page) .site-main, body.blog .site-main,
  body.home:not(.page) #main, body.blog #main {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; align-items:start;
  }
  body.home:not(.page) .site-main > :not(article), body.blog .site-main > :not(article),
  body.home:not(.page) #main > :not(article), body.blog #main > :not(article) { grid-column:1 / -1; }
}
body.home:not(.page) .site-main > article, body.blog .site-main > article,
body.home:not(.page) #main > article, body.blog #main > article,
body.archive .site-main > article, body.archive #main > article {
  background:#fff; border:1px solid var(--sl-line); border-radius:16px;
  overflow:hidden; padding:clamp(18px,2.5vw,28px); box-shadow:0 8px 28px rgba(18,24,33,.045);
  min-width:0;
}
.entry-title, .entry-title a { color:var(--sl-ink); font-weight:800; letter-spacing:-.025em; line-height:1.17; }
body.blog .entry-title, body.home .entry-title { font-size:clamp(1.25rem,2vw,1.8rem); }
.entry-meta, .posted-on, .byline { color:var(--sl-muted); font-size:.85rem; }
.entry-content, .entry-summary { line-height:1.8; }
.entry-content img, .entry-summary img, .post-thumbnail img { max-width:100%; height:auto; border-radius:10px; }
.post-thumbnail img { display:block; width:100%; object-fit:cover; }
/* Tag-Wolken in der Artikelübersicht reduzieren, nicht auf Einzelseiten */
body.blog article .tags-links, body.home article .tags-links { display:none; }
.more-link, a.read-more { display:inline-block; font-weight:750; color:var(--sl-accent); margin-top:12px; }
.widget { background:#fff; border:1px solid var(--sl-line); border-radius:14px; padding:20px; margin-bottom:22px; }
.widget-title { font-weight:800; }
.site-footer, #colophon { border-top:1px solid var(--sl-line); background:#fff; }
button, input[type="submit"], .wp-block-button__link { border-radius:8px; }
:focus-visible { outline:3px solid var(--sl-accent); outline-offset:3px; }
@media (max-width:799px) {
  .site-content, #content { padding-top:18px; }
  body.blog .site-main > article, body.home .site-main > article { margin-bottom:20px; }
  .entry-title { overflow-wrap:anywhere; }
}
@media (prefers-reduced-motion: no-preference) {
  body.blog .site-main > article, body.home .site-main > article { transition:box-shadow .2s ease, transform .2s ease; }
  body.blog .site-main > article:hover, body.home .site-main > article:hover { box-shadow:0 12px 34px rgba(18,24,33,.09); transform:translateY(-2px); }
}