/* Laura Engel – ergänzende Styles (alles Übrige steckt in theme.json) */

/* Sticky Header mit dezentem Schatten */
header.wp-block-template-part { position: sticky; top: 0; z-index: 50; }
.admin-bar header.wp-block-template-part { top: var(--wp-admin--admin-bar--height, 0px); }
.le-header { box-shadow: 0 1px 6px rgba(67, 66, 68, .12); }

/* Aktiver Menüpunkt in Akzentfarbe */
.le-nav .current-menu-item > a,
.le-nav .wp-block-navigation-item__content[aria-current="page"] { color: var(--wp--preset--color--accent); }
.le-nav .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--accent-strong); }

/* Tablet/Zwischenbreiten: Burger-Menü bis 959px statt Kern-Standard 599px,
   damit Logo + 6 Menüpunkte nie umbrechen */
@media (max-width: 959px) {
  .le-header__inner { justify-content: space-between !important; }
  .le-nav .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex !important; }
  .le-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none !important; }
}
.le-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  align-items: center; padding-top: 3rem;
}
.le-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { align-items: center; gap: 1.4rem; font-size: 1.05rem; }

/* Bilder im Fließtext: zentriert, nie zu dominant */
.le-main .wp-block-image.aligncenter img,
.le-main figure.aligncenter img { max-height: 620px; width: auto; }

/* Kundenstimmen */
.le-main .wp-block-quote { margin-inline: 0; border-radius: 0 6px 6px 0; }
.le-main .wp-block-quote p { margin-block: 0 .6em; }
.le-main .wp-block-quote cite { display: block; margin-top: .4rem; }

/* Button-Gruppen etwas Luft */
.le-main .wp-block-buttons { margin-block: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40); }

/* Videos responsiv */
.le-main .wp-block-embed iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; }

/* Hinweisbox (z. B. Zusatzinformation) */
.le-main .is-style-le-note { background: var(--wp--preset--color--surface); padding: 1.25rem 1.5rem; border-radius: 6px; font-size: .95rem; }

/* Footer */
.le-footer p { color: var(--wp--preset--color--muted); }
.le-footer a { color: inherit; }

/* Bewegungsreduktion respektieren */
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition: none !important; } }

/* Zitat-Autor wie im Original mit Gedankenstrich */
.wp-block-quote cite::before { content: "– "; }

/* Admin-Leiste scrollt auf Smartphones mit – dort kein Versatz */
@media (max-width: 600px) { .admin-bar header.wp-block-template-part { top: 0; } }

/* YouTube Zwei-Klick-Vorschau */
.le-yt { margin-inline: 0; }
.le-yt__play { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; padding: 0; border: 0; border-radius: 6px; overflow: hidden; background: #000; cursor: pointer; }
.le-yt__play img { width: 100%; height: 100%; object-fit: cover; display: block; transition: opacity .2s; }
.le-yt__play:hover img, .le-yt__play:focus-visible img { opacity: .85; }
.le-yt__play:focus-visible { outline: 3px solid var(--wp--preset--color--accent-strong); outline-offset: 2px; }
.le-yt__title { position: absolute; inset: 0 0 auto 0; padding: .8rem 1rem 2rem; color: #fff; font-size: .95rem; font-weight: 600; text-align: left; line-height: 1.3; background: linear-gradient(rgba(0,0,0,.65), transparent); }
.le-yt__title:empty { display: none; }
.le-yt__icon { position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; margin: -24px 0 0 -34px; border-radius: 12px; background: rgba(33,33,33,.85); transition: background .2s; }
.le-yt__icon::after { content: ""; position: absolute; left: 27px; top: 14px; border-style: solid; border-width: 10px 0 10px 17px; border-color: transparent transparent transparent #fff; }
.le-yt__play:hover .le-yt__icon, .le-yt__play:focus-visible .le-yt__icon { background: #f00; }
.le-yt__frame { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; border-radius: 6px; }
.le-yt__note { margin-top: .5rem; font-size: .8rem; color: var(--wp--preset--color--muted); }

/* 1.1.2: lange Woerter in Ueberschriften auf schmalen Displays umbrechen */
h1,h2,h3,h4{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}