:root{
  --bg:#0b0705;
  --bg2:#140d08;
  --panel:#21140d;
  --panel2:#2c1b11;
  --gold:#c69a4b;
  --gold2:#8f642d;
  --cream:#f2dfbf;
  --muted:#b89f78;
  --line:rgba(198,154,75,.32);
  --shadow:0 24px 60px rgba(0,0,0,.45);
  --nav-h:76px;
  --footer-h:72px;
  --site-max:1320px;
}
*{box-sizing:border-box}
html{min-height:100%;font-size:16px}
body{
  min-height:100vh;margin:0;display:flex;flex-direction:column;color:var(--cream);
  font-family:Georgia,"Times New Roman",serif;
  background:
    radial-gradient(circle at 15% 10%, rgba(198,154,75,.1), transparent 28%),
    radial-gradient(circle at 85% 15%, rgba(94,41,18,.23), transparent 30%),
    linear-gradient(180deg,#080503,#150c07 48%,#090604);
  background-attachment:fixed;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:26px 26px;opacity:.42}
a{color:var(--gold)}
.site-container{max-width:var(--site-max)}
.site-nav{position:fixed;top:0;left:0;right:0;z-index:1030;background:rgba(13,8,5,.94);border-bottom:1px solid var(--line);box-shadow:0 10px 34px rgba(0,0,0,.36);backdrop-filter:blur(10px)}
.navbar{min-height:var(--nav-h);padding:.45rem 0}
.navbar-brand{display:flex;align-items:center;gap:.7rem;color:var(--cream)!important;text-transform:uppercase;letter-spacing:.09em;font-weight:800}
.brand-mark{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),#6d431c);color:#1b1008;box-shadow:0 0 22px rgba(198,154,75,.22)}
.nav-link{color:var(--muted)!important;display:flex;align-items:center;gap:.45rem;padding:.55rem .68rem!important;font-size:.98rem}
.nav-link:hover,.nav-link.active{color:var(--cream)!important}
.btn-apply,.btn-gold{border:0;color:#1b1008!important;background:linear-gradient(135deg,#e0bd73,var(--gold2));font-weight:800;padding:.62rem 1rem;border-radius:999px;box-shadow:0 0 20px rgba(198,154,75,.22)}
.btn-apply{animation:softPulse 2.8s infinite}
.btn-discord,.btn-darkgold{border:1px solid var(--line);color:var(--cream)!important;background:linear-gradient(180deg,#2c1b11,#1b1009);padding:.62rem 1rem;border-radius:999px;margin-left:.5rem}
@keyframes softPulse{0%,100%{box-shadow:0 0 14px rgba(198,154,75,.18)}50%{box-shadow:0 0 32px rgba(198,154,75,.34)}}
.site-main{flex:1 0 auto;padding-top:var(--nav-h);padding-bottom:2.2rem}
.site-footer{min-height:var(--footer-h);display:flex;align-items:center;border-top:1px solid var(--line);background:rgba(10,6,4,.94);color:var(--muted);margin-top:auto}
.page-section{padding:clamp(2rem,3vw,3.5rem) 0}
.page-title{padding:1.6rem 0 .6rem}
.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:.83rem}
h1,h2,h3,h4{font-weight:900;text-transform:uppercase;letter-spacing:.06em}
h1{font-size:clamp(2.65rem,3.7vw,4.6rem);line-height:1.02}
h2{font-size:clamp(1.85rem,2.4vw,3rem)}
p{color:#d9c59f;font-size:clamp(1rem,.9vw + .35rem,1.1rem);line-height:1.72}
.hero{
  min-height:calc(100vh - var(--nav-h) - 32px);
  display:flex;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line);
  background:
    linear-gradient(90deg,rgba(8,5,3,.92),rgba(8,5,3,.62),rgba(8,5,3,.86)),
    url("../img/hero.png");
  background-size:cover;background-position:center;
}
.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:160px;background:linear-gradient(transparent,var(--bg))}
.hero-content{position:relative;z-index:2;padding:clamp(3rem,5vw,6rem) 0 7rem}
.hero-actions{margin-top:2rem;margin-bottom:2.8rem}
.panel,.feature-card,.team-card,.stream-card,.rule-panel,.admin-card{
  background:linear-gradient(180deg,rgba(45,28,17,.88),rgba(22,13,8,.92));border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);position:relative;overflow:hidden
}
.panel:before,.feature-card:before,.team-card:before,.stream-card:before,.rule-panel:before{content:"";position:absolute;inset:10px;border:1px dashed rgba(198,154,75,.16);border-radius:16px;pointer-events:none}
.feature-card{padding:1.35rem;height:100%}
.icon-badge{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;margin-bottom:1rem;background:rgba(198,154,75,.13);border:1px solid var(--line);color:var(--gold);font-size:1.35rem}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.team-card{text-align:center;padding:1.8rem 1.2rem}
.team-img{width:132px;height:132px;border-radius:50%;object-fit:cover;border:4px solid rgba(198,154,75,.42);box-shadow:0 18px 40px rgba(0,0,0,.42);background:#1c110b;margin:0 auto 1rem;display:block}
.team-card .role{color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.stream-img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#130c08;border-bottom:1px solid var(--line)}
.stream-card .card-body{padding:1.25rem}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.gallery-item{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel);cursor:pointer;box-shadow:var(--shadow)}
.gallery-item img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;transition:.25s ease}
.gallery-item:hover img{transform:scale(1.04)}
.rules-layout{display:grid;grid-template-columns:310px 1fr;gap:1.25rem}
.rule-list{position:sticky;top:calc(var(--nav-h) + 1rem);align-self:start}
.rule-btn{width:100%;text-align:left;background:rgba(25,15,9,.85);border:1px solid var(--line);color:var(--muted);border-radius:14px;padding:.9rem 1rem;margin-bottom:.6rem}
.rule-btn.active,.rule-btn:hover{color:var(--cream);background:linear-gradient(135deg,rgba(198,154,75,.22),rgba(38,22,13,.9))}
.search-box{position:relative;margin-bottom:1rem}
.search-box i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--gold)}
.search-box input{padding-left:2.65rem}
.form-control,.form-select{background:rgba(15,9,6,.88);border:1px solid var(--line);color:var(--cream);border-radius:14px}
.form-control:focus,.form-select:focus{background:rgba(18,11,7,.95);color:var(--cream);border-color:var(--gold);box-shadow:0 0 0 .2rem rgba(198,154,75,.18)}
.modal-content{background:linear-gradient(180deg,#26170f,#100905);border:1px solid var(--line);color:var(--cream)}
.admin-shell{display:grid;grid-template-columns:260px 1fr;gap:1.25rem}
.admin-sidebar{position:sticky;top:calc(var(--nav-h) + 1rem);align-self:start}
.admin-link{display:flex;align-items:center;gap:.6rem;color:var(--muted);text-decoration:none;padding:.85rem 1rem;border-radius:14px;margin-bottom:.35rem}
.admin-link.active,.admin-link:hover{background:rgba(198,154,75,.14);color:var(--cream)}
.sortable-row{cursor:grab}
.drag-handle{color:var(--gold);font-size:1.1rem}
.table{--bs-table-bg:transparent;--bs-table-color:var(--cream);--bs-table-border-color:rgba(198,154,75,.2)}
.admin-thumb{width:82px;height:54px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.admin-avatar{width:58px;height:58px;object-fit:cover;border-radius:50%;border:2px solid var(--line)}
.editor-toolbar{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.55rem}
.editor-toolbar button{border:1px solid var(--line);background:#21140d;color:var(--cream);border-radius:10px;padding:.4rem .65rem}
.rich-editor{min-height:220px;background:rgba(15,9,6,.88);border:1px solid var(--line);border-radius:14px;padding:1rem;color:var(--cream);outline:none}
@media (min-width:1920px){html{font-size:16px}.site-container{max-width:1320px}}
@media (max-width:1199px){.team-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}.rules-layout,.admin-shell{grid-template-columns:1fr}.rule-list,.admin-sidebar{position:static}.btn-discord{margin-left:0;margin-top:.5rem}}
@media (max-width:575px){:root{--nav-h:68px}.team-grid,.gallery-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-content{padding:3rem 0 4rem}h1{font-size:2.35rem}}


.footer-login{color:var(--gold);text-decoration:none;font-weight:800}
.footer-login:hover{color:var(--cream)}
.empty-state{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(38,23,15,.92),rgba(16,9,5,.96));padding:3rem 2rem;text-align:center;box-shadow:var(--shadow)}
.empty-state i{font-size:2.8rem;color:var(--gold);margin-bottom:1rem}
.empty-state h2{font-size:1.6rem;margin-bottom:.5rem}
.empty-state p{color:var(--muted);margin:0}
.small-empty{padding:2rem}
.badge-status{background:rgba(198,154,75,.18);border:1px solid rgba(198,154,75,.35);color:var(--cream);border-radius:999px;padding:.45rem .75rem}
.status-angenommen{background:rgba(56,104,61,.35);border-color:rgba(84,145,92,.65)}
.status-abgelehnt{background:rgba(120,38,34,.35);border-color:rgba(164,69,61,.65)}
.status-offen{background:rgba(198,154,75,.18);border-color:rgba(198,154,75,.4)}
.info-box{height:100%;border:1px solid var(--line);border-radius:16px;background:rgba(16,9,5,.75);padding:1rem}
.info-box span{display:block;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}
.info-box strong{display:block;color:var(--cream);word-break:break-word}
.info-box small{display:block;color:var(--muted);word-break:break-word}
.story-box{border:1px solid var(--line);border-radius:18px;background:rgba(12,7,4,.84);padding:1.25rem;line-height:1.75;color:var(--cream);max-height:42vh;overflow:auto}
.admin-application-modal .modal-content,.modal-content{background:linear-gradient(180deg,#2b1a11,#120a06)!important;border:1px solid var(--line)!important;color:var(--cream)!important;box-shadow:0 30px 90px rgba(0,0,0,.72)}
.admin-application-modal .modal-body{background:linear-gradient(180deg,rgba(38,23,15,.96),rgba(16,9,5,.98))}
.modal-backdrop.show{opacity:.78}
.text-muted-custom{color:var(--muted)!important}