/* WordPress-Ergänzungen zum Prototyp-Stylesheet (styles.css bleibt unverändert aus dem Export). */

/* Text nur für Screenreader, wie .sr-only, unter dem in WordPress üblichen Namen */
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.screen-reader-text:focus { position: static !important; width: auto; height: auto; margin: 0; clip: auto; white-space: normal; }

/* Unsichtbares Feld gegen Spam im Kontaktformular */
.form__hp { position: absolute !important; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* Admin-Leiste: Kopfzeile klebt darunter statt dahinter */
.admin-bar .header { top: 32px; }
@media screen and (max-width: 782px) { .admin-bar .header { top: 46px; } }
@media screen and (max-width: 600px) { .admin-bar .header { top: 0; } }

/* Neue Seiten und Beiträge mit normalen Blöcken */
.entry-content > * + * { margin-top: var(--space-4); }
.entry-content img, .entry-content video, .entry-content iframe { max-width: 100%; height: auto; border-radius: var(--radius-md); }
.entry-content figure { margin: var(--space-6) 0; }
.entry-content figcaption, .wp-element-caption { margin-top: .625rem; color: var(--color-text-secondary); font-size: var(--font-size-small); }
.entry-content .alignleft { float: left; margin: .25rem var(--space-5) var(--space-4) 0; max-width: 50%; }
.entry-content .alignright { float: right; margin: .25rem 0 var(--space-4) var(--space-5); max-width: 50%; }
.entry-content .aligncenter { margin-inline: auto; text-align: center; }
.entry-content::after { content: ""; display: table; clear: both; }
.entry-content .wp-block-button__link, .entry-content .wp-element-button { display: inline-flex; align-items: center; min-height: var(--button-height-md); padding: 0 1.5rem; border-radius: var(--radius-sm); background: var(--color-brand-green); color: var(--color-cream); font-weight: 600; text-decoration: none; }
.entry-content .wp-block-quote, .entry-content blockquote { margin-inline: 0; padding-left: var(--space-5); border-left: 3px solid var(--color-brand-taupe); font-family: var(--font-serif); font-size: var(--font-size-h3); }
.entry-content table { width: 100%; border-collapse: collapse; }
.entry-content th, .entry-content td { padding: .625rem .75rem; border-bottom: 1px solid rgba(36,38,34,.12); text-align: left; }
.entry-thumb img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }

/* Beitragsliste und Seitennavigation */
.posts-list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-6); max-width: var(--content-narrow); }
.posts-list__item { padding-bottom: var(--space-6); border-bottom: var(--border-hairline); }
.posts-list__item > * + * { margin-top: .5rem; }
.posts-list__item a { color: var(--color-ink); text-decoration: none; }
.posts-list__item a:hover { color: var(--color-brand-green); }
.navigation.pagination { margin-top: var(--space-7); }
.nav-links { display: flex; flex-wrap: wrap; gap: .5rem; }
.nav-links .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 2.75rem; min-height: 2.75rem; padding: 0 .75rem; border-radius: var(--radius-sm); background: var(--color-taupe-soft); color: var(--color-ink); text-decoration: none; }
.nav-links .page-numbers.current { background: var(--color-brand-green); color: var(--color-cream); }