.mondo__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-areas:"a a b c" "d e f g" "h i i g";gap:1.8rem;margin:4rem 0}.mondo__grid .mondo__grid-item{text-decoration:none;color:rgb(var(--color-foreground));background:#fff;display:flex;flex-direction:column;gap:1rem;justify-content:flex-end;padding:3rem;-webkit-hyphens:auto;hyphens:auto;text-wrap:pretty;min-height:350px;border-radius:var(--radius-medium);overflow:clip;transition:all .2s}.mondo__grid .mondo__grid-item:hover{cursor:pointer;transform:scale(1.02);box-shadow:0 0 12px rgba(var(--color-foreground),.25)}.mondo__grid .mondo__grid-item span{line-height:2rem}.mondo__grid .mondo__grid-item.brown-item{background:var(--tertiary)}.mondo__grid .mondo__grid-item.brown-item h4.grid-headline,.mondo__grid .mondo__grid-item.brown-item span.grid-subline{color:#fff}.mondo__grid .mondo__grid-item.red-item{background:var(--primary)}.mondo__grid .mondo__grid-item.red-item h4.grid-headline,.mondo__grid .mondo__grid-item.red-item span.grid-subline{color:#fff}.mondo__grid .mondo__grid-item.green-item{background:#006a2a}.mondo__grid .mondo__grid-item.green-item h4.grid-headline,.mondo__grid .mondo__grid-item.green-item span.grid-subline{color:#fff}.mondo__grid .mondo__grid-item.yellow-item{background:var(--secondary)}.mondo__grid .mondo__grid-item.beige-item{background:#e5d7c9}.mondo__grid .mondo__grid-item h4.grid-headline{font-size:4.5rem;line-height:4.5rem;margin:0}.mondo__grid .mondo__grid-item.item-with-bgimage{color:#fff;background-position:top;background-size:cover}.mondo__grid .mondo__grid-item.item-with-bgimage h4{font-family:var(--font-special-family);text-transform:uppercase;font-size:2.8rem;line-height:3.4rem;color:#fff}.mondo__grid .mondo__grid-item#item-roastery{grid-area:a}.mondo__grid .mondo__grid-item#item-roastery h4{font-size:3.8rem;line-height:3.8rem}.mondo__grid .mondo__grid-item#item-fairtrade{grid-area:b;text-align:center;align-items:center;justify-content:center;padding-top:5rem;gap:2rem}.mondo__grid .mondo__grid-item#item-fairtrade .fairtrade-heart{height:110px;width:auto}.mondo__grid .mondo__grid-item#item-technology{grid-area:c}.mondo__grid .mondo__grid-item#item-automat{grid-area:d}.mondo__grid .mondo__grid-item#item-automat .automat{height:60px;width:fit-content}.mondo__grid .mondo__grid-item#item-jobs{grid-area:e;text-align:center;align-items:center}.mondo__grid .mondo__grid-item#item-jobs .mondo-jobs-head{border-radius:100%;border:6px solid rgb(var(--color-background));margin-bottom:2rem}.mondo__grid .mondo__grid-item#item-contractroasting{grid-area:f}.mondo__grid .mondo__grid-item#item-gastronomy{grid-area:g;background-position:bottom;background-repeat:no-repeat;background-size:170%;overflow:clip;position:relative}.mondo__grid .mondo__grid-item#item-gastronomy .grid-headline,.mondo__grid .mondo__grid-item#item-gastronomy .grid-subline{z-index:3}.mondo__grid .mondo__grid-item#item-gastronomy .blur-circle{position:absolute;display:block;top:35%;left:50%;width:300px;height:300px;background-color:#5dec964d;border-radius:50%;filter:blur(50px);transform:translate(-50%,-50%);z-index:1}.mondo__grid .mondo__grid-item#item-gastronomy .mondo-gastronomy-machine{position:absolute;bottom:27%;right:-110px;width:125%;height:auto;object-fit:cover;z-index:2}.mondo__grid .mondo__grid-item#item-togo{grid-area:h}.mondo__grid .mondo__grid-item#item-locations{grid-area:i;position:relative}.mondo__grid .mondo__grid-item#item-locations .grid-headline,.mondo__grid .mondo__grid-item#item-locations .grid-subline{z-index:2;padding-right:250px}.mondo__grid .mondo__grid-item#item-locations .mondo-flag{position:absolute;top:-.5rem;left:3rem;width:150px;height:auto}.mondo__grid .mondo__grid-item#item-locations .coffee-cup{position:absolute;bottom:-100px;right:-100px;width:350px;height:350px;border-radius:100%;object-fit:cover;filter:brightness(.7)}:is(.mondo__grid .mondo__grid-item#item-jobs,.mondo__grid .mondo__grid-item#item-fairtrade) h4{font-size:3.5rem;line-height:3.5rem}@media screen and (max-width:1500px){.mondo__grid .mondo__grid-item#item-gastronomy{background-size:210%}.mondo__grid .mondo__grid-item#item-gastronomy .blur-circle{position:absolute;display:block;top:30%;left:50%;width:300px;height:300px;background-color:#5dec964d;border-radius:50%;filter:blur(50px);transform:translate(-50%,-50%);z-index:1}.mondo__grid .mondo__grid-item#item-gastronomy .mondo-gastronomy-machine{top:13%;right:-90px}}@media screen and (max-width:1450px){.mondo__grid .mondo__grid-item#item-locations .grid-headline,.mondo__grid .mondo__grid-item#item-locations .grid-subline{padding-right:0}.mondo__grid .mondo__grid-item#item-locations .coffee-cup{display:none}.mondo__grid .mondo__grid-item#item-gastronomy{background-size:260%}}@media screen and (max-width:1200px){.mondo__grid{grid-template-columns:repeat(3,1fr);grid-template-areas:"a a b" "c d f" "i i g" "e h g"}.mondo__grid .mondo__grid-item#item-gastronomy{background-size:200%}}@media screen and (max-width:990px){.mondo__grid{grid-template:"a b" 1fr "c d" 1fr "e f" 1fr "i g" 1fr "h g" 1fr}.mondo__grid .mondo__grid-item#item-locations .mondo-flag{display:none}.mondo__grid .mondo__grid-item#item-gastronomy{background-image:none!important}.mondo__grid .mondo__grid-item#item-gastronomy .mondo-gastronomy-machine{width:120%;top:10%}}@media screen and (max-width:750px){.mondo__grid{grid-template:"a" 1fr "b" 1fr "c" 1fr "d" 1fr "e" 1fr "f" 1fr "g" 1fr "h" 1fr "i" 1fr;display:flex;flex-direction:column}.mondo__grid .mondo__grid-item#item-gastronomy{min-height:270px;padding-block:2rem}.mondo__grid .mondo__grid-item#item-gastronomy h4{font-size:3.5rem;line-height:3.5rem}.mondo__grid .mondo__grid-item#item-gastronomy .mondo-gastronomy-machine{display:none}.mondo__grid .mondo__grid-item#item-locations{min-height:200px;padding-block:2rem}.mondo__grid .mondo__grid-item#item-locations .grid-headline{font-size:3.5rem;line-height:3.5rem}.mondo__grid .mondo__grid-item#item-fairtrade{height:auto;min-height:200px;padding-block:2.5rem .5rem}.mondo__grid .mondo__grid-item#item-fairtrade .fairtrade-heart{height:70px}.mondo__grid .mondo__grid-item#item-automat{height:auto;min-height:200px;padding-block:3rem 1rem}.mondo__grid .mondo__grid-item#item-automat .grid-headline{font-size:3.5rem;line-height:3.5rem}.mondo__grid .mondo__grid-item#item-automat .automat{height:40px}.mondo__grid .mondo__grid-item#item-roastery h4{font-size:2.8rem;line-height:3.4rem}.mondo__grid .mondo__grid-item#item-jobs{min-height:270px;padding-block:1.5rem}.mondo__grid .mondo__grid-item#item-jobs .mondo-jobs-head{height:80px;width:80px;margin-bottom:1rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-mondo-grid.css.map */