/*! * Copyright Köhler + Partner GmbH - All rights reserved * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential * Written by Johannes Nielsen , January 2023 */.teasers{--color-text-highlight: var(--color-text);--link-decoration: none;display:flex;flex-direction:column;gap:1em 0}.teasers__teaser{margin-bottom:2rem;position:relative}.teasers__teaser--with-bodytext{grid-template-rows:auto 1fr;margin:0 calc(var(--gridsColumnPadding) * -1)}@media screen and (min-width: 768px){.teasers__teaser--with-bodytext{margin:0 0 2rem}}.teasers__teaser__image-and-bodytext-container{box-shadow:0 0 #0000001a;display:grid;grid-template-columns:100%;grid-template-rows:1fr;grid-template-areas:"imageAndBodytext";overflow:hidden;transition:box-shadow .4s ease-in-out}.teasers__teaser__picture{grid-area:imageAndBodytext}.teasers__teaser__image{display:none;height:100%;line-height:0;object-fit:cover;transition:transform .4s ease-in-out;width:100%}.teasers__teaser__image--with-bodytext{display:block;grid-area:imageAndBodytext;left:50%;position:relative;transform:translate(-50%);width:100vw}.teasers__teaser__image--background{background-image:linear-gradient(to bottom,var(--color-ci-primary),var(--color-ci-secondary))}.teasers__teaser:where(:hover,:focus-within) .teasers__teaser__image{transform:scale(1.05)}.teasers__teaser:where(:hover,:focus-within) .teasers__teaser__image--with-bodytext{transform:translate(-50%) scale(1.05)}.teasers__teaser:where(:hover,:focus-within) .teasers__teaser__image-and-bodytext-container{box-shadow:5px 5px 10px #0000001a}.teasers__teaser__link{align-items:center;border-bottom:2px solid var(--color-ci-aux);display:flex;font-weight:400;grid-area:link;justify-content:space-between;padding:.5em;text-transform:uppercase}@media screen and (min-width: 768px){.teasers__teaser__link{padding:30px .5em .5em}}.teasers__teaser__link:after{content:"";inset:0;position:absolute}.teasers__teaser__link:before{background:#000;bottom:0;content:"";display:block;height:2px;left:100%;position:absolute;transition:left .4s cubic-bezier(.455,.03,.515,.955) 0s,width .4s cubic-bezier(.455,.03,.515,.955) 0s;width:0;z-index:var(--z-index-low)}@media screen and (min-width: 768px){.teasers__teaser__link:before{left:calc(100% - var(--gridsColumnPadding))}}.teasers__teaser__link:where(:hover,:focus-visible):before{left:0;transition:width .4s cubic-bezier(.455,.03,.515,.955) 0s;width:100%}@media screen and (min-width: 768px){.teasers__teaser__link:where(:hover,:focus-visible):before{left:var(--gridsColumnPadding);width:calc(100% - 2 * var(--gridsColumnPadding))}}.teasers__teaser__link--with-bodytext{border-bottom-color:transparent}.teasers__teaser__link--with-bodytext:before{background:none}.teasers__teaser__link>svg{flex:0 0 auto;padding-left:1em}.teasers__teaser__bodytext{--color-text: #fff;align-items:center;align-self:center;display:flex;grid-area:imageAndBodytext;justify-content:space-between;padding:calc(var(--gridsColumnPadding) * 4);position:relative}@media screen and (min-width: 768px){.teasers__teaser__bodytext{display:inline}.teasers__teaser__bodytext>svg{vertical-align:middle}}@media screen and (min-width: 768px){.teasers{flex-direction:row;flex-wrap:wrap;gap:calc(2 * var(--gridsColumnPadding)) 0;margin:0 calc(-1 * var(--gridsColumnPadding))}.teasers__teaser{display:flex;flex-direction:column;padding:0 var(--gridsColumnPadding)}.teasers__teaser--1{flex:0 0 100%}.teasers__teaser:where(:not(.teasers__teaser--1)){flex:0 0 50%}.teasers__teaser__image-and-bodytext-container{flex:1 0 auto}.teasers__teaser__image{display:block}.teasers__teaser__image--with-bodytext{left:0;transform:none;width:100%}.teasers__teaser:where(:hover,:focus-within) .teasers__teaser__image--with-bodytext{transform:scale(1.05)}}@media screen and (min-width: 1200px){.teasers__teaser:where(:not(.teasers__teaser--2)){flex:1 0 0}}