/**
 * Phase_3_Fix_4 – Asset & Layout Recovery
 * Diese Datei wird als letzte CSS-Schicht geladen. Sie stellt ausschließlich
 * die Basissicherheit her, falls modulare Styles zuvor unvollständig waren.
 */
:root {
  --hof-page-width: 1280px;
  --hof-gutter: clamp(18px, 3vw, 40px);
  --hof-bg: #111710;
  --hof-surface: #1d261b;
  --hof-surface-raised: #242f21;
  --hof-gold: #c7a84f;
  --hof-cream: #f0e2b2;
  --hof-text: #d7ddcf;
  --hof-border: rgba(199, 168, 79, .38);
}

html { background: var(--hof-bg); }
body { min-width: 320px; overflow-x: clip; }

/* Der globale Navigationsbereich bleibt auch bei fehlendem Modul-CSS nutzbar. */
.cms14-nav-wrap { position: relative; z-index: 1000; width: 100%; }
.cms14-nav-bar { width: min(calc(100% - 32px), 1600px); margin-inline: auto; }
.cms14-brand-logo { display: block; max-width: 100%; height: auto; }
.cms14-nav-list, .cms14-nav-actions { list-style: none; margin: 0; padding: 0; }
.cms14-dropdown-menu { z-index: 1100; }

/* Verbindliches Inhaltsraster für sämtliche Unterseiten. */
.hof-master-container,
.hof-clean-container,
.hof-page__inner,
.hof-unified-page__inner,
.phase3-fix-container,
main > .container,
main > .content-container,
main > .page-container {
  width: min(calc(100% - (2 * var(--hof-gutter))), var(--hof-page-width)) !important;
  max-width: var(--hof-page-width) !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

/* Ein minimaler visueller Fallback verhindert ungestylte HTML-Ausgabe. */
.is-hof-master-page .hof-master-content,
.is-hof-master-page .hof-master-page,
[data-hof-global-master] {
  background: var(--hof-bg);
  color: var(--hof-text);
}

.is-hof-master-page :where(.card,.panel,.content-box,.info-box,.widget,.section-card) {
  background: var(--hof-surface) !important;
  color: var(--hof-text);
  border-color: var(--hof-border) !important;
}

.is-hof-master-page :where(h1,h2,h3,h4,h5,h6) { color: var(--hof-cream); }

.asset-recovery-warning {
  max-width: var(--hof-page-width);
  margin: 16px auto;
  padding: 12px 16px;
  border: 1px solid var(--hof-gold);
  background: #2c2515;
  color: var(--hof-cream);
}

@media (max-width: 900px) {
  .cms14-nav-bar { width: min(calc(100% - 20px), 1600px); }
}