:root{--bg:#fbf4e8;--paper:#fffaf2;--ink:#2b2118;--muted:#776653;--brand:#6b4f2a;--gold:#d7a84d;--green:#516b44;--shadow:0 14px 35px rgba(43,33,24,.13);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f6ead9,#fbf4e8 25%,#efe0cc);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);line-height:1.55;padding-bottom:84px}
.languagebar{position:sticky;top:0;z-index:9999;display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;background:#fffaf2;border-bottom:1px solid rgba(107,79,42,.22);padding:8px;box-shadow:0 6px 18px rgba(43,33,24,.12)}
.langbtn{border:1px solid rgba(107,79,42,.25);background:#fff;border-radius:999px;padding:7px 10px;font-weight:900;cursor:pointer}.langbtn.active{background:var(--gold);border-color:var(--brand)}
.hero{position:relative;background:#2b2118;color:#fff}.hero img{display:block;width:100%;height:auto}.hero-text{padding:24px;width:min(1100px,94%);margin:auto}.kicker{text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;font-weight:800;color:var(--gold)}h1{font-size:clamp(2rem,7vw,4rem);line-height:1;margin:.1em 0}main{width:min(1100px,calc(100% - 28px));margin:18px auto}
.card{background:var(--paper);border:1px solid rgba(107,79,42,.16);border-radius:var(--radius);padding:22px;margin:14px 0;box-shadow:var(--shadow)}h2{font-size:clamp(1.5rem,4vw,2.4rem);line-height:1.1;margin:.1em 0 .5em}h3{margin:.3em 0;color:#4a341f}
.dashboard,.recommendation-card{border:2px solid rgba(215,168,77,.5);background:linear-gradient(135deg,#fffaf2,#fff3cf)}
.dashboard-grid,.routegrid{display:grid;grid-template-columns:1fr;gap:14px}.dashboard-grid article,.routegrid article{background:#fff;border:1px solid rgba(107,79,42,.13);border-radius:18px;padding:16px;box-shadow:0 8px 20px rgba(43,33,24,.08)}
.weathergrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.weatheritem{background:#f6ead9;border-radius:16px;padding:12px}.weatheritem b{display:block;color:var(--muted);font-size:.85rem}.weatheritem span{font-size:1.1rem;font-weight:900}
.btn,.linkbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:999px;background:#fff8ec;color:var(--ink);font-weight:800;text-decoration:none;border:0;box-shadow:0 8px 20px rgba(0,0,0,.12);cursor:pointer;margin:4px}.primary{background:var(--gold)!important;color:#23170f}
.buttonrow,.actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.choice,.bighelp{border:2px solid rgba(107,79,42,.18);background:#fff;border-radius:18px;padding:12px 14px;font-weight:850;cursor:pointer;color:var(--ink)}.choice.active,.routebtn.active,.tomorrow-route.active,.breakfast.active,.breakfast-time.active{background:var(--gold);border-color:var(--brand)}
.bigbuttons{display:grid;grid-template-columns:1fr;gap:10px}.bighelp{min-height:76px;text-align:left}.resultbox{background:#fff;border:1px dashed rgba(107,79,42,.35);border-radius:18px;padding:14px;margin-top:12px;white-space:pre-line}.mapbox{margin-top:12px}.mapbox iframe{width:100%;height:290px;border:0;border-radius:18px}
.note{background:#f3e4ce;border-left:6px solid var(--gold);padding:12px;border-radius:14px}.photo-gallery.two{display:grid;grid-template-columns:1fr;gap:14px;margin:16px 0}.photo-gallery figure{margin:0;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 24px rgba(43,33,24,.1)}.photo-gallery img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.photo-gallery figcaption{padding:10px 12px;font-weight:700;color:var(--muted)}
.quizanswers{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}.quizanswers button{border:1px solid rgba(107,79,42,.25);background:#fff;border-radius:14px;padding:10px;text-align:left;font-weight:800;cursor:pointer}.quizanswers button.correct{background:#edf3e8;border-color:#516b44}.quizanswers button.wrong{background:#fdecec;border-color:#9b3a3a}
.treasure{display:grid;gap:9px;margin-top:10px}.treasure label{background:#fff;border:1px solid rgba(107,79,42,.16);border-radius:14px;padding:10px;font-weight:800}.test-ok{background:#edf3e8;border-color:#516b44}.test-fail{background:#fdecec;border-color:#9b3a3a}#bedienhilfe{border:2px solid rgba(81,107,68,.30)}#funktionstest{border:2px dashed rgba(107,79,42,.35)}
.bottomnav{position:fixed;bottom:0;left:0;right:0;background:#fffaf2;border-top:1px solid rgba(107,79,42,.2);display:flex;justify-content:space-around;z-index:9999;box-shadow:0 -8px 24px rgba(0,0,0,.12)}.bottomnav a{text-decoration:none;color:var(--ink);font-weight:800;font-size:.82rem;padding:8px 4px;display:flex;flex-direction:column;align-items:center}
@media(min-width:780px){.dashboard-grid,.routegrid{grid-template-columns:repeat(2,1fr)}.bigbuttons{grid-template-columns:repeat(3,1fr)}.photo-gallery.two{grid-template-columns:1fr 1fr}.weathergrid{grid-template-columns:repeat(4,1fr)}}

.versionbar{
  margin: 0.5rem auto 0;
  max-width: 1100px;
  padding: 0.45rem 0.8rem;
  border-radius: 999px;
  background: #fff7df;
  border: 1px solid #ead7a5;
  color: #5f4820;
  font-size: 0.9rem;
  text-align: center;
}


.copyright-footer{
margin-top:30px;padding:15px;text-align:center;
font-size:12px;color:#666;border-top:1px solid #ddd;background:#f8f8f8;
}
textarea{width:100%;border:1px solid rgba(107,79,42,.25);border-radius:16px;padding:12px;font:inherit;background:#fff;color:var(--ink);resize:vertical}.card:target{outline:4px solid rgba(215,168,77,.55);outline-offset:4px}.bottomnav{overflow-x:auto;gap:2px}.bottomnav a{min-width:64px}.routegrid article .resultbox{margin-top:0}.versionbar::before{content:'✅ ';}
@media(max-width:420px){.bottomnav a{font-size:.72rem;min-width:58px}.btn,.linkbtn{width:100%;}.buttonrow .choice{flex:1 1 44%;}}