.randomposts{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;gap:2rem;padding:2rem;margin-top:3rem;background-color:#f0f2f5;-ms-grid-rows:auto 2rem auto;grid-template-areas:"headline" "posts"}.randomposts h1{-ms-grid-row:1;-ms-grid-column:1;grid-area:headline;font-size:2rem;font-weight:bold;color:#005ca9;text-align:center}.randomposts .posts{-ms-grid-row:3;-ms-grid-column:1;grid-area:posts}.randomposts article.post{margin:0;position:relative}.randomposts article.post ul{margin:0;padding:0;position:absolute;z-index:50;top:0.5rem;left:0.5rem}.randomposts article.post ul li.thema{list-style:none;display:inline-block;width:auto;margin-right:0.3rem}.randomposts article.post ul li.thema a{display:inline-block;line-height:100%;text-decoration:none;font-size:0.7rem;padding:0.2rem 0.3rem;background-color:#005ca9;color:white;border:0;border-radius:0;transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s}.randomposts article.post ul li.thema a:active,.randomposts article.post ul li.thema a:focus,.randomposts article.post ul li.thema a:hover{background-color:#004f8f}.randomposts article.post ul li.thema a:visited{background-color:#005ca9}.randomposts article.post a.innerpost{display:block;border:0;border-radius:0;color:white;text-decoration:none;overflow:hidden;position:relative;width:100%;height:250px}.randomposts article.post a.innerpost .imagecontainer{position:relative;background-size:cover;width:100%;height:250px;transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s}.randomposts article.post a.innerpost:active .imagecontainer,.randomposts article.post a.innerpost:focus .imagecontainer,.randomposts article.post a.innerpost:hover .imagecontainer{-webkit-transform:scale(1.05);transform:scale(1.05)}.randomposts article.post .postcontent{display:block;position:relative;text-decoration:none;background-color:white;padding:0.5rem;width:calc(100% - 1rem);margin-top:0;margin-left:0.5rem;z-index:100;top:-1rem}.randomposts article.post .postcontent:hover h2{color:#004f8f}.randomposts article.post .postcontent h2{width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-size:1.1rem;font-weight:bold;margin:0;color:#005ca9}@media (min-width:576px){.randomposts{grid-template-areas:"headline" "posts"}.randomposts .posts{display:-ms-grid;display:grid;gap:2rem;-ms-grid-columns:1fr 2rem 1fr;grid-template-columns:repeat(2,1fr)}.randomposts h1{-ms-grid-row:1;-ms-grid-column:1}.randomposts .posts{-ms-grid-row:2;-ms-grid-column:1}}@media (min-width:1200px){.randomposts{grid-template-areas:"headline headline headline" "posts posts posts"}.randomposts .posts{display:-ms-grid;display:grid;gap:2rem;-ms-grid-columns:1fr 2rem 1fr 2rem 1fr;grid-template-columns:repeat(3,1fr)}.randomposts h1{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:3}.randomposts .posts{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:3}}