/* Ergänzungen für Inhalte aus dem WordPress-Block-Editor.
   styles.css bleibt unverändert aus der Eleventy-Version (bis auf die Schriftpfade). */

/* Admin-Leiste für eingeloggte Nutzer: Sticky-Header darunter schieben */
.admin-bar .site-header { top: var(--wp-admin--admin-bar--height, 32px); }

/* Überschriften, Listen, Trenner im Fließtext */
.prose h2 { font: 500 1.6rem/1.2 var(--display); letter-spacing: -.01em; margin-top: 2em; }
.prose h3 { font: 600 1.15rem/1.3 var(--body); margin-top: 1.8em; }
.prose ul, .prose ol { padding-left: 1.3em; }
.prose li + li { margin-top: .3em; }
.prose hr { border: 0; border-top: 1px solid var(--line); margin-block: 2.4em; }
.prose blockquote p + p { margin-top: .6em; }
.prose blockquote cite { display: block; margin-top: .6em; font: 400 .95rem/1.4 var(--body); color: var(--muted); font-style: normal; }
.prose code { font-size: .92em; }

/* Bilder, Galerien, Videos */
.prose figure { margin-block: 2em; }
.prose figure img, .prose video { width: 100%; border-radius: var(--r-media); }
.prose figcaption { margin-top: 10px; font-size: .9rem; color: var(--muted); }
.prose .wp-block-gallery { display: grid; gap: 12px; grid-template-columns: repeat(2, 1fr); }
.prose .wp-block-gallery.columns-3,
.prose .wp-block-gallery.columns-default { grid-template-columns: repeat(2, 1fr); }
@media (min-width: 640px) { .prose .wp-block-gallery.columns-3 { grid-template-columns: repeat(3, 1fr); } }
.prose .wp-block-gallery figure { margin: 0; }
.prose .wp-block-gallery img { aspect-ratio: 1; object-fit: cover; height: 100%; }
.prose .wp-block-gallery > figcaption { grid-column: 1 / -1; }
.more__body.prose figure { margin-block: 1.2em; }

/* YouTube/Vimeo: lädt erst nach Klick */
.video-embed__frame {
  position: relative; aspect-ratio: 16 / 9; border-radius: var(--r-media); overflow: hidden;
  background: var(--purple-deep); color: var(--paper);
  display: grid; place-content: center; justify-items: center; gap: 12px; padding: 16px; text-align: center;
}
.video-embed__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.video-embed__play {
  display: inline-flex; align-items: center; gap: 10px; cursor: pointer;
  font: 600 1rem/1 var(--body); color: var(--ink); background: var(--paper);
  border: 0; border-radius: var(--r-pill); padding: 14px 22px;
}
.video-embed__play:hover { background: var(--t-orange); }
.video-embed__icon { width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 12px; border-color: transparent transparent transparent currentColor; }
.video-embed__note { font-size: .85rem; opacity: .8; max-width: 36ch; }
.video-embed__note a { color: inherit; }
.video-embed__frame :focus-visible { outline-color: var(--t-orange); }

/* Bildschirmleser-Texte aus WordPress */
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }