:root{
  --red:#6d1a34;--red2:#460f22;--acc:#5a7a3a;
  --cream:#F7F2E1;--cream2:#EDE8D5;--dark:#28201a;--muted:#6b6b5e;
  --bdr:rgba(109,26,52,.1);
  --serif:"Cormorant Garamond",Georgia,serif;
  --sans:"DM Sans",system-ui,sans-serif;
}

aside {
  position: sticky;
  top: 20vh;                        /* 20px Abstand unter der Nav */
  max-height: calc(100vh - 100px);  /* scrollbar wenn Inhalt zu lang */
  overflow-y: auto;
}

@media(max-width:1024px){aside{position:static;max-height:none}}
.sb-box{background:#fff;border:1px solid var(--bdr);border-radius:2px;padding:1.4rem;margin-bottom:14px}
.sb-box:first-child{border-top:3px solid var(--red)}
.sb-ttl{font-size:.59rem;letter-spacing:.14em;text-transform:uppercase;color:var(--red);display:flex;align-items:center;gap:7px;margin-bottom:1.1rem}
.sb-ttl::before{content:"";width:12px;height:1px;background:var(--red)}

/* Nav links in sidebar */
.rl-list{list-style:none}
.rl-list li{border-bottom:1px solid var(--bdr)}
.rl-list li:last-child{border-bottom:none}
.rl-list a{display:flex;align-items:center;gap:8px;padding:.65rem 0;font-size:.83rem;color:var(--muted);transition:color .15s}
.rl-list a:hover{color:var(--red)}
.rl-list a::before{content:"";width:5px;height:5px;border-radius:50%;background:rgba(109,26,52,.2);flex-shrink:0;transition:background .15s}
.rl-list a:hover::before{background:var(--red)}
.rl-list a.active{color:var(--red);font-weight:400}
.rl-list a.active::before{background:var(--red)}



/* PAGE BODY */
.page-body{max-width:1260px;margin:0 auto;padding:3rem 5% 5rem;display:grid;grid-template-columns:1fr 300px;gap:3.5rem;align-items:start}
@media(max-width:1024px){.page-body{grid-template-columns:1fr;padding:2.5rem 5% 4rem}}


@media(max-width:1024px){
  .nav-links,.nav-cta{display:none}
  .nav-hbg{display:flex}
  .nav-inner{padding:0 20px}
  .nav-logo{margin-right:0}
  #mob-p{display:none;background:#fff;border-top:1px solid var(--bdr);box-shadow:0 8px 24px rgba(0,0,0,.1)}
  #mob-p.open{display:block}
  .mob-it{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;font-size:14px;color:var(--dark);border-bottom:1px solid var(--bdr);cursor:pointer;background:none;border-left:none;border-right:none;border-top:none;width:100%;text-align:left;font-family:var(--sans)}
  .mob-it:hover{background:var(--cream)}
  .mob-sub{display:none;background:var(--cream);border-bottom:1px solid var(--bdr)}
  .mob-sub.open{display:block}
  .mob-sub a{display:block;padding:9px 20px 9px 36px;font-size:13px;color:var(--muted)}
  .mob-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 20px;background:var(--cream)}
  .mob-cta a{justify-content:center;text-align:center;padding:10px;font-size:12px;font-weight:500;border-radius:2px}
  .mob-cb{background:var(--red);color:#fff}
  .mob-cg{color:var(--red);border:1px solid rgba(109,26,52,.3)}
  .mob-arr{width:8px;height:8px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);flex-shrink:0}
  .mob-it.open .mob-arr{transform:rotate(225deg);border-color:var(--acc)}
}