.cards.version-1 .cards__headlines span{display:block}@media (min-width: 981px){.cards.version-1 .cards__list{display:grid}}@media (min-width: 601px) and (max-width: 1194px){.cards.version-1 .cards__list{padding-inline:25px}}@media (max-width: 600px){.cards.version-1 .cards__list{padding-left:0;padding-right:0}}@media (min-width: 601px) and (max-width: 1194px){.cards.version-1 .cards__title{display:none}}@media (max-width: 600px){.cards.version-1 .cards__title{max-width:100% !important}}.cards.version-1 .cards__item{display:flex;flex-direction:column;min-height:420px;position:relative;overflow:clip;transition:all 0.4s ease-in-out;z-index:1}.cards.version-1 .cards__item:hover figure::after,.cards.version-1 .cards__item:focus-within figure::after{opacity:1}.cards.version-1 .cards__item:hover:has(.cards__box img)>figure{opacity:0}@media (max-width: 980px){.cards.version-1 .cards__item{overflow:inherit;z-index:0;pointer-events:none}}.cards.version-1 .cards__item--headlines.top-subtitle{flex-direction:column-reverse}@media (max-width: 980px){.cards.version-1 .cards__item--headlines{width:calc(100% - 80px)}}@media (min-width: 601px) and (max-width: 1194px){.cards.version-1 .cards__item--headlines{align-items:center}}@media (min-width: 981px){.cards.version-1 .cards__item:hover .cards__box,.cards.version-1 .cards__item:focus-within .cards__box{opacity:1}.cards.version-1 .cards__item:hover .cards__item-caption,.cards.version-1 .cards__item:focus-within .cards__item-caption{opacity:0}}.cards.version-1 .cards__item figure{flex:1;min-height:0;position:relative;transition:opacity 0.7s;z-index:0}.cards.version-1 .cards__item figure:after{content:'';position:absolute;opacity:0;transition:opacity 0.4s ease-in-out;z-index:1;pointer-events:none}.cards.version-1 .cards__item figure img{width:100%;height:100%;object-fit:cover;object-position:center}@media (max-width: 980px){.cards.version-1 .cards__item figure{position:relative;height:305px;flex:initial;opacity:1 !important}.cards.version-1 .cards__item figure:after{background-color:transparent !important}}.cards.version-1 .cards__item-caption{width:100%;height:auto;margin:0;padding:0.5em 1em;position:absolute;bottom:50%;transform:translateY(50%)}.cards.version-1 .cards__item-caption.bottom-position{bottom:35px;transform:translateY(0%)}.cards.version-1 .cards__img--hover{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%}@media (max-width: 980px){.cards.version-1 .cards__img--hover{width:100%;height:100%}}.cards.version-1 .cards__box{position:absolute;inset:0;z-index:2;min-height:auto;opacity:0;transition:opacity 0.7s;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.cards.version-1 .cards__box:hover{opacity:1}.cards.version-1 .cards__box:hover:after{opacity:1}.cards.version-1 .cards__box>div{position:relative;z-index:2}.cards.version-1 .cards__box:after{content:'';pointer-events:none;position:absolute;opacity:0;transition:opacity 0.4s ease-in-out;z-index:1}@media (min-width: 601px) and (max-width: 1194px){.cards.version-1 .cards__box{padding-block:50px}}@media (max-width: 980px){.cards.version-1 .cards__box{position:relative;opacity:1;min-height:auto;max-width:100% !important;width:100%}.cards.version-1 .cards__box .cards__cta{pointer-events:auto}.cards.version-1 .cards__box>img{display:none}}.cards.version-1 .cards__txt{width:calc(100% - 40px)}@media (max-width: 980px){.cards.version-1 .cards__txt{width:calc(100% - 80px);max-width:100% !important}}.cards.version-1 .cards__cta{flex-wrap:wrap}.cards.version-1 .cards__cta>*{white-space:nowrap;flex-shrink:0;text-align:center}.cards.version-1 .cards__cta.mobile-alignment-left{width:calc(100% - 80px);margin:30px auto 0 25px;align-items:flex-start}.cards.version-1 .cards__frame{display:block;width:calc(100% - 50px);height:calc(100% - 50px);position:absolute;top:25px;left:25px;z-index:3;pointer-events:none}.cards.version-1 .cards__gap-mobile .cards__box>div{text-align:left;width:calc(100% - 50px)}@media (max-width: 600px){.cards.version-1 .cards__gap-mobile .cards__box>div{max-width:100% !important}}