/*! * Theaterderjungenwelt 2026 (Styles, 1.0.1) * * Last release date October 1, 2026 * * Copyright 2026 i-fabrik GmbH * * Author: i-fabrik GmbH (https://www.ifabrik.de) * Contributor: Heiko Pfefferkorn (https://www.ifabrik.de) * Homepage: https://www.theaterderjungenwelt.de */.teaser-box{--tdjw-teaser-box-media-factor:1;container:teaser-box/inline-size;scroll-margin-top:var(--global-scroll-top-offset)}.teaser-box__header{font-size:round(down,clamp(1.5rem,1rem + 2cqw,2rem),2px);grid-area:header;margin-block:0}.teaser-box__header a{--tdjw-link-text-decoration-line:none;--tdjw-link-text-decoration-line-hover:none}.teaser-box__text{grid-area:text;margin-block:0}.teaser-box__text>:first-child{-webkit-margin-before:0;margin-block-start:0}.teaser-box__text>:last-child{-webkit-margin-after:0;margin-block-end:0}.teaser-box__media{aspect-ratio:1/1;grid-area:media;max-width:none;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;overflow:hidden;width:100%}.teaser-box-inner{display:grid;gap:var(--tdjw-spacing);grid-template:"header" auto "text" auto "media" auto/1fr;position:relative}.teaser-box:not(:has(.teaser-box__text a)) .teaser-box__header a:after{content:"";display:block;inset:0;position:absolute}.teaser-box+.teaser-box{-webkit-margin-before:var(--_ov-margin,var(--tdjw-content-element-margin));margin-block-start:var(--_ov-margin,var(--tdjw-content-element-margin))}.teaser-box.-small{--tdjw-teaser-box-media-factor:0.5}@container teaser-box (min-width: 26rem){.teaser-box-inner{--_media-size:8rem;--_medai-size-calculated:calc(var(--_media-size)*var(--tdjw-teaser-box-media-factor));-moz-column-gap:var(--tdjw-spacing-l);column-gap:var(--tdjw-spacing-l);grid-template:"media header" auto "media text" 1fr/var(--_medai-size-calculated) 1fr}}@container teaser-box (min-width: 29rem){.teaser-box-inner{--_media-size:9.375rem}}@container teaser-box (min-width: 34rem){.teaser-box-inner{--_media-size:11.75rem}}.teaser-box-group{scroll-margin-top:var(--global-scroll-top-offset)}.teaser-box-group-inner{display:flex;flex-flow:column nowrap;gap:var(--tdjw-teaser-box-group-gap,var(--tdjw-content-element-margin))}.teaser-box-group-inner .teaser-box{--_ov-margin:0} /*# sourceMappingURL=index.css.map */