/* NHC UI V8 – unified clean surfaces, fixed background, gallery lightbox */
:root{
  --v8-bg:#060708;
  --v8-surface:rgba(12,13,15,.78);
  --v8-surface-2:rgba(17,18,20,.72);
  --v8-line:rgba(255,255,255,.085);
  --v8-line-strong:rgba(245,197,66,.24);
  --v8-text:#f5f4f0;
  --v8-muted:#aaa8a2;
  --v8-gold:#f5c542;
  --v8-radius:18px;
  --v8-shadow:0 22px 70px rgba(0,0,0,.28);
  --container:1440px;
}
html{background:var(--v8-bg)!important}
body{position:relative;min-height:100vh;background:transparent!important;color:var(--v8-text)!important}
.site-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:
  linear-gradient(180deg,rgba(3,4,5,.48) 0%,rgba(4,5,6,.60) 42%,rgba(5,6,7,.78) 100%),
  linear-gradient(90deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.18) 52%,rgba(0,0,0,.36) 100%),
  url('../img/city-background.png') center center / cover no-repeat;
}
.site-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 20%,rgba(245,197,66,.065),transparent 30rem),linear-gradient(180deg,transparent 0 72%,rgba(5,6,7,.34) 100%)}
.site-header,main,.site-footer{position:relative;z-index:1}
body::before,body::after{display:none!important;content:none!important}

.container{width:min(calc(100% - 64px),var(--container))!important;margin-inline:auto!important}
.section{padding:96px 0!important}.section-tight{padding:72px 0!important}.page-hero{padding:108px 0 54px!important;background:linear-gradient(180deg,rgba(4,5,6,.28),transparent)!important}
.page-hero .container{max-width:1220px;margin-left:auto!important;margin-right:auto!important}
.page-hero h1{max-width:980px!important;font-size:clamp(3.2rem,6vw,6rem)!important}.page-hero .lead{max-width:820px!important}

/* Header */
.site-header{background:rgba(7,8,9,.82)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;backdrop-filter:blur(20px) saturate(120%)!important}
.nav-shell{min-height:82px!important;display:grid!important;grid-template-columns:minmax(210px,1fr) auto minmax(300px,1fr)!important;align-items:center!important;gap:22px!important}
.brand{justify-self:start!important;gap:12px!important}.brand-mark,.brand-mark.brand-logo{width:46px!important;height:46px!important;border-radius:13px!important;box-shadow:none!important}.brand-mark.brand-logo img{object-fit:cover!important}
.brand-copy strong{font-size:1.02rem!important}.brand-copy small{font-size:.58rem!important}
.main-nav{justify-self:center!important;margin:0!important;gap:3px!important;padding:5px!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:14px!important;background:rgba(255,255,255,.025)!important}
.main-nav a{padding:10px 12px!important;border-radius:10px!important;font-size:.82rem!important;color:#b1afa9!important}.main-nav a:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}.main-nav a.active{color:#111!important;background:linear-gradient(135deg,var(--gold),var(--gold-2))!important;box-shadow:none!important}
.nav-actions{justify-self:end!important;gap:8px!important}.nav-actions .btn{height:42px!important;padding:0 14px!important;border-radius:11px!important}
.user-chip{height:44px!important;border-radius:12px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.09)!important;padding:5px 9px 5px 5px!important}.user-chip img{width:34px!important;height:34px!important;border-radius:9px!important}.user-chip-copy strong{font-size:.8rem!important}.user-chip-copy small{font-size:.61rem!important;color:#9c9992!important}.user-popover{border-radius:16px!important;background:rgba(10,11,13,.98)!important;border-color:rgba(255,255,255,.1)!important;box-shadow:0 24px 70px rgba(0,0,0,.5)!important}

/* Global surfaces */
.card,.cta,.split-panel,.application-card,.application-side-card,.legal-contact-card,.legal-project-card,.legal-card,.rules-toc,.rule-chapter,.changelog-entry,.team-live-card,.faction-card{
  background:linear-gradient(180deg,rgba(18,19,21,.78),rgba(10,11,13,.72))!important;
  border:1px solid var(--v8-line)!important;
  border-radius:var(--v8-radius)!important;
  box-shadow:var(--v8-shadow)!important;
  backdrop-filter:blur(14px) saturate(115%)!important;
}
.card:hover,.legal-card:hover,.team-live-card:hover,.faction-card:hover,.changelog-entry:hover{border-color:rgba(245,197,66,.18)!important;transform:none!important}
.card{padding:26px!important}.grid-2,.grid-3,.grid-4{gap:18px!important}.grid-4 .card{min-height:210px!important}.grid-3 .card{min-height:210px!important}
.card-icon{width:44px!important;height:44px!important;border-radius:12px!important;margin-bottom:18px!important;background:rgba(245,197,66,.09)!important;border-color:rgba(245,197,66,.18)!important}
.tag,.badge{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.085)!important}

/* Home */
.hero-clean{min-height:760px!important;padding:92px 0 82px!important;background:transparent!important;overflow:hidden!important}.hero-clean::before,.hero-clean::after{display:none!important}.hero-clean-overlay{display:none!important}
.hero-clean-grid{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(460px,.82fr)!important;align-items:center!important;gap:82px!important}.hero-clean-copy h1{font-size:clamp(4rem,6.5vw,7rem)!important;line-height:.93!important}.hero-clean-copy .lead{max-width:760px!important}.hero-actions{margin-top:28px!important}.hero-quickstats{display:flex!important;gap:12px!important;margin-top:38px!important}.hero-quickstats>div{min-width:130px!important;padding:15px 18px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(9,10,12,.50)!important;backdrop-filter:blur(12px)!important}.hero-quickstats strong{display:block;font-size:1.2rem!important}.hero-quickstats span{font-size:.66rem!important;color:#92908a!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.community-showcase{max-width:none!important;padding:18px!important;border-radius:22px!important;background:rgba(9,10,12,.62)!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 28px 80px rgba(0,0,0,.35)!important;backdrop-filter:blur(16px)!important}.hero-media-top{padding:3px 2px 14px!important}.community-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,180px)!important;gap:10px!important;height:auto!important}.community-shot,.community-shot-featured{position:relative!important;display:block!important;grid-column:auto!important;grid-row:auto!important;width:100%!important;height:100%!important;padding:0!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:14px!important;overflow:hidden!important;background:#08090a!important;cursor:zoom-in!important;appearance:none!important}.community-shot img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .22s ease,filter .22s ease!important}.community-shot:hover img{transform:scale(1.035)!important;filter:brightness(1.08)!important}.community-shot-label{display:none!important}.community-showcase-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:14px 2px 0!important}.community-showcase-footer strong{display:block!important;font-size:.9rem!important}.community-showcase-footer span{display:block!important;font-size:.72rem!important;color:#8f8d87!important}.community-pager{display:flex!important;gap:6px!important}.community-pager[hidden]{display:none!important}.community-pager button{width:34px!important;height:34px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.09)!important;background:rgba(255,255,255,.035)!important;color:#fff!important}.community-pager button:hover{background:var(--gold)!important;color:#111!important;border-color:var(--gold)!important}
.home-section{padding:100px 0!important;background:transparent!important}.home-section+.home-section{border-top:1px solid rgba(255,255,255,.045)!important}.section-heading{margin-bottom:42px!important}.clean-feature-grid{gap:18px!important}.clean-feature{padding:26px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:16px!important;background:rgba(10,11,13,.54)!important;display:grid!important;grid-template-columns:42px 1fr!important;gap:16px!important;box-shadow:none!important}.clean-feature::before{display:none!important}.clean-feature>span{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:11px!important;background:rgba(245,197,66,.1)!important;color:var(--gold)!important;font-size:.72rem!important;font-weight:900!important}.clean-feature h3{margin:2px 0 8px!important}.clean-feature p{margin:0!important;color:#aaa8a2!important}
.clean-split{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(340px,.75fr)!important;gap:48px!important;align-items:center!important;padding:38px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:20px!important;background:rgba(9,10,12,.50)!important;box-shadow:0 24px 70px rgba(0,0,0,.24)!important;backdrop-filter:blur(14px)!important}.clean-split-copy{padding:0!important;border:0!important}.clean-split-copy h2{font-size:clamp(2.3rem,3.6vw,4rem)!important;margin-bottom:14px!important}.clean-info-list{display:grid!important;gap:8px!important}.clean-info-list>div{display:flex!important;align-items:center!important;gap:14px!important;padding:14px 16px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:13px!important;background:rgba(255,255,255,.025)!important}.clean-info-list>div:first-child{border-top-color:rgba(255,255,255,.07)!important}.clean-info-list>div>span{display:grid!important;place-items:center!important;flex:0 0 32px!important;width:32px!important;height:32px!important;border-radius:9px!important;background:rgba(245,197,66,.1)!important;color:var(--gold)!important;font-size:.68rem!important;font-weight:900!important}.clean-info-list strong{display:block!important}.clean-info-list small{display:block!important;color:#8e8c86!important}
.clean-cta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important;padding:34px 38px!important;border:1px solid rgba(245,197,66,.14)!important;border-radius:20px!important;background:linear-gradient(100deg,rgba(245,197,66,.075),rgba(12,13,15,.58) 38%,rgba(12,13,15,.58))!important;box-shadow:0 24px 70px rgba(0,0,0,.22)!important}.clean-cta h2{font-size:clamp(2rem,3vw,3.35rem)!important;margin:7px 0 8px!important}.home-section-last{padding-top:62px!important;padding-bottom:110px!important}

/* Application */
.application-top{padding-top:96px!important}.application-layout{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(300px,.55fr)!important;gap:22px!important;align-items:start!important}.application-card{padding:34px!important}.application-aside{display:grid!important;gap:18px!important}.application-side-card{padding:24px!important}.application-head{gap:24px!important}.form-grid{gap:18px!important}.form-group label{font-size:.84rem!important;color:#d9d7d2!important}.input{width:100%!important;border:1px solid rgba(255,255,255,.095)!important;border-radius:13px!important;background:rgba(255,255,255,.035)!important;color:#fff!important;padding:13px 14px!important;outline:none!important}.input:focus{border-color:rgba(245,197,66,.52)!important;box-shadow:0 0 0 3px rgba(245,197,66,.08)!important}.form-group textarea.input{min-height:150px!important}.application-submit{width:100%!important}
.step-list>div{padding:14px 0!important;border-bottom:1px solid rgba(255,255,255,.07)!important}.step-list>div:last-child{border-bottom:0!important}

/* Team */
.team-group{margin-bottom:42px!important}.team-group-head{margin-bottom:16px!important}.team-live-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.team-live-card{min-height:96px!important;padding:16px!important;display:flex!important;align-items:center!important;gap:14px!important}.team-avatar{width:58px!important;height:58px!important;border-radius:14px!important;border:1px solid rgba(245,197,66,.18)!important}.team-live-card .role{font-size:.68rem!important;color:var(--gold)!important;text-transform:uppercase!important;letter-spacing:.08em!important}.team-live-card h3{margin:2px 0 0!important;font-size:1rem!important}.team-live-card p{margin:2px 0 0!important;font-size:.78rem!important}

/* Factions / server / status */
.faction-card{min-height:220px!important;padding:26px!important}.faction-code{margin-bottom:18px!important}.status-box{gap:18px!important}.status-value{font-size:clamp(2.4rem,5vw,4.7rem)!important}.codebox{border:1px solid rgba(255,255,255,.075)!important;border-radius:14px!important;background:rgba(255,255,255,.025)!important}

/* Changelog */
.changelog-list{gap:16px!important}.changelog-entry{padding:28px!important}.changelog-entry.latest{border-color:rgba(245,197,66,.20)!important;box-shadow:0 20px 65px rgba(0,0,0,.26)!important}.changelog-entry details{border-top-color:rgba(255,255,255,.075)!important}.changelog-content{color:#bbb8b1!important}

/* Rules */
.rules-layout-local{grid-template-columns:250px minmax(0,1fr)!important;gap:20px!important}.rules-toc{padding:16px!important;border-radius:16px!important}.rules-toc a{padding:10px 11px!important;border-radius:9px!important}.rule-chapter{padding:30px!important}.rule-chapter p{line-height:1.78!important}.rule-search{background:rgba(10,11,13,.58)!important;border-color:rgba(255,255,255,.09)!important}

/* Legal */
.legal-layout{display:grid!important;grid-template-columns:320px minmax(0,1fr)!important;gap:22px!important;align-items:start!important}.legal-sidebar{display:grid!important;gap:16px!important;position:sticky!important;top:106px!important}.legal-contact-card,.legal-project-card{padding:24px!important}.legal-main{display:grid!important;gap:14px!important}.legal-card{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:18px!important;padding:26px!important}.legal-card-number{width:42px!important;height:42px!important;border-radius:11px!important;display:grid!important;place-items:center!important;background:rgba(245,197,66,.1)!important;border:1px solid rgba(245,197,66,.15)!important;color:var(--gold)!important;font-size:.72rem!important;font-weight:900!important}.legal-card h2{font-size:1.35rem!important;margin:3px 0 10px!important}.legal-card p{margin:0!important;color:#b9b6b0!important;line-height:1.76!important}.legal-card-accent{border-color:rgba(245,197,66,.18)!important}

/* Notices / footer */
.notice{border-radius:14px!important;background:rgba(10,11,13,.68)!important;border:1px solid rgba(255,255,255,.085)!important}.notice.error{border-color:rgba(239,98,98,.28)!important;background:rgba(80,20,20,.22)!important}.notice.success{border-color:rgba(98,215,139,.25)!important;background:rgba(20,75,45,.20)!important}.site-footer{background:rgba(5,6,7,.90)!important;border-top:1px solid rgba(255,255,255,.065)!important;backdrop-filter:blur(16px)!important}.footer-grid{padding-top:54px!important}.footer-bottom{border-top-color:rgba(255,255,255,.06)!important}

/* Lightbox */
.nhc-lightbox{position:fixed!important;inset:0!important;z-index:10000!important;display:none!important;align-items:center!important;justify-content:center!important;padding:24px!important;background:rgba(0,0,0,.88)!important;backdrop-filter:blur(18px)!important}.nhc-lightbox.is-open{display:flex!important}.nhc-lightbox-dialog{position:relative!important;width:min(94vw,1500px)!important;max-height:92vh!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;overflow:hidden!important;border-radius:20px!important;background:#070809!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 35px 120px rgba(0,0,0,.72)!important}.nhc-lightbox-stage{position:relative!important;display:grid!important;place-items:center!important;min-height:min(76vh,860px)!important;background:#020202!important;overflow:hidden!important}.nhc-lightbox-stage img{display:block!important;max-width:100%!important;max-height:80vh!important;width:auto!important;height:auto!important;object-fit:contain!important}.nhc-lightbox-close,.nhc-lightbox-nav{position:absolute!important;z-index:5!important;border:1px solid rgba(255,255,255,.13)!important;background:rgba(10,11,12,.76)!important;color:#fff!important;backdrop-filter:blur(12px)!important;cursor:pointer!important}.nhc-lightbox-close{top:14px!important;right:14px!important;width:44px!important;height:44px!important;border-radius:12px!important;font-size:1.2rem!important}.nhc-lightbox-nav{top:50%!important;transform:translateY(-50%)!important;width:48px!important;height:64px!important;border-radius:13px!important;font-size:1.65rem!important}.nhc-lightbox-prev{left:14px!important}.nhc-lightbox-next{right:14px!important}.nhc-lightbox-close:hover,.nhc-lightbox-nav:hover{background:var(--gold)!important;color:#111!important;border-color:var(--gold)!important}.nhc-lightbox-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:14px 18px!important;border-top:1px solid rgba(255,255,255,.08)!important}.nhc-lightbox-meta strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.nhc-lightbox-meta span{color:#8f8d87!important;font-size:.75rem!important;flex:0 0 auto!important}body.lightbox-open{overflow:hidden!important}

@media(max-width:1180px){.nav-shell{grid-template-columns:1fr auto!important}.main-nav{position:fixed!important;display:none!important}.main-nav.open{display:grid!important}.hero-clean-grid{grid-template-columns:1fr!important}.community-showcase{max-width:820px!important}.team-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.legal-layout{grid-template-columns:1fr!important}.legal-sidebar{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.application-layout{grid-template-columns:1fr!important}.clean-split{grid-template-columns:1fr!important}}
@media(max-width:760px){.container{width:calc(100% - 28px)!important}.section{padding:72px 0!important}.section-tight{padding:54px 0!important}.page-hero{padding:76px 0 34px!important}.nav-shell{min-height:72px!important}.brand-mark,.brand-mark.brand-logo{width:42px!important;height:42px!important}.brand-copy small{display:none!important}.hero-clean{padding:62px 0 48px!important}.hero-clean-copy h1{font-size:clamp(3.2rem,13vw,4.7rem)!important}.hero-quickstats{flex-wrap:wrap!important}.hero-quickstats>div{min-width:calc(50% - 6px)!important}.community-grid{grid-template-columns:1fr!important;grid-template-rows:repeat(4,180px)!important}.clean-feature-grid{grid-template-columns:1fr!important}.clean-split,.clean-cta{padding:24px!important}.clean-cta{align-items:flex-start!important;flex-direction:column!important}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}.team-live-grid{grid-template-columns:1fr!important}.legal-sidebar{grid-template-columns:1fr!important}.legal-card{grid-template-columns:1fr!important}.rules-layout-local{grid-template-columns:1fr!important}.rules-toc{position:static!important}.nhc-lightbox{padding:10px!important}.nhc-lightbox-stage{min-height:66vh!important}.nhc-lightbox-nav{width:42px!important;height:54px!important}.nhc-lightbox-prev{left:7px!important}.nhc-lightbox-next{right:7px!important}.nhc-lightbox-close{top:7px!important;right:7px!important}}


/* =============================================================
   NHC UI V9 – reliable account menu + open home layout
   ============================================================= */

/* Native details menu: no JS-dependent open state */
.auth-slot{position:relative!important;z-index:500!important}
details.user-menu{position:relative!important;margin:0!important;padding:0!important;z-index:500!important}
details.user-menu>summary{list-style:none!important}
details.user-menu>summary::-webkit-details-marker{display:none!important}
details.user-menu[open] .user-chip{border-color:rgba(245,197,66,.34)!important;background:rgba(245,197,66,.07)!important}
details.user-menu[open] .user-chevron{transform:rotate(180deg)!important;color:var(--gold)!important}
.user-chevron{transition:transform .18s ease,color .18s ease!important}
.user-popover{display:none!important;position:absolute!important;right:0!important;top:calc(100% + 10px)!important;width:300px!important;padding:10px!important;z-index:1000!important;border-radius:18px!important;background:rgba(8,9,10,.985)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 30px 90px rgba(0,0,0,.72)!important;backdrop-filter:blur(22px)!important}
details.user-menu[open]>.user-popover{display:block!important}
.user-popover-head{display:grid!important;grid-template-columns:44px 1fr!important;align-items:center!important;gap:11px!important;padding:8px 8px 13px!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
.user-popover-head>img{width:44px!important;height:44px!important;border-radius:12px!important;object-fit:cover!important}
.user-popover-head>div{min-width:0!important;display:grid!important}
.user-popover-head strong{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.user-popover-actions{display:grid!important;gap:5px!important;padding-top:8px!important}
.user-action{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:11px 12px!important;border:0!important;border-radius:12px!important;color:#eee!important;background:transparent!important;text-decoration:none!important}
.user-action:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}
.user-action>span{display:grid!important;min-width:0!important}
.user-action b{font-size:.84rem!important;line-height:1.2!important}
.user-action small{font-size:.68rem!important;color:#817f79!important;margin-top:3px!important}
.user-action i{font-style:normal!important;color:#777!important;font-size:1rem!important}
.user-action-panel:hover i,.user-action-edit:hover i{color:var(--gold)!important}
.user-action-logout{margin-top:3px!important;border-top:1px solid rgba(255,255,255,.06)!important;border-radius:0 0 12px 12px!important;color:#ffb1b1!important}
.user-action-logout:hover{background:rgba(255,90,90,.07)!important;color:#ffd0d0!important}
.site-header,.nav-shell,.nav-actions{overflow:visible!important}

/* Startseite: keine großen Kästen mehr. Die Inhalte liegen offen auf dem Hintergrund. */
.home-section{position:relative!important;border-top:0!important}
.home-section+.home-section{border-top:0!important}
.clean-feature-grid{border-top:1px solid rgba(255,255,255,.075)!important;border-bottom:1px solid rgba(255,255,255,.075)!important;gap:0!important}
.clean-feature{border:0!important;border-right:1px solid rgba(255,255,255,.07)!important;border-radius:0!important;background:rgba(6,7,8,.18)!important;box-shadow:none!important;backdrop-filter:blur(5px)!important;padding:32px 30px!important}
.clean-feature:last-child{border-right:0!important}
.clean-split{padding:36px 0!important;border:0!important;border-top:1px solid rgba(255,255,255,.08)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;background:rgba(6,7,8,.14)!important;box-shadow:none!important;backdrop-filter:none!important}
.clean-split-copy{padding-right:42px!important}
.clean-info-list{border-left:1px solid rgba(255,255,255,.08)!important;padding-left:42px!important;gap:0!important}
.clean-info-list>div{padding:15px 0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.065)!important;border-radius:0!important;background:transparent!important}
.clean-info-list>div:last-child{border-bottom:0!important}
.clean-cta,.cta.clean-cta{padding:34px 0!important;border:0!important;border-top:1px solid rgba(245,197,66,.16)!important;border-bottom:1px solid rgba(255,255,255,.065)!important;border-radius:0!important;background:linear-gradient(90deg,rgba(245,197,66,.035),transparent 42%)!important;box-shadow:none!important;backdrop-filter:none!important}
.home-section-last{padding-top:32px!important;padding-bottom:86px!important}

/* CTA-Kästen auf Unterseiten ebenfalls ruhiger */
section .cta:not(.clean-cta){border-radius:16px!important;box-shadow:none!important;background:rgba(9,10,12,.42)!important;border-color:rgba(255,255,255,.075)!important}

/* Lightbox muss garantiert vor Header/Panel liegen und nie navigieren. */
.nhc-lightbox{z-index:99999!important}
.community-shot{font:inherit!important;color:inherit!important;text-align:inherit!important}

@media(max-width:1180px){
  .clean-split-copy{padding-right:0!important}
  .clean-info-list{border-left:0!important;border-top:1px solid rgba(255,255,255,.08)!important;padding-left:0!important;padding-top:20px!important}
  .clean-feature{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.065)!important}
  .clean-feature:last-child{border-bottom:0!important}
}
@media(max-width:760px){
  .user-popover{position:fixed!important;left:14px!important;right:14px!important;top:76px!important;width:auto!important}
  .clean-split,.clean-cta,.cta.clean-cta{padding:26px 0!important}
}


/* =========================================================
   V10 – zuverlässige Account-Aktionen ohne Dropdown
   ========================================================= */
.auth-slot{position:relative!important;z-index:600!important;display:flex!important;align-items:center!important;overflow:visible!important}
.account-bar{display:flex!important;align-items:center!important;gap:6px!important;padding:4px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:14px!important;background:rgba(10,11,13,.72)!important;box-shadow:none!important;backdrop-filter:blur(16px)!important;white-space:nowrap!important}
.account-user{display:flex!important;align-items:center!important;gap:8px!important;padding:2px 8px 2px 2px!important;min-width:0!important}
.account-user img{width:34px!important;height:34px!important;object-fit:cover!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.09)!important}
.account-user>span{display:grid!important;line-height:1.02!important;min-width:0!important}
.account-user strong{font-size:.78rem!important;max-width:105px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#f4f4f2!important}
.account-user small{margin-top:4px!important;font-size:.56rem!important;line-height:1!important;letter-spacing:.085em!important;text-transform:uppercase!important;color:var(--gold)!important}
.account-actions{display:flex!important;align-items:center!important;gap:3px!important;border-left:1px solid rgba(255,255,255,.075)!important;padding-left:5px!important}
.account-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:34px!important;padding:0 9px!important;border-radius:9px!important;border:0!important;background:transparent!important;color:#bdbbb6!important;font-size:.72rem!important;font-weight:750!important;line-height:1!important;text-decoration:none!important;transition:background .16s ease,color .16s ease!important;pointer-events:auto!important;cursor:pointer!important}
.account-action:hover{background:rgba(255,255,255,.065)!important;color:#fff!important}
.account-action-panel:hover,.account-action-edit:hover{color:var(--gold)!important}
.account-action-logout{color:#a9a6a0!important}
.account-action-logout:hover{background:rgba(255,86,86,.075)!important;color:#ffb9b9!important}

/* Alte Dropdown-Regeln neutralisieren – V10 nutzt sie nicht mehr. */
.user-menu,.user-popover{display:none!important}

/* Der mehrfach bemängelte Abschlusskasten wurde entfernt. Der Footer bekommt
   stattdessen nur sauberen Abstand zur letzten Inhaltssektion. */
main>.home-section:last-child{padding-bottom:88px!important}
.site-footer{margin-top:0!important}

@media(max-width:1480px){
  .account-user>span{display:none!important}
  .account-action{padding:0 7px!important;font-size:.68rem!important}
}
@media(max-width:1180px){
  .account-action-edit{display:none!important}
  .account-action{padding:0 8px!important}
}
@media(max-width:860px){
  .auth-slot{display:none!important}
}


/* =============================================================
   NHC UI V11 – Desktop-Navigation sauber entzerrt
   ============================================================= */
.site-header{overflow:visible!important}
.site-header .nav-shell.container{
  width:min(calc(100% - 36px),1780px)!important;
  max-width:1780px!important;
  min-height:76px!important;
  display:grid!important;
  grid-template-columns:minmax(180px,220px) minmax(560px,1fr) auto!important;
  align-items:center!important;
  gap:20px!important;
}
.site-header .brand{justify-self:start!important;min-width:0!important}
.site-header .main-nav{
  margin:0!important;
  justify-self:center!important;
  justify-content:center!important;
  min-width:0!important;
  gap:2px!important;
  white-space:nowrap!important;
}
.site-header .main-nav a{
  padding:10px 10px!important;
  font-size:.80rem!important;
  line-height:1!important;
  border-radius:10px!important;
}
.site-header .nav-actions{
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:max-content!important;
}
.site-header .nav-actions>.btn{
  height:42px!important;
  padding:0 14px!important;
  flex:0 0 auto!important;
}

/* Angemeldeter Nutzer: getrennte, klar klickbare Elemente statt eines langen Quetsch-Pills */
.site-header .account-bar{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
.site-header .account-user{
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:3px 11px 3px 4px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.025)!important;
}
.site-header .account-user img{width:34px!important;height:34px!important;border-radius:9px!important}
.site-header .account-user strong{max-width:108px!important;font-size:.75rem!important}
.site-header .account-user small{font-size:.53rem!important;margin-top:3px!important}
.site-header .account-actions{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  border:0!important;
  padding:0!important;
}
.site-header .account-action{
  height:38px!important;
  padding:0 10px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.025)!important;
  color:#bdbbb6!important;
  font-size:.68rem!important;
  font-weight:800!important;
}
.site-header .account-action:hover{background:rgba(255,255,255,.06)!important;color:#fff!important;border-color:rgba(255,255,255,.13)!important}
.site-header .account-action-panel:hover,.site-header .account-action-edit:hover{color:var(--gold)!important;border-color:rgba(245,197,66,.25)!important}
.site-header .account-action-logout:hover{color:#ffc1c1!important;border-color:rgba(255,92,92,.22)!important;background:rgba(255,92,92,.055)!important}

/* Breite Desktop-Stufen: bevor etwas kollidiert, werden erst Zusatzbuttons reduziert,
   danach wechselt die Hauptnavigation sauber ins Menü. */
@media (max-width:1580px){
  .site-header .nav-shell.container{grid-template-columns:minmax(170px,200px) minmax(520px,1fr) auto!important;gap:14px!important}
  .site-header .main-nav a{padding:10px 8px!important;font-size:.76rem!important}
  .site-header .nav-actions>.btn.btn-ghost.desktop-only{display:none!important}
  .site-header .account-user strong{max-width:88px!important}
  .site-header .account-action{padding:0 8px!important;font-size:.64rem!important}
}
@media (max-width:1380px){
  .site-header .nav-shell.container{grid-template-columns:1fr auto!important;width:min(calc(100% - 28px),1320px)!important}
  .site-header .main-nav{
    position:fixed!important;
    left:14px!important;right:14px!important;top:82px!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    padding:10px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:16px!important;
    background:rgba(8,9,10,.985)!important;
    box-shadow:0 28px 80px rgba(0,0,0,.60)!important;
    backdrop-filter:blur(20px)!important;
  }
  .site-header .main-nav.open{display:flex!important}
  .site-header .main-nav a{padding:13px 14px!important;font-size:.82rem!important}
  .site-header .nav-actions{grid-column:2!important;grid-row:1!important}
  .site-header .nav-toggle{display:block!important}
}
@media (max-width:1020px){
  .site-header .nav-actions>.desktop-only{display:none!important}
  .site-header .account-user>span{display:none!important}
  .site-header .account-user{padding-right:4px!important}
}
@media (max-width:760px){
  .site-header .nav-shell.container{width:calc(100% - 20px)!important;gap:8px!important}
  .site-header .brand-copy{display:none!important}
  .site-header .account-actions{gap:3px!important}
  .site-header .account-action{padding:0 7px!important;font-size:.61rem!important;height:36px!important}
  .site-header .account-action-edit{display:none!important}
  .site-header .account-user{height:38px!important}
  .site-header .account-user img{width:30px!important;height:30px!important}
  .site-header .main-nav{top:70px!important}
}