:root{--ink:#153d36;--muted:#52665e;--paper:#f5f4eb;--line:#dce2d7;--lime:#c5e87a;--green:#235d48}
body.bb-public{background:var(--paper)!important;color:var(--ink);font-family:Segoe UI,system-ui,sans-serif;line-height:1.65}
.bb-public a{color:#235e45;text-underline-offset:4px}.bb-public .navbar{background:#153d36!important;padding:15px 0;border-bottom:1px solid #ffffff20}.bb-public .navbar>.container-fluid{max-width:1320px;padding-inline:24px}.bb-public .navbar-brand{font-weight:800;letter-spacing:-.7px}.bb-public .navbar-brand img{width:42px;height:42px;border-radius:10px;object-fit:cover}.bb-public .nav-link{color:#e8f0de;font-size:.9rem}.bb-public .nav-link:hover,.bb-public .nav-link[aria-current=page]{color:var(--lime)}.bb-public .offcanvas{background:#153d36!important}.bb-public .container{max-width:1240px}.bb-public h1,.bb-public h2,.bb-public h3{font-weight:800;letter-spacing:-.04em;line-height:1.14}.bb-public h2{font-size:clamp(1.8rem,3vw,2.8rem)}.bb-public h3{font-size:1.35rem}.bb-public p{max-width:70ch}.bb-public .text-muted,.bb-public .text-secondary{color:var(--muted)!important}.bb-public .btn{border-radius:10px;padding:.7rem 1.1rem;font-weight:650;box-shadow:none}.bb-public .btn-primary{background:var(--green);border-color:var(--green);color:white}.bb-public .btn-primary:hover{background:#143e2c}.bb-public .btn-outline-primary{color:var(--green);border-color:var(--green)}.bb-public .btn-outline-primary:hover{background:var(--green);color:white}.bb-public .card{background:#fffef9;color:var(--ink);border:1px solid var(--line);border-radius:16px;overflow:hidden}.bb-public .card-body{padding:1.6rem}.bb-public .card-footer{background:transparent;border-color:var(--line)}.bb-public .alert-secondary{background:#e9eddf;border-color:var(--line);color:var(--ink)}.bb-public footer{background:#e9ecdf;border-color:var(--line)!important}.bb-public code{color:#236543;background:#eaf0df;padding:2px 6px;border-radius:5px}.bb-public .form-control,.bb-public .form-select{background:#fffef9;color:var(--ink);border:1px solid #b8c6b5;border-radius:10px;padding:.8rem 1rem}.bb-public :focus-visible{outline:3px solid #748e26;outline-offset:4px}.bb-skip{position:absolute;top:-100px;left:16px;z-index:2000;background:white;padding:12px}.bb-skip:focus{top:10px}
.bb-hero{background:#153d36;color:#f7f6e9;padding:70px 0 56px;position:relative;overflow:hidden}.bb-hero:after{content:'';position:absolute;width:600px;height:600px;right:-210px;top:0;border:1px solid #ffffff12;transform:rotate(30deg);pointer-events:none}.bb-hero h1{font-size:clamp(3rem,6.4vw,5.6rem);max-width:760px;line-height:1.01;margin:20px 0 26px;letter-spacing:-.06em}.bb-hero h1 em{font-style:normal;color:var(--lime)}.bb-hero p{color:#d0dfd3;font-size:1.1rem}.bb-kicker{font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#527451}.bb-hero .bb-kicker{color:var(--lime)}.bb-hero .btn-primary{background:var(--lime);color:#183c2b;border-color:var(--lime)}.bb-hero .btn-outline-light{color:#f5f4eb;border-color:#819989}.bb-brand-art{width:100%;max-width:420px;border-radius:32px;box-shadow:0 22px 70px #061b2840;transform:rotate(2deg);position:relative;z-index:1}.bb-hero-note{font-size:.8rem!important;margin-top:20px;color:#a9c5b6!important}.bb-strip{background:#e7eccf;border-bottom:1px solid #d4dcc0;padding:18px 0}.bb-strip .container{display:flex;gap:14px 40px;flex-wrap:wrap;font-size:.85rem;font-weight:700}.bb-strip span:before{content:'✦';color:#648932;margin-right:10px}.bb-section{padding:70px 0}.bb-section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:30px}.bb-section-head h2{margin:8px 0 0}.bb-section-head a{white-space:nowrap;font-weight:700}.bb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.bb-worlds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.bb-tile{background:#fffef9;border:1px solid var(--line);border-radius:18px;padding:28px;position:relative}.bb-tile p{color:var(--muted);font-size:.96rem}.bb-tile h3{margin:22px 0 12px}.bb-tile>a{font-size:.9rem;font-weight:750}.bb-icon{display:inline-grid;place-items:center;width:52px;height:52px;background:#e6edda;color:#385c29;font-size:1.5rem;border-radius:13px}.bb-tile:nth-child(2) .bb-icon{background:#eee1c9;color:#795b29}.bb-tile:nth-child(3) .bb-icon{background:#dbe9e5;color:#27615b}.bb-tile:nth-child(4) .bb-icon{background:#eee0d9;color:#81452c}.bb-number{font-size:.78rem;font-weight:800;color:#718469;float:right}.bb-soft{background:#e9edde}.bb-feature{padding:26px 0;border-top:1px solid #cbd6c2}.bb-feature h3{margin-bottom:8px}.bb-feature p{margin:0;color:var(--muted)}.bb-join{background:#153d36;color:#f4f5e9;border-radius:24px;padding:42px}.bb-join h2,.bb-join h3{color:#f4f5e9}.bb-join p{color:#c6d6c9}.bb-join code{background:#254e42;color:#d7f4a9;overflow-wrap:anywhere}.bb-join .btn-primary{background:var(--lime);color:#173b29;border-color:var(--lime)}.bb-address{border:1px solid #567363;border-radius:12px;padding:18px;margin:16px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.bb-address small{display:block;color:#bccdbc;margin-bottom:4px}.bb-address .btn{color:#e6f4da;border-color:#74947d}.bb-pagehead{padding:64px 0 40px}.bb-pagehead h1{font-size:clamp(2.6rem,5vw,4.5rem);margin:12px 0 20px}.bb-pagehead p{font-size:1.08rem;color:var(--muted)}.bb-meta{font-size:.78rem;color:var(--muted);font-weight:650}.bb-tag{display:inline-block;border:1px solid #cad6bb;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:750;background:#eef3e4}.bb-status{background:#fffef9;border:1px solid var(--line);border-radius:18px;padding:24px}.bb-status h3{margin-top:0}.bb-search{padding:24px;background:#e5ebda;border-radius:18px;margin-bottom:24px}.bb-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.bb-filter{border:1px solid #b5c8a6;background:#f9faf1;border-radius:30px;padding:7px 14px;color:var(--ink);font-weight:650;font-size:.85rem}.bb-filter[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.bb-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.bb-guide article{scroll-margin-top:20px}.bb-guide article:target{outline:3px solid #779748}.bb-guide h2{font-size:1.45rem;margin:16px 0}.bb-guide ul{padding-left:20px;margin-bottom:18px;color:var(--muted)}.bb-guide li+li{margin-top:9px}.bb-empty{padding:32px;background:#e9eddf;border-radius:16px}.bb-article{max-width:840px;margin:auto}.bb-article img{max-width:100%;height:auto}.bb-article-content{font-size:1.08rem;line-height:1.85}.bb-article-content h2{font-size:1.8rem}.bb-event{border-left:4px solid #8aaa48}.bb-public .hero{padding:40px 0}.bb-public .hero .display-4{font-size:3rem}.bb-public .pagination .page-link{color:var(--ink);background:#fffef9}.bb-public .pagination .active .page-link{background:var(--green);color:white;border-color:var(--green)}
@media(max-width:991px){.bb-worlds{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-brand-art{max-width:320px;margin:25px auto 0;display:block}.bb-hero{padding-top:42px}.bb-section{padding:45px 0}}
@media(max-width:575px){.bb-grid,.bb-worlds,.bb-guide{grid-template-columns:1fr}.bb-section-head{align-items:start;flex-direction:column;gap:12px}.bb-hero h1{font-size:3.3rem}.bb-brand-art{max-width:245px}.bb-join{padding:24px}.bb-address{align-items:start;flex-direction:column}.bb-tile{padding:23px}.bb-pagehead{padding-top:38px}.bb-strip .container{gap:8px 18px}.bb-public .container{padding-inline:22px}}
.bb-public .navbar .nav-link{color:#e8f0de!important}.bb-public .navbar .nav-link:hover,.bb-public .navbar .nav-link[aria-current=page]{color:#c5e87a!important}.bb-skip:not(:focus){position:absolute;top:-100px}
.bb-public .navbar-brand,.bb-public .navbar-brand:hover{color:#f5f4eb}.bb-public .dropdown-menu{color:#153d36;background:#fffef9}

/* Abenteuer-Einstieg und kompakte Mobilnavigation */
.bb-adventure{background:linear-gradient(90deg,rgba(7,18,27,.88),rgba(8,24,33,.68)),url('/assets/img/uploads/91936106a4008148.png') center 45%/cover no-repeat;padding:35px 0 60px}.bb-adventure:after{display:none}.bb-wide-logo{width:100%;max-width:700px;height:auto;display:block;margin:0 0 20px;filter:drop-shadow(0 8px 20px #0009)}.bb-adventure h1{font-size:clamp(2.4rem,4.5vw,4rem);margin:15px 0 20px;letter-spacing:-.04em}.bb-adventure .bb-kicker{color:#66daff}.bb-adventure .btn-primary{background:#78de63;border-color:#78de63;color:#082616}.bb-hero-status{padding:25px;background:#0d202bed;border:1px solid #59d3f65c;border-radius:20px;box-shadow:0 0 45px #27bce714;color:#eef7fc}.bb-hero-status h2{font-size:1.6rem;margin:12px 0 22px}.bb-hero-status .text-muted{color:#bbd2dd!important}.bb-hero-status .small{font-size:.78rem}.bb-hero-status a,.bb-hero-status .btn-link{color:#76dffe}.bb-player-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}.bb-player-list li{background:#e1efde;border:1px solid #bacdb6;border-radius:8px;padding:6px 10px;overflow-wrap:anywhere;font-weight:600}.bb-hero-status .bb-player-list li{background:#163944;border-color:#2d5b67;color:#e6f8ff}.bb-player-list li:before{content:'●';color:#50bd57;margin-right:7px}.bb-public .offcanvas{--bs-offcanvas-width:min(300px,86vw);max-width:86vw}.bb-public .offcanvas-body{overflow-x:hidden}.bb-public .navbar-brand{min-width:0;font-size:1.1rem}.bb-public .navbar-toggler{padding:7px 9px;flex-shrink:0}.bb-public .navbar-brand img{width:38px;height:38px}
@media(min-width:992px){.bb-public .navbar-expand-lg .offcanvas{max-width:none}}
@media(max-width:991px){.bb-public .offcanvas .nav-link{padding:11px 8px;border-bottom:1px solid #ffffff12}.bb-public .offcanvas-header{padding-bottom:6px}.bb-adventure{padding-top:20px}.bb-wide-logo{max-width:650px}.bb-hero-status{margin-top:10px}}
@media(max-width:575px){.bb-public .navbar>.container-fluid{padding-inline:16px}.bb-adventure h1{font-size:2.5rem}.bb-adventure .bb-kicker{font-size:.67rem;letter-spacing:.08em}.bb-adventure .container{padding-inline:18px}.bb-wide-logo{margin-bottom:18px}.bb-hero-status{padding:20px}.bb-adventure{background-position:center}.bb-public .navbar-brand{font-size:1rem}}
.bb-wide-logo{mix-blend-mode:screen}

/* Desktop dropdowns must not be clipped by the mobile drawer. */
@media(min-width:992px){.bb-public .navbar .offcanvas-body{overflow:visible!important}.navbar .navbar-nav{flex-wrap:wrap}.navbar .dropdown-menu{z-index:1060}}
.navbar .dropdown-item{white-space:normal}