:root{--blau: #123a6b;--blau-hell: #e8eef5;--gold: #eeb111;--gold-hell: #fbeec0;--grau: #5a6673;--badge-land-bg: #123a6b;--badge-land-fg: #ffffff;--badge-stadt-bg: #d6ebe8;--badge-stadt-fg: #12615a;--badge-system-bg: #fbeec0;--badge-system-fg: #8a6600}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--blau);height:100vh;overflow:hidden}#app{display:flex;flex-direction:column;height:100vh}header{background:var(--blau);color:#fff;padding:10px 20px;display:flex;align-items:center;gap:12px;flex-shrink:0;box-shadow:0 2px 8px #00000026;z-index:1000}header .logo{height:42px;width:42px;border-radius:50%;background:#fff;flex-shrink:0}header .brand{font-size:20px;font-weight:700}header .brand span{color:var(--gold)}header .tagline{font-size:12px;opacity:.75;font-style:italic;margin-left:4px}.langs{margin-left:auto;display:flex;gap:4px}.langs a{background:transparent;border:1.5px solid rgba(255,255,255,.35);color:#fff;padding:4px 10px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;text-decoration:none}.langs a.active{background:var(--gold);border-color:var(--gold);color:var(--blau)}#main{flex:1;display:flex;min-height:0}#sidebar{width:360px;background:#fff;border-right:1px solid #dde3ea;display:flex;flex-direction:column;flex-shrink:0}.controls{padding:14px;border-bottom:1px solid #dde3ea}.search{width:100%;padding:10px 12px;border:1.5px solid #cdd6e0;border-radius:8px;font-size:14px;outline:none}.search:focus{border-color:var(--gold)}.filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.filters select{padding:8px;border:1.5px solid #cdd6e0;border-radius:8px;font-size:13px;background:#fff;color:var(--blau);min-width:0}.filters select:disabled{opacity:.5}.fullwidth{grid-column:1 / -1}.count{padding:8px 14px;font-size:12px;color:var(--grau);background:var(--blau-hell);font-weight:600}#list{overflow-y:auto;flex:1}.item{padding:12px 14px;border-bottom:1px solid #eef2f6;cursor:pointer;transition:background .12s}.item:hover{background:var(--blau-hell)}.item.active{background:#fff7e0;border-left:3px solid var(--gold)}.item.nocoord{opacity:.6;cursor:default}.item h3{font-size:14px;margin-bottom:4px;line-height:1.3}.item .meta{font-size:11px;display:flex;gap:5px;flex-wrap:wrap}.badge{padding:1px 8px;border-radius:10px;font-size:11px;font-weight:600}.badge-land{background:var(--badge-land-bg);color:var(--badge-land-fg)}.badge-stadt{background:var(--badge-stadt-bg);color:var(--badge-stadt-fg)}.badge-system{background:var(--badge-system-bg);color:var(--badge-system-fg)}.badge-nocoord{background:#f0d9d9;color:#a33}.badge-unconfirmed{background:#e7e0f0;color:#6a4aa0}#map{flex:1}.popup h3{font-size:15px;margin-bottom:6px;color:var(--blau)}.popup .stamp-img{width:100%;max-height:160px;object-fit:contain;background:#f6f8fa;border-radius:8px;margin-bottom:8px}.popup .row{font-size:12px;margin:3px 0;color:#333}.popup .row b{color:var(--blau)}.popup a{color:#b8860b;font-weight:600;text-decoration:none}.leaflet-popup-content{margin:12px 14px;min-width:210px}@media (max-width: 760px){#sidebar{width:100%;position:absolute;height:48%;bottom:0;z-index:1000;box-shadow:0 -4px 12px #0003}#main{flex-direction:column}#map{height:52%}header .tagline{display:none}}.legal-link{color:#fffc;font-size:12px;text-decoration:none;padding:4px 6px;border:none;align-self:center}.legal-link:hover{color:#fff;text-decoration:underline}.menu-btn{background:transparent;border:none;cursor:pointer;width:34px;height:34px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0;flex-shrink:0}.menu-btn span{display:block;height:3px;width:24px;background:#fff;border-radius:2px;transition:transform .2s,opacity .2s}.menu-btn.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-btn.open span:nth-child(2){opacity:0}.menu-btn.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.menu-panel{position:fixed;top:0;left:0;height:100vh;width:260px;background:#fff;box-shadow:2px 0 12px #0003;transform:translate(-100%);transition:transform .25s ease;z-index:2000;padding:70px 0 20px;display:flex;flex-direction:column}.menu-panel.open{transform:translate(0)}.menu-panel a{padding:14px 24px;color:var(--blau);text-decoration:none;font-size:15px;font-weight:600;border-bottom:1px solid #eef2f6}.menu-panel a:hover{background:var(--blau-hell)}.menu-overlay{position:fixed;inset:0;background:#00000059;opacity:0;pointer-events:none;transition:opacity .25s;z-index:1999}.menu-overlay.open{opacity:1;pointer-events:auto}