.blog-post{max-width:1000px}.blog-post,.inner-blog-container{margin-left:auto;margin-right:auto}.inner-blog-container{max-width:1440px;padding:104px 40px;width:100%}.kk-bloglist-title{padding-bottom:40px}.kk-blog-listing-feautres{display:flex;flex-direction:column;justify-content:space-between}.blog-card-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px}@media screen and (min-width:1024px){.outer-blog-card{width:calc(33.33333% - 16px)}}.outer-blog-card{background:var(--Off-Grey,#e4eeee);border-radius:16px;box-shadow:0 0 46px 0 rgba(0,0,0,.12)}.outer-blog-card,.top-inner-card{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between}.top-inner-card{aspect-ratio:4/3;background:url(https://2531671.fs1.hubspotusercontent-na1.net/hubfs/2531671/Webseite%2008042024/klarx-unterstuetzt-internationales-kranprojekt.jpeg);border-radius:16px 16px 0 0;padding:var(--Mobile-Gap,32px);width:100%}.bottom-inner-card{padding:var(--Mobile-Gap,32px)}.blog-infos-listing,.bottom-inner-card{align-items:flex-start;align-self:stretch;display:flex;flex:1 0 0;flex-direction:column;gap:16px}@media screen and (min-width:600px) and (max-width:1024px){.outer-blog-card{width:calc(50% - 12px)}}@media screen and (max-width:600px){.outer-blog-card{width:100%}.inner-blog-container{padding-left:16px;padding-right:16px}}