/* Sister Cut – Ergänzungen für die statische Fassung (nach dem Original-CSS geladen) */

/* Kallyas setzte das per Inline-Style; Animationen im Sichtbereich ohne Theme-Skript sofort sichtbar */
.zn-animateInViewport { visibility: visible; }

/* Sprunglink zum Inhalt */
.itr-skip { position: absolute; left: -9999px; top: 0; z-index: 100000; padding: 10px 16px; background: #fff; color: #000; font-weight: 600; }
.itr-skip:focus { left: 10px; top: 10px; outline: 3px solid #8c0004; }
:focus-visible { outline: 2px solid #8c0004; outline-offset: 2px; }

/* Anker im Onepager: nicht unter dem mitlaufenden Menü verschwinden */
html { scroll-behavior: smooth; }
.zn_anchor_point { scroll-margin-top: 70px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Spam-Schutz der Formulare */
.itr-hp { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
.itr-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/* Karte: Zwei-Klick-Lösung in der Höhe der früheren Karte (400 px) */
.itr-embed[data-itr-embed="google_maps"] { position: relative; min-height: 400px; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 12px; padding: 30px 20px; background: #e9e9e9; text-align: center; color: #333; }
.itr-embed[data-itr-embed="google_maps"] p { max-width: 520px; margin: 0; }
.itr-embed-load { display: inline-block; padding: 10px 22px; border: 0; border-radius: 3px; background: #8c0004; color: #fff; font-weight: 600; cursor: pointer; }
.itr-embed-load:hover { background: #700003; }
.itr-embed iframe { display: block; width: 100%; height: 400px; border: 0; }

/* Vorschaubilder der Beitragslisten: Originalbilder im Ausschnitt der früheren Kallyas-Zuschnitte */
.latest_posts-img { height: auto; aspect-ratio: 370 / 200; object-fit: cover; }
.kl-blog-post-thumbnail { height: auto; aspect-ratio: 460 / 260; object-fit: cover; }
.kl-blog-related-post-img { height: auto; aspect-ratio: 370 / 240; object-fit: cover; }
.latest_posts-wgt-thumb img { width: 54px; height: 54px; object-fit: cover; }
.kl-blog-post-img img { width: 420px; max-width: 100%; height: auto; aspect-ratio: 420 / 280; object-fit: cover; cursor: zoom-in; }
.mfp-gallery a { cursor: zoom-in; }

/* Bildansicht (ersetzt Magnific Popup) */
.itr-lb { position: fixed; inset: 0; z-index: 100001; background: rgba(0, 0, 0, .88); display: flex; align-items: center; justify-content: center; }
.itr-lb[hidden] { display: none; }
.itr-lb img { max-width: 92vw; max-height: 86vh; box-shadow: 0 0 30px rgba(0, 0, 0, .6); }
.itr-lb button { position: absolute; border: 0; background: rgba(0, 0, 0, .35); color: #fff; font-size: 40px; line-height: 1; width: 52px; height: 52px; cursor: pointer; }
.itr-lb-close { top: 10px; right: 10px; }
.itr-lb-prev { left: 10px; top: 50%; transform: translateY(-50%); }
.itr-lb-next { right: 10px; top: 50%; transform: translateY(-50%); }
.itr-lb-count { position: absolute; bottom: 14px; left: 0; right: 0; text-align: center; color: #ddd; font-size: 14px; }

/* Rückmeldung des Newsletter-Formulars unter dem Formular */
.elm-nlbox .itr-form-msg { color: inherit; }