.tutorials-teaser{text-align:center;margin-bottom:5rem}@media screen and (min-width:53.1875em){.tutorials-teaser{margin-bottom:8rem}}.tutorials-teaser .tutorials-teaser__intro{padding:0 2.5rem;margin-bottom:5rem}@media screen and (min-width:53.1875em){.tutorials-teaser .tutorials-teaser__intro{padding:0 7.5rem}}.tutorials-teaser .tutorials-teaser__container{margin-bottom:3rem;display:grid;grid-gap:2rem;grid-template-columns:repeat(2,1fr)}@media screen and (min-width:53.1875em){.tutorials-teaser .tutorials-teaser__container{margin-bottom:6rem;grid-template-columns:repeat(4,1fr)}}.tutorials-teaser .item{position:relative;grid-column-end:span 1;grid-row-end:span 1}.tutorials-teaser .item::after{content:"";display:block;padding-bottom:100%}.tutorials-teaser .item .item--inner{display:flex;flex-direction:column;position:absolute;top:0;bottom:0;left:0;right:0;padding:1rem 1.5rem 2rem;text-align:left;border-radius:1rem;overflow:hidden}@media screen and (min-width:30em){.tutorials-teaser .item .item--inner{padding:2rem 3.5rem 4.5rem}}@media screen and (min-width:53.1875em){.tutorials-teaser .item .item--inner{padding:1.5rem 2.5rem 3rem}}@media screen and (min-width:68.8125em){.tutorials-teaser .item .item--inner{padding:2rem 3.5rem 4.5rem}}.tutorials-teaser .item .item__theme{font-size:1.3rem;color:#fff}.tutorials-teaser .item .item__theme i{position:relative;font-size:.5rem;top:.5rem}.tutorials-teaser .item h3{font-family:"Lato regular",Arial,sans-serif;font-size:calc(14px + 4 * ((100vw - 320px) / 680));font-weight:400;color:#fff;margin:auto 0 0 0;line-height:1.2}@media screen and (min-width:30em){.tutorials-teaser .item h3{line-height:1.6}}@media screen and (min-width:53.1875em){.tutorials-teaser .item h3{line-height:1.2}}@media screen and (min-width:68.8125em){.tutorials-teaser .item h3{font-size:1.8rem;line-height:1.6}}.tutorials-teaser .item-x2{position:relative;grid-column-end:span 2;grid-row-end:span 2;background-color:#fff;border-radius:1rem;box-shadow:0 0 20px 0 rgba(186,186,186,.35)}.tutorials-teaser .item-x2:after{content:"";display:block;padding-bottom:100%}.tutorials-teaser .item-x2 .item--inner{display:flex;flex-direction:column;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.tutorials-teaser .item-x2 .item__img{width:100%;aspect-ratio:5/2;border-top-left-radius:1rem;border-top-right-radius:1rem}.tutorials-teaser .item-x2 .item__content{display:flex;flex-direction:column;padding:2rem 1.6rem;text-align:left;flex-grow:1}@media screen and (min-width:53.1875em){.tutorials-teaser .item-x2 .item__content{padding:2.5rem 2.4rem}}@media screen and (min-width:68.8125em){.tutorials-teaser .item-x2 .item__content{padding:4rem 3.2rem}}.tutorials-teaser .item-x2 .item__content h3{font-family:"Lato bold",Arial,sans-serif;text-transform:uppercase;margin-bottom:.1rem;font-size:calc(20px + 6 * ((100vw - 320px) / 680))}@media screen and (min-width:53.1875em){.tutorials-teaser .item-x2 .item__content h3{margin-bottom:.3rem}}@media screen and (min-width:68.8125em){.tutorials-teaser .item-x2 .item__content h3{margin-bottom:.5rem;font-size:2.6rem}}.tutorials-teaser .item-x2 .item__content .item__date{display:block;font-family:"Lato bold",Arial,sans-serif;font-size:calc(20px + 6 * ((100vw - 320px) / 680));text-transform:uppercase}@media screen and (min-width:68.8125em){.tutorials-teaser .item-x2 .item__content .item__date{font-size:2.6rem}}.tutorials-teaser .item-x2 .item__content p{font-family:"Lato bold",Arial,sans-serif;padding:.5rem calc(0px + ((100vw - 320px)/ 3)) 0 0;margin-bottom:0;line-height:1.2;font-size:calc(16px + 2 * ((100vw - 320px) / 680))}@media screen and (min-width:53.1875em){.tutorials-teaser .item-x2 .item__content p{padding:.7rem 0 0 0}}@media screen and (min-width:68.8125em){.tutorials-teaser .item-x2 .item__content p{padding:1rem 0 0 0;font-size:1.8rem;line-height:1.5}}.tutorials-teaser .item-x2 .item__content a{margin-top:auto;font-family:"Lato bold",Arial,sans-serif;color:#b60a73;text-decoration:none;font-size:calc(16px + 2 * ((100vw - 320px) / 680))}.tutorials-teaser .item-x2 .item__content a:focus,.tutorials-teaser .item-x2 .item__content a:hover{text-decoration:underline}@media screen and (min-width:68.8125em){.tutorials-teaser .item-x2 .item__content a{font-size:1.8rem}}