:root{color-scheme:light dark;--bg:#ffffff;--text:#111111;--link:#21588F;--hover:#1A4773;--h1:#2F6592;--h2:#946287;--muted:#666666;--border:#888}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Avenir,Montserrat,Corbel,URW Gothic,source-sans-pro,sans-serif;line-height:1.8}body>header{padding:10px 20px}body>header a{display:block;width:50px;margin-inline:auto}body>header img{display:block}main,footer{width:min(96ch,100% - 2rem);margin-inline:auto}main{padding-block:1rem;overflow-wrap:anywhere}h1{margin:2rem 0 4rem;font-size:clamp(1.75rem,8vw,2.8rem);line-height:1.15;color:var(--h1);text-align:center;overflow-wrap:anywhere}a{color:var(--link);font-weight:600;overflow-wrap:anywhere}a:hover{color:var(--hover)}a:focus-visible{outline:2px solid currentColor;outline-offset:4px}footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0 1.25rem;margin-block:4rem 0;padding-block:1rem;font-size:.875rem;color:var(--muted)}footer a{display:inline-flex;align-items:center;min-height:44px}main{width:min(76rem,100% - 2rem)}#projekte{display:grid;gap:2rem;list-style:none;padding:0;margin:0}#projekte li{margin:0;min-width:0;font-size:1.2rem}#projekte a{display:flex;flex-direction:column;align-items:center;gap:1rem;height:100%;padding:.75rem;text-align:center;text-decoration:none}#projekte a>svg{display:block;width:100%;max-width:24rem;height:auto}#projekte a:hover span{text-decoration:underline}#projekte [data-bewegung]{transform-box:fill-box;transform-origin:center}#projekte [data-bewegt] [data-bewegung=mensch],#projekte [data-bewegt] [data-bewegung=technik]{animation:insel-atmen 4s ease-in-out infinite}#projekte [data-bewegt] [data-bewegung=schweif]{transform-origin:left bottom;animation:insel-schweif 3.5s ease-in-out infinite}#projekte [data-bewegt] [data-bewegung=blinzeln]{animation:insel-blinzeln 4.2s linear infinite}#projekte [data-bewegt] [data-bewegung=stempel]{transform-origin:center bottom;animation:insel-schweif 5s ease-in-out infinite}#projekte [data-bewegt] [data-bewegung=fluss]{stroke-dasharray:4 6;animation:insel-fluss 3s linear infinite}@keyframes insel-atmen{50%{transform:translateY(-2px)}}@keyframes insel-schweif{50%{transform:rotate(5deg)}}@keyframes insel-blinzeln{0%,91%,97%,to{transform:scaleY(1)}94%{transform:scaleY(.1)}}@keyframes insel-fluss{to{stroke-dashoffset:-20}}@media(min-width:48rem){#projekte{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){#projekte [data-bewegung]{animation:none!important}}@media(prefers-color-scheme:dark){:root{--bg:#1a1a1a;--text:#f5f5f5;--link:#8ab4e3;--hover:#b0d2f2;--h1:#7fa8d1;--h2:#c794bb;--muted:#d4d4d4}}