: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}.filter-fab{display:none;position:fixed;bottom:20px;left:20px;width:56px;height:56px;border-radius:50%;background:var(--blau);color:#fff;border:none;box-shadow:0 3px 10px #0000004d;z-index:1500;cursor:pointer;align-items:center;justify-content:center;padding:0}.filter-fab svg{width:26px;height:26px}.sidebar-close{display:none}@media (max-width: 760px){#main{flex-direction:column}#map{height:100%}header .tagline{display:none}.filter-fab{display:flex}#sidebar{position:fixed;left:0;right:0;bottom:0;width:100%;height:70%;z-index:1600;box-shadow:0 -4px 16px #00000040;border-radius:16px 16px 0 0;transform:translateY(100%);transition:transform .28s ease}#sidebar.open{transform:translateY(0)}.sidebar-close{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #dde3ea;font-weight:600;color:var(--blau)}.sidebar-close button{background:transparent;border:none;font-size:26px;color:var(--grau);cursor:pointer;line-height:1;padding:0 6px}}.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}