/* Header: Der Bearbeitungsstand ist Teil des Flex-Layouts und überdeckt kein Menü. */
.progress-nav-center{
  position:static;
  left:auto;
  top:auto;
  transform:none;
  flex:0 0 auto;
  margin-left:clamp(18px,3vw,52px);
}

/* Story: Überschrift, Kapitelplayer und Text stehen sauber untereinander. */
.faction-single-content{
  display:block;
  max-width:1120px;
}
.faction-story-heading{
  margin-bottom:38px;
  padding-bottom:25px;
  border-bottom:1px solid var(--line);
}
.faction-story-heading h2{
  position:static;
  max-width:none;
  margin:12px 0;
  font-size:clamp(38px,5vw,68px);
}
.faction-single-content .faction-story-column{
  width:100%;
  min-width:0;
}
.faction-story-column .ksr-player{
  position:relative;
  z-index:2;
  width:100%;
  max-width:920px;
  margin:0 auto 35px;
}
.faction-story-column .ksr-player *{
  box-sizing:border-box;
}
.faction-single-content .story{
  max-width:920px;
  margin:45px auto 0;
}

@media(max-width:1500px){
  .header-brand>span:last-child{display:none}
  .progress-nav-center{padding:10px 12px;margin-left:22px;font-size:9px}
  .site-nav{gap:12px}
  .site-nav a{font-size:10px}
}
@media(max-width:1180px){
  .progress-nav-center{display:none}
  .progress-nav-mobile{display:block;color:#f1a347!important}
  .menu-toggle{display:block}
  .site-nav{display:none;position:absolute;top:88px;left:0;right:0;background:#03090cf7;padding:25px;flex-direction:column;align-items:flex-start}
  .site-header.open .site-nav{display:flex}
  .header-brand>span:last-child{display:block}
}
@media(max-width:600px){
  .site-nav{top:76px}
  .faction-story-heading h2{font-size:38px}
}