/* =========================================================
   ELDRVARN – Referenzoberfläche
   Neuaufbau nach der freigegebenen Vorlage.
   ========================================================= */
:root{
  --ref-gold:#d6a35c;
  --ref-gold-2:#a66c2c;
  --ref-line:rgba(184,119,45,.48);
  --ref-line-soft:rgba(184,119,45,.20);
  --ref-ink:#080706;
  --ref-panel:#0d0c0a;
  --ref-side:400px;
  --ref-head:132px;
}

html,body{background:#050504!important;color:#d9c7aa!important}
body{padding-top:var(--ref-head)!important;padding-right:var(--ref-side)!important}

/* ---------- HEADER ---------- */
.eldr-header{
  height:var(--ref-head)!important;min-height:var(--ref-head)!important;
  background:
    linear-gradient(180deg,rgba(11,10,8,.99),rgba(6,6,5,.99)),
    repeating-linear-gradient(90deg,transparent 0 28px,rgba(171,112,43,.02) 28px 29px)!important;
  border-bottom:1px solid #8d5e2a!important;
  box-shadow:0 8px 24px rgba(0,0,0,.6)!important;
}
.eldr-header::after{bottom:0!important;background:linear-gradient(90deg,#5e3b18,#d29b4e 48%,#5e3b18)!important}
.eldr-header-inner{
  max-width:none!important;width:100%!important;height:100%!important;
  grid-template-columns:420px minmax(640px,1fr) 430px!important;
}
.eldr-brand{padding:18px 24px!important;gap:18px!important;border-right:1px solid #4a3219!important;background:linear-gradient(90deg,rgba(163,104,39,.08),transparent)!important}
.eldr-brand-seal{width:82px!important;height:82px!important;flex:0 0 82px!important;font-size:38px!important;border-color:#9c6931!important;box-shadow:inset 0 0 0 5px #080706,inset 0 0 0 6px rgba(201,143,66,.36),0 0 26px rgba(0,0,0,.7)!important}
.eldr-brand-copy strong{font-size:46px!important;letter-spacing:.02em!important;color:#e0b16e!important}
.eldr-brand-copy small{font-size:10px!important;letter-spacing:.18em!important;color:#c79a60!important;margin-top:8px!important}

.eldr-main-nav{justify-content:flex-start!important;background:rgba(5,5,4,.3)!important}
.eldr-main-nav>.nav-link,.eldr-main-nav>.nav-dropdown{flex:1 1 auto!important;min-width:0!important}
.eldr-main-nav .nav-link,.eldr-main-nav .nav-dropdown-toggle{
  justify-content:center!important;flex-direction:column!important;gap:7px!important;
  padding:0 12px!important;font-size:11px!important;letter-spacing:.035em!important;
  border-left:1px solid rgba(155,99,38,.20)!important;color:#d6c2a0!important;
}
.eldr-main-nav .nav-icon{font-size:19px!important;color:#d09b57!important;margin:0!important}
.eldr-main-nav .nav-link:hover,.eldr-main-nav .nav-dropdown-toggle:hover,.eldr-main-nav .nav-link-active{
  background:linear-gradient(180deg,rgba(174,112,43,.03),rgba(152,94,31,.14))!important;
  box-shadow:inset 0 -4px #c7893e!important;color:#f0c47d!important;
}

/* ---------- ACCOUNT CARD ---------- */
.eldr-account{
  position:relative!important;align-items:flex-start!important;gap:14px!important;padding:13px 16px 10px!important;
  border-left:1px solid #5c3d1c!important;background:linear-gradient(180deg,rgba(24,19,13,.82),rgba(7,7,6,.96))!important;
}
.eldr-account-avatar{width:58px!important;height:58px!important;flex-basis:58px!important;margin-top:2px!important;border-color:#a66c2c!important}
.eldr-account-copy{width:100%!important;min-width:0!important}
.eldr-account-copy>strong{font-size:15px!important;color:#e0ad63!important;letter-spacing:.05em!important}
.eldr-account-copy>small{font-size:11px!important;color:#b8aa94!important;margin-top:1px!important}
.eldr-admin-shortcut{position:absolute!important;right:13px!important;top:18px!important;width:38px!important;height:38px!important;border:0!important;color:#d8a35a!important;font-size:24px!important}
.eldr-account-actions{
  display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;
  margin-top:10px!important;width:100%!important;
}
.eldr-account-actions .eldr-account-action{
  position:relative!important;min-height:52px!important;padding:7px 4px 5px!important;
  border:1px solid #755025!important;background:linear-gradient(180deg,#15120e,#0a0908)!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;
  color:#d9c4a3!important;text-decoration:none!important;font:600 8.5px/1.1 Cinzel,Georgia,serif!important;
  letter-spacing:.02em!important;text-transform:uppercase!important;
  box-shadow:inset 0 0 0 2px #070706!important;
}
.eldr-account-actions .eldr-account-action:hover{color:#f2ca84!important;border-color:#c3863d!important;background:#17120c!important}
.eldr-action-icon{font-size:17px!important;line-height:1!important;color:#e1ac62!important}
.eldr-action-badge{position:absolute;right:-5px;top:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:12px;background:#d11e24;color:#fff;font:700 11px/20px Arial,sans-serif;box-shadow:0 0 0 2px #0a0908}
.eldr-account-values{position:absolute;right:0;bottom:-31px;width:430px;height:31px;display:flex;align-items:center;justify-content:center;border-left:1px solid #5b3b1b;border-bottom:1px solid #4c3116;background:#090807;color:#a7773f;font:600 9px Cinzel,Georgia,serif;letter-spacing:.14em;z-index:1200}

/* ---------- SIDEBAR ---------- */
.eldr-global-sidebar{
  top:calc(var(--ref-head) + 31px)!important;width:var(--ref-side)!important;padding:20px 18px 32px!important;
  background:linear-gradient(180deg,#0a0908,#060605)!important;border-left:1px solid #745027!important;
  box-shadow:-18px 0 44px rgba(0,0,0,.52)!important;
}
.eldr-side-panel{margin-bottom:18px!important;padding:18px!important;border-color:#7a5428!important;background:linear-gradient(180deg,rgba(18,16,13,.98),rgba(8,8,7,.99))!important;box-shadow:inset 0 0 0 3px #070706,inset 0 0 0 4px rgba(180,119,52,.24)!important}
.eldr-side-panel h2{font-size:20px!important;color:#e1ad62!important;padding-bottom:14px!important;margin-bottom:10px!important;letter-spacing:.07em!important}
.eldr-quick-nav a{grid-template-columns:28px 1fr 18px!important;padding:13px 10px!important;font-size:12px!important;letter-spacing:.02em!important;border-bottom-color:rgba(183,129,61,.22)!important}
.eldr-quick-nav a span{font-size:16px!important;color:#d49a50!important}
.eldr-side-info{min-height:220px!important;overflow:hidden!important}
.eldr-side-info::after{content:"";position:absolute;right:-4px;bottom:-8px;width:180px;height:215px;background:url('../images/eldrvarn-reference-wolf.jpg') center/cover no-repeat;opacity:.48;filter:saturate(.65) contrast(1.1);mask-image:linear-gradient(90deg,transparent 0,#000 35%)}
.eldr-side-message,.eldr-side-button{position:relative;z-index:2}
.eldr-side-message p{max-width:190px!important}

/* ---------- HOME ---------- */
.eldr-home{
  width:100%!important;max-width:none!important;margin:0!important;padding:25px 30px 55px!important;
}
.eldr-home-hero{
  min-height:690px!important;margin:0 0 18px!important;border:1px solid #7a5126!important;
  background:
    radial-gradient(ellipse at center,rgba(4,4,4,.12) 0,rgba(4,4,4,.32) 45%,rgba(3,3,3,.68) 100%),
    url('../images/eldrvarn-reference-hero.jpg') center 42%/cover no-repeat!important;
  box-shadow:inset 0 0 0 4px #050504,inset 0 0 0 5px rgba(179,118,52,.24),0 18px 55px rgba(0,0,0,.46)!important;
}
.eldr-home-hero::before{background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.08) 54%,rgba(0,0,0,.50) 86%,#070706 100%)!important;opacity:1!important}
.eldr-home-hero-runes{display:none!important}
.eldr-home-hero-content{
  position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-57%)!important;
  width:min(900px,78%)!important;max-width:none!important;padding:0!important;text-align:center!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;
  text-shadow:0 3px 14px rgba(0,0,0,.9)!important;
}
.eldr-home-mark{display:none!important}
.eldr-home-kicker{font-size:15px!important;letter-spacing:.24em!important;color:#d19a50!important;margin-bottom:10px!important}
.eldr-home h1{font-size:clamp(76px,8.2vw,132px)!important;line-height:.88!important;letter-spacing:.01em!important;color:#e1b06c!important;text-shadow:0 4px 0 #3a220f,0 8px 30px rgba(0,0,0,.92)!important}
.eldr-home-motto{font-size:clamp(18px,2vw,27px)!important;letter-spacing:.16em!important;color:#e2b372!important;margin-top:7px!important}
.eldr-home-divider{width:360px!important;margin:22px auto!important}
.eldr-home-intro{max-width:760px!important;font-size:18px!important;color:#eee5d5!important;line-height:1.55!important}
.eldr-home-actions{justify-content:center!important;gap:18px!important;margin-top:22px!important}
.eldr-home-actions .button{min-width:280px!important;padding:17px 30px!important;border:1px solid #a87231!important;background:linear-gradient(180deg,rgba(190,126,46,.16),rgba(11,10,8,.92))!important;color:#f0d4aa!important;font:600 14px Cinzel,Georgia,serif!important;text-transform:uppercase!important;clip-path:none!important;box-shadow:inset 0 0 0 2px rgba(0,0,0,.55),0 6px 16px rgba(0,0,0,.45)!important}
.eldr-home-actions .button:first-child{background:linear-gradient(180deg,#c88b3e,#8e5b21)!important;color:#fff2d7!important}
.eldr-home-stats{height:108px!important;background:rgba(7,7,6,.93)!important;border-top:1px solid #70491f!important}
.eldr-home-stats div{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:12px!important}
.eldr-home-stats strong{font-size:26px!important;color:#e0ab5e!important}
.eldr-home-stats span{font-size:10px!important;letter-spacing:.16em!important}

/* Chronik direkt unter dem Hero wie in der Vorlage */
.eldr-home-panel{border-color:#704a22!important;background:#0b0a08!important;margin-bottom:18px!important}
.eldr-home-panel-head{height:58px!important;padding:0 18px!important;background:#0c0b09!important}
.eldr-home-panel-head h2{font-size:20px!important;color:#dfaa5e!important}
.eldr-home-chronicle-grid{grid-template-columns:repeat(4,1fr)!important;background:#583819!important}
.eldr-home-story-art{height:180px!important;background:linear-gradient(145deg,#1c1710,#0a0908)!important}
.eldr-home-story-art span{width:62px!important;height:62px!important;color:#dda65b!important}

/* Footer / page balance */
.eldr-universal-footer{margin-right:var(--ref-side)!important}

/* ---------- TABLET / MOBILE ---------- */
@media(max-width:1450px){
  :root{--ref-side:330px;--ref-head:112px}
  .eldr-header-inner{grid-template-columns:340px minmax(520px,1fr) 370px!important}
  .eldr-brand-seal{width:68px!important;height:68px!important;flex-basis:68px!important}
  .eldr-brand-copy strong{font-size:36px!important}
  .eldr-account-values{width:370px!important}
  .eldr-main-nav .nav-link,.eldr-main-nav .nav-dropdown-toggle{font-size:9.5px!important;padding:0 8px!important}
  .eldr-home-hero{min-height:610px!important}
}
@media(max-width:1180px){
  body{padding-right:0!important;padding-top:86px!important}
  .eldr-header{height:86px!important;min-height:86px!important}
  .eldr-header-inner{display:flex!important;justify-content:space-between!important}
  .eldr-brand{width:auto!important}
  .eldr-brand-copy strong{font-size:30px!important}
  .eldr-brand-seal{width:58px!important;height:58px!important;flex-basis:58px!important}
  .eldr-account{display:none!important}
  .eldr-account-values{display:none!important}
  .eldr-global-sidebar{display:none!important}
  .eldr-nav-toggle-label{display:flex!important;align-items:center!important;justify-content:center!important;margin-left:auto!important;width:78px!important;font-size:28px!important;color:#d7a45c!important}
  .eldr-main-nav{top:86px!important}
  .eldr-home{padding:18px!important}
  .eldr-home-hero{min-height:610px!important}
  .eldr-home-hero-content{width:88%!important}
  .eldr-home-actions .button{min-width:220px!important}
  .eldr-universal-footer{margin-right:0!important}
}
@media(max-width:720px){
  .eldr-brand-copy small{display:none!important}
  .eldr-home-hero{min-height:590px!important;background-position:center!important}
  .eldr-home h1{font-size:58px!important}
  .eldr-home-motto{font-size:15px!important}
  .eldr-home-intro{font-size:15px!important}
  .eldr-home-actions{width:100%!important}
  .eldr-home-actions .button{width:100%!important;min-width:0!important}
  .eldr-home-stats{height:auto!important;grid-template-columns:1fr!important;position:relative!important;margin-top:480px!important}
  .eldr-home-stats div{min-height:76px!important;border-right:0!important;border-bottom:1px solid rgba(176,118,52,.18)!important}
  .eldr-home-chronicle-grid{grid-template-columns:1fr!important}
}