:root{--darkblue: rgb(10, 49, 68);--blue: rgb(3, 83, 99);--lightblue: rgb(12, 105, 121);--purple: rgb(142, 96, 117);--pink: rgb(191, 85, 105);--red: rgb(218, 59, 59);--orange: rgb(207, 121, 100);--yellow: rgb(247, 240, 194);--white: rgb(255, 255, 255);--paper-white: rgb(251, 248, 228);--green: hsl(79, 100%, 50%);--base: 0.8rem;--width: 960px;--arrow-height: calc(2 * var(--base));--grid-gutter: var(--base);--grid-height: calc(2 * var(--base));--arrow-file: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 128' preserveAspectRatio='none'%3e%3cpath d='M0 0l500 64 500-64v64l-500 64L0 64z'/%3e%3c/svg%3e")}@font-face{font-family:"C64_Pro-STYLE";src:url(../fonts/C64_Pro-STYLE.woff2) format("woff2");font-weight:normal;font-style:normal}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}::selection{background:var(--yellow);color:var(--darkblue)}html{color:#232333;font-family:"Roboto Mono",monospace;font-size:93.75%;line-height:1.6em;hyphens:auto}body{display:grid;margin:0}.ratio{padding-top:65%;background-position:center center;background-repeat:no-repeat;background-size:cover}.image-gallery{display:flex;flex-wrap:wrap;margin:-0.5rem}.gallery-item{padding:.5rem;box-sizing:border-box;flex-basis:33.333%}.gallery-item a{position:relative;display:block;overflow:hidden}.gallery-item h1.title{position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box;padding:.5rem 1rem;margin:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));color:var(--white)}.gallery-item img{width:100%;height:auto;display:block}@media(max-width: 800px){.gallery-item{flex-basis:50%}}@media(max-width: 500px){.gallery-item{flex-basis:100%}}.recipe-layout{display:flex;flex-wrap:wrap;gap:2rem;margin-top:2rem}.recipe-layout>div{flex:1;min-width:280px}.recipe-layout ul,.recipe-layout ol{padding-left:20px;margin:0}.recipe-layout li{margin-bottom:.5rem}.recipe-layout h2{margin-top:0;border-bottom:2px solid var(--lightblue);padding-bottom:.5rem}.content{overflow-wrap:break-word;grid-column:1/-1;display:grid;grid-template-columns:1fr min(800px,100% - 2rem) 1fr}.content>*{grid-column:2}.content>figure{grid-column:1/-1;text-align:center;width:100%;max-width:1280px;margin-left:auto;margin-right:auto}.content>.image-gallery{grid-column:1/-1}footer{overflow-x:hidden}header>h1{margin:1em 0 0 .5em;padding:0;flex-basis:50%;transform-origin:0% 100%;transform:rotate(2deg);position:relative;z-index:10}header>h1::before{content:none}header>h1>a{text-decoration:none;font-family:"C64_Pro-STYLE";font-size:2em;color:var(--orange)}header>h1>a:hover{color:var(--yellow)}header>.arrows{margin-bottom:var(--grid-height)}.footer{margin:4em 0 2em;text-align:center}.icon,.icon-github{display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center}.icon-github{width:48px;height:47px;background-image:url("data:image/svg+xml,%3csvg width='98' height='96' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z' fill='%2324292f'/%3e%3c/svg%3e");-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center}.icon-spielhuus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 270'%3e%3cpolygon points='0,70 100,0 200,70' fill='%23d9655b'/%3e%3crect y='70' width='100' height='100' fill='%23c8c1e3'/%3e%3crect x='100' y='70' width='100' height='100' fill='%23a0bce1'/%3e%3crect y='170' width='100' height='100' fill='%233c5ba3'/%3e%3crect x='100' y='170' width='100' height='100' fill='%23e1b9d3'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;width:48px;height:47px}