.hero-collage__grid{display:grid;grid-template-columns:calc(60% - .25rem) calc(40% - .25rem);grid-template-rows:50% 50%;height:27vh;max-height:18rem;gap:.5rem;padding:0 .5rem;position:relative}.hero-collage__heading{margin-bottom:.5rem;color:#59574e!important}.hero-collage__subheading p{margin-top:0}.hero-collage__subheading{font-weight:400;font-family:var(--font-body-family)}@media screen and (min-width: 750px){.hero-collage__grid{height:46vh;max-height:37rem}}.hero-collage__grid.hero-collage__grid--4{grid-template-columns:repeat(4,calc(25% - .375rem));grid-template-rows:1fr}.hero-collage__grid.hero-collage__grid--1 .hero-collage__item:first-child{grid-column:1 / 3}@media screen and (min-width: 750px){.hero-collage__grid.hero-collage__grid--4{height:unset;max-height:unset}}.hero-collage__item{grid-column:2 / 2;width:100%;height:100%;position:relative}.hero-collage__item a{width:100%;height:100%}.hero-collage__item:first-child{grid-column:1 / 2;grid-row:1 / 3}.hero-collage__grid.hero-collage__grid--4 .hero-collage__item{grid-column:auto;grid-row:1 / 2}@media screen and (min-width: 750px){.hero-collage__grid.hero-collage__grid--4 .hero-collage__item:before{content:"";width:1px;margin-left:-1px;float:left;height:0;padding-top:100%}.hero-collage__grid.hero-collage__grid--4 .hero-collage__item:after{content:"";display:table;clear:both}}.hero-collage__image{display:block;object-fit:cover;width:100%;height:100%;object-position:center}.hero-collage__image--desktop,.hero-collage__image--tablet{display:none}@media screen and (min-width: 750px){.hero-collage__image--mobile{display:none}.hero-collage__image--tablet{display:block}}@media screen and (min-width: 1400px){.hero-collage__image--tablet{display:none}.hero-collage__image--desktop{display:block}}a.hero-collage__pin{width:3.3rem;height:3.3rem;background:#0003;border-radius:100%;display:flex!important;justify-content:center;align-items:center}.hero-collage__pin:after{width:1.2rem;height:1.2rem;background:#fff;border-radius:100%;display:block;content:" ";box-shadow:0 1px 4px #0000008c}.hero-collage__tooltip{opacity:0;background:#fff;padding:1.5rem;margin-top:1rem;transition:.5s opacity;box-shadow:0 0 15px 2px #0006;display:none}@media screen and (min-width: 750px){.hero-collage__tooltip{min-width:20rem;display:none;position:relative!important}.hero-collage__tooltip.acitve{min-width:20rem;display:block;position:relative!important}}.hero-collage__tooltip-wrapper.active{z-index:3}.hero-collage__tooltip-wrapper.active .hero-collage__tooltip{opacity:1;display:block;position:absolute;right:0;min-width:15rem;text-align:left}.hero-collage__tooltip-wrapper.active.left .hero-collage__tooltip{left:0;right:auto}.hero-collage__tooltip h3{margin:0}.hero-collage__tooltip-price{font-weight:700;font-size:2rem;color:#5a574e}.hero-collage__tooltip-price .price__container{display:flex;align-items:center;column-gap:10px}.hero-collage__tooltip-title{color:#5a574e;text-transform:uppercase;margin:0}.hero-collage__tooltip-wrapper{position:absolute;left:var(--leftMobile);top:var(--topMobile);z-index:2}@media screen and (min-width: 750px){.hero-collage__tooltip-wrapper{left:var(--leftTablet);top:var(--topTablet)}}@media screen and (min-width: 1400px){.hero-collage__tooltip-wrapper{left:var(--leftDesktop);top:var(--topDesktop)}}.hero-collage__item .hero-collage__overlay{position:absolute;left:50%;transform:translate(-50%);bottom:20px;background:#ffffffe6;padding:0 10px;border-radius:4px;font-weight:700;color:#59574e;font-size:1.4rem;letter-spacing:.5px;text-transform:uppercase;display:flex;width:auto;height:auto;text-decoration:none}.hero-collage__item:hover .hero-collage__overlay{background:#fff}@media screen and (max-width: 750px){.hero-collage__item .hero-collage__overlay{font-size:1rem;padding:0 4px;bottom:10px;line-height:2rem}}.hero-collage__overlay{position:absolute;max-width:var(--widthTablet);bottom:var(--bottomTablet);left:max(0%,calc(var(--leftTablet) - var(--widthTablet)))}@media screen and (max-width: 750px){.hero-collage__overlay{width:var(--widthMobile);bottom:var(--bottomMobile);left:max(0%,calc(var(--leftMobile) - var(--widthMobile)))}}@media screen and (min-width: 1400px){.hero-collage__overlay{bottom:var(--bottomDesktop);max-width:var(--widthDesktop);left:max(0%,calc(var(--leftDesktop) - var(--widthDesktop)))}}.hero-collage__overlay img{width:100%}.hero-collage__grid.hero-collage__overlay-active{margin-bottom:6rem}.hero-collage__subheading p,.nav-favoriten-title{font-family:Merriweather;font-style:italic;font-weight:400;font-size:1.6rem;line-height:120%;letter-spacing:.01em;color:#7a7971;text-transform:none}
/*# sourceMappingURL=/cdn/shop/t/787/assets/section-hero-collage.css.map */