.teaser-base{background-color:var(--surface);border:4px solid var(--onSurface);border-radius:6px;box-shadow:6px 6px 0 var(--tms-red);color:var(--onSurface);display:flex;flex-direction:column;gap:20px;padding:24px}@media screen and (min-width:64rem){.teaser-base{border-radius:6px;border-width:6px;box-shadow:10px 10px 0 var(--tms-red);transition:box-shadow .3s ease}}.teaser-base .topline:empty{display:none}.teaser-base .topline>*{max-width:100%}.teaser-base .content{display:flex;flex-direction:column;flex-grow:1;gap:20px}.teaser-base .content .title{font-size:1.25rem;font-weight:500;line-height:110%}.teaser-base .content .description{font-size:1.125rem;font-weight:500;line-height:120%}.teaser-base .content .description:empty{display:none}.teaser-base .content .description>*{max-width:80ch}.teaser-base figure{container-type:inline-size;display:flex;flex-direction:column;gap:20px;justify-content:center;width:100%}.teaser-base figure:empty,.teaser-base figure:has(>:only-child){display:none}.teaser-base figure .custom-image{border-radius:6px;height:auto;max-height:100%;max-height:100cqw;-o-object-fit:cover;object-fit:cover;width:100%}.teaser-base .image-link-wrapper:not(:has(img,.custom-image)){display:none}.teaser-base .topline{order:1}.teaser-base .image{order:2}.teaser-base .content{order:3}.teaser-base .content .title{order:1}.teaser-base .content .description{order:2}.teaser-base .content a{order:3}@media screen and (min-width:64rem){.teaser-base:has(figure:hover,.custom-button:hover){box-shadow:14px 14px 0 var(--tms-red)}}@media screen and (min-width:80rem){.teaser-base{padding:32px}}.teaser-base.--teaser-slider-template{flex-direction:column}.teaser-base.--teaser-slider-template figure{flex-basis:40%}.teaser-base.--teaser-slider-template figure:has(>:only-child){display:initial}.teaser-base.--teaser-slider-template figure .custom-image{height:100%;max-height:100%}.teaser-base.--teaser-slider-template .content{flex-basis:60%}.teaser-base.--teaser-slider-template .content .topline{order:1}.teaser-base.--teaser-slider-template .content .dashed-line{order:2}.teaser-base.--teaser-slider-template .content .title{order:3}.teaser-base.--teaser-slider-template .content .description{order:4}.teaser-base.--teaser-slider-template .content .custom-button{order:5}.teaser-base.--teaser-slider-template .content:has(.topline:empty) .dashed-line{display:none}@media screen and (min-width:64rem){.teaser-base.--teaser-slider-template{flex-direction:row}}