body,*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f3f3f4;color:#2a2a2f}header{background-color:#5728bd;color:#fff;height:4.5rem;position:relative;z-index:1}header nav{margin-top:1.25rem;display:flex;align-items:flex-start;width:50rem;overflow-y:visible;position:absolute;top:0;left:calc(50vw - 25rem)}header nav a,header nav summary{font-size:1.125rem;line-height:1.125rem;padding:.5rem 1rem;cursor:pointer}header nav a,header nav a:visited{display:block;color:#fff}header nav .logo{font-size:1.75rem;font-weight:300;line-height:1.75rem;padding:0 1rem .25rem 0;text-decoration:none}header nav details.werk{background-color:#5728bd}header nav details.werk[open]{outline:200vmax solid rgba(32,32,32,0.5);padding-bottom:.5rem}footer{background-color:#5728bd;color:#fff;padding:2rem 1.25rem 5rem 1.25rem}footer .copyright{text-align:center}footer .copyright strong{position:fixed;bottom:-20rem}@media (min-width: 77.5rem){header nav{width:75rem;left:calc(50vw - 37.5rem)}}@media (max-width: 52.5rem){header{height:auto}header nav{padding-top:1.25rem;margin-top:0;display:block;position:static;width:auto}header nav .logo{margin-left:1.25rem}}body.-index{background-color:#d8d1c1}main.-index{display:flex;flex-wrap:wrap;width:50rem;min-height:calc(100vh - 10rem);margin:0 calc(50vw - 25rem);justify-items:stretch}@media (min-width: 77.5rem){main.-index{width:75rem;margin:0 calc(50vw - 37.5rem)}}@media (max-width: 52.5rem){main.-index{width:calc(100% - 2.5rem);margin:0 1.25rem}}@media (min-width: 77.5rem){main.-index figure{margin:2rem .75rem}main.-index figure:nth-child(5n+1){margin-left:0}main.-index figure:nth-child(5n){margin-right:0}}@media (min-width: 36.01rem) and (max-width: 77.4rem){main.-index figure{margin:2rem .75rem}main.-index figure:nth-child(3n+1){margin-left:0}main.-index figure:nth-child(3n){margin-right:0}}@media (max-width: 36rem){main.-index figure{margin:2rem .375rem}main.-index figure:nth-child(2n+1){margin-left:0}main.-index figure:nth-child(2n){margin-right:0}}main.-index figure>img{width:100%}main.-index figure figcaption{display:none;word-break:break-word;hyphens:auto}main.-index figure figcaption h3+aside{margin-top:1.5rem}main.-index figure.-open{width:100%;margin:1.25rem;z-index:2;display:flex;align-items:flex-start;outline:200vmax solid rgba(19,9,42,0.75);background-color:white}main.-index figure.-open>img{width:65%;padding:1.5rem .75rem 1.5rem 1.5rem}main.-index figure.-open figcaption{display:block;width:35%;padding:1.5rem 1.5rem 1.5rem .75rem}main.-index.-has-open figure:not(.-open){display:none}main.-index>p.empty{margin:8rem 1.25rem 12rem 1.25rem;text-align:center;font-style:italic}@media (max-width: 25rem){main.-index figure.-open{width:100%;display:flex;width:100vw;display:block;margin:-5rem -1.25rem 0 -1.25rem}main.-index figure.-open>img{width:100%;padding:2rem 0 0 0}main.-index figure.-open figcaption{width:100%;padding:1.5rem 1.5rem 3rem .75rem}}main.-textpage{width:50rem;margin:1.5rem calc(50vw - 25rem)}main.-textpage img{display:block;width:80%;margin:1rem auto}@media (max-width: 52.5rem){main.-textpage{width:calc(100% - 2.5rem);margin:1.5rem 1.25rem}}main.-home{background-image:url(../cover-page.jpeg);background-size:cover;background-position:bottom right;position:relative;height:calc(100vh - 4.5rem)}main.-home h1{font-size:4vw;color:#19022f;position:absolute;right:10vw;bottom:calc(13vh + 3rem)}@media (max-width: 52.5rem){main.-home{height:calc(100vh - 9rem)}}@media (max-width: 25rem){main.-home h1{width:45vw;font-size:6vw}}