.blogoverview{display:flex;align-items:flex-start;width:100%;min-height:calc(100vh - 52px);position:relative}@media screen and (max-width:570px){.blogoverview{flex-direction:column}}.blogoverview p{font-size:18px;line-height:1.6;margin:0 0 1.6rem}.blogoverview p a{color:#039cf2}.blogoverview .left{position:sticky;top:0;align-self:flex-start;width:50%;height:calc(100vh - 52px);flex-shrink:0;display:flex;flex-direction:column;justify-content:flex-end;padding:6rem 4rem;align-items:center;text-align:center;background-image:url(/assets/img/blog/blog_bg.jpg);background-size:cover;background-position:50%}@media screen and (max-width:570px){.blogoverview .left{width:100%;position:relative;min-height:80vh;height:auto;padding:2rem 4rem}}.blogoverview .left .logoblog{text-indent:-9999px;background-image:url(/assets/img/rob_logo2.png);background-size:100%;background-position:bottom;background-repeat:no-repeat;width:80%;height:150px;margin-bottom:4rem}.blogoverview .left p{max-width:520px}@media screen and (max-width:570px){.blogoverview .left p{font-size:12px}}.blogoverview .right{flex:1 1;min-height:100vh;padding:6rem 4rem;background:#fff}@media screen and (max-width:570px){.blogoverview .right{width:100%;min-height:auto;padding:4rem 2rem}}@media(prefers-reduced-motion:no-preference){.blogoverview .right .blogpost-preview{opacity:0;transform:translateX(-20px);transition:opacity .5s ease-out,transform .5s ease-out}.blogoverview .right .blogpost-preview.is-revealed{opacity:1;transform:translateX(0)}}.blogoverview .right .blogpost-preview+.blogpost-preview{margin-top:4rem;padding-top:4rem;border-top:1px solid rgba(99,114,125,.2)}.blogoverview .right .blogpost-preview h3{color:#000;margin:1.6rem 0}.blogoverview .right .blogpost-preview h4{font-size:14px;color:#63727d}.blogoverview .right .blogpost-preview p{color:#63727d;font-size:16px}.blogoverview .right .blogpost-preview a,.blogoverview .right .blogpost-preview h5 a{color:#039cf2}.blogoverview .pagination{margin-top:4rem}.blogoverview .pagination ul{margin:0 auto;max-width:300px;display:flex;flex-direction:row;justify-content:center;list-style:none;padding:0}.blogoverview .pagination li a{color:#63727d;border:2px solid rgba(99,114,125,.2);border-radius:3px;padding:12px 16px;margin:0 .5rem;display:inline-block;font-family:DINNextLTPro-Regular,sans-serif;font-size:14px;font-weight:400;transition:border-color .2s ease}.blogoverview .pagination li a.active,.blogoverview .pagination li a:hover{border-color:#039cf2;color:#039cf2}@media screen and (max-width:570px){.blogoverview .pagination li a{padding:6px 8px}}