.joh-untertitel{font-family:var(--font-heading);color:var(--c-text-2);margin:-.6rem 0 2rem;font-size:clamp(1.15rem,2.4vw,1.4rem);font-style:italic}.vers-body span[id],.joh-anmerkungen li,.anm-ref{scroll-margin-top:calc(var(--site-header-height,68px) + 2rem)}.joh-leiste{border:1px solid var(--c-border);background:var(--c-surface-2);font-family:var(--font-ui);border-radius:12px;gap:1rem;margin:1.6em 0 2.2em;padding:1rem clamp(1rem,2.5vw,1.4rem);font-size:.9rem;display:grid}.joh-inhalt{gap:.45rem;display:grid}.joh-inhalt-titel,.vers-body .joh-inhalt-titel{letter-spacing:.18em;text-transform:uppercase;color:var(--footer-accent);font-size:.68rem;font-weight:600}.joh-inhalt-zeile{flex-wrap:wrap;gap:.3rem .9rem;display:flex}.joh-inhalt-verse{gap:.3rem .55rem}.vers-body .joh-inhalt a{color:var(--c-text);border-bottom:1px solid color-mix(in srgb, var(--c-accent) 35%, transparent);text-decoration:none}.vers-body .joh-inhalt a:hover{color:var(--c-accent-deep);border-bottom-color:currentColor}.vers-body .joh-inhalt-verse a:not(:first-child):not(:last-child){text-align:center;min-width:1.4em}.joh-latein-schalter{border-top:1px solid var(--c-border);flex-wrap:wrap;align-items:center;gap:.4rem 1rem;padding-top:.9rem;display:flex}.joh-latein-schalter button{border:1px solid color-mix(in srgb, var(--c-accent) 45%, transparent);background:var(--c-surface);color:var(--c-text);font:inherit;cursor:pointer;transition:border-color var(--t-fast) var(--e-out), background var(--t-fast) var(--e-out);border-radius:999px;align-items:center;gap:.6rem;padding:.5rem 1rem .5rem .6rem;font-weight:600;display:inline-flex}.joh-latein-schalter button:hover{border-color:var(--c-accent)}.joh-latein-schalter button:disabled{cursor:progress;opacity:.75}.joh-latein-schalter-knopf{background:color-mix(in srgb, var(--c-text) 18%, transparent);width:2.1rem;height:1.2rem;transition:background var(--t-fast) var(--e-out);border-radius:999px;flex:none;position:relative}.joh-latein-schalter-knopf:after{content:"";background:var(--c-surface);width:.9rem;height:.9rem;box-shadow:0 1px 2px color-mix(in srgb, var(--c-shadow) 40%, transparent);transition:transform var(--t-fast) var(--e-out);border-radius:50%;position:absolute;top:.15rem;left:.15rem}.joh-latein-schalter button[aria-pressed=true] .joh-latein-schalter-knopf{background:var(--c-accent)}.joh-latein-schalter button[aria-pressed=true] .joh-latein-schalter-knopf:after{transform:translate(.9rem)}.joh-latein-schalter-hinweis{color:var(--c-text-3);font-size:.85rem}.vers-body .joh-latein{border-left:2px solid color-mix(in srgb, var(--c-accent) 45%, transparent);font-family:"Instrument Serif", var(--font-heading), serif;color:var(--c-text-2);-webkit-hyphens:auto;hyphens:auto;margin:-.4em 0 1.5em;padding:.6em 0 .6em 1.1em;font-size:1.02em;font-style:italic;line-height:1.6}.vers-body .joh-latein em{font-style:normal}.joh-latein-absatz+.joh-latein-absatz{margin-top:.5em}.vers-body .joh-latein-stelle{font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--footer-accent);margin-bottom:.3em;font-size:.66rem;font-style:normal;font-weight:600;display:block}.joh-latein-anm{margin-top:.6em;font-size:.9em}.joh-latein-anm>span:first-child{font-family:var(--font-ui);font-size:.8em;font-style:normal}.joh-mit-latein h3.wp-block-heading{margin-top:2.4em}.vers-body a.anm-ref{vertical-align:super;line-height:0;font-family:var(--font-ui);color:var(--footer-accent);border:0;padding:0 .12em;font-size:.68em;font-style:normal;font-weight:600;text-decoration:none;display:inline-block}.vers-body a.anm-ref:after{content:attr(data-n)}.vers-body a.anm-ref:hover{color:var(--c-accent-deep)}.joh-anmerkungen{margin-top:3rem}.vers-body.joh-anmerkungen ol{color:var(--c-text-2);padding-left:1.6em;font-size:.9rem;line-height:1.6}.vers-body.joh-anmerkungen ol>li{margin:.35em 0;padding-left:.2em;list-style:decimal}.vers-body.joh-anmerkungen ol>li:before{content:none;display:none}.vers-body.joh-anmerkungen ol>li::marker{color:var(--footer-accent);font-family:var(--font-ui);font-size:.85em;font-weight:600}.joh-anmerkungen li:target{background:color-mix(in srgb, var(--c-accent) 9%, transparent);border-radius:4px}.vers-body .anm-zurueck{color:var(--footer-accent);border:0;text-decoration:none}.joh-weiter{margin-top:2em;font-size:.95rem}