.admin-nav-btn[data-v-b342cf5e]{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:#2668a826;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;text-decoration:none;transition:all .2s;display:flex}.admin-nav-btn[data-v-b342cf5e]:hover{border-color:var(--border-glow);background:#2668a84d}body{margin:0;padding:0;font-family:Arial,sans-serif}:root{--bg-deepest:#060a13;--bg-glass:#0f193273;--bg-card-hover:#141e37cc;--border-subtle:#648cc81f;--border-glow:#2668a859;--text-primary:#e8edf5;--text-secondary:#8a9bbf;--text-muted:#556480;--accent-blue:#2668a8;--accent-blue-soft:#3a8fd4;--accent-cyan:#22b8d6;--accent-amber:#e8940a;--accent-amber-soft:#f0ab2e;--accent-green:#34d399;--accent-red:#ef4444;--accent-rose:#f472b6;--accent-schall:#8b5cf6;--accent-waerme:#ef6c35;--accent-feuchte:#06b6d4;--accent-ha:#18bcf2;--accent-grafana:#f46800;--accent-ccu:#e84393;--gradient-hero:linear-gradient(135deg, #3a8fd4 0%, #7e6cc9 40%, #e8940a 100%);--gradient-blue:linear-gradient(135deg, #2668a8, #1e5690);--gradient-btn:linear-gradient(135deg, #1e5690, #2d7abf);--shadow-glow:0 0 30px #2668a82e;--shadow-btn:0 4px 16px #1e569059;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-display:"Playfair Display", Georgia, serif;--font-body:"DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--nav-height:72px;--max-width:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg-deepest);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{color:var(--accent-blue-soft);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-cyan)}img{max-width:100%;height:auto;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.gradient-text{background:var(--gradient-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all .35s cubic-bezier(.25,.46,.45,.94)}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-glow);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.glass-card-static{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.section-label{letter-spacing:.15em;text-transform:uppercase;color:var(--accent-blue);margin-bottom:12px;font-size:.75rem;font-weight:600}.section-title{font-family:var(--font-display);margin-bottom:16px;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:700;line-height:1.2}.btn{font-family:var(--font-body);border-radius:var(--radius-full);cursor:pointer;border:none;align-items:center;gap:8px;padding:14px 28px;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:var(--gradient-btn);color:#fff;box-shadow:var(--shadow-btn)}.btn-primary:hover{color:#fff;transform:translateY(-2px)}.btn-outline{color:var(--text-primary);border:1px solid var(--border-subtle);background:0 0}.btn-outline:hover{border-color:var(--border-glow);color:var(--text-primary);background:#2668a814}.nav{height:var(--nav-height);z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#060a13cc;transition:background .3s;position:fixed;top:0;left:0;right:0}.nav-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;height:100%;margin:0 auto;padding:0 24px;display:flex}.nav-logo{color:var(--text-primary);cursor:pointer;align-items:center;gap:12px;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.nav-logo-icon{width:44px;height:44px}.nav-logo-icon img{object-fit:contain;width:100%;height:100%}.nav-links{align-items:center;gap:4px;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;padding:8px 14px;font-size:.88rem;font-weight:500;transition:all .2s}.nav-links a:hover,.nav-links a.router-link-active{color:var(--text-primary);background:#2668a81a}.nav-dropdown{position:relative}.nav-dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);opacity:0;visibility:hidden;z-index:100;background:#0f172af2;min-width:200px;padding:8px;transition:all .25s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 4px 24px #0000004d}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.nav-dropdown-menu a{border-radius:var(--radius-sm);white-space:nowrap;padding:10px 16px;font-size:.85rem;display:block}.nav-dropdown-menu a:hover{background:#2668a826}.nav-right{align-items:center;gap:12px;display:flex}.lang-switch{border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:#0f172a99;gap:4px;padding:4px;display:flex}.lang-btn{color:var(--text-muted);font-size:.78rem;font-weight:600;font-family:var(--font-body);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;padding:6px 12px;transition:all .2s}.lang-btn.active{background:var(--accent-blue);color:#fff}.nav-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:8px;font-size:1.5rem;display:none}.page-hero{padding-top:calc(var(--nav-height) + 60px);text-align:center;padding-bottom:48px;position:relative}.page-hero:before{content:"";pointer-events:none;background:radial-gradient(70% 50% at 50% 30%,#2668a81f,#0000);position:absolute;inset:0}.page-hero h1{font-family:var(--font-display);margin-bottom:12px;font-size:clamp(2rem,5vw,3rem);font-weight:700}.page-hero p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.05rem}.breadcrumb{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;padding:20px 0 0;font-size:.82rem;display:flex}.breadcrumb a{color:var(--text-secondary);cursor:pointer}.breadcrumb-sep{opacity:.4}.pill-tabs{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-full);gap:4px;width:fit-content;margin:0 auto 48px;padding:4px;display:flex}.pill-tab{color:var(--text-secondary);font-family:var(--font-body);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:8px;padding:10px 24px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.pill-tab.active,.pill-tab.router-link-exact-active{background:var(--accent-blue);color:#fff}.pill-tab:hover:not(.active):not(.router-link-exact-active){color:var(--text-primary);background:#2668a81a}.overview-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:60px;display:grid}.overview-card{text-align:center;padding:32px 24px}.overview-card-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:1.6rem;transition:transform .3s;display:flex}.overview-card:hover .overview-card-icon{transform:scale(1.1)}.overview-card h3{font-family:var(--font-display);margin-bottom:8px;font-size:1.15rem;font-weight:600}.overview-card p{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.articles-list{flex-direction:column;gap:24px;margin-bottom:60px;display:flex}.article-card{color:inherit;cursor:pointer;gap:28px;padding:24px;text-decoration:none;display:flex}.article-card-img-wrap{border-radius:var(--radius-md);flex-shrink:0;width:260px;height:180px;overflow:hidden}.article-card-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.article-card:hover .article-card-img{transform:scale(1.06)}.article-card-img-placeholder{opacity:.5;background:linear-gradient(135deg,#1a2744,#0d1a30);justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;display:flex}.article-card-body{flex-direction:column;flex:1;justify-content:center;display:flex}.article-card-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;font-size:.78rem;display:flex}.article-card-category{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;padding:4px 12px;font-size:.72rem;font-weight:600}.article-card h2{font-family:var(--font-display);margin-bottom:8px;font-size:1.2rem;font-weight:700;line-height:1.3;transition:color .2s}.article-card:hover h2{color:var(--accent-blue-soft)}.article-card p{color:var(--text-secondary);line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.7;display:-webkit-box;overflow:hidden}.article-card-readmore{color:var(--accent-blue-soft);align-items:center;gap:6px;margin-top:12px;font-size:.85rem;font-weight:600;transition:gap .2s;display:flex}.article-card:hover .article-card-readmore{gap:10px}.cat-berg{color:#52b788;background:#2d6a4f33}.cat-smart{color:#60a5fa;background:#1d35574d}.cat-bau{color:#ddb892;background:#6c584c40}.cat-schall{color:var(--accent-schall);background:#8b5cf626}.cat-waerme{color:var(--accent-waerme);background:#ef6c3526}.cat-feuchte{color:var(--accent-feuchte);background:#06b6d426}.cat-openccu{color:var(--accent-ccu);background:#e8439326}.empty-state{text-align:center;color:var(--text-muted);padding:60px 24px}.empty-state-icon{opacity:.4;margin-bottom:16px;font-size:3rem}.empty-state h3{font-family:var(--font-display);color:var(--text-secondary);margin-bottom:8px;font-size:1.3rem}.back-btn{color:var(--text-secondary);cursor:pointer;font-size:.88rem;font-weight:500;font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:8px;margin-bottom:24px;transition:color .2s;display:inline-flex}.back-btn:hover{color:var(--accent-blue-soft)}.formula-block{border:1px solid var(--border-subtle);border-left:3px solid var(--accent-amber);border-radius:0 var(--radius-md) var(--radius-md) 0;font-family:var(--font-mono);color:#c8d6e5;background:#0a0f1cb3;margin:20px 0;padding:20px 28px;font-size:1rem;line-height:1.8;overflow-x:auto}.formula-block .var{color:var(--accent-cyan);font-style:italic}.formula-block .unit{color:var(--text-muted);font-size:.85rem}.formula-block .label{color:var(--accent-amber-soft);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.82rem;font-weight:600;display:block}.info-box{border-radius:var(--radius-md);background:#2668a814;border:1px solid #2668a833;margin:24px 0;padding:20px 24px}.info-box-title{color:var(--accent-blue-soft);margin-bottom:8px;font-size:.9rem;font-weight:600}.info-box p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.7}.data-table{border-collapse:collapse;width:100%;margin:24px 0;font-size:.88rem}.data-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-subtle);background:#0f193299;padding:12px 16px;font-size:.78rem;font-weight:600}.data-table td{color:var(--text-secondary);border-bottom:1px solid #648cc80f;padding:12px 16px}.data-table tr:hover td{background:#2668a80a}.grafana-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grafana-card{cursor:pointer;aspect-ratio:16/10;position:relative;overflow:hidden}.grafana-overlay{border-radius:var(--radius-lg);opacity:0;background:linear-gradient(#0000 40%,#060a13e6 100%);align-items:flex-end;padding:24px;transition:opacity .35s;display:flex;position:absolute;inset:0}.grafana-card:hover .grafana-overlay{opacity:1}.comment-card{margin-bottom:12px;padding:16px 20px}.comment-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.comment-avatar{background:var(--gradient-btn);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.comment-author{font-size:.88rem;font-weight:600}.comment-date{color:var(--text-muted);font-size:.72rem}.comment-body{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.comment-replies{border-left:2px solid var(--border-subtle);margin-left:40px;padding-left:16px}.albums-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.album-card-img-wrap{aspect-ratio:4/3;border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:relative;overflow:hidden}.album-card-img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.album-card-count{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-full);background:#0009;padding:4px 12px;font-size:.75rem;font-weight:600;position:absolute;top:12px;right:12px}.photo-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.photo-thumb{aspect-ratio:1;border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;transition:all .3s;overflow:hidden}.photo-thumb:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow)}.photo-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.photo-thumb:hover img{transform:scale(1.06)}.photo-thumb:first-child{grid-area:span 2/span 2}.lightbox{z-index:3000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000eb;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lightbox-close{color:#ffffffb3;cursor:pointer;z-index:10;background:0 0;border:none;font-size:2rem;position:absolute;top:20px;right:24px}.lightbox-close:hover{color:#fff}.lightbox-img{object-fit:contain;border-radius:var(--radius-md);max-width:90vw;max-height:85vh;box-shadow:0 20px 60px #00000080}.lightbox-nav{color:#fffc;cursor:pointer;z-index:10;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{color:#fff;background:#ffffff26}.lightbox-prev{left:24px}.lightbox-next{right:24px}.lightbox-caption{color:#ffffffb3;text-align:center;margin-top:12px;font-size:.88rem}.lightbox-counter{color:#ffffff80;font-size:.82rem;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.footer{border-top:1px solid var(--border-subtle);margin-top:80px;padding:60px 0 30px}.footer-inner{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.footer-brand p{color:var(--text-secondary);margin-top:12px;font-size:.9rem;line-height:1.7}.footer-col h4{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:16px;font-size:.85rem;font-weight:600}.footer-col ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-col a{color:var(--text-secondary);cursor:pointer;font-size:.9rem}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border-subtle);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:24px;font-size:.82rem;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-fade-enter-active{animation:.35s ease-out fadeUp}.page-fade-leave-active{opacity:0;position:absolute}@media (width<=1024px){.overview-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr 1fr;gap:32px}.albums-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.nav-links{display:none}.nav-toggle{display:block}.nav-links.open{top:var(--nav-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;background:#060a13f7;flex-direction:column;gap:4px;padding:24px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-links.open a{border-radius:var(--radius-md);padding:14px 20px;font-size:1.05rem}.nav-links.open .nav-dropdown-menu{opacity:1;visibility:visible;box-shadow:none;background:#0f172a80;margin-top:4px;position:static;transform:none}.overview-grid{grid-template-columns:1fr}.article-card{flex-direction:column}.article-card-img-wrap{width:100%;height:200px}.pill-tabs{flex-wrap:wrap;width:auto;margin:0 24px 36px}.footer-inner{grid-template-columns:1fr;gap:24px}.footer-bottom{text-align:center;flex-direction:column;gap:12px}.albums-grid,.grafana-grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,1fr)}.photo-thumb:first-child{grid-area:span 1/span 1}}.footer-cloudflare{color:inherit;opacity:.9;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.footer-cloudflare:hover{opacity:1;text-decoration:none}.footer-cloudflare-icon{width:auto;height:16px;display:block}