/* WWII Online CMS 17.2.1 – Einheitliches HC-Layout für Frontend-Partials */
:root{
  --hc-header-offset: 96px;
  --hc-bg:#090e14;
  --hc-bg-soft:#101821;
  --hc-panel:#151f2a;
  --hc-panel-soft:#1a2733;
  --hc-border:rgba(214,170,67,.26);
  --hc-border-strong:rgba(214,170,67,.55);
  --hc-gold:#d6aa43;
  --hc-gold-light:#f0ce79;
  --hc-text:#edf2f5;
  --hc-muted:#b8c2ca;
  --hc-radius:12px;
}
html{scroll-padding-top:calc(var(--hc-header-offset) + 78px)}
body{background:var(--hc-bg)}
main.hc-page-main{padding:0!important;margin:0!important}
.hc-page-section{padding:calc(var(--hc-header-offset) + 30px) 0 80px!important;margin:0!important;background:radial-gradient(circle at 75% 0,rgba(214,170,67,.08),transparent 34rem),var(--hc-bg)}
.hc-page-shell{width:min(1380px,calc(100% - 40px));margin:0 auto;position:relative}
.hc-page-heading{margin:0 0 28px;padding:34px clamp(22px,4vw,48px);border:1px solid var(--hc-border);border-left:5px solid var(--hc-gold);border-radius:var(--hc-radius);background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 48%),var(--hc-bg-soft);box-shadow:0 18px 45px rgba(0,0,0,.28)}
.hc-page-heading .hc-page-kicker{display:block;padding:0!important;margin:0 0 9px;color:var(--hc-gold-light);font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.hc-page-heading h1{margin:0;color:var(--hc-text);font-family:Oswald,sans-serif;font-size:clamp(2rem,5vw,4.6rem);line-height:1.03;letter-spacing:-.025em;text-transform:uppercase;overflow-wrap:anywhere}
.hc-page-heading p{max-width:900px;margin:16px 0 0;color:var(--hc-muted);font-size:clamp(.98rem,1.4vw,1.12rem);line-height:1.7}
.hc-partial-scope{color:var(--hc-text);min-width:0}
.hc-partial-scope,.hc-partial-scope *{box-sizing:border-box}
.hc-partial-scope>.eyebrow,.hc-partial-scope .eyebrow{padding-top:0!important}
.hc-partial-scope :is(h1,h2,h3,h4){font-family:Oswald,sans-serif;color:var(--hc-text);text-transform:uppercase;overflow-wrap:anywhere}
.hc-partial-scope :is(h2,h3){scroll-margin-top:calc(var(--hc-header-offset) + 90px)}
.hc-partial-scope h2{margin:36px 0 16px;font-size:clamp(1.55rem,3vw,2.45rem);line-height:1.12}
.hc-partial-scope h3{margin:0 0 12px;color:var(--hc-gold-light);font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.25}
.hc-partial-scope p,.hc-partial-scope li{color:var(--hc-muted);line-height:1.72}
.hc-partial-scope a{color:var(--hc-gold-light)}
.hc-partial-scope img{max-width:100%;height:auto}
.hc-partial-scope :is(.card,.rdp-card,.overview-card,.rank-card,.spawnable-card,.spawnable-box,.panel,.topic-section,.ag-section,.ag-card,.hc-section,.unit-card){border-color:var(--hc-border)!important;background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 52%),var(--hc-panel)!important;box-shadow:0 14px 34px rgba(0,0,0,.22)}
.hc-partial-scope :is(.rdp-card,.overview-card,.rank-card,.spawnable-card,.spawnable-box,.panel,.ag-section,.ag-card){border-radius:var(--hc-radius)!important}
.hc-partial-scope :is(.rdp-warning,.warning,.ag-warning,.spawnable-note,.hc-callout){border-left-color:var(--hc-gold)!important;background:rgba(214,170,67,.08)!important}
.hc-partial-scope :is(table,.rdp-table,.ag-table,.hc-table){border-collapse:collapse;width:100%;color:var(--hc-text)}
.hc-partial-scope :is(th,td){border-color:var(--hc-border)!important}
.hc-partial-scope th{background:#111a23!important;color:var(--hc-gold-light)!important}
.hc-partial-scope td{color:var(--hc-muted)}
.hc-partial-scope :is(.section-navigation,.ag-nav,.hc-nav){top:var(--hc-header-offset)!important;z-index:40!important;background:rgba(9,14,20,.96)!important;border-color:var(--hc-border)!important}
.hc-partial-scope [id]{scroll-margin-top:calc(var(--hc-header-offset) + 82px)}
.hc-partial-scope .hero,.hc-partial-scope .ag-hero,.hc-partial-scope .hc-hero{margin-top:0!important}
.hc-partial-scope .ag-hero{min-height:auto!important;border:1px solid var(--hc-border)!important;border-radius:var(--hc-radius)!important;overflow:hidden}
.hc-partial-scope .artillery-guide{margin:0!important;background:transparent!important}
.hc-partial-scope .ag-hero-inner{padding:42px 0!important}
.hc-partial-scope .ag-hero h1{font-size:clamp(2rem,4.6vw,4.2rem)!important}
.hc-edit-pencil{position:absolute;top:12px;right:12px;z-index:5}
@media(max-width:900px){
  :root{--hc-header-offset:82px}
  .hc-page-section{padding-top:calc(var(--hc-header-offset) + 18px)!important}
  .hc-page-shell{width:min(100% - 24px,1380px)}
  .hc-page-heading{padding:26px 22px;margin-bottom:20px}
}
@media(max-width:520px){
  .hc-page-shell{width:min(100% - 16px,1380px)}
  .hc-page-heading{padding:22px 18px}
  .hc-page-heading h1{font-size:clamp(1.85rem,11vw,3rem)}
}

/* ========================================================================
   CMS 17.2.3 – vollständige HC-Normalisierung aller Legacy-Partials
   Diese Regeln vereinheitlichen alte RDP-, Guide-, Capture-, Supply-, Rank-,
   PPO-, Panzertaktik-, Spawnable-, Units- und Spezialseiten im HC-Design.
   ======================================================================== */
.hc-partial-scope{
  --hc-space-1:8px;--hc-space-2:14px;--hc-space-3:20px;--hc-space-4:28px;--hc-space-5:40px;
  width:100%; overflow:visible; isolation:isolate;
}
.hc-partial-scope > :first-child{margin-top:0!important}
.hc-partial-scope > :last-child{margin-bottom:0!important}

/* Alte Seiten- und Inhaltscontainer dürfen die CMS-Breite nicht erneut begrenzen. */
.hc-partial-scope :is(.container,.page-shell,.spawnable-shell,.pt-wrap,.ag-shell,.hc-guide__body,.hc-page,.capture-guide,.supply-guide,.rank-guide,.pt-manual,.bf109-manual){
  width:100%!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;
}
.hc-partial-scope :is(.content-body,.rdp-article,.sub-panel,.cms-panel){
  color:var(--hc-text)!important;background:transparent!important;border-color:var(--hc-border)!important;
}

/* Sämtliche alten Header/Hero-Varianten: keine negativen Verschiebungen mehr. */
.hc-partial-scope :is(
  .hero,.hero-inner,.rdp-header,.ag-hero,.ag-hero-inner,.hc-hero,.hc-guide__hero,
  .pt-hero,.capture-header,.supply-header,.rank-header,.spawnable-header,
  .mib-header,.unit-category-header
){
  position:relative!important;top:auto!important;left:auto!important;right:auto!important;
  transform:none!important;margin-top:0!important;translate:none!important;
}
.hc-partial-scope > :is(.hero,.ag-hero,.hc-hero,.hc-guide,.pt-manual,.spawnable-depots-page,.artillery-guide){
  margin-top:0!important;
}
.hc-partial-scope :is(.hero,.hc-hero,.hc-guide__hero,.pt-hero,.rdp-header){
  min-height:0!important;padding:clamp(28px,5vw,58px)!important;border:1px solid var(--hc-border)!important;
  border-left:5px solid var(--hc-gold)!important;border-radius:var(--hc-radius)!important;
  background:linear-gradient(135deg,rgba(214,170,67,.11),transparent 42%),var(--hc-bg-soft)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.28)!important;overflow:hidden!important;
}
.hc-partial-scope :is(.hero-inner,.ag-hero-inner){padding:0!important;width:100%!important;max-width:none!important}
.hc-partial-scope :is(.hero h1,.hc-hero h1,.hc-guide__hero h1,.ag-hero h1,.pt-title,.rdp-header h1){
  margin:0!important;padding:0!important;max-width:1100px!important;font-size:clamp(2rem,5vw,4.6rem)!important;
  line-height:1.02!important;letter-spacing:-.025em!important;text-wrap:balance!important;
}
.hc-partial-scope :is(.lead,.hero-intro,.ag-lead,.hc-guide__lead,.spawnable-lead){
  max-width:920px!important;margin:16px 0 0!important;color:var(--hc-muted)!important;font-size:clamp(1rem,1.5vw,1.15rem)!important;line-height:1.7!important;
}
.hc-partial-scope :is(.eyebrow,.rdp-kicker,.ag-kicker,.hc-eyebrow,.hc-guide__eyebrow,.pt-kicker,.spawnable-eyebrow){
  display:block!important;position:static!important;transform:none!important;margin:0 0 10px!important;padding:0!important;
  color:var(--hc-gold-light)!important;font-size:.78rem!important;font-weight:900!important;letter-spacing:.16em!important;text-transform:uppercase!important;
}

/* Abschnittsüberschriften */
.hc-partial-scope :is(.section-head,.pt-section-title,.hc-section-header,.hc-guide__section-head){
  margin:0 0 20px!important;padding:0 0 14px!important;border-bottom:1px solid var(--hc-border)!important;
}
.hc-partial-scope :is(.rdp-section,.manual-section,.ag-section,.hc-section,.hc-guide__section,.pt-section,.ppo-content-block,.rdp-content-block){
  scroll-margin-top:calc(var(--hc-header-offset) + 92px)!important;
  margin:28px 0!important;padding:clamp(22px,3vw,34px)!important;border:1px solid var(--hc-border)!important;
  border-radius:var(--hc-radius)!important;background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 52%),var(--hc-panel)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.2)!important;
}

/* Karten und Boxen aller bisherigen Seitensysteme */
.hc-partial-scope :is(
 .rdp-card,.rdp-subcard,.content-box,.guide-table,.hint-box,.info-box,.warning-box,
 .capture-card,.supply-card,.rank-card,.spawnable-card,.spawnable-box,
 .pt-card,.pt-info,.pt-warning,.bf109-callout,.bf109-advantage,.rdp-info-box,
 .overview-card,.formula-box,.military-info-box,.ppo-step-card,.rdp-step-card,
 .hc-card,.hc-fact,.hc-guide__notice,.hc-callout,.hc-note,.ag-card,.ag-note,.ag-warning,
 .zielzonen-card,.zielzonen-hinweis,.mission-card,.order-card,.key-message,.compare-card,
 .garrison-card,.city-node,.division-hq,.brigade-card,.unit-card
){
  border:1px solid var(--hc-border)!important;border-radius:var(--hc-radius)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 55%),var(--hc-panel)!important;
  color:var(--hc-text)!important;box-shadow:0 12px 30px rgba(0,0,0,.2)!important;
}
.hc-partial-scope :is(.rdp-card,.capture-card,.supply-card,.rank-card,.spawnable-card,.pt-card,.overview-card,.unit-card,.hc-card,.ag-card){padding:clamp(18px,2.5vw,28px)!important}
.hc-partial-scope :is(.warning,.rdp-warning,.warning-box,.pt-warning,.spawnable-warning,.ag-warning,.hc-callout.warning,.info-box.warning-box){
  border-left:5px solid #d9a441!important;background:linear-gradient(90deg,rgba(217,164,65,.13),rgba(217,164,65,.035))!important;
}
.hc-partial-scope :is(.success-box,.hc-callout.success,.spawnable-box.green){border-left:5px solid #58a67a!important}
.hc-partial-scope :is(.danger-box,.button-danger,.spawnable-box.red){border-left:5px solid #b95b52!important}
.hc-partial-scope :is(.spawnable-box.blue,.supply-note,.rank-note,.rdp-note,.ag-note){border-left:5px solid #668cac!important}

/* Grids und Flows */
.hc-partial-scope :is(
 .rdp-grid,.capture-grid,.supply-grid,.rank-grid,.spawnable-grid,.pt-grid,.overview-grid,
 .mission-grid,.order-cards,.compare-grid,.garrison-comparison,.hero-facts,.hc-fact-grid,
 .ag-grid,.unit-grid,.zielzonen-grid,.rdp-image-grid,.rdp-step-grid,.bf109-rule-grid
){gap:clamp(16px,2vw,26px)!important}
.hc-partial-scope :is(.rdp-flow,.capture-flow,.supply-flow,.rank-flow,.hc-flow,.city-forces,.brigade-row){
  gap:16px!important;align-items:stretch!important;
}
.hc-partial-scope :is(.rdp-step,.supply-step,.hc-flow__step,.ag-step,.ppo-step-card,.rdp-step-card){
  border:1px solid var(--hc-border)!important;border-radius:10px!important;background:var(--hc-panel-soft)!important;color:var(--hc-text)!important;
}
.hc-partial-scope :is(.rdp-step-number,.supply-step-number,.ag-step-num,.ppo-step-number,.hc-guide__section-number){
  background:var(--hc-gold)!important;color:#111!important;border-color:var(--hc-gold-light)!important;font-weight:900!important;
}

/* Tabellen – einheitliches HC-Raster und horizontal scrollbar auf kleinen Displays. */
.hc-partial-scope :is(.table-responsive,.rdp-table-wrap,.ag-table-wrap,.hc-table-wrap,.spawnable-table-wrap,.military-table-wrap,.zielzonen-table-wrap,.summary-table-wrap){
  width:100%!important;max-width:100%!important;overflow-x:auto!important;border:1px solid var(--hc-border)!important;border-radius:10px!important;background:var(--hc-panel)!important;
}
.hc-partial-scope :is(table,.rdp-table,.capture-table,.supply-table,.rank-table,.spawnable-table,.pt-table,.ag-table,.hc-table,.hc-supply-table,.military-table,.zielzonen-tabelle,.summary-table,.guide-table){
  width:100%!important;border-collapse:collapse!important;background:transparent!important;margin:0!important;
}
.hc-partial-scope :is(th,td){padding:12px 14px!important;border:1px solid var(--hc-border)!important;vertical-align:top!important;text-align:left}
.hc-partial-scope th{background:#101923!important;color:var(--hc-gold-light)!important;text-transform:uppercase!important;font-size:.82rem!important;letter-spacing:.04em!important}
.hc-partial-scope tr:nth-child(even) td{background:rgba(255,255,255,.018)!important}

/* Bilder und Bildboxen */
.hc-partial-scope :is(.rdp-image-box,.rdp-image-box2,.ppo-image-box,.screenshot-frame,.spawnable-figure,.pt-original-figure,.bf109-manoever-image,.ag-image){
  overflow:hidden!important;border:1px solid var(--hc-border)!important;border-radius:var(--hc-radius)!important;background:#080d12!important;padding:10px!important;
}
.hc-partial-scope :is(.responsive-img,.pt-lightbox-image,.flugzeugbild,.zielzonen-bild,.ag-image img,.spawnable-figure img){
  display:block!important;max-width:100%!important;height:auto!important;margin-inline:auto!important;border-radius:8px!important;
}
.hc-partial-scope :is(.image-caption,.screenshot-caption,.ag-caption){color:var(--hc-muted)!important;font-size:.9rem!important;line-height:1.55!important}

/* Navigationsleisten innerhalb von Artikeln */
.hc-partial-scope :is(.section-navigation,.ag-nav,.hc-nav,.pt-header-nav){
  position:sticky!important;top:var(--hc-header-offset)!important;z-index:35!important;
  margin:20px 0 28px!important;border:1px solid var(--hc-border)!important;border-radius:10px!important;
  background:rgba(9,14,20,.96)!important;backdrop-filter:blur(12px)!important;box-shadow:0 10px 25px rgba(0,0,0,.24)!important;
}
.hc-partial-scope :is(.section-navigation a,.ag-nav a,.hc-nav a,.pt-header-nav a,.pt-select,.main-tab,.sub-tab,.army-tabs button){
  color:var(--hc-text)!important;border-color:var(--hc-border)!important;background:rgba(255,255,255,.025)!important;
}
.hc-partial-scope :is(.section-navigation a:hover,.ag-nav a:hover,.hc-nav a:hover,.pt-header-nav a:hover,.main-tab.active,.sub-tab.active){
  color:#111!important;background:var(--hc-gold)!important;border-color:var(--hc-gold)!important;
}

/* Listen, Code und Kennzeichnungen */
.hc-partial-scope :is(.rdp-list,.feature-list,.pt-list,.bf109-manoever-list){padding-left:1.35rem!important}
.hc-partial-scope :is(.rdp-code,.hc-command,.hc-example,code){background:#080d12!important;color:var(--hc-gold-light)!important;border:1px solid var(--hc-border)!important;border-radius:6px!important}
.hc-partial-scope :is(.badge,.hc-badge,.ag-chip,.pt-tags span,.unit-badges span){border-color:var(--hc-border)!important;background:rgba(214,170,67,.1)!important;color:var(--hc-gold-light)!important}

/* Tabs/Einheitenbrowser */
.hc-partial-scope :is(.cms-tabs,.main-tabs,.sub-tabs,.army-tabs,.unit-tools){border-color:var(--hc-border)!important;background:var(--hc-bg-soft)!important}
.hc-partial-scope :is(.main-panel,.sub-panel){padding:clamp(18px,3vw,30px)!important;border:1px solid var(--hc-border)!important;border-radius:0 0 var(--hc-radius) var(--hc-radius)!important;background:var(--hc-panel)!important}
.hc-partial-scope :is(input,select,textarea,.unit-search,.unit-compare-select){background:#0b1219!important;color:var(--hc-text)!important;border-color:var(--hc-border)!important}

/* Kein Pseudo-Content aus alten Templates anzeigen. */
.hc-partial-scope *::before,.hc-partial-scope *::after{content:none}
.hc-partial-scope :is(ul,ol) > li::marker{color:var(--hc-gold)}

/* Responsive: einspaltige Darstellung und sichere Überschriftenposition. */
@media(max-width:900px){
  .hc-partial-scope :is(.rdp-grid,.capture-grid,.supply-grid,.rank-grid,.spawnable-grid,.pt-grid,.overview-grid,.mission-grid,.order-cards,.compare-grid,.garrison-comparison,.hc-fact-grid,.ag-grid,.unit-grid,.zielzonen-grid,.rdp-image-grid,.rdp-step-grid){grid-template-columns:1fr!important}
  .hc-partial-scope :is(.rdp-flow,.capture-flow,.supply-flow,.rank-flow,.hc-flow,.city-forces,.brigade-row){flex-direction:column!important}
  .hc-partial-scope :is(.section-navigation,.ag-nav,.hc-nav,.pt-header-nav){top:var(--hc-header-offset)!important;overflow-x:auto!important}
  .hc-partial-scope :is(.hero,.hc-hero,.hc-guide__hero,.pt-hero,.rdp-header){padding:28px 22px!important}
}
@media(max-width:560px){
  .hc-partial-scope :is(.rdp-section,.manual-section,.ag-section,.hc-section,.hc-guide__section,.pt-section,.ppo-content-block,.rdp-content-block){padding:18px!important}
  .hc-partial-scope :is(th,td){padding:10px!important;min-width:110px}
  .hc-partial-scope :is(.hero h1,.hc-hero h1,.hc-guide__hero h1,.ag-hero h1,.pt-title,.rdp-header h1){font-size:clamp(1.8rem,10vw,3rem)!important}
}

/* 17.2.4: Eigenständige Route /high-command/artillerie vollständig im HC-Layout. */
.hc-artillery-page .artillery-guide{
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  color:var(--hc-text)!important;
}
.hc-artillery-page .ag-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.hc-artillery-page .ag-hero{
  min-height:0!important;
  display:block!important;
  align-items:initial!important;
  padding:clamp(30px,5vw,56px)!important;
  border:1px solid var(--hc-border)!important;
  border-left:5px solid var(--hc-gold)!important;
  border-radius:var(--hc-radius)!important;
  background:linear-gradient(135deg,rgba(214,170,67,.12),transparent 44%),var(--hc-bg-soft)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.28)!important;
  overflow:hidden!important;
}
.hc-artillery-page .ag-hero-inner{padding:0!important}
.hc-artillery-page .ag-hero h1{
  max-width:1100px!important;
  margin:0!important;
  color:var(--hc-text)!important;
  font-size:clamp(2rem,5vw,4.5rem)!important;
  line-height:1.03!important;
  letter-spacing:-.025em!important;
}
.hc-artillery-page .ag-hero p{
  max-width:900px!important;
  margin:16px 0 0!important;
  color:var(--hc-muted)!important;
  font-size:clamp(.98rem,1.4vw,1.12rem)!important;
  line-height:1.7!important;
}
.hc-artillery-page .ag-nav{
  position:sticky!important;
  top:var(--hc-header-offset)!important;
  z-index:35!important;
  margin:20px 0 28px!important;
  border:1px solid var(--hc-border)!important;
  border-radius:10px!important;
  background:rgba(9,14,20,.96)!important;
  box-shadow:0 10px 25px rgba(0,0,0,.24)!important;
  overflow:hidden!important;
}
.hc-artillery-page .ag-nav-inner{padding:12px!important}
.hc-artillery-page .ag-main{padding:0!important}
.hc-artillery-page .ag-section{
  margin:0 0 28px!important;
  padding:clamp(22px,3vw,34px)!important;
  border:1px solid var(--hc-border)!important;
  border-radius:var(--hc-radius)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 52%),var(--hc-panel)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.2)!important;
}
.hc-artillery-page .ag-section h2{
  margin:0 0 18px!important;
  padding:0 0 14px!important;
  border-bottom:1px solid var(--hc-border)!important;
  color:var(--hc-gold-light)!important;
}
.hc-artillery-page .ag-card,
.hc-artillery-page .ag-note,
.hc-artillery-page .ag-warning,
.hc-artillery-page .ag-formula{
  border:1px solid var(--hc-border)!important;
  border-radius:var(--hc-radius)!important;
  background:var(--hc-panel-soft)!important;
  color:var(--hc-text)!important;
}
.hc-artillery-page .ag-note{border-left:5px solid #668cac!important}
.hc-artillery-page .ag-warning{border-left:5px solid #d9a441!important}
.hc-artillery-page .ag-image{
  padding:10px!important;
  border:1px solid var(--hc-border)!important;
  border-radius:var(--hc-radius)!important;
  background:#080d12!important;
}
.hc-artillery-page .ag-table-wrap{
  border:1px solid var(--hc-border)!important;
  border-radius:10px!important;
  background:var(--hc-panel)!important;
}
@media(max-width:900px){
  .hc-artillery-page .ag-hero{padding:28px 22px!important}
  .hc-artillery-page .ag-nav{overflow-x:auto!important}
}
@media(max-width:560px){
  .hc-artillery-page .ag-hero{padding:22px 18px!important}
  .hc-artillery-page .ag-section{padding:18px!important}
}

/* Einheitliche kapitelbezogene Seitennavigation – CMS 17.2.5 */
.hc-local-nav{
  position:sticky;
  top:var(--hc-header-offset, var(--main-nav-height, 80px));
  z-index:45;
  width:100vw;
  margin:24px 0 34px calc(50% - 50vw);
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12);
  background:rgba(9,14,20,.97);
  box-shadow:0 12px 26px rgba(0,0,0,.22);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.hc-local-nav__inner{
  width:min(1380px,calc(100% - 40px));
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:9px;
  padding:13px 0;
  overflow-x:auto;
  scrollbar-width:thin;
  overscroll-behavior-inline:contain;
}
.hc-local-nav a{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:8px 14px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:999px;
  background:rgba(255,255,255,.018);
  color:var(--hc-text,#f3f5f6)!important;
  font-weight:800;
  font-size:.88rem;
  line-height:1.1;
  text-decoration:none!important;
  white-space:nowrap;
  transition:border-color .18s ease,color .18s ease,background .18s ease;
}
.hc-local-nav a:hover,
.hc-local-nav a:focus-visible,
.hc-local-nav a.is-active{
  color:var(--hc-gold-light,#efc862)!important;
  border-color:var(--hc-gold,#d6aa43);
  background:rgba(214,170,67,.09);
  outline:none;
}
.hc-partial-scope :is(section[id],article[id],h2[id],h3[id]){
  scroll-margin-top:calc(var(--hc-header-offset, var(--main-nav-height,80px)) + 92px)!important;
}
/* Alte, seitenspezifische Kapitelmenüs werden durch die zentrale Navigation ersetzt. */
.hc-partial-scope > :is(.section-navigation,.ag-nav,.hc-nav,.pt-header-nav),
.hc-partial-scope :is(.section-navigation,.ag-nav,.hc-nav,.pt-header-nav)[data-hc-nav-replaced="true"]{
  display:none!important;
}
@media(max-width:850px){
  .hc-local-nav{margin-top:18px;margin-bottom:26px}
  .hc-local-nav__inner{width:min(100% - 24px,1380px);padding:11px 0}
  .hc-local-nav a{min-height:39px;padding:7px 12px;font-size:.84rem}
}
@media(max-width:520px){
  .hc-local-nav__inner{width:min(100% - 16px,1380px)}
}

/* Responsive Hamburger-Menü für die lokale Seitennavigation – CMS 17.2.6 */
.hc-local-nav__bar{
  display:none;
}
.hc-local-nav__toggle{
  appearance:none;
  border:1px solid rgba(255,255,255,.16);
  border-radius:8px;
  background:rgba(255,255,255,.035);
  color:var(--hc-text,#f3f5f6);
  min-height:42px;
  padding:8px 13px;
  align-items:center;
  gap:10px;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}
.hc-local-nav__toggle:hover,
.hc-local-nav__toggle:focus-visible{
  border-color:var(--hc-gold,#d6aa43);
  color:var(--hc-gold-light,#efc862);
  outline:none;
}
.hc-local-nav__toggle-icon{
  width:20px;
  display:grid;
  gap:4px;
}
.hc-local-nav__toggle-icon i{
  display:block;
  width:100%;
  height:2px;
  border-radius:2px;
  background:currentColor;
  transition:transform .2s ease,opacity .2s ease;
}
.hc-local-nav.is-open .hc-local-nav__toggle-icon i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.hc-local-nav.is-open .hc-local-nav__toggle-icon i:nth-child(2){opacity:0}
.hc-local-nav.is-open .hc-local-nav__toggle-icon i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.hc-local-nav__current{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--hc-gold-light,#efc862);
  font-weight:800;
}

@media(max-width:850px){
  .hc-local-nav{
    overflow:visible;
  }
  .hc-local-nav__bar{
    width:min(100% - 24px,1380px);
    min-height:62px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:9px 0;
  }
  .hc-local-nav__toggle{
    display:inline-flex;
    flex:0 0 auto;
  }
  .hc-local-nav__inner{
    position:absolute;
    top:100%;
    left:12px;
    right:12px;
    width:auto;
    max-height:min(65vh,520px);
    margin:0;
    padding:8px;
    display:grid;
    gap:5px;
    overflow-y:auto;
    overflow-x:hidden;
    background:rgba(9,14,20,.99);
    border:1px solid rgba(255,255,255,.14);
    border-top-color:var(--hc-gold,#d6aa43);
    border-radius:0 0 10px 10px;
    box-shadow:0 18px 34px rgba(0,0,0,.48);
    opacity:0;
    visibility:hidden;
    transform:translateY(-8px);
    pointer-events:none;
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
  }
  .hc-local-nav.is-open .hc-local-nav__inner{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:auto;
  }
  .hc-local-nav a{
    width:100%;
    min-height:44px;
    justify-content:flex-start;
    padding:10px 13px;
    border-radius:7px;
    white-space:normal;
  }
  .hc-partial-scope :is(section[id],article[id],h2[id],h3[id]){
    scroll-margin-top:calc(var(--hc-header-offset, var(--main-nav-height,80px)) + 76px)!important;
  }
}
@media(max-width:520px){
  .hc-local-nav__bar{width:calc(100% - 16px)}
  .hc-local-nav__inner{left:8px;right:8px}
  .hc-local-nav__toggle span:last-child{display:none}
}
@media(prefers-reduced-motion:reduce){
  .hc-local-nav__inner,
  .hc-local-nav__toggle-icon i{transition:none!important}
}

/* Mehrzeilige Abschnittsnavigation und kompakte Mega-Menüs – CMS 17.2.7 */
.hc-local-nav__rows{
  width:min(1380px,calc(100% - 40px));
  margin:0 auto;
  padding:11px 0;
  display:grid;
  gap:8px;
}
.hc-local-nav__row{
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
}
.hc-local-nav__row--2{
  padding-top:8px;
  border-top:1px solid rgba(255,255,255,.09);
}
.hc-local-nav.has-second-row{
  box-shadow:0 16px 32px rgba(0,0,0,.28);
}
.hc-local-nav__mobile-list{display:none}
.hc-local-nav__measure{
  position:absolute!important;
  left:-100000px!important;
  top:-100000px!important;
  display:flex!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.hc-local-nav__mega{position:relative;flex:0 0 auto}
.hc-local-nav__mega-toggle{
  min-height:42px;
  max-width:235px;
  padding:7px 34px 7px 13px;
  position:relative;
  display:grid;
  gap:1px;
  text-align:left;
  border:1px solid rgba(214,170,67,.42);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(214,170,67,.09),rgba(255,255,255,.018));
  color:var(--hc-text,#f3f5f6);
  font:inherit;
  cursor:pointer;
}
.hc-local-nav__mega-toggle > span{font-size:.82rem;font-weight:900;line-height:1.1}
.hc-local-nav__mega-toggle > small{
  max-width:180px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--hc-muted,#aeb8c2);
  font-size:.67rem;
  line-height:1.15;
}
.hc-local-nav__mega-toggle > i{
  position:absolute;
  right:13px;
  top:50%;
  width:8px;
  height:8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:translateY(-70%) rotate(45deg);
  transition:transform .18s ease;
}
.hc-local-nav__mega.is-open .hc-local-nav__mega-toggle > i{transform:translateY(-25%) rotate(225deg)}
.hc-local-nav__mega-toggle:hover,
.hc-local-nav__mega-toggle:focus-visible,
.hc-local-nav__mega.is-open .hc-local-nav__mega-toggle{
  border-color:var(--hc-gold,#d6aa43);
  color:var(--hc-gold-light,#efc862);
  outline:none;
}
.hc-local-nav__mega-panel{
  position:absolute;
  z-index:80;
  top:calc(100% + 8px);
  right:0;
  width:min(520px,78vw);
  padding:10px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  border:1px solid rgba(255,255,255,.15);
  border-top:2px solid var(--hc-gold,#d6aa43);
  border-radius:10px;
  background:rgba(8,13,18,.995);
  box-shadow:0 22px 44px rgba(0,0,0,.52);
  opacity:0;
  visibility:hidden;
  transform:translateY(-7px);
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
.hc-local-nav__mega.is-open .hc-local-nav__mega-panel{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  pointer-events:auto;
}
.hc-local-nav__mega-panel a{
  width:100%;
  min-height:40px;
  justify-content:flex-start;
  border-radius:7px;
  white-space:normal;
  font-size:.8rem;
}
/* Alte 17.2.5-Innenleiste auf Desktop ausblenden; die neuen Zeilen übernehmen. */
@media(min-width:851px){
  .hc-local-nav > .hc-local-nav__inner{display:none!important}
  .hc-local-nav__bar{display:none!important}
}
@media(max-width:850px){
  .hc-local-nav__rows{display:none!important}
  .hc-local-nav__mobile-list{
    position:absolute;
    top:100%;
    left:12px;
    right:12px;
    width:auto;
    max-height:min(65vh,520px);
    margin:0;
    padding:8px;
    display:grid;
    gap:5px;
    overflow-y:auto;
    overflow-x:hidden;
    background:rgba(9,14,20,.99);
    border:1px solid rgba(255,255,255,.14);
    border-top-color:var(--hc-gold,#d6aa43);
    border-radius:0 0 10px 10px;
    box-shadow:0 18px 34px rgba(0,0,0,.48);
    opacity:0;
    visibility:hidden;
    transform:translateY(-8px);
    pointer-events:none;
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
  }
  .hc-local-nav.is-open .hc-local-nav__mobile-list{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:auto;
  }
  .hc-local-nav__mobile-list a{
    width:100%;
    min-height:44px;
    justify-content:flex-start;
    padding:10px 13px;
    border-radius:7px;
    white-space:normal;
  }
  /* Die frühere mobile .hc-local-nav__inner wird nicht mehr benötigt. */
  .hc-local-nav > .hc-local-nav__inner{display:none!important}
}
@media(max-width:520px){
  .hc-local-nav__mobile-list{left:8px;right:8px}
}

/* 17.2.8: Einheitliche Reihenfolge Kapiteltitel -> Seitennavigation -> Inhalt */
.hc-generated-page-heading{
  width:min(100% - 30px,1380px);
  margin:clamp(24px,4vw,48px) auto 0;
  padding:clamp(28px,5vw,56px);
  border:1px solid var(--hc-border);
  border-left:4px solid var(--hc-gold);
  border-radius:var(--hc-radius);
  background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 52%),var(--hc-panel);
  box-shadow:0 18px 45px rgba(0,0,0,.26);
}
.hc-generated-page-heading__eyebrow{
  margin-bottom:12px;
  color:var(--hc-gold-light);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.hc-generated-page-heading h1{
  margin:0;
  color:var(--hc-text);
  font-size:clamp(2rem,5vw,4.7rem);
  line-height:1;
  letter-spacing:-.035em;
  text-transform:uppercase;
}
.hc-partial-scope .hc-local-nav{
  clear:both;
}
@media(max-width:850px){
  .hc-generated-page-heading{width:calc(100% - 20px);padding:24px 20px}
}

/* CMS 17.2.9 – verbindliche HC-Seitenstruktur */
.hc-page-heading--standard{
  position:relative!important;
  margin:0 0 0!important;
  padding:clamp(30px,5vw,58px)!important;
  border:1px solid var(--hc-border)!important;
  border-left:5px solid var(--hc-gold)!important;
  border-radius:var(--hc-radius)!important;
  background:linear-gradient(135deg,rgba(214,170,67,.12),transparent 44%),var(--hc-bg-soft)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.28)!important;
}
.hc-page-heading--standard h1{margin:0!important;max-width:1180px!important;color:var(--hc-text)!important;font-size:clamp(2.1rem,5vw,4.6rem)!important;line-height:1.02!important;letter-spacing:-.025em!important}
.hc-page-heading--standard p{max-width:980px!important;margin:18px 0 0!important;color:var(--hc-muted)!important;font-size:clamp(1rem,1.35vw,1.14rem)!important;line-height:1.7!important}
.hc-page-heading--standard .hc-page-kicker{display:block!important;margin:0 0 12px!important;color:var(--hc-gold-light)!important;font-weight:900!important;letter-spacing:.14em!important;text-transform:uppercase!important}
.hc-section-nav-slot{width:100%;margin:18px 0 30px!important;min-height:0}
.hc-section-nav-slot:empty{display:none}
.hc-section-nav-slot .hc-local-nav{margin:0!important}
.hc-duplicate-page-heading{display:none!important}
.hc-standalone-article{display:block!important;opacity:1!important;visibility:visible!important}
.hc-section-anchor-target{scroll-margin-top:calc(var(--hc-header-offset,80px) + 155px)!important}
.hc-partial-scope{margin-top:0!important}
@media(max-width:850px){
  .hc-page-heading--standard{padding:26px 20px!important}
  .hc-section-nav-slot{margin:14px 0 24px!important}
  .hc-section-anchor-target{scroll-margin-top:calc(var(--hc-header-offset,72px) + 105px)!important}
}

/* CMS 17.2.10 – Schutz gegen versehentlich ausgeblendete Beiträge */
.hc-partial-scope > article,
.hc-partial-scope > section,
.hc-partial-scope > main,
.hc-partial-scope .hc-standalone-article{
  visibility:visible!important;
  opacity:1!important;
}
/* Die Duplikatklasse darf nur Überschriften oder echte Hero-/Headerblöcke verbergen. */
.hc-partial-scope article.hc-duplicate-page-heading,
.hc-partial-scope section.hc-duplicate-page-heading,
.hc-partial-scope main.hc-duplicate-page-heading{
  display:block!important;
}
.hc-partial-scope article.hc-duplicate-page-heading > :not(.hc-duplicate-page-heading),
.hc-partial-scope section.hc-duplicate-page-heading > :not(.hc-duplicate-page-heading),
.hc-partial-scope main.hc-duplicate-page-heading > :not(.hc-duplicate-page-heading){
  visibility:visible!important;
}

/* CMS 17.2.11 – stabile Position und Breitenbegrenzung der Seitennavigation */
.hc-section-nav-slot{
  position:relative;
  z-index:46;
  width:100%;
  max-width:100%;
  overflow:visible;
}
.hc-section-nav-slot .hc-local-nav{
  position:sticky;
  top:var(--hc-header-offset, var(--main-nav-height,80px));
  width:100%!important;
  max-width:100%!important;
  margin:18px 0 30px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:10px!important;
  background:rgba(9,14,20,.97)!important;
  overflow:visible!important;
}
.hc-section-nav-slot .hc-local-nav__rows{
  width:100%!important;
  max-width:100%!important;
  padding:11px 12px!important;
  box-sizing:border-box!important;
}
.hc-section-nav-slot .hc-local-nav__row{
  width:100%;
  min-width:0;
  flex-wrap:nowrap;
  overflow:visible;
}
.hc-section-nav-slot .hc-local-nav__row > a{
  min-width:0;
  max-width:min(240px,22vw);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.hc-section-nav-slot .hc-local-nav__mega-panel{
  max-width:min(620px,calc(100vw - 40px));
}
.hc-section-nav-slot + .hc-partial-scope{
  margin-top:0!important;
}
@media(max-width:850px){
  .hc-section-nav-slot .hc-local-nav{
    margin:14px 0 24px!important;
    border-radius:9px!important;
  }
  .hc-section-nav-slot .hc-local-nav__bar{
    width:100%!important;
    padding:9px 12px!important;
    box-sizing:border-box!important;
  }
  .hc-section-nav-slot .hc-local-nav__mobile-list{
    left:0!important;
    right:0!important;
  }
}


/* 17.2.12 – gezielte HC-Korrekturen ausschließlich für die gemeldeten Beiträge. */
.hc-partial-capture .hc-guide-content,
.hc-partial-ao-do .hc-guide-content,
.hc-partial-nachschub-system .hc-guide-content,
.hc-partial-ranksystem .hc-guide-content,
.hc-partial-rdp .hc-guide-content,
.hc-partial-mapicons .hc-guide-content,
.hc-partial-ppo .hc-guide-content,
.hc-partial-chat-und-textkommandos .hc-guide-content,
.hc-partial-wwiionline-tipps-und-tricks .hc-guide-content,
.hc-partial-panzertaktik .hc-guide-content,
.hc-artillery-page .hc-guide-content{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
  color:var(--hc-text)!important;background:transparent!important;border:0!important;border-radius:0!important;
  font-family:"Segoe UI",Roboto,Arial,sans-serif!important;line-height:1.68!important;
}
.hc-partial-capture .hc-guide-content>h2,.hc-partial-ao-do .hc-guide-content>h2,
.hc-partial-nachschub-system .hc-guide-content>h2,.hc-partial-ranksystem .hc-guide-content>h2,
.hc-partial-mapicons .hc-guide-content>h2{display:none!important}
.hc-partial-scope :is(.capture-guide,.supply-guide,.rank-guide,.rdp-article,.hc-page,.pt-manual,.artillery-guide){box-shadow:none!important}
.hc-partial-scope :is(.capture-guide,.supply-guide,.rank-guide)>p,
.hc-partial-scope :is(.rdp-article,.manual-section)>p{color:var(--hc-muted)!important;font-size:1.02rem!important}
.hc-partial-scope :is(.capture-guide,.supply-guide,.rank-guide,.rdp-article,.manual-section) > :is(h3,section,div,ol,table,figure){scroll-margin-top:calc(var(--hc-header-offset) + 150px)!important}
.hc-partial-scope :is(.capture-guide,.supply-guide,.rank-guide) > h3,
.hc-partial-scope .rdp-article > h3{margin-top:34px!important;padding:18px 22px!important;border-left:4px solid var(--hc-gold)!important;border-radius:0 10px 10px 0!important;background:linear-gradient(90deg,rgba(214,170,67,.11),transparent)!important}
.hc-partial-mapicons .rdp-table{min-width:820px!important}
.hc-partial-chat-und-textkommandos .hc-page{padding:0!important}
.hc-partial-chat-und-textkommandos .hc-section,
.hc-partial-wwiionline-tipps-und-tricks .sub-panel.active,
.hc-partial-panzertaktik .pt-section,
.hc-artillery-page .ag-section{margin:0 0 28px!important;padding:clamp(22px,3vw,34px)!important;border:1px solid var(--hc-border)!important;border-left:4px solid var(--hc-gold)!important;border-radius:var(--hc-radius)!important;background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 52%),var(--hc-panel)!important;box-shadow:0 14px 34px rgba(0,0,0,.2)!important}
.hc-partial-wwiionline-tipps-und-tricks .cms-tabs{margin:0!important}
.hc-partial-wwiionline-tipps-und-tricks .main-tabs,.hc-partial-wwiionline-tipps-und-tricks .sub-tabs{border:1px solid var(--hc-border)!important;border-radius:10px!important;padding:10px!important;background:var(--hc-bg-soft)!important}
.hc-partial-panzertaktik .pt-wrap,.hc-artillery-page .ag-shell{width:100%!important;max-width:none!important;margin:0!important}
.hc-artillery-page .artillery-guide{padding-bottom:0!important}
.hc-local-nav--server .hc-local-nav__row{flex-wrap:wrap!important}
@media(max-width:850px){
 .hc-local-nav--server .hc-local-nav__rows{display:none!important}.hc-local-nav--server .hc-local-nav__bar{display:flex!important}
 .hc-local-nav--server.is-open .hc-local-nav__mobile-list{display:grid!important}
}


/* 17.2.13 – Panzertaktik: ursprüngliche Bild- und Vergleichsansicht wiederhergestellt.
   HC-Seitenkopf, Seitennavigation, Farben und Typografie bleiben unverändert. */
.hc-partial-panzertaktik .pt-formation{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)!important;
  gap:20px!important;
  align-items:start!important;
}
.hc-partial-panzertaktik .pt-formation > .responsive-img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.hc-partial-panzertaktik .pt-original-figure{
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(201,167,93,.28)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#e9e3d2,#cfc7b7)!important;
  box-shadow:0 18px 36px rgba(0,0,0,.28)!important;
}
.hc-partial-panzertaktik .pt-original-figure a{display:block!important}
.hc-partial-panzertaktik .pt-original-figure .pt-lightbox-image{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  object-fit:contain!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#ece7dc!important;
  cursor:zoom-in!important;
}
.hc-partial-panzertaktik .pt-original-figure figcaption{
  display:block!important;
  margin:0!important;
  padding:10px 12px!important;
  background:rgba(18,20,16,.94)!important;
  border-top:1px solid rgba(201,167,93,.28)!important;
  color:#dccb9a!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.45!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
@media(max-width:900px){
  .hc-partial-panzertaktik .pt-formation{grid-template-columns:1fr!important}
}

/* CMS 17.5.0 Fahrzeugdatenbank – ausschließlich HC-Design */
.hc-vehicle-page,.hc-vehicle-detail{background:#151713;color:#e8e5dc}.hc-vehicle-index-hero,.hc-vehicle-hero{background:linear-gradient(90deg,rgba(15,17,14,.98),rgba(36,38,31,.82));border-bottom:1px solid #6e6243}.hc-vehicle-index-hero{padding:70px 0}.hc-vehicle-index-hero h1,.hc-vehicle-hero h1{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:clamp(2.4rem,5vw,5rem);margin:0}.hc-vehicle-filter{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.hc-vehicle-filter select,.hc-vehicle-filter button{padding:13px;border:1px solid #696657;background:#edeae2}.hc-vehicle-filter button{background:#a58d52;color:#fff}.hc-vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.hc-vehicle-card{display:block;background:#22251f;border:1px solid #44463c;color:inherit;text-decoration:none}.hc-vehicle-card__image{height:230px;background:#111;overflow:hidden}.hc-vehicle-card__image img{width:100%;height:100%;object-fit:cover}.hc-vehicle-card>div:last-child{padding:18px}.hc-vehicle-card h2{font-family:Oswald;margin:4px 0}.hc-vehicle-card p{color:#c6c5bd}.hc-vehicle-hero__inner{display:flex;justify-content:space-between;align-items:center;min-height:250px}.hc-vehicle-hero__inner>img{width:46%;max-height:250px;object-fit:contain}.hc-vehicle-hero h1 small{display:block;font-size:.45em}.hc-vehicle-badges{display:flex;gap:10px;margin-top:16px}.hc-vehicle-badges span{background:#5c6045;border-radius:20px;padding:8px 16px}.hc-vehicle-tabs{background:#1c1e1a;border-bottom:1px solid #70613e;position:sticky;top:0;z-index:4}.hc-vehicle-tabs .container{display:flex;gap:50px}.hc-vehicle-tabs a{color:#eee;text-decoration:none;padding:18px 0;text-transform:uppercase}.hc-vehicle-layout{display:grid;grid-template-columns:1.45fr .75fr .7fr;gap:24px}.hc-vehicle-gallery,.hc-vehicle-description,.hc-vehicle-sidebar,.hc-tech-panel,.hc-hit-zones,.hc-vehicle-text-grid article{background:#20231e;border:1px solid #43463d;padding:18px}.hc-vehicle-main-image{width:100%;height:420px;object-fit:cover}.hc-vehicle-thumbs{display:flex;gap:8px;margin-top:8px;overflow:auto}.hc-vehicle-thumbs button{padding:0;border:1px solid #766641;background:none}.hc-vehicle-thumbs img{width:95px;height:62px;object-fit:cover}.hc-vehicle-description dl div{display:flex;justify-content:space-between;border-bottom:1px solid #3e4039;padding:10px}.hc-vehicle-description dt{font-weight:700}.hc-vehicle-sidebar a{display:block;color:#ddd;text-decoration:none;padding:11px;border-bottom:1px solid #3b3d36}.hc-back-button{display:block;margin-top:14px;padding:12px;text-align:center;background:#a58d52;color:#fff;text-decoration:none}.hc-tech-panel{margin-top:24px}.hc-tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#55574e}.hc-tech-grid div{display:flex;justify-content:space-between;background:#ece9e1;color:#222;padding:11px}.hc-vehicle-text-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.hc-hit-zones{margin-top:24px}.hc-preview-banner{background:#9b7a2f;color:white;padding:12px;text-align:center;font-weight:700}@media(max-width:1000px){.hc-vehicle-layout{grid-template-columns:1fr}.hc-vehicle-grid{grid-template-columns:repeat(2,1fr)}.hc-tech-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.hc-vehicle-filter,.hc-vehicle-grid,.hc-tech-grid,.hc-vehicle-text-grid{grid-template-columns:1fr}.hc-vehicle-hero__inner{display:block;padding:30px 0}.hc-vehicle-hero__inner>img{width:100%}.hc-vehicle-tabs .container{gap:20px;overflow:auto}.hc-vehicle-main-image{height:260px}}

/* CMS 17.5.3 – Fahrzeugdetail und Backend-Vorschau nach freigegebener Vorlage */
.hc-vehicle-detail{background:#f5f4f0;color:#232323;min-height:100vh}
.hc-vehicle-detail .hc-vehicle-hero{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(25,27,22,.96) 0%,rgba(39,42,34,.87) 50%,rgba(24,26,22,.76) 100%);border-bottom:0;color:#fff}
.hc-vehicle-detail .hc-vehicle-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 40%,rgba(255,255,255,.04),transparent 32%),linear-gradient(90deg,rgba(0,0,0,.38),rgba(0,0,0,.08));pointer-events:none}
.hc-vehicle-detail .hc-vehicle-hero__inner{position:relative;z-index:1;min-height:165px;padding:26px 0;display:flex;align-items:center;justify-content:center;text-align:center}
.hc-vehicle-detail .hc-vehicle-hero__copy{position:relative;z-index:2}
.hc-vehicle-detail .hc-vehicle-hero h1{font-family:Oswald,sans-serif;font-size:clamp(38px,4vw,60px);line-height:1;text-transform:uppercase;margin:0 0 7px;color:#fff}
.hc-vehicle-detail .hc-vehicle-hero h2{font:600 21px/1.2 Roboto,sans-serif;margin:0;color:#fff}
.hc-vehicle-detail .hc-vehicle-hero__inner>img{position:absolute;right:0;bottom:0;width:43%;height:100%;max-height:none;object-fit:contain;object-position:right bottom;filter:drop-shadow(-14px 7px 16px rgba(0,0,0,.34));opacity:.96}
.hc-vehicle-detail .hc-vehicle-badges{display:flex;justify-content:center;gap:9px;margin-top:16px;flex-wrap:wrap}
.hc-vehicle-detail .hc-vehicle-badges span{background:#656a4f;color:#fff;border-radius:999px;padding:7px 15px;font-size:13px;font-weight:700;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.hc-vehicle-detail .hc-vehicle-tabs{position:static;background:#fff;border-bottom:1px solid #ddd;color:#222}
.hc-vehicle-detail .hc-vehicle-tabs .container{display:flex;justify-content:flex-start;gap:54px}
.hc-vehicle-detail .hc-vehicle-tabs a{position:relative;color:#202020;padding:18px 8px 15px;font-size:13px;font-weight:700}
.hc-vehicle-detail .hc-vehicle-tabs a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#70734d}
.hc-vehicle-detail .hc-vehicle-content{padding:20px 0 38px;background:#f5f4f0}
.hc-vehicle-detail .hc-vehicle-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.72fr) minmax(230px,.62fr);gap:25px;align-items:start}
.hc-vehicle-detail .hc-vehicle-gallery{padding:0;background:#fff;border:1px solid #d6d6d2;border-radius:3px;overflow:hidden}
.hc-vehicle-detail .hc-vehicle-main-image{display:block;width:100%;height:338px;object-fit:cover;background:#e7e5de}
.hc-vehicle-detail .hc-vehicle-thumbs{display:flex;gap:5px;padding:5px 11px;background:#313329;margin:0;overflow-x:auto}
.hc-vehicle-detail .hc-vehicle-thumbs button{flex:0 0 79px;height:52px;padding:0;border:2px solid transparent;background:#111;cursor:pointer}
.hc-vehicle-detail .hc-vehicle-thumbs button.is-active{border-color:#b69d59}
.hc-vehicle-detail .hc-vehicle-thumbs img{width:100%;height:100%;object-fit:cover}
.hc-vehicle-detail .hc-vehicle-image-placeholder{height:390px;display:grid;place-items:center;color:#777;background:#e8e7e2;font-weight:700}
.hc-vehicle-detail .hc-vehicle-description{padding:0;background:transparent;border:0;color:#222}
.hc-vehicle-detail .hc-vehicle-description h2,.hc-vehicle-detail .hc-tech-panel h2{font-family:Oswald,sans-serif;text-transform:uppercase;color:#222;margin:3px 0 15px;font-size:24px}
.hc-vehicle-detail .hc-vehicle-description p{font-size:14px;line-height:1.65;margin:0 0 18px;color:#333}
.hc-vehicle-detail .hc-vehicle-description dl{margin:0;padding:16px 20px;background:#f7f6f2;border:1px solid #d6d5d0;border-radius:3px}
.hc-vehicle-detail .hc-vehicle-description dl div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:8px 0;border-bottom:0}
.hc-vehicle-detail .hc-vehicle-description dt{font-weight:700}.hc-vehicle-detail .hc-vehicle-description dd{margin:0}
.hc-vehicle-detail .hc-vehicle-sidebar{padding:18px;background:#f7f6f2;border:1px solid #d6d5d0;border-radius:3px}
.hc-vehicle-detail .hc-vehicle-sidebar h2{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:21px;margin:0 0 12px;color:#222}
.hc-vehicle-detail .hc-vehicle-sidebar a{display:block;color:#333;padding:9px 10px;text-decoration:none;border:0;border-radius:2px}
.hc-vehicle-detail .hc-vehicle-sidebar a:hover{background:#e8e4d7}
.hc-vehicle-detail .hc-vehicle-sidebar__empty{display:block;color:#777;font-size:13px;padding:9px 0}
.hc-vehicle-detail .hc-back-button{display:block;margin-top:12px;padding:11px;text-align:center;background:#a99158;color:#fff;text-decoration:none;border-radius:2px;font-weight:700}
.hc-vehicle-detail .hc-tech-panel{margin-top:24px;padding-top:16px;border-top:1px solid #d8d7d2;background:transparent;border-left:0;border-right:0;border-bottom:0}
.hc-vehicle-detail .hc-tech-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;background:transparent}
.hc-vehicle-detail .hc-tech-grid div{display:grid;grid-template-columns:minmax(120px,.95fr) 1fr;gap:10px;padding:9px 13px;background:#f1f0ec;border:1px solid #deddd8;color:#222}
.hc-vehicle-detail .hc-tech-grid strong{font-size:13px}.hc-vehicle-detail .hc-tech-grid span{font-size:13px}
.hc-vehicle-detail .hc-vehicle-text-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}
.hc-vehicle-detail .hc-vehicle-text-grid article,.hc-vehicle-detail .hc-hit-zones{background:#f7f6f2;border:1px solid #d6d5d0;color:#222;padding:20px}
.hc-vehicle-detail .hc-vehicle-text-grid h2,.hc-vehicle-detail .hc-hit-zones h2{font-family:Oswald,sans-serif;text-transform:uppercase;color:#222;margin-top:0}
.hc-vehicle-detail .hc-hit-zones{margin-top:24px}
@media(max-width:1100px){.hc-vehicle-detail .hc-vehicle-layout{grid-template-columns:1fr 1fr}.hc-vehicle-detail .hc-vehicle-aside{grid-column:1/-1}.hc-vehicle-detail .hc-tech-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.hc-vehicle-detail .hc-vehicle-hero__inner{justify-content:flex-start;text-align:left;padding-left:18px}.hc-vehicle-detail .hc-vehicle-badges{justify-content:flex-start}.hc-vehicle-detail .hc-vehicle-hero__inner>img{opacity:.38;width:75%}.hc-vehicle-detail .hc-vehicle-tabs .container{gap:22px;overflow-x:auto}.hc-vehicle-detail .hc-vehicle-layout,.hc-vehicle-detail .hc-tech-grid,.hc-vehicle-detail .hc-vehicle-text-grid{grid-template-columns:1fr}.hc-vehicle-detail .hc-vehicle-main-image{height:260px}}


/* v17.8.1 – Fahrzeugdatenbank: flexibles 2x2-Informationsgrid */
.hc-vehicle-detail .hc-vehicle-info-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    margin-top:24px;
    align-items:stretch;
}
.hc-vehicle-detail .hc-vehicle-info-card{
    min-width:0;
    min-height:220px;
    padding:20px;
    background:#f7f6f2;
    border:1px solid #d6d5d0;
    color:#222;
    overflow:hidden;
}
.hc-vehicle-detail .hc-vehicle-info-card h2{
    margin:0 0 8px;
    font-family:Oswald,sans-serif;
    font-size:26px;
    line-height:1.2;
    text-transform:uppercase;
    color:#222;
}
.hc-vehicle-detail .hc-vehicle-info-card p{
    margin:0;
    font-size:16px;
    line-height:1.75;
}
.hc-vehicle-detail .hc-vehicle-info-card--armor strong{font-weight:800}
.hc-vehicle-detail .hc-hit-zones{margin-top:0}
.hc-vehicle-detail .hc-hit-zone-image{
    display:block;
    width:100%;
    margin:12px 0 0;
    padding:0;
    border:0;
    background:transparent;
    cursor:zoom-in;
}
.hc-vehicle-detail .hc-hit-zone-image img{
    display:block;
    width:100%;
    height:auto;
    max-height:520px;
    object-fit:contain;
    background:#eceae4;
}
.hc-vehicle-lightbox{
    width:min(94vw,1500px);
    max-width:none;
    max-height:92vh;
    padding:52px 18px 18px;
    border:1px solid #7f765f;
    background:#11130f;
    box-shadow:0 30px 90px rgba(0,0,0,.7);
}
.hc-vehicle-lightbox::backdrop{background:rgba(0,0,0,.82)}
.hc-vehicle-lightbox img{
    display:block;
    max-width:100%;
    max-height:calc(92vh - 76px);
    margin:auto;
    object-fit:contain;
}
.hc-vehicle-lightbox__close{
    position:absolute;
    top:8px;
    right:12px;
    width:36px;
    height:36px;
    border:1px solid rgba(255,255,255,.28);
    background:#262920;
    color:#fff;
    font-size:28px;
    line-height:1;
    cursor:pointer;
}
@media(max-width:760px){
    .hc-vehicle-detail .hc-vehicle-info-grid{grid-template-columns:1fr}
    .hc-vehicle-detail .hc-vehicle-info-card{min-height:0}
}

/* V18.1 Fahrzeuglexikon */
.vlex-editor{display:grid;grid-template-columns:minmax(520px,42%) 1fr;height:calc(100vh - 24px);background:#10130f}.vlex-form{overflow:auto;background:#f3f1ea;color:#1c211b}.vlex-head{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#11150f;color:#eee;border-bottom:1px solid #554a2b}.vlex-head a{color:#d8c584;text-decoration:none}.vlex-head div{display:flex;gap:8px}.vlex-btn,.vlex-upload{border:1px solid #6f6240;border-radius:5px;padding:10px 15px;font-weight:800;text-decoration:none;cursor:pointer}.vlex-btn.primary{background:#c9a94f;color:#12150f}.vlex-btn.secondary,.vlex-upload{background:#252b22;color:#fff}.vlex-tabs{display:flex;gap:2px;padding:10px 10px 0;background:#252a23;overflow:auto}.vlex-tabs button{white-space:nowrap;border:0;padding:11px 14px;background:#353b32;color:#d5d7d0;font-weight:700}.vlex-tabs button.active{background:#f3f1ea;color:#1d211c;border-top:3px solid #c9a94f}.vlex-body{padding:20px}.vlex-body section{display:none}.vlex-body section.active{display:block}.vlex-body h2{font-family:Oswald,sans-serif;text-transform:uppercase}.vlex-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.vlex-body label{display:block;margin-bottom:13px}.vlex-body label span{display:block;font-weight:800;margin-bottom:5px}.vlex-body input,.vlex-body textarea{width:100%;box-sizing:border-box;border:1px solid #aaa79d;background:#fff;padding:11px;color:#171a16}.vlex-image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.vlex-image-grid article{background:#fff;border:1px solid #c5c1b7;padding:12px}.vlex-image-preview{height:170px;display:grid;place-items:center;background:#171a16;margin-bottom:10px}.vlex-image-preview img{width:100%;height:100%;object-fit:contain}.vlex-upload{display:block;text-align:center}.vlex-upload input{display:none}.vlex-preview{background:#090b09;padding:10px}.vlex-preview iframe{width:100%;height:100%;border:0;background:#fff}.vlex-preview>div{height:100%;display:grid;place-items:center;color:#bbb}.vlex-note{padding:12px;background:#e5dfce;border-left:4px solid #b3913d}
.vlex-front{background:#10120f;color:#e6e7e1}.vlex-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#171b16,#0a0d0b);border-bottom:1px solid #363b33}.vlex-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 50%,rgba(211,179,79,.08),transparent 42%),linear-gradient(90deg,rgba(0,0,0,.18),transparent 55%);pointer-events:none}.vlex-hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);align-items:stretch;min-height:360px;max-height:470px}.vlex-hero-copy{align-self:center;max-width:560px;padding:38px 34px 38px 0}.vlex-hero-copy>span,.vlex-hero h1{font-family:Oswald,sans-serif;text-transform:uppercase}.vlex-hero-copy>span{font-size:25px;color:#f3f2ec}.vlex-hero h1{font-size:clamp(42px,4.5vw,70px);line-height:1.02;margin:3px 0 0}.vlex-hero h2{margin:8px 0 0;color:#d3b34f;text-transform:uppercase;font-family:Oswald,sans-serif;font-size:clamp(20px,2vw,28px)}.vlex-hero p{max-width:520px;line-height:1.65;margin:10px 0 0}.vlex-facts{display:flex;gap:34px;margin-top:27px;text-transform:uppercase}.vlex-facts b{display:grid;font-size:13px}.vlex-facts em{font-style:normal;color:#fff;margin-top:5px}.vlex-hero-media{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;margin:0;padding:16px 0 16px 22px;overflow:hidden}.vlex-hero-media picture,.vlex-hero-media a{display:contents}.vlex-hero-image{display:block!important;width:100%!important;height:100%!important;max-height:438px!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 18px 22px rgba(0,0,0,.38));background:transparent}.vlex-hero-placeholder{display:grid;place-items:center;min-height:320px;margin:18px 0;border:1px dashed #545b50;color:#92988e;background:rgba(255,255,255,.025)}.vlex-front-tabs{position:sticky;top:0;z-index:6;background:#151914;border-block:1px solid #3d4139}.vlex-front-tabs .container{display:flex;overflow:auto}.vlex-front-tabs a{color:#ddd;text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:800;padding:17px 21px;border-right:1px solid #33382f}.vlex-front-tabs a:first-child{color:#e2bf55;border-bottom:3px solid #e2bf55}.vlex-content{padding-block:14px 36px}.vlex-card{background:linear-gradient(145deg,#20241f,#151815);border:1px solid #3e433b;padding:13px;min-width:0}.vlex-card.light{background:#f1f0ec;color:#171a16}.vlex-card h3{font-family:Oswald,sans-serif;text-transform:uppercase;margin:0 0 12px;font-size:22px}.vlex-card h3 small{font-size:13px}.vlex-card img{max-width:100%;display:block}.vlex-contain{width:100%;height:310px;object-fit:contain}.vlex-topgrid{display:grid;grid-template-columns:1.15fr .7fr .9fr;gap:9px}.vlex-midgrid{display:grid;grid-template-columns:1.05fr 1.05fr .78fr;gap:9px;margin-top:9px}.vlex-bottomgrid{display:grid;grid-template-columns:1.6fr 1fr;gap:9px;margin-top:9px}.vlex-card dl{margin:0}.vlex-card dl div{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:8px;border-bottom:1px solid #3a3f37}.vlex-card dt{font-weight:800;color:#aaa}.vlex-card dd{margin:0}.vlex-card p{line-height:1.58}.vlex-card ul{list-style:none;padding:0}.vlex-card li{padding:6px 0}.vlex-card li:before{content:'✓';color:#8eb946;margin-right:8px}.vlex-card.history>div{display:grid;grid-template-columns:1fr 1fr;gap:18px}.vlex-history{width:100%;height:260px;object-fit:cover;filter:grayscale(1)}
@media(max-width:1100px){.vlex-editor{grid-template-columns:1fr;height:auto}.vlex-preview{height:70vh}.vlex-hero-layout{grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr);max-height:430px}.vlex-hero-copy{padding-left:16px}.vlex-topgrid,.vlex-midgrid,.vlex-bottomgrid{grid-template-columns:1fr 1fr}.vlex-midgrid>:last-child,.vlex-bottomgrid>:first-child{grid-column:1/-1}}@media(max-width:760px){.vlex-grid,.vlex-image-grid,.vlex-topgrid,.vlex-midgrid,.vlex-bottomgrid,.vlex-card.history>div{grid-template-columns:1fr}.vlex-midgrid>:last-child,.vlex-bottomgrid>:first-child{grid-column:auto}.vlex-hero-layout{display:flex;flex-direction:column;min-height:0;max-height:none}.vlex-hero-copy{order:1;max-width:none;padding:28px 16px 22px}.vlex-hero-media{order:2;height:260px;padding:0 12px 18px}.vlex-hero-image{max-height:250px!important}.vlex-facts{gap:15px;flex-wrap:wrap}.vlex-contain{height:auto}}

/* v19.2.1 LTS: vollflächiger Fahrzeug-Hero */
.vehicle-detail-hero{position:relative;isolation:isolate;min-height:clamp(430px,34vw,570px);overflow:hidden;background-color:#0a0d0b;background-image:var(--vehicle-detail-hero-image);background-repeat:no-repeat;background-size:cover;background-position:68% center;border-bottom:1px solid #363b33}
.vehicle-detail-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,9,10,.98) 0%,rgba(5,9,10,.94) 20%,rgba(5,9,10,.72) 38%,rgba(5,9,10,.25) 60%,rgba(5,9,10,.05) 100%),linear-gradient(0deg,rgba(5,8,9,.56) 0%,transparent 44%)}
.vehicle-detail-hero:after{content:"";position:absolute;inset:auto 0 0;height:100px;z-index:-1;background:linear-gradient(0deg,rgba(7,10,8,.72),transparent)}
.vehicle-detail-hero__inner{min-height:inherit;display:flex;align-items:center;position:relative;z-index:1}
.vehicle-detail-hero__content{width:min(500px,42%);padding:58px 0}
.vehicle-detail-hero__series{display:block;color:#f4f4ee;font-family:Oswald,sans-serif;font-size:clamp(19px,1.7vw,27px);font-weight:700;line-height:1.1;text-transform:uppercase}
.vehicle-detail-hero h1{margin:7px 0 0;color:#fff;font-family:Oswald,sans-serif;font-size:clamp(48px,5vw,78px);font-weight:800;line-height:.99;letter-spacing:.005em;text-transform:uppercase;text-wrap:balance}
.vehicle-detail-hero__class{margin-top:13px;color:#d8b348;font-family:Oswald,sans-serif;font-size:clamp(20px,1.8vw,29px);font-weight:800;text-transform:uppercase}
.vehicle-detail-hero__description{max-width:475px;margin:23px 0 0;color:rgba(255,255,255,.93);font-size:16px;line-height:1.58}
.vehicle-detail-hero__facts{display:flex;flex-wrap:wrap;gap:28px 48px;margin-top:34px}
.vehicle-detail-fact{display:grid;gap:4px;min-width:92px}
.vehicle-detail-fact span{color:rgba(255,255,255,.7);font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.vehicle-detail-fact strong{color:#fff;font-size:15px;text-transform:uppercase}
.vehicle-detail-hero--empty{background-image:linear-gradient(135deg,#171b16,#090c0a)}
@media(min-width:1800px){.vehicle-detail-hero{min-height:560px;background-position:70% center}.vehicle-detail-hero__content{width:520px}}
@media(max-width:900px){.vehicle-detail-hero{min-height:620px;background-position:62% top}.vehicle-detail-hero:before{background:linear-gradient(0deg,rgba(5,8,9,.99) 0%,rgba(5,8,9,.92) 45%,rgba(5,8,9,.32) 76%,rgba(5,8,9,.1) 100%)}.vehicle-detail-hero__inner{align-items:flex-end}.vehicle-detail-hero__content{width:100%;max-width:590px;padding:250px 0 38px}.vehicle-detail-hero h1{font-size:clamp(42px,9vw,68px)}}
@media(max-width:600px){.vehicle-detail-hero{min-height:650px;background-position:64% top}.vehicle-detail-hero__content{padding-top:270px}.vehicle-detail-hero__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vehicle-detail-fact{min-width:0}.vehicle-detail-hero__description{font-size:15px}}

/* v19.2.1 LTS: auflösungsstabiler Fahrzeug-Hero
   Der sichtbare Hero besitzt auf Desktop immer dieselbe Designfläche.
   Das Originalbild wird proportional und vollständig rechts eingeordnet;
   ein abgedunkelter Hintergrund füllt nur den verbleibenden Raum. */
.vehicle-detail-hero-shell{
  width:100%;
  padding:0;
  background:#080b09;
  border-bottom:1px solid #363b33;
}
.vehicle-detail-hero{
  --vehicle-hero-max-width:1480px;
  position:relative;
  isolation:isolate;
  width:min(100%,var(--vehicle-hero-max-width));
  aspect-ratio:2.82/1;
  min-height:430px;
  max-height:535px;
  margin-inline:auto;
  overflow:hidden;
  border-bottom:0;
  background:#0a0d0b;
}
.vehicle-detail-hero__backdrop,
.vehicle-detail-hero__picture,
.vehicle-detail-hero__shade{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.vehicle-detail-hero__backdrop{
  z-index:-3;
  background-image:var(--vehicle-detail-hero-image);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:72% center;
  filter:blur(16px) brightness(.48) saturate(.82);
  transform:scale(1.055);
}
.vehicle-detail-hero__picture{
  z-index:-2;
  background-image:var(--vehicle-detail-hero-image);
  background-repeat:no-repeat;
  background-size:auto 100%;
  background-position:right center;
}
.vehicle-detail-hero__shade{
  z-index:-1;
  background:
    linear-gradient(90deg,
      rgba(5,9,10,.99) 0%,
      rgba(5,9,10,.96) 21%,
      rgba(5,9,10,.80) 35%,
      rgba(5,9,10,.36) 52%,
      rgba(5,9,10,.08) 70%,
      rgba(5,9,10,.02) 100%),
    linear-gradient(0deg,rgba(5,8,9,.55) 0%,transparent 40%);
}
.vehicle-detail-hero:before,
.vehicle-detail-hero:after{display:none!important}
.vehicle-detail-hero__inner{
  width:min(calc(100% - 64px),1360px);
  min-height:100%;
  height:100%;
  margin-inline:auto;
  display:flex;
  align-items:center;
}
.vehicle-detail-hero__content{
  width:min(470px,38%);
  padding:42px 0;
}
.vehicle-detail-hero h1{
  font-size:clamp(46px,4.15vw,68px);
  line-height:1.01;
  text-wrap:wrap;
}
.vehicle-detail-hero__series{font-size:clamp(18px,1.4vw,24px)}
.vehicle-detail-hero__class{font-size:clamp(19px,1.55vw,25px)}
.vehicle-detail-hero__description{max-width:440px;margin-top:20px;font-size:15px;line-height:1.55}
.vehicle-detail-hero__facts{gap:24px 42px;margin-top:29px}

@media (min-width:1481px){
  .vehicle-detail-hero-shell{padding-block:0}
  .vehicle-detail-hero{height:525px;min-height:525px}
}
@media (max-width:1180px){
  .vehicle-detail-hero{
    aspect-ratio:auto;
    min-height:475px;
    max-height:none;
  }
  .vehicle-detail-hero__inner{width:min(calc(100% - 44px),1060px)}
  .vehicle-detail-hero__picture{background-size:auto 100%;background-position:72% center}
  .vehicle-detail-hero__content{width:min(430px,44%)}
  .vehicle-detail-hero h1{font-size:clamp(43px,5.2vw,62px)}
}
@media (max-width:900px){
  .vehicle-detail-hero{
    min-height:650px;
    aspect-ratio:auto;
  }
  .vehicle-detail-hero__picture{
    background-size:auto 58%;
    background-position:68% top;
  }
  .vehicle-detail-hero__backdrop{background-position:68% top}
  .vehicle-detail-hero__shade{
    background:linear-gradient(0deg,
      rgba(5,8,9,.995) 0%,
      rgba(5,8,9,.96) 46%,
      rgba(5,8,9,.45) 70%,
      rgba(5,8,9,.10) 100%);
  }
  .vehicle-detail-hero__inner{align-items:flex-end}
  .vehicle-detail-hero__content{width:100%;max-width:590px;padding:285px 0 38px}
}
@media (max-width:600px){
  .vehicle-detail-hero{min-height:680px}
  .vehicle-detail-hero__inner{width:calc(100% - 30px)}
  .vehicle-detail-hero__picture{background-size:auto 52%;background-position:62% top}
  .vehicle-detail-hero__content{padding-top:270px}
  .vehicle-detail-hero h1{font-size:clamp(38px,12vw,54px)}
  .vehicle-detail-hero__facts{grid-template-columns:repeat(3,minmax(0,1fr))}
}


/* v19.3.0 LTS – finale, auflösungsstabile Fahrzeugkomposition
   Das komplette Titelmotiv wird innerhalb einer festen 1480×525-Designfläche
   mit cover abgebildet. Es wird auf großen Monitoren nicht über 1480px
   hinaus vergrößert. Dadurch bleibt die Fahrzeuggröße auf FHD, WQHD,
   Ultrawide und 4K konsistent. */
.vehicle-detail-hero-shell{
  width:100%;
  padding:0;
  background:#080b09;
  border-bottom:1px solid #363b33;
}
.vehicle-detail-hero{
  --vehicle-hero-width:1480px;
  --vehicle-hero-height:525px;
  position:relative;
  isolation:isolate;
  width:min(100%,var(--vehicle-hero-width));
  height:clamp(430px,35.473vw,var(--vehicle-hero-height));
  min-height:430px;
  max-height:var(--vehicle-hero-height);
  margin-inline:auto;
  overflow:hidden;
  background:#0a0d0b;
  border:0;
}
.vehicle-detail-hero__backdrop{display:none!important}
.vehicle-detail-hero__picture{
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:var(--vehicle-detail-hero-image);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
  filter:none;
  transform:none;
}
.vehicle-detail-hero__shade{
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(5,9,10,.97) 0%,
      rgba(5,9,10,.91) 18%,
      rgba(5,9,10,.68) 33%,
      rgba(5,9,10,.25) 51%,
      rgba(5,9,10,.04) 72%,
      rgba(5,9,10,0) 100%),
    linear-gradient(0deg,rgba(5,8,9,.48) 0%,transparent 42%);
}
.vehicle-detail-hero__inner{
  position:relative;
  z-index:1;
  width:min(calc(100% - 72px),1368px);
  height:100%;
  min-height:100%;
  margin-inline:auto;
  display:flex;
  align-items:center;
}
.vehicle-detail-hero__content{
  width:min(445px,36%);
  padding:40px 0;
}
.vehicle-detail-hero__series{
  font-size:clamp(18px,1.35vw,24px);
  line-height:1.1;
}
.vehicle-detail-hero h1{
  max-width:445px;
  margin-top:6px;
  font-size:clamp(45px,4vw,64px);
  line-height:1.02;
  text-wrap:balance;
}
.vehicle-detail-hero__class{font-size:clamp(19px,1.45vw,25px)}
.vehicle-detail-hero__description{max-width:430px;margin-top:19px;font-size:15px;line-height:1.55}
.vehicle-detail-hero__facts{gap:24px 42px;margin-top:28px}
.vehicle-detail-fact span{font-size:12px}
.vehicle-detail-fact strong{font-size:15px}

@media (min-width:1480px){
  .vehicle-detail-hero{height:525px;min-height:525px}
}
@media (max-width:1100px){
  .vehicle-detail-hero{
    height:clamp(450px,48vw,525px);
    min-height:450px;
  }
  .vehicle-detail-hero__picture{background-position:56% center}
  .vehicle-detail-hero__inner{width:calc(100% - 44px)}
  .vehicle-detail-hero__content{width:min(430px,43%)}
  .vehicle-detail-hero h1{font-size:clamp(42px,5.4vw,60px)}
}
@media (max-width:820px){
  .vehicle-detail-hero{height:650px;min-height:650px;max-height:none}
  .vehicle-detail-hero__picture{
    background-size:auto 60%;
    background-position:62% top;
  }
  .vehicle-detail-hero__shade{
    background:linear-gradient(0deg,
      rgba(5,8,9,.995) 0%,
      rgba(5,8,9,.96) 47%,
      rgba(5,8,9,.40) 72%,
      rgba(5,8,9,.06) 100%);
  }
  .vehicle-detail-hero__inner{align-items:flex-end}
  .vehicle-detail-hero__content{width:100%;max-width:590px;padding:285px 0 36px}
}
@media (max-width:560px){
  .vehicle-detail-hero{height:680px;min-height:680px}
  .vehicle-detail-hero__inner{width:calc(100% - 30px)}
  .vehicle-detail-hero__picture{background-size:auto 52%;background-position:60% top}
  .vehicle-detail-hero__content{padding-top:270px}
  .vehicle-detail-hero h1{font-size:clamp(38px,11vw,52px)}
  .vehicle-detail-hero__description{font-size:14px}
  .vehicle-detail-hero__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
}


/* v19.4.0 – resolution-stable layered vehicle hero */
.vhero{position:relative;isolation:isolate;width:100%;height:clamp(430px,31.5vw,545px);min-height:430px;overflow:hidden;background:#11150f;border-bottom:1px solid #343a31}
.vhero__background{position:absolute;inset:0;z-index:-4;background-image:var(--vhero-bg);background-repeat:no-repeat;background-size:cover;background-position:var(--vhero-bg-x) var(--vhero-bg-y);filter:saturate(.88) contrast(1.03)}
.vhero__vehicle{position:absolute;z-index:-2;left:var(--vhero-tank-x);top:var(--vhero-tank-y);width:var(--vhero-tank-scale);height:auto;max-height:96%;object-fit:contain;transform:translate(-50%,-100%);transform-origin:center bottom;filter:drop-shadow(0 18px 20px rgba(0,0,0,.45));pointer-events:none}
.vhero__overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,9,10,.98) 0%,rgba(5,9,10,.91) 23%,rgba(5,9,10,.67) 38%,rgba(5,9,10,.22) 58%,rgba(5,9,10,.04) 78%),linear-gradient(0deg,rgba(5,8,9,.62) 0%,rgba(5,8,9,.12) 42%,transparent 68%)}
.vhero__stage{width:min(calc(100% - 48px),1420px);height:100%;margin-inline:auto;display:flex;align-items:center;position:relative}
.vhero__content{width:min(450px,35%);padding-block:38px;color:#fff}
.vhero__series{display:block;font-family:Oswald,sans-serif;font-size:clamp(19px,1.35vw,25px);font-weight:700;line-height:1.1;text-transform:uppercase}
.vhero h1{margin:8px 0 0;font-family:Oswald,sans-serif;font-size:clamp(48px,4vw,68px);font-weight:800;line-height:.98;letter-spacing:.002em;text-transform:uppercase;text-wrap:balance;color:#fff}
.vhero__class{margin-top:12px;color:#d8b348;font-family:Oswald,sans-serif;font-size:clamp(20px,1.5vw,27px);font-weight:800;text-transform:uppercase}
.vhero__description{max-width:430px;margin:22px 0 0;font-size:15.5px;line-height:1.55;color:rgba(255,255,255,.94)}
.vhero__facts{display:flex;flex-wrap:wrap;gap:26px 46px;margin-top:32px}
.vhero__fact{min-width:92px}.vhero__fact span{display:block;margin-bottom:5px;color:rgba(255,255,255,.68);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.vhero__fact strong{font-size:15px;color:#fff}
.vhero--empty .vhero__background{background:linear-gradient(135deg,#182018,#080b09)}
.vhero--single-image .vhero__background{background-size:contain;background-color:#11150f;background-position:center}.vhero--single-image .vhero__overlay{background:linear-gradient(90deg,rgba(5,9,10,.97),rgba(5,9,10,.75) 38%,rgba(5,9,10,.12) 72%)}
@media(min-width:1600px){.vhero{height:525px}.vhero__stage{width:min(calc(100% - 64px),1420px)}.vhero__content{width:430px}}
@media(max-width:1100px){.vhero{height:500px}.vhero__stage{width:min(calc(100% - 40px),1040px)}.vhero__content{width:min(420px,43%)}.vhero__vehicle{max-height:88%}.vhero h1{font-size:clamp(44px,5.2vw,61px)}}
@media(max-width:820px){.vhero{height:650px}.vhero__background{background-position:center top}.vhero__vehicle{left:50%;top:50%;width:min(88%,680px);max-height:48%;transform:translate(-50%,-100%)}.vhero__overlay{background:linear-gradient(0deg,rgba(5,9,10,.99) 0%,rgba(5,9,10,.96) 50%,rgba(5,9,10,.35) 76%,rgba(5,9,10,.08) 100%)}.vhero__stage{align-items:flex-end}.vhero__content{width:100%;max-width:590px;padding:260px 0 34px}.vhero__description{max-width:560px}}
@media(max-width:560px){.vhero{height:690px}.vhero__stage{width:calc(100% - 30px)}.vhero__vehicle{top:45%;width:96%;max-height:43%}.vhero__content{padding-top:285px}.vhero h1{font-size:clamp(39px,12vw,56px)}.vhero__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vhero__fact{min-width:0}.vhero__description{font-size:14.5px}}