:root{--primary:#00325d;--primary-dark:#00192f;--primary-light:#455d82;--primary-lighter:#5d799b;--bg:#eff1f5;--bg-card:rgba(255, 255, 255, 0.85);--bg-card-solid:#ffffff;--border:rgba(0, 50, 93, 0.1);--border-strong:#abb8ca;--text-primary:#00325d;--text-secondary:#455d82;--text-muted:#808080;--text-on-dark:#ffffff;--glass-bg:rgba(255, 255, 255, 0.7);--glass-border:rgba(255, 255, 255, 0.3);--glass-shadow:0 8px 32px rgba(0, 50, 93, 0.12);--shadow-sm:0 2px 4px rgba(0, 50, 93, 0.06);--shadow-md:0 4px 12px rgba(0, 50, 93, 0.1);--shadow-lg:0 8px 24px rgba(0, 50, 93, 0.14);--shadow-xl:0 16px 48px rgba(0, 50, 93, 0.18);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius:0.5rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-base:250ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:350ms cubic-bezier(0.4, 0, 0.2, 1)}.bwki-widget-wrapper *,.bwki-widget-wrapper ::after,.bwki-widget-wrapper ::before,.project-popup *,.project-popup ::after,.project-popup ::before{box-sizing:border-box}.bwki-widget-wrapper{width:100%}.bwki-map-area{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.map-container{position:relative;backdrop-filter:blur(0px)}#map-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.6);border-radius:var(--radius);z-index:10}.map-btn,.marker{align-items:center;transition:all var(--transition-fast)}#map-loading.hidden,.popup-placeholder{display:none}.spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.15);border-top-color:#555;border-radius:50%;animation:.7s linear infinite spin}.marker.active,.marker:focus,.marker:hover{background:#fff;color:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-lg),0 0 0 4px rgba(0,50,93,.25);z-index:20}@keyframes spin{to{transform:rotate(360deg)}}.bw-map{width:100%;height:100%;display:block;border-radius:var(--radius);object-fit:contain}.marker{position:absolute;width:38px;height:38px;background:var(--primary);color:var(--text-on-dark);border:2px solid var(--primary);border-radius:var(--radius-full);display:flex;justify-content:center;font-size:1rem;font-weight:700;box-shadow:var(--shadow-md);cursor:pointer;z-index:11;transform:translate(-50%,-50%)}.marker:focus,.marker:hover{transform:translate(-50%,-50%) scale(1.2)}.marker.active{transform:translate(-50%,-50%) scale(1.15)}.marker-inaktiv,.marker-inaktiv:focus,.marker-inaktiv:hover{background:#fff;color:#888;border-color:#888;opacity:.75;z-index:10}.marker-inaktiv{cursor:default}.marker-inaktiv:focus,.marker-inaktiv:hover{transform:translate(-50%,-50%);box-shadow:var(--shadow-md)}.map-btn--bw:hover,.map-btn--other-toggle:hover,.map-btn--other:hover{box-shadow:var(--shadow-md);transform:translateX(2px)}.map-buttons{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:var(--space-2)}.map-btn{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius);font-size:.75rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);line-height:1.3}.popup-content .project-head,.project-head{user-select:none;border-left:2px solid transparent}.autocomplete-list li,.meta-row,.popup-content .project-accordion,.project-accordion{border-bottom:2px solid var(--border)}.map-btn .btn-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;flex-shrink:0}.map-btn--bw{background:var(--primary);color:var(--text-on-dark)}.map-btn--bw .btn-count{background:var(--text-on-dark);color:var(--primary)}.map-btn--bw:hover{background:var(--primary-dark)}.map-btn--other-toggle{background:var(--primary-light);color:var(--text-on-dark)}.map-btn--other-toggle .btn-count{background:var(--text-on-dark);color:var(--primary-light)}.map-btn--other-toggle:hover{background:var(--primary)}.map-btn--other-toggle .btn-chevron{margin-left:var(--space-1);font-size:.7rem;transition:transform var(--transition-fast);display:inline-block}.autocomplete-list li,.popup-content .project-head,.project-head{cursor:pointer;transition:all var(--transition-fast)}.map-btn-group.open .map-btn--other-toggle .btn-chevron{transform:rotate(90deg)}.map-btn-group{display:flex;flex-direction:column;gap:0}.map-btn-sublist{display:none;flex-direction:column;gap:var(--space-1);padding-left:var(--space-3);padding-top:var(--space-1)}.map-btn-group.open .map-btn-sublist{display:flex}.map-btn--other{background:var(--primary-lighter);color:var(--text-on-dark);font-size:.7rem;padding:var(--space-1) var(--space-2)}.map-btn--other .btn-count{background:var(--text-on-dark);color:var(--primary-lighter);min-width:18px;height:18px;font-size:.65rem}.map-btn--other:hover{background:var(--primary-light)}.map-btn--bw.active{background:var(--text-on-dark);color:var(--primary);box-shadow:var(--shadow-md),0 0 0 2px var(--primary)}.map-btn--bw.active .btn-count{background:var(--primary);color:var(--text-on-dark)}.map-btn--other.active{background:var(--text-on-dark);color:var(--primary-lighter);box-shadow:var(--shadow-md),0 0 0 2px var(--primary-lighter)}.map-btn--other.active .btn-count{background:var(--primary-lighter);color:var(--text-on-dark)}#search-input.autocomplete-open{border-bottom-left-radius:0;border-bottom-right-radius:0}.autocomplete-list li:last-child,.meta-row:last-child,.popup-content .project-accordion:last-child,.project-accordion:last-child{border-bottom:none}.project-head{padding:var(--space-4) var(--space-5);display:flex;flex-direction:row;align-items:flex-start}.popup-close,.project-chevron{transition:transform var(--transition-fast)}.project-head-content{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.project-chevron{flex-shrink:0;margin-left:var(--space-3);margin-top:3px;color:var(--text-muted);line-height:1}.project-accordion.open .project-chevron{transform:rotate(90deg);color:var(--primary)}.popup-content .project-head:hover,.project-head:hover{background:rgba(0,50,93,.04)}.popup-content .project-accordion.open .project-head,.project-accordion.open .project-head{background:var(--bg)}.project-name{font-weight:600;color:var(--text-primary);font-size:.95rem;line-height:1.4}.project-institution{color:var(--text-secondary);font-size:.813rem}.popup-content .project-head .project-laufzeit,.project-head .project-laufzeit{display:block;font-size:.72rem;font-style:italic;font-weight:400;color:var(--text-muted);line-height:1.3;margin-top:2px}.autocomplete-list li,.meta-label,.project-brief{color:var(--text-primary)}.project-details{padding:var(--space-5) var(--space-6);background:var(--bg-card-solid);font-size:.875rem;display:none}.project-accordion.open .project-details,.project-popup.active{display:block}.project-brief{margin-bottom:var(--space-5);font-size:.95rem;line-height:1.8;padding:var(--space-4);background:rgba(0,50,93,.04);border-radius:var(--radius)}.project-meta-grid{display:flex;flex-direction:column;gap:0;margin-bottom:var(--space-5)}.meta-row{display:grid;grid-template-columns:160px 1fr;gap:var(--space-3);padding:var(--space-3) var(--space-4);align-items:baseline}.meta-row:nth-child(odd){background:rgba(0,50,93,.03)}.meta-label{font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.meta-value{color:var(--text-secondary);line-height:1.6;word-break:break-word}.popup-close,.popup-title{color:var(--text-on-dark)}.project-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.project-popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;pointer-events:none}.popup-content{background:var(--bg-card-solid);border-radius:var(--radius);width:90vw;max-width:700px;max-height:85vh;display:flex;flex-direction:column;padding:0;position:relative;animation:.3s cubic-bezier(.34,1.56,.64,1) modalSlideIn;border:2px solid var(--primary);overflow:hidden;pointer-events:auto;box-shadow:var(--shadow-xl),0 0 0 9999px rgba(0,25,47,.55)}.popup-close{position:absolute;top:50%;transform:translateY(-50%) rotate(0);right:var(--space-4);font-size:1.25rem;background:0 0;border:none;cursor:pointer;z-index:10;line-height:1;font-weight:700;padding:10px}.popup-close:hover{transform:translateY(-50%) rotate(90deg)}.popup-title{padding:var(--space-5) var(--space-6);padding-right:70px;font-size:1.1rem;font-weight:700;background:var(--primary);margin:0;flex-shrink:0;position:relative}#popup-list{flex:1;overflow-y:auto;padding:0;min-height:0}.popup-content .project-head{padding:var(--space-4) var(--space-6);display:flex;flex-direction:row;align-items:flex-start}.popup-content .project-name{font-weight:600;color:var(--text-primary);font-size:1rem;margin-bottom:0}.popup-content .project-institution{color:var(--text-secondary);font-size:.875rem}@media (min-width:1024px){.bwki-widget-wrapper{display:flex;gap:var(--space-6);align-items:flex-start}.bwki-map-area{flex:0 0 50%;min-width:380px;max-width:680px;display:grid;grid-template-areas:"search" "map" "attribution";gap:var(--space-4)}.search-box{grid-area:search}#map-container{grid-area:map}.map-attribution{grid-area:attribution}.map-buttons{grid-area:map;align-self:start;justify-self:start;padding:var(--space-4);z-index:15;flex-direction:column;pointer-events:none}.map-buttons *,.project-popup{pointer-events:auto}.project-popup{position:relative;flex:1;min-width:280px;align-self:stretch;z-index:auto;display:block;top:auto;left:auto;transform:none}.popup-close,.popup-content,.project-popup.active .popup-placeholder{display:none}.popup-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-muted);padding:var(--space-8);border:2px solid var(--border);border-radius:var(--radius)}.project-popup.active .popup-content{position:absolute;top:0;left:0;right:0;max-height:100%;display:flex;flex-direction:column;width:auto;max-width:none;box-shadow:var(--shadow-lg);border-radius:var(--radius);animation:.25s cubic-bezier(.4,0,.2,1) sidebarSlideIn}.popup-title{padding-right:var(--space-6)}}.autocomplete-list{position:absolute;background:var(--bg-card-solid);border:2px solid var(--border-strong);border-top:none;z-index:1000;width:100%;max-height:280px;overflow-y:auto;border-radius:0 0 var(--radius) var(--radius);list-style:none;margin-left:0;padding:0;box-shadow:var(--shadow-lg);margin-top:-1rem}.autocomplete-list li{padding:var(--space-3) var(--space-5);font-size:.9rem}.autocomplete-list li:focus,.autocomplete-list li:hover{background:var(--primary);color:var(--text-on-dark);outline:0}.map-attribution{font-size:1rem;color:var(--text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--primary-lighter);border-radius:var(--radius-full);border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media (max-width:700px){.popup-content{width:95vw;max-height:85vh;border-radius:var(--radius)}.popup-title{padding:var(--space-5);padding-right:70px;font-size:1rem}.popup-content .project-head{padding:var(--space-4) var(--space-5)}.meta-row{grid-template-columns:1fr;gap:var(--space-1)}.meta-label{font-size:.7rem}.marker{width:32px;height:32px;font-size:.85rem}}@media (max-width:480px){.popup-content{width:98vw;max-height:90vh}.popup-content .project-name{font-size:.95rem}.marker{width:28px;height:28px;font-size:.75rem}}