.blog{--items-per-row: 3;/*background-color:var(--lightgrey-hex)*/}.blog .row{display:flex;flex-wrap:wrap;margin:calc(var(--grid-padding)*-1)}.blog .col{padding:var(--grid-padding);flex:1 1 calc(100%/var(--items-per-row));max-width:calc(100%/var(--items-per-row))}.blog .blog-teaser{position:relative;display:block;background-color:var(--white-hex);color:var(--black-hex);height:100%;text-decoration:none}.blog .blog-teaser:hover .news-title{text-decoration-color:var(--blue-hex)}.blog img{position:relative;display:block;width:100%;height:auto}.blog .text-box{position:relative;padding:1.4em 1em 1.5em}.blog h3{font-size:var(--font-size-sm);margin-top:0;margin-bottom:.4em;text-decoration:underline;text-decoration-color:rgba(0,0,0,0);transition:.2s ease}.blog p{margin:0}.blog .news-date{position:absolute;bottom:100%;right:0;padding:.2em .6em 0;background-color:var(--white-hex);font-size:var(--font-size-xs);font-weight:500}@media(max-width: 1199px){.blog{--items-per-row: 2}}@media(max-width: 567px){.blog{--items-per-row: 1}}.blog-article .news-cover-image-box{position:relative;margin:calc(30px + 3%) -160px}@media(max-width: 1280px){.blog-article .news-cover-image-box{width:calc(100vw - var(--container-padding)*2);left:50%;transform:translateX(-50%);margin:calc(30px + 3%) 0}}.blog-article .news-cover-image-box img{display:block;width:100%;aspect-ratio:3/2}.blog-article .news-date{background-color:var(--red-hex);color:var(--white-hex);display:inline-block;padding:.5em 1em;font-weight:700;font-family:"Sofia Sans",sans-serif}.blog-article .news-headline{margin-top:.2em}.sub-header{position:relative;display:flex;background-color:var(--red-hex);color:var(--white-hex);margin:0 0 calc(var(--section-margin)*-0.5);padding:0;overflow:hidden}.sub-header::after{content:"";display:block;flex-grow:1;background:linear-gradient(90deg, var(--blue-hex) 0%, var(--blue-hex) 15.9%, var(--green-hex) 15.9%, var(--green-hex) 29.4%, var(--red-hex) 29.4%, var(--red-hex) 40.9%, var(--blue-hex) 40.9%, var(--blue-hex) 50.6%, var(--green-hex) 50.6%, var(--green-hex) 58.9%, var(--red-hex) 58.9%, var(--red-hex) 65.9%, var(--blue-hex) 65.9%, var(--blue-hex) 71.9%, var(--green-hex) 71.9%, var(--green-hex) 77%, var(--red-hex) 77%, var(--red-hex) 81.3%, var(--blue-hex) 81.3%, var(--blue-hex) 85%, var(--green-hex) 85%, var(--green-hex) 88.1%, var(--red-hex) 88.1%, var(--red-hex) 90.8%, var(--blue-hex) 90.8%, var(--blue-hex) 93.1%, var(--green-hex) 93.1%, var(--green-hex) 95%, var(--red-hex) 95%, var(--red-hex) 96.6%, var(--blue-hex) 96.6%, var(--blue-hex) 98%, var(--green-hex) 98%, var(--green-hex) 99.2%, var(--red-hex) 99.2%, var(--red-hex) 100%)}@media(max-width: 800px){.sub-header::after{margin-right:calc(-160px - 16%)}}.sub-header .blog-title{font-size:var(--font-size-lg);font-family:"Sofia Sans",sans-serif;margin:1em -0.03em .6em;font-weight:800;line-height:1.1;display:block;padding:.5em var(--container-padding);margin:0;min-width:16%}@media(max-width: 999px){.sub-header .blog-title{order:-1;text-align:left;margin-right:auto;max-width:none}}
