/* Kistl24 web map: colours from the app design (Wiesengrün, Eigelb, Erde), like /style.css */
:root{--green:#367F28;--yolk:#F2B705;--ink:#17251B;--muted:#56635A;--ground:#FFFFFF;--soft:#F4F7F2;--line:#DCE3DA}
@media (prefers-color-scheme:dark){:root{--green:#5DBB49;--ink:#E8EFE9;--muted:#A9B5AC;--ground:#111813;--soft:#1A231C;--line:#2B362D}}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{display:flex;flex-direction:column;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--ground)}
a{color:var(--green);font-weight:600}
header{display:flex;gap:.6rem;align-items:center;padding:.6rem .9rem;border-bottom:1px solid var(--line);flex-wrap:wrap}
.home img{height:2.1rem;display:block}
@media (prefers-color-scheme:dark){.home img{background:#fff;border-radius:.5rem;padding:.15rem .35rem}}
.find{position:relative;flex:1 1 14rem}
input,select,button{font:inherit;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:.8rem;padding:.5rem .8rem}
input{width:100%}
button{cursor:pointer}
#locate{background:var(--green);color:#fff;border-color:var(--green);font-weight:700}
#results{position:absolute;z-index:5;left:0;right:0;top:100%;margin:.25rem 0 0;padding:.3rem;list-style:none;background:var(--ground);border:1px solid var(--line);border-radius:.8rem;box-shadow:0 6px 20px rgba(0,0,0,.15)}
#results button{display:block;width:100%;text-align:left;border:0;background:none;padding:.45rem .6rem}
#results button:hover,#results button:focus{background:var(--soft)}
#layout{flex:1;display:flex;min-height:0}
#map{flex:1;min-height:20rem}
aside{width:23rem;overflow:auto;padding:.9rem 1rem;border-left:1px solid var(--line)}
aside h2{font-size:1rem;margin:.6rem 0 .4rem}
#list{list-style:none;margin:0;padding:0}
#list a{display:block;color:var(--ink);font-weight:400;text-decoration:none;padding:.5rem .4rem;border-bottom:1px solid var(--line)}
#list a:hover{background:var(--soft)}
#list small{color:var(--muted)}
.dot{display:inline-block;width:.7rem;height:.7rem;border-radius:50%;border:1.5px solid #fff;box-shadow:0 0 0 1px var(--line);margin-right:.3rem}
#card{background:var(--soft);border-radius:1rem;padding:.9rem 1rem;margin-bottom:.6rem}
#card img{width:100%;border-radius:.7rem;max-height:12rem;object-fit:cover}
#card h3{margin:.1rem 0 .4rem;font-size:1.25rem}
#card p{margin:.3rem 0}
.kind{color:var(--green);font-weight:800;margin:0}
#hint{color:var(--muted)}
.app{background:var(--soft);border-radius:1rem;padding:.8rem 1rem;margin-top:1rem}
.small{font-size:.9rem;color:var(--muted)}
@media (max-width:760px){
  #layout{flex-direction:column}
  #map{flex:none;height:55vh}
  aside{width:auto;border-left:0;border-top:1px solid var(--line)}
}
.news{background:var(--yolk);color:#17251B;border-radius:.6rem;padding:.4rem .6rem;font-weight:700}
.opennow{display:flex;gap:.35rem;align-items:center;white-space:nowrap;font-weight:600}
.opennow input{width:auto;accent-color:var(--green)}
#card .open{color:var(--green);font-weight:700}
#card .closed{color:var(--muted);font-weight:700}
#season{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.7rem}
#season button{background:var(--soft);border-color:var(--line);font-weight:700;padding:.35rem .7rem}
#season button[aria-pressed="true"]{background:var(--yolk);border-color:var(--yolk);color:#17251B}
#card .holiday{background:var(--line);border-radius:.6rem;padding:.4rem .6rem;font-weight:700}