@charset "UTF-8";
:root{color-scheme:dark;--bg:#0d1013;--panel:#171b20;--line:#343a40;--text:#eeeae4;--muted:#aeb4ba;--accent:#eaa15d;--accent-dark:#a86433;--green:#a3b9a0;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--sans)}a{color:inherit;text-decoration:none}a,button,input{touch-action:manipulation}button,input{font:inherit}button,a.button{cursor:pointer}button{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:normal;line-height:1.08}h1{font-size:clamp(2.6rem,5.5vw,5.2rem);letter-spacing:-.035em}h2{font-size:clamp(2rem,3.5vw,3.3rem);letter-spacing:-.025em}h3{font-size:1.2rem;line-height:1.35}p{color:var(--muted)}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;background:var(--accent);color:#0c0f0e;padding:12px;z-index:100}.skip:focus{top:10px}.header{height:92px;padding:0 5%;display:flex;align-items:center;gap:38px;border-bottom:1px solid var(--line);background:var(--bg)}.brand{display:flex;align-items:center;gap:13px;line-height:1.2;font-size:1.05rem;letter-spacing:.1em;font-weight:700}.brand img{border-radius:50%}.brand small{display:block;color:var(--muted);font-size:.65rem;letter-spacing:.2em;margin-top:7px}.header nav{display:flex;gap:28px;margin:auto;font-size:.88rem}.header nav a{color:var(--muted);padding:10px 0}.header nav a:hover,.header nav a[aria-current]{color:var(--accent)}.admin-link{font-size:.875rem;border-left:1px solid var(--line);padding-left:26px;color:var(--muted)}.admin-link span{margin-left:10px}.menu-toggle{display:none}.hero{min-height:580px;height:calc(100svh - 150px);max-height:880px;position:relative;isolation:isolate;background:#0d1013 url('assets/brand-hero-v2.webp') center 30%/cover no-repeat;display:flex;align-items:flex-end;padding:38px 5%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0d101300 35%,#0d101399 70%,#0d1013f2);z-index:-1}.hero-label{position:absolute;left:5%;top:24px;border:1px solid #807e715f;backdrop-filter:blur(8px);background:#0c0f0e99;padding:8px 14px;color:#dcdcd0;font-size:.75rem;letter-spacing:.18em}.hero-bottom{width:100%;display:flex;justify-content:space-between;align-items:end;gap:24px}.hero-bottom p{color:#e3e5db;margin:0;font-size:1.125rem}.hero-bottom small{display:block;color:#bbbfb5;font-size:.8rem;margin-top:4px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;gap:12px;padding:11px 24px;background:var(--accent);color:#171b17;border:1px solid var(--accent);font-weight:650;font-size:.9rem;transition:background .18s}.button:hover{background:#edac79}.button.secondary{background:#11171499;border:1px solid #7a847369;color:var(--text)}.button.secondary:hover{background:#253128}.actions{display:flex;gap:12px;flex-wrap:wrap}.status-strip{padding:20px 5%;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;background:#151a16;align-items:center}.status-strip strong{font-size:.9rem;letter-spacing:.12em}.status-strip span{font-size:.875rem;color:var(--muted)}.status-strip a{font-size:.875rem;color:var(--accent);border-bottom:1px solid var(--accent-dark)}.status-label{display:flex;align-items:center;gap:12px}.dot{height:7px;width:7px;border-radius:50%;display:inline-block;background:#b6a182;flex:none}.wrap{max-width:1320px;width:90%;margin:auto}.section{padding:90px 0}.eyebrow{display:block;color:var(--accent);letter-spacing:.2em;font-size:.75rem;font-weight:650;margin-bottom:20px}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}.intro h2{max-width:630px;margin-bottom:24px}.intro p{max-width:500px;margin-bottom:25px}.quiet-link{color:var(--text);border-bottom:1px solid var(--accent);padding-bottom:4px;font-size:.9rem}.principles{border-top:1px solid var(--line)}.principle{display:grid;grid-template-columns:40px 1fr;gap:15px;border-bottom:1px solid var(--line);padding:25px 0}.number{color:var(--accent);font-family:var(--serif);font-size:1.3rem}.principle h3{margin:0 0 5px;font-weight:500}.principle p{font-size:.9rem;margin:0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-head h2{margin:0}.section-head p{max-width:360px;margin:0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature{padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(130deg,#1a201a,#111512);min-height:250px}.feature .number{font-size:2rem;display:block;margin-bottom:38px}.feature h3{font-family:var(--serif);font-size:1.65rem;font-weight:400;margin-bottom:12px}.feature p{font-size:.93rem;margin-bottom:14px}.pill{display:inline-block;border:1px solid #67513e;padding:3px 9px;color:var(--accent);font-size:.75rem;line-height:1.5}.feature-strip{display:flex;gap:22px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;color:var(--muted);font-size:.8rem;letter-spacing:.12em}.banov-section{background:#171b20;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.banov-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.info-list{margin:0}.info-list div{display:flex;justify-content:space-between;gap:25px;padding:15px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0;text-align:right}.community-callout{border-left:3px solid var(--accent);padding:40px 50px;background:linear-gradient(120deg,#25201c,#171b20);display:flex;justify-content:space-between;align-items:center;gap:30px}.community-callout h2{margin-bottom:16px}.community-callout p{margin-bottom:0;max-width:660px}.footer{padding:45px 5%;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;color:var(--muted)}.wordmark{font-family:var(--serif);letter-spacing:.17em;color:var(--text)}.footer p{font-size:.8rem;margin:0;text-align:right}.footer div{display:flex;gap:22px;font-size:.8rem;flex-wrap:wrap}.footer small{font-size:.75rem;text-align:right}.page-head{padding:65px 0 40px;border-bottom:1px solid var(--line);margin-bottom:40px}.page-head h1{margin-bottom:20px}.page-head p{max-width:700px}.page{padding-bottom:80px;min-height:65vh}.notice{background:#201d16;border:1px solid #514533;padding:18px 22px;color:#d5c0a4;font-size:.9rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);background:var(--panel);padding:30px}.card h3{margin-bottom:10px}.card p:last-child{margin-bottom:0}.card .big{font-family:var(--serif);font-size:2.4rem;color:var(--text);display:block;margin:12px 0}.card .sub{font-size:.8rem;color:var(--muted)}.server-card{border:1px solid var(--line);background:var(--panel);display:grid;grid-template-columns:1fr 1.2fr}.server-card>div{padding:35px}.server-card>div+div{border-left:1px solid var(--line)}.server-card h2{font-size:2.5rem}.divider{border:0;border-top:1px solid var(--line);margin:40px 0}.accordion{border-top:1px solid var(--line);margin-top:25px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:1.1rem;color:var(--text)}details p{margin:18px 0 0;max-width:850px}.search{background:var(--panel);border:1px solid var(--line);padding:13px 18px;max-width:560px;width:100%;color:var(--text);margin:25px 0 0;border-radius:0}.empty{padding:32px 0;color:var(--muted)}.guide-steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.guide-steps article{border-top:1px solid var(--accent-dark);padding:25px 0}.guide-steps article:before{counter-increment:step;content:'0' counter(step);color:var(--accent);display:block;font-family:var(--serif);font-size:2rem;margin-bottom:25px}.guide-steps h3{font-size:1.2rem}.framework{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin:65px 0}.framework img{width:100%;max-width:400px;margin:auto;border:1px solid var(--line)}dialog{max-width:560px;width:calc(100% - 32px);background:var(--panel);border:1px solid #6d5b47;padding:40px;color:var(--text)}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}dialog h2{font-size:2.5rem}dialog .close{float:right;border:0;background:none;font-size:1.8rem;line-height:1}.steps{padding-left:25px;color:var(--muted);margin-bottom:30px}.steps li{margin:10px 0}.admin-login{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding:80px 0}.login-card{border:1px solid var(--line);background:var(--panel);padding:40px}.login-card label{display:block;color:var(--muted);font-size:.9rem;margin:15px 0 7px}.login-card input{display:block;width:100%;padding:12px;background:var(--bg);border:1px solid var(--line);color:var(--muted)}.login-card button{width:100%;margin-top:22px}.login-card .button{width:100%;margin-top:15px}.login-card p{font-size:.8rem;margin:20px 0 0}.admin-shell{display:grid;grid-template-columns:215px 1fr;min-height:700px}.admin-sidebar{border-right:1px solid var(--line);padding:35px 22px;background:#11151a}.admin-sidebar a{display:block;padding:12px 15px;color:var(--muted);font-size:.9rem;border-left:2px solid transparent;margin-bottom:4px}.admin-sidebar a.active{border-color:var(--accent);background:#29231e;color:var(--text)}.admin-sidebar small{display:block;margin:30px 15px;font-size:.75rem;color:var(--accent)}.admin-main{padding:35px 45px;min-width:0}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.admin-top h1{font-family:var(--sans);font-size:1.7rem;letter-spacing:-.03em;margin:0}.admin-top p{font-size:.8rem;margin:5px 0 0}.admin-main .cards{grid-template-columns:repeat(4,1fr);gap:15px}.admin-main .card{padding:20px}.admin-main .card h3{font-size:.85rem;color:var(--muted);font-weight:500}.admin-main .card .big{font-size:1.8rem}.table-wrap{overflow:auto;border:1px solid var(--line);margin:25px 0}table{border-collapse:collapse;width:100%;font-size:.875rem;text-align:left}th,td{padding:17px 20px;border-bottom:1px solid var(--line);white-space:nowrap}th{background:#1b2026;color:var(--muted);font-weight:500}tr:last-child td{border-bottom:0}.health-row{display:grid;grid-template-columns:1fr auto;gap:20px;padding:23px 0;border-bottom:1px solid var(--line)}.health-row p{margin:5px 0 0;font-size:.875rem}.health-row span{color:var(--accent);font-size:.875rem}.code-log{background:#090c0a;border:1px solid var(--line);padding:25px;font:14px/1.8 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#a7b59d}.admin-note{margin-top:30px;font-size:.875rem;color:var(--muted)}.compact-heading{font-family:var(--sans);font-size:1.3rem;margin:35px 0 20px}.filter-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.filter{border:1px solid var(--line);background:var(--panel);padding:8px 16px;font-size:.875rem}.filter.active{border-color:var(--accent);color:var(--accent)}
@media(min-width:1800px){.header,.hero,.status-strip,.footer{padding-left:max(5%,calc((100vw - 1500px)/2));padding-right:max(5%,calc((100vw - 1500px)/2))}.hero-label{left:max(5%,calc((100vw - 1500px)/2))}}
@media(max-width:1050px){.header{gap:20px}.header nav{gap:17px}.brand{font-size:.9rem}.intro{gap:45px}.admin-main{padding:30px}.admin-main .cards{grid-template-columns:repeat(2,1fr)}.admin-login{gap:50px}.hero{min-height:520px}}
@media(max-width:760px){.header{height:78px;flex-wrap:wrap;position:relative;padding:0 5%;gap:15px}.brand{margin-right:auto}.brand img{width:34px;height:34px}.brand small{font-size:.6rem}.menu-toggle{display:block;border:1px solid var(--line);background:none;padding:7px 10px;font-size:.875rem}.header nav{display:none;position:absolute;top:78px;left:0;right:0;z-index:10;padding:20px 5%;background:var(--panel);border-bottom:1px solid var(--line);margin:0;flex-direction:column;gap:6px}.header nav.open{display:flex}.admin-link{font-size:.75rem;border:0;padding:0}.admin-link span{display:none}.hero{height:64svh;min-height:440px;max-height:640px;background-position:50% 50%;padding-bottom:25px}.hero-label{font-size:.65rem;letter-spacing:.12em}.hero-bottom{align-items:start;flex-direction:column;gap:18px}.hero-bottom p{font-size:1rem}.hero-bottom small{font-size:.75rem}.status-strip{align-items:start;flex-wrap:wrap;gap:8px 20px}.status-label{flex-wrap:wrap}.status-strip span{font-size:.8rem}.status-strip strong{font-size:.8rem}.section{padding:55px 0}.intro,.banov-layout,.framework,.admin-login{grid-template-columns:1fr;gap:35px}.section-head{display:block}.section-head p{margin-top:20px}.features-grid,.cards,.guide-steps{grid-template-columns:1fr}.feature{min-height:0;padding:28px}.feature .number{margin-bottom:20px}.community-callout{display:block;padding:28px}.community-callout .button{margin-top:25px}.footer{grid-template-columns:1fr;gap:15px}.footer p,.footer small{text-align:left}.footer div{gap:15px}.page-head{padding-top:40px}.server-card{grid-template-columns:1fr}.server-card>div{padding:25px}.server-card>div+div{border-left:0;border-top:1px solid var(--line)}.admin-login{padding:40px 0}.login-card{padding:25px}.admin-shell{grid-template-columns:1fr}.admin-sidebar{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:12px;gap:5px}.admin-sidebar a{white-space:nowrap;border:0;border-bottom:2px solid transparent;margin:0;font-size:.875rem;padding:10px}.admin-sidebar small{display:none}.admin-main{padding:25px 5%}.admin-top{flex-wrap:wrap}.admin-top h1{font-size:1.5rem}.admin-main .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-main .card{padding:16px}.admin-main .card .big{font-size:1.6rem}.admin-main .card .sub{font-size:.75rem}.health-row{grid-template-columns:1fr}.framework img{max-width:300px}.notice{padding:16px;font-size:.875rem}dialog{padding:27px}.info-list div{font-size:.9rem}.feature-strip{font-size:.75rem;gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.card .big{overflow-wrap:anywhere}

/* Unsichtbare Überschrift und fokussierbare Sprunghilfe getrennt halten. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;background:none}
a.skip{top:0;transform:translateY(-150%);max-width:calc(100vw - 40px)}
a.skip:focus{top:10px;transform:translateY(0)}

/* Kartenunabhängiges Bärenhöhle-Branding, Oktober 2026. */
.hero-wordmark{display:block;margin-bottom:12px;color:#f4eee6;font-family:var(--serif);font-size:clamp(2rem,4vw,4.4rem);line-height:1.1;letter-spacing:.09em;text-shadow:0 2px 20px #000a}
@media(max-width:760px){.hero{background-image:url('assets/brand-hero-mobile-v2.webp');background-position:50% 35%}.hero-wordmark{font-size:clamp(1.8rem,7.7vw,3rem);letter-spacing:.06em}.hero:after{background:linear-gradient(180deg,#0d101300 30%,#0d1013aa 65%,#0d1013f5)}}