.ref-layout{display:grid;grid-template-columns:320px 1fr}@media (max-width:992px){.ref-layout{grid-template-columns:1fr}}.ref-sidebar{padding:12px}#ref-map{min-height:480px;border-radius:10px;overflow:hidden;width:100%;height:100%;background:#f7f7f7}.ref-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:10px}.ref-filters label{display:flex;align-items:center;gap:6px;font-size:.95rem}.ref-search{flex:1 1 100%;margin-top:4px;border:1px solid rgba(0,0,0,.15);border-radius:8px;padding:6px 10px}.ref-list{list-style:none;margin:0;padding:0}.ref-item{display:flex;gap:10px;padding:8px;border-radius:8px;cursor:pointer;align-items:center}.ref-item:hover{background:#f5f5f5}.ref-item.active{background:#eef3ff}.ref-item .thumb{width:44px;height:44px;border-radius:8px;object-fit:cover;background:#eee;flex:0 0 44px}.ref-detail-text,.ref-item .meta{min-width:0}.ref-item .title{font-weight:600;margin:0;font-size:.96rem}.ref-item .city{margin:0;font-size:.82rem;color:#666}.ref-chip{font-size:.72rem;border:1px solid rgba(0,0,0,.15);padding:2px 6px;border-radius:999px;margin-left:auto;white-space:nowrap}.ref-detail{position:fixed;left:0;right:0;bottom:-120%;background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -8px 24px rgba(0,0,0,.15);z-index:1050;transition:bottom .25s;max-height:65vh}.ref-detail.open{bottom:0}.ref-detail-body{display:flex;gap:14px;padding:14px;align-items:flex-start;overflow:auto}.ref-detail-img{width:240px;height:160px;object-fit:cover;border-radius:10px;background:#eee}.ref-detail-close{position:absolute;right:18px;top:18px;border-radius:50%;border-width:0;background:#fff;font-size:20px;line-height:1;color:#333}.marker-icon{width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid #333;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--bs-form-invalid-color);box-shadow:0 1px 3px rgba(0,0,0,.4)}.marker-plan::before{content:"🛠"}.marker-praktikum::before{content:"🏗"}.marker-event::before{content:"🏛"}.marker-other::before{content:"⚙"}.city-label{font:600 12px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;background:rgba(255,255,255,.75);padding:2px 6px;border-radius:4px;border:1px solid rgba(0,0,0,.15);white-space:nowrap;transform:translateY(-4px);pointer-events:none}.ref-badge{background:#fff;color:#d90429;border:1px solid #d90429;border-radius:999px;padding:2px 8px;font-weight:600;letter-spacing:.2px}#ref-list .ref-item{display:grid;grid-template-columns:64px 1fr auto;gap:.75rem;align-items:center;padding:.5rem .25rem;border-radius:.5rem;transition:transform .12s,box-shadow .12s,background-color .12s}#ref-list .ref-item:hover{transform:translateY(-1px) scale(1.01);box-shadow:0 4px 14px rgba(0,0,0,.06);background:#fff}#ref-list .ref-item.active{outline:rgba(217,4,41,.25) solid 2px;background:#fff5f6}#ref-list .thumb{width:64px;height:48px;object-fit:cover;border-radius:.4rem}@keyframes listEnter{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes listLeave{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.98)}}#ref-list .enter{animation:.18s forwards listEnter}#ref-list .leaving{animation:.14s forwards listLeave}#ref-detail.ref-detail--floating{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);width:min(880px,calc(100% - 48px));max-height:70vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 18px 48px rgba(0,0,0,.18);opacity:0;pointer-events:none;transition:opacity .18s,transform .22s;z-index:1000}#ref-detail.ref-detail--floating.open{opacity:1;transform:translate(-50%,0);pointer-events:auto}.leaflet-tooltip.map-preview-tt-wrap{padding:0;border:none;background:0 0;box-shadow:0 10px 22px rgba(0,0,0,.18);border-radius:10px;overflow:hidden}.map-preview-tt{width:220px;max-width:70vw;background:#000;color:#111;font:500 13px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,Arial}.map-preview-tt .mp-img{width:100%;height:140px;background-size:cover;background-position:center}.map-preview-tt .mp-bar{background:#fff;padding:6px 8px 7px}.map-preview-tt .mp-title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-preview-tt .mp-sub{margin-top:2px;font-size:12px;color:#666;display:flex;gap:6px;align-items:center;white-space:nowrap;overflow:hidden}.map-preview-tt .mp-city{overflow:hidden;text-overflow:ellipsis}.map-preview-tt .mp-dot{opacity:.5}.map-preview-tt .mp-cat{color:#d90429;font-weight:600}.leaflet-tooltip-bottom.map-preview-tt-wrap::before,.leaflet-tooltip-left.map-preview-tt-wrap::before,.leaflet-tooltip-right.map-preview-tt-wrap::before,.leaflet-tooltip-top.map-preview-tt-wrap::before{display:none}@media (max-width:767.98px){#sec-reference-map .ref-mapwrap{display:none!important}#sec-reference-map .ref-layout{display:block}#sec-reference-map .ref-sidebar{width:100%}}.ref-sidebar{max-height:100vh;overflow-y:auto}#ref-filters{position:sticky;position:sticky;top:0;margin:0;padding:8px 8px 6px;background:#fff;z-index:1;border-bottom:1px solid #eee}:root{--nav-h:56px;--sec-min:520px;--sec-ideal:68vh;--sec-max:820px;--sidebar-w:360px}.ref-layout{display:grid;grid-template-columns:minmax(280px,var(--sidebar-w)) 1fr;gap:16px;height:clamp(var(--sec-min),var(--sec-ideal),var(--sec-max));align-items:stretch;overflow:hidden;background:#fff}.ref-sidebar{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border-radius:12px;border:1px solid #e6e6e6;transform:translateZ(0)}#ref-list{flex:1 1 auto;min-height:0;overflow-y:auto;padding:8px}.ref-mapwrap{min-height:480px;min-width:0;border-radius:12px;border:1px solid #e6e6e6;overflow:hidden;display:grid}@media (max-width:768px){#ref-detail.ref-detail--floating{left:0;right:0;bottom:0;width:100%;transform:translateY(4px);border-radius:12px 12px 0 0}#ref-detail.ref-detail--floating.open{transform:translateY(0)}#ref-detail .ref-detail-body{display:grid;grid-template-columns:1fr;grid-template-areas:"img" "badge" "title" "desc" "actions";gap:8px}#projectImage{grid-area:img;width:100%;height:auto;display:block;border-radius:12px;margin:0}#ref-cat-badge{grid-area:badge;justify-self:start;margin-top:2px}#projectModalLabel{grid-area:title;margin:0;word-break:break-word}#projectDescription{grid-area:desc;margin:0;white-space:normal;overflow-wrap:anywhere}#ref-detail .ref-actions{grid-area:actions;display:flex;gap:8px;flex-wrap:wrap}#licenseBtn,#projectLink{grid-area:actions;display:inline-flex;align-items:center;margin:0}.ref-layout{grid-template-columns:1fr;grid-template-rows:1fr 1fr;height:clamp(560px,80vh,900px)}.ref-mapwrap{order:1}.ref-sidebar{order:2;height:100%}}