/* Gaps despite Elementor Pro (see NOTES.md, section "Lücken trotz Pro"). Colours only via Kit variables. */

/* 1. Focus ring of the prototype: the Kit has no focus style. */
:focus-visible{outline:2px solid var(--e-global-color-primary);outline-offset:3px}

/* 2. lk-mat: image unbeschnitten in a 4:3 passepartout. Classic Image widget has no aspect-ratio control. */
/*    The ratio sits on the link (a block with a definite width): on the img itself Chrome sizes the
      widget from the image's intrinsic width inside flex columns, and the title overlaps. */
.elementor-widget-image.lk-mat a{display:block;aspect-ratio:4/3;background:var(--e-global-color-mat)}
.elementor-widget-image.lk-mat a img{display:block;width:100%;height:100%;object-fit:contain}
.lk-mat > img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:var(--e-global-color-mat)}

/* 3. Same for the Pro Gallery widget (thumbnails are background images, "cover" is fixed). */
.lk-mat .e-gallery-image{background-size:contain;background-repeat:no-repeat;background-color:var(--e-global-color-mat)}

/* 3b. lk-fill: linked image fills its column (the link around an image is inline in Elementor). */
.elementor-widget-image.lk-fill a{display:block}
.elementor-widget-image.lk-fill img{display:block;width:100%;height:auto}

/* 4. Fixed aspect ratios: panorama 3.8 : 1 and portrait 4 : 5. */
.lk-pano img{display:block;width:100%;height:auto;aspect-ratio:3.8;object-fit:cover}
.lk-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}

/* 5. lk-years: year list of the biography (year | entry, lines). No Elementor widget for a two-column list in rich text. */
.lk-years{width:100%;border-collapse:collapse;margin:0}
.lk-years tbody>tr:nth-child(n)>td{background:none}
.lk-years td{padding:11px 0;border:0;border-bottom:1px solid var(--e-global-color-line);vertical-align:top;background:none;text-align:left}
.lk-years td:first-child{width:22%;padding-right:var(--lk-gut,24px);font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
@media (max-width:739px){.lk-years td{display:block;width:auto;border:0;padding:0}.lk-years tr{display:block;padding:11px 0;border-bottom:1px solid var(--e-global-color-line)}.lk-years td:first-child{width:auto;white-space:normal;padding-right:0}}

/* 6. lk-lines: list with lines (partners, link lists). TinyMCE lists have no line style in Elementor. */
.lk-lines ul{list-style:none;margin:0;padding:0}
.lk-lines li{padding:11px 0;border-bottom:1px solid var(--e-global-color-line);break-inside:avoid}

/* 7. lk-chips: links as filter chips (Nav Menu widget has no per-item border). */
.lk-chips .elementor-nav-menu .elementor-item{border:1px solid var(--e-global-color-chipline)}
.lk-chips .elementor-nav-menu .elementor-item.elementor-item-active{border-color:var(--e-global-color-text)}

/* 8. lk-break: long URLs wrap. */
.lk-break .elementor-heading-title{word-break:break-all}