*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101a1f;color:#f3f1df;font-family:"Courier New",monospace}a{color:inherit;text-decoration:none}button{font:inherit}.hide{display:none!important}.intro{min-height:100vh;display:grid;place-items:center;background:#aaa0ff;padding:5vw}.c64{width:min(1060px,92vw);min-height:70vh;background:#4438d5;padding:32px;color:#aaa0ff;font-weight:bold;font-size:clamp(16px,2.2vw,30px);line-height:1.55}.cursor{display:inline-block;width:.6em;height:1em;background:#aaa0ff}.window{width:min(1240px,96vw);height:min(820px,94vh);margin:3vh auto;border:4px solid #f3f1df;background:#1a1a1a;display:grid;grid-template-rows:48px 1fr 36px;box-shadow:10px 10px #000}.top{display:flex;align-items:center;gap:20px;background:#f3f1df;color:#171717;padding:0 16px;font-weight:bold;white-space:nowrap}.top a{padding:5px 8px}.top a:hover,.top a.active{background:#744b18;color:#fff}.top strong{margin-left:auto}.sound{border:2px solid #171717;background:#b56f4b;color:#fff;padding:4px 8px;cursor:pointer}.sound.on{background:#234e59}.body{display:grid;grid-template-columns:235px 1fr;min-height:0}.side{border-right:4px solid #f3f1df;padding:16px}.side h2{margin:0 0 18px}.side a{display:block;padding:9px 8px;margin:3px 0}.side a:hover,.side a.active{background:#62a7b5;color:#fff}.main{padding:18px 22px;overflow:auto}.title{display:flex;justify-content:space-between;border-bottom:3px solid #f3f1df;padding-bottom:12px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.tile{position:relative;min-height:175px;padding:15px;border:3px solid #f3f1df;background:#333 center/cover no-repeat;overflow:hidden;cursor:pointer;isolation:isolate}.tile:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.44);z-index:-1}.tile:hover,.tile:focus-visible{outline:3px solid #e34b43}.tile b{font-size:38px}.tile h3{margin:12px 0 4px}.tile p{margin:0}.idea{background-image:url("bilder/idee-8bit.png")}.boot{background-image:url("bilder/boot-8bit.png")}.journey{background-image:url("bilder/reise-8bit.png")}.craft{background-image:url("bilder/handwerk-8bit.png")}.media{background-image:url("bilder/medien-8bit.png")}.view{display:none}.view.active{display:block}.view h1{font-size:clamp(28px,4vw,54px);line-height:1;margin:8px 0 20px}.hero{height:300px;border:3px solid #f3f1df;background:center/cover no-repeat;display:grid;place-items:end start;padding:14px}.hero.idea{background-image:url("bilder/idee-8bit.png")}.hero.boot{background-image:url("bilder/boot-8bit.png")}.hero.journey{background-image:url("bilder/reise-8bit.png")}.hero.craft{background-image:url("bilder/handwerk-8bit.png")}.hero.media{background-image:url("bilder/medien-8bit.png")}.hero span{background:#171717;padding:7px}.view p{font-family:Georgia,serif;font-size:18px;max-width:70ch}.status{border-top:4px solid #f3f1df;padding:8px 14px;display:flex;justify-content:space-between;font-size:12px}.menu-btn{display:none}.legal-footer{border-top:2px solid #f3f1df;margin-top:34px;padding:14px 0 4px;font-size:12px;color:#f3f1df}.legal-footer a{text-decoration:underline;margin-right:14px}.drawer{display:none}
@media(max-width:760px){body{background:#101a1f}.window{width:100%;height:auto;min-height:100vh;margin:0;border:0;box-shadow:none;display:block}.top{height:54px;gap:10px;padding:0 12px;position:sticky;top:0;z-index:5}.top a:not(.menu-btn),.top strong{display:none}.menu-btn{display:block;border:2px solid #171717;background:#f3f1df;color:#171717;padding:5px 8px;cursor:pointer}.sound{margin-left:auto;font-size:11px}.body{display:block}.side{display:none}.main{padding:14px 12px;overflow:visible}.title{font-size:11px}.tiles{grid-template-columns:1fr;gap:12px;margin-top:16px}.tile{min-height:215px;padding:14px}.tile b{font-size:34px}.tile h3{font-size:20px;margin-top:96px;background:rgba(0,0,0,.72);display:inline-block;padding:4px 7px;margin-bottom:0}.tile p{background:rgba(0,0,0,.72);padding:4px 7px;width:max-content;max-width:100%;font-size:14px}.hero{height:260px}.view h1{font-size:32px}.view p{font-size:16px}.status{font-size:9px}.drawer{position:fixed;inset:54px 0 0 0;background:rgba(16,26,31,.98);z-index:4;padding:18px;display:none}.drawer.open{display:block}.drawer a{display:block;border-bottom:2px solid #f3f1df;padding:15px 5px;font-size:18px}.drawer .close{background:#b56f4b;color:#fff;border:0;padding:8px;margin-bottom:12px}.legal-footer{font-size:11px;margin-top:24px;padding-top:12px}.drawer a[data-view="imprint"],.drawer a[data-view="privacy"]{font-size:14px;padding:10px 5px}}