.workshop-directory #selfhost-title{background:#f0ca553b;padding-left:20px;padding-right:20px;border-left:5px solid #174c33}.start-actions a[href="/entdecken/"]{text-decoration-thickness:2px;text-underline-offset:6px}
.hof-page{--ink:#174c33;--meadow:#bad987;--sky:#dceff4;--apple:#ab422d;--sun:#f0ca55;color:var(--ink)}
.hof-map .hof-clouds{transform-box:fill-box;animation:hof-cloud-drift 30s ease-in-out infinite alternate}.hof-map.is-evening>svg>rect{fill:#aebbd1}.hof-map.is-evening .hof-clouds{opacity:.3}.hof-map.is-evening .hof-ground-detail use{opacity:.8}.hof-map .night-star{transition:opacity .4s}.hof-map .sky-sun{transition:fill .4s}
@keyframes hof-cloud-drift{from{transform:translateX(-8px)}to{transform:translateX(12px)}}
@media(prefers-reduced-motion:reduce){.hof-map .hof-clouds{animation:none}.hof-map .night-star,.hof-map .sky-sun{transition:none}}
.hof-intro{padding:55px 0 28px;max-width:850px}.hof-intro h1{font:normal clamp(42px,6vw,78px)/1.05 Georgia,serif;letter-spacing:-2px;margin:0 0 24px}.hof-intro p{max-width:62ch;font-size:18px;line-height:1.75}.hof-jump{display:flex;flex-wrap:wrap;gap:10px 25px;margin:25px 0}.hof-jump a{text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}
.hof-map{position:relative;border:2px solid var(--ink);border-radius:45% 45% 24px 24px / 12% 12% 24px 24px;overflow:hidden;background:var(--sky);margin:10px 0 0;isolation:isolate}.hof-map svg{width:100%;height:auto;display:block}.hof-map .trail{stroke:#f9f1cf;stroke-width:28;fill:none;stroke-linecap:round}.hof-map .place{transform-box:fill-box;transform-origin:50% 100%;transition:transform .22s}.hof-map a:hover .place,.hof-map a:focus .place{transform:translateY(-7px)}.hof-map a:focus-visible{outline:none}.hof-map a:focus-visible .place{filter:drop-shadow(0 0 4px #174c33)}.hof-map text{font-family:inherit;fill:var(--ink);font-size:20px;font-weight:650}.hof-map .place-caption{font-size:14px;font-weight:400}.hof-map a{text-decoration:none}.hof-map .roof{fill:var(--apple);stroke:var(--ink);stroke-width:3}.hof-map .wall{fill:#fff8de;stroke:var(--ink);stroke-width:3}.hof-map .window{fill:#80b9cd;stroke:var(--ink);stroke-width:3}.hof-map .wood{fill:#b27442;stroke:var(--ink);stroke-width:3}.hof-map .flower{fill:var(--sun)}
.hof-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:18px 0 32px}.hof-controls p{margin:0;font-size:14px}.hof-button{font:inherit;cursor:pointer;background:var(--ink);color:white;border:2px solid var(--ink);padding:12px 20px;border-radius:7px;min-height:48px}.hof-button:focus-visible,.hof-page button:focus-visible,.hof-page a:focus-visible{outline:3px solid #ab422d;outline-offset:5px}.hof-button:disabled{cursor:default;opacity:.7}.hof-map.is-evening{background:#b6bfd9}.hof-map.is-evening .sky-sun{fill:#fff7cf}.hof-map.is-evening .window{fill:#f9d97c}.hof-map .night-star{opacity:0;fill:#fff7cf}.hof-map.is-evening .night-star{opacity:1}.hof-map .hen-stop{width:62px;height:68px}
.hof-detail{display:grid;grid-template-columns:1fr 1.4fr;gap:45px;padding:32px 0 45px;border-bottom:2px solid var(--ink)}.hof-detail h2{font:normal 38px/1.15 Georgia,serif;margin:0}.hof-detail p{line-height:1.8;margin:0 0 18px;max-width:65ch}.hof-detail a{font-weight:650;text-underline-offset:5px}.hof-detail[hidden]{display:none}.hof-locations{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0}.hof-locations a{padding:10px 14px;border:1px solid #174c3350;border-radius:5px;text-decoration:none}.hof-locations a[aria-current=true]{background:var(--ink);color:white}
.hof-experiment{padding:65px 0;border-bottom:2px solid var(--ink)}.hof-experiment h2{font:normal clamp(30px,4vw,48px)/1.15 Georgia,serif;margin:0 0 18px;max-width:24ch}.hof-experiment>p{max-width:65ch;line-height:1.8}.route-controls{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.route-controls button{font:inherit;cursor:pointer;background:white;color:var(--ink);border:2px solid var(--ink);border-radius:30px;padding:12px 22px;min-height:48px}.route-controls button[aria-pressed=true]{background:var(--sun)}
.route-stage{position:relative;display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;gap:15px;background:#e8f1dc;padding:35px 25px;border-radius:16px;margin:25px 0}.route-end{text-align:center;font-weight:650}.route-end span{display:block;font-size:52px;margin-bottom:8px}.route-track{height:4px;background:#174c3350;position:relative}.route-file{position:absolute;left:0;top:-18px;width:28px;height:36px;background:var(--sun);border:2px solid var(--ink);border-radius:3px;animation:hof-transfer 1.5s ease-in-out 2 both}.route-stage[data-route=home]{background:#e8f1dc}.route-stage[data-route=cloud]{background:#dceff4}.route-explanation{max-width:65ch;line-height:1.8;min-height:90px}.route-note{font-size:13px}
.backup-game{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#f4edcf;padding:35px;border-radius:18px;margin-top:30px}.backup-game fieldset{border:0;padding:0;margin:0}.backup-game legend{font-size:19px;font-weight:650;margin-bottom:18px}.backup-game label{display:flex;align-items:start;gap:12px;padding:12px 0;line-height:1.6;cursor:pointer}.backup-game input{width:20px;height:20px;accent-color:var(--ink);flex:none;margin-top:4px}.backup-answer{align-self:center;line-height:1.8}.backup-answer strong{display:block;font:normal 29px/1.2 Georgia,serif;margin-bottom:15px}.backup-answer.is-correct{border-left:5px solid var(--ink);padding-left:22px}.backup-actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:22px}.hof-outro{padding:65px 0;display:grid;grid-template-columns:100px 1fr;gap:30px;align-items:center}.hof-outro img{width:100%;height:auto}.hof-outro h2{font:normal 33px/1.2 Georgia,serif;margin:0 0 15px}.hof-outro p{line-height:1.8}.hof-outro a{text-underline-offset:5px}.hof-map .map-note{font-size:13px;font-weight:400}
@keyframes hof-transfer{from{transform:translateX(0)}to{transform:translateX(52px)}}
@media(max-width:700px){.hof-intro{padding-top:30px}.hof-intro h1{letter-spacing:-1px}.hof-detail{grid-template-columns:1fr;gap:16px}.hof-map{border-radius:18px}.hof-map svg{min-width:600px;width:100%}.hof-map{overflow-x:auto}.hof-controls{align-items:start}.hof-controls p{max-width:25ch}.hof-experiment{padding:45px 0}.backup-game{grid-template-columns:1fr;padding:24px;gap:24px}.route-stage{grid-template-columns:1fr 55px 1fr;padding:25px 10px;gap:5px}.route-end{font-size:13px}.route-end span{font-size:38px}.hof-outro{grid-template-columns:65px 1fr;gap:15px}.hof-map .map-note{display:none}}
@media(prefers-reduced-motion:reduce){.hof-map .place{transition:none}.route-file{animation:none;left:50%}}

.hof-map .hen-stop{transform-box:fill-box;transform-origin:50% 100%;animation:hof-hen-wander 12s ease-in-out infinite}@keyframes hof-hen-wander{0%,35%,100%{transform:translateX(0) rotate(0)}45%,55%{transform:translateX(10px) rotate(5deg)}50%{transform:translateX(10px) rotate(-3deg)}}@media(prefers-reduced-motion:reduce){.hof-map .hen-stop{animation:none}}