.mobile-highlight{display:none}.bento-grid{display:grid;gap:1rem;height:765px;@media (min-width:992px) and (max-width:1199.98px){height:560px}@media (min-width:1200px) and (max-width:1399.98px){height:660px}}.bento-card{display:block;border-radius:.5rem;position:relative;overflow:hidden;transition:all ease-in-out 0.2s}.bento-card:hover{box-shadow:0 0 15px rgba(33,33,33,.15);transform:scale(1.01)}.bento-card:not(.highlight)::before{display:block;position:absolute;z-index:10;top:0;content:'';width:100%;height:4px;background-color:#E90029}.bento-card .bento-background{position:absolute;z-index:1;width:100%;height:100%}.bento-card .card-img{max-width:100%;height:100%;object-fit:fill;object-position:bottom}.bento-card .card-body{display:flex;height:100%;padding:2rem 1.5rem;@media (min-width:992px) and (max-width:1199.98px){padding:1rem 1rem}@media (min-width:1200px) and (max-width:1399.98px){padding:1rem 1rem}}.bento-card .bento-content{width:fit-content;word-break:break-word;z-index:10}.bento-card .stretched-link{z-index:20}.bento-card .stretched-link:hover{text-decoration:none}.bento-card .bento-content .roofline{margin-bottom:.5rem;text-transform:uppercase;font-size:.6875rem;font-weight:500;line-height:.8125rem;color:#E90029}.bento-card .bento-content h5{font-size:1.4375rem;font-weight:500!important;line-height:2rem;@media (max-width:991.98px){font-size:1rem;line-height:1.5rem}@media (min-width:992px) and (max-width:1199.98px){font-size:1rem;line-height:1.25rem}@media (min-width:1200px) and (max-width:1399.98px){font-size:1.2rem;line-height:1.5rem}}.bento-card.top2 .bento-content h5{font-size:1.875rem;line-height:2.25rem;@media (max-width:991.98px){font-size:1rem;line-height:1.5rem}@media (min-width:992px) and (max-width:1199.98px){font-size:1.25rem;line-height:1.75rem}@media (min-width:1200px) and (max-width:1399.98px){font-size:1.5rem;line-height:2rem}}.bento-card.bottom .card-body{padding:1rem 1.5rem;align-items:end;@media (max-width:991.98px){align-items:start}@media (min-width:992px) and (max-width:1199.98px){padding:1rem 1rem}@media (min-width:1200px) and (max-width:1399.98px){padding:1rem 1rem}}.bento-card.bottom .card-img{object-position:top}.bento-card.highlight{display:grid;background-image:none;justify-content:center}.bento-card.highlight .card-body{align-items:center;padding:1.5rem 1.5rem}.bento-card.highlight .card-img{object-fit:cover}.bento-card.highlight .bento-content h5{text-align:center;font-size:2.0625rem;line-height:2.875rem;color:#fff;@media (max-width:991.98px){font-size:1.4375rem;line-height:2.0125rem}}@media (max-width:991.98px){.bento-grid{display:block;height:auto;-moz-column-count:2;-webkit-column-count:2;column-count:2;gap:.5rem}.bento-card{margin-bottom:.5rem}.bento-card:not(.highlight) .bento-background{display:none}.bento-card.highlight{margin:0 auto .5rem auto}.bento-card .card-body{padding:1rem}}@media (prefers-color-scheme:dark){@media (max-width:991.98px){.bento-card{color:#fff;background-image:url(../../../typo3conf/ext/ks_saving/Resources/Public/Mask/Images/bento_card_mobile_bg_dark.jpg);background-size:cover}}.bento-card:not(.highlight) h5{color:#fff}.bento-card:not(.highlight)::before{display:none}.bento-card.highlight .bento-content h5{color:#000}.bento-card.highlight .bento-image-light{visibility:hidden}.bento-grid[data-theme="light"] .bento-card.highlight .bento-image-light{color:white!important;visibility:visible!important}}.bento-grid[data-theme="light"] .bento-card{@media (max-width:991.98px){background-image:none}}.bento-grid[data-theme="light"] .bento-card:not(.highlight) h5{color:#000}.bento-grid[data-theme="light"] .bento-card:not(.highlight)::before{display:block}.mobile-highlight[data-theme="light"] .bento-card.highlight h5,.bento-grid[data-theme="light"] .bento-card.highlight h5{color:#fff}.mobile-highlight[data-theme="light"] .bento-card.highlight .bento-image-light,.bento-grid[data-theme="light"] .bento-card.highlight .bento-image-light{color:#fff;visibility:visible}.bento-grid[data-theme="dark"] .bento-card{@media (max-width:991.98px){background-image:url(../../../typo3conf/ext/ks_saving/Resources/Public/Mask/Images/bento_card_mobile_bg_dark.jpg)}}.bento-grid[data-theme="dark"] .bento-card:not(.highlight) h5{color:#fff}.bento-grid[data-theme="dark"] .bento-card:not(.highlight)::before{display:none}.mobile-highlight[data-theme="dark"] .bento-card.highlight h5,.bento-grid[data-theme="dark"] .bento-card.highlight h5{color:#000}.mobile-highlight[data-theme="dark"] .bento-card.highlight .bento-image-light,.bento-grid[data-theme="dark"] .bento-card.highlight .bento-image-light{visibility:hidden}