:root{--page-title-display:none;}/* Start custom CSS *//* work in progress | 26: Überschrift gibt die Breite vor. Darunter vier Containerflächen untereinander (mat, pict, mov, misc), dann Bild. Alles klein geschrieben. Tokens aus dem Kit (--tb-*). */
#jz-wip{width:min(100%,38rem);container-type:inline-size;max-width:100%;height:auto;min-height:0;max-height:none;margin-inline:auto;flex-direction:column;gap:var(--tb-s6,32px);text-transform:lowercase;--jz-fs:calc(100cqi / 7.5)}
#jz-wip h1{font-size:var(--jz-fs);line-height:1.1}
#jz-wip h1{white-space:nowrap;letter-spacing:0}
#jz-wip-grid,#jz-wip-media{width:100%;padding:0;contain:inline-size}
#jz-wip-grid{display:flex;flex-direction:column;gap:var(--tb-s3,12px)}
#jz-wip-grid>.e-con{position:relative;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;width:100%;min-height:0;padding:var(--tb-s3,12px) var(--tb-s4,16px);border:var(--tb-border,2px) solid var(--tb-line,#1d1d1d);background:var(--tb-bg,#fff);transition:translate .35s ease,filter .35s ease}
#jz-wip-grid p.tb-link{margin:0;font-size:var(--jz-fs);font-weight:500;line-height:1.1;text-align:left;text-transform:lowercase;text-decoration:none}
#jz-wip-grid p.tb-link a{font:inherit}
#jz-wip-grid a{color:inherit;text-decoration:none}
#jz-wip-grid a::after{content:"";position:absolute;inset:calc(-1 * var(--tb-border,2px));cursor:pointer}
#jz-wip-grid a:focus-visible{outline:none}
/* Fokus nur per Tastatur, als EIN Rahmen (kein outline zusätzlich zur border) */
#jz-wip-grid>.e-con{outline:none}
#jz-wip-grid>.e-con:has(a:focus-visible){box-shadow:inset 0 0 0 1px var(--tb-line,#1d1d1d)}
#jz-wip-media img{display:block;width:100%;max-width:none;margin:0;padding:0;border:0;aspect-ratio:16/9;object-fit:cover}
@media (hover:hover){#jz-wip-grid>.e-con:hover{translate:0 -4px;filter:drop-shadow(0 8px 14px rgba(29,29,29,.2))}}
@media (prefers-reduced-motion:reduce){#jz-wip-grid>.e-con{transition:none}#jz-wip-grid>.e-con:hover{translate:none}}/* End custom CSS */