.matrix-box{position:relative;width:100%;z-index:0;cursor:pointer;--mm-matrixbox-ratio: 75%;border-radius:var(--bs-border-radius-lg)}.matrix-box::before{content:"";display:block;padding-top:var(--mm-matrixbox-ratio)}.matrix-box .supheadline{font-size:0.875rem}.matrix-box .subheadline{line-height:1.2;font-size:1.25rem}.matrix-box-1zu1{--mm-matrixbox-ratio: 100%}.matrix-box-16zu9{--mm-matrixbox-ratio: calc(9 / 16 * 100%)}.matrix-box-21zu9{--mm-matrixbox-ratio: calc(9 / 21 * 100%)}.matrix-box-4zu3{--mm-matrixbox-ratio: calc(3 / 4 * 100%)}.matrix-box-3zu2{--mm-matrixbox-ratio: calc(2 / 3 * 100%)}.matrix-box-2zu1{--mm-matrixbox-ratio: 50%}.matrix-box-3zu1{--mm-matrixbox-ratio: calc(1 / 3 * 100%)}.matrix-box-2zu3{--mm-matrixbox-ratio: 133.3333%}.matrix-box-3zu4{--mm-matrixbox-ratio: 150%}.matrix-box-1zu2{--mm-matrixbox-ratio: 200%}.matrix-box-img{position:absolute;top:0;width:100%;height:100%;object-fit:cover;border-radius:var(--bs-border-radius-lg)}.matrix-box-content{--bs-heading-color: $matrixbox-caption-color;position:absolute;top:0;left:0;right:0;bottom:0;padding:1.5rem;background-color:rgba(var(--bs-primary-rgb), 0.9);color:var(--bs-light);border-radius:1rem}@media (min-width:576px){.matrix-box-sm-1zu1{--mm-matrixbox-ratio: 100%}.matrix-box-sm-16zu9{--mm-matrixbox-ratio: calc(9 / 16 * 100%)}.matrix-box-sm-21zu9{--mm-matrixbox-ratio: calc(9 / 21 * 100%)}.matrix-box-sm-4zu3{--mm-matrixbox-ratio: calc(3 / 4 * 100%)}.matrix-box-sm-3zu2{--mm-matrixbox-ratio: calc(2 / 3 * 100%)}.matrix-box-sm-2zu1{--mm-matrixbox-ratio: 50%}.matrix-box-sm-3zu1{--mm-matrixbox-ratio: calc(1 / 3 * 100%)}.matrix-box-sm-2zu3{--mm-matrixbox-ratio: 133.3333%}.matrix-box-sm-3zu4{--mm-matrixbox-ratio: 150%}.matrix-box-sm-1zu2{--mm-matrixbox-ratio: 200%}}@media (min-width:768px){.matrix-box-md-1zu1{--mm-matrixbox-ratio: 100%}.matrix-box-md-16zu9{--mm-matrixbox-ratio: calc(9 / 16 * 100%)}.matrix-box-md-21zu9{--mm-matrixbox-ratio: calc(9 / 21 * 100%)}.matrix-box-md-4zu3{--mm-matrixbox-ratio: calc(3 / 4 * 100%)}.matrix-box-md-3zu2{--mm-matrixbox-ratio: calc(2 / 3 * 100%)}.matrix-box-md-2zu1{--mm-matrixbox-ratio: 50%}.matrix-box-md-3zu1{--mm-matrixbox-ratio: calc(1 / 3 * 100%)}.matrix-box-md-2zu3{--mm-matrixbox-ratio: 133.3333%}.matrix-box-md-3zu4{--mm-matrixbox-ratio: 150%}.matrix-box-md-1zu2{--mm-matrixbox-ratio: 200%}}.matrix-box-overlay .matrix-box-content{z-index:2}.matrix-box-overlay .matrix-box-content{top:unset;bottom:0.5rem;left:0.5rem;right:unset;max-width:calc(100% - 1rem);max-height:calc(100% - 1rem);border-radius:calc(var(--bs-border-radius-lg) * .75)}@media (min-width:768px){.matrix-box-overlay .matrix-box-content{bottom:1rem;left:1rem;max-width:calc(100% - 2rem);max-height:calc(100% - 2rem)}}.matrix-box-content-zoom{top:0.5rem;left:0.5rem;right:-0.5rem;bottom:-0.5rem;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border:1px solid rgba(255, 255, 255, 0.35);box-shadow:2px 2px 3px rgba(0, 0, 0, 0.15);background-color:rgba(var(--bs-primary-rgb), 0);opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.25s ease, filter 0.25s ease, background-color 0.25s ease, transform 0.25s ease;-moz-transition:opacity 0.25s ease, filter 0.25s ease, background-color 0.25s ease, transform 0.25s ease;transition:opacity 0.25s ease, filter 0.25s ease, background-color 0.25s ease, transform 0.25s ease;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);-webkit-transform-origin:bottom left;-moz-transform-origin:bottom left;transform-origin:bottom left;z-index:1}.matrix-box:hover .matrix-box-content-zoom,.matrix-box:focus .matrix-box-content-zoom{background-color:rgba(var(--bs-primary-rgb), 0.35);opacity:1;filter:alpha(opacity=100);-webkit-transition:opacity 0.45s ease, filter 0.45s ease, background-color 0.45s ease, transform 0.45s cubic-bezier(0.7, 0, 0.5, 1.25);-moz-transition:opacity 0.45s ease, filter 0.45s ease, background-color 0.45s ease, transform 0.45s cubic-bezier(0.7, 0, 0.5, 1.25);transition:opacity 0.45s ease, filter 0.45s ease, background-color 0.45s ease, transform 0.45s cubic-bezier(0.7, 0, 0.5, 1.25);-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}