:root {
  --mc-bg: #070a08;
  --mc-bg-2: #0b100c;
  --mc-panel: #101810;
  --mc-panel-2: #131f13;
  --mc-panel-3: #0d140d;
  --mc-green: #53ff1a;
  --mc-green-soft: rgba(83, 255, 26, 0.12);
  --mc-green-border: rgba(83, 255, 26, 0.28);
  --mc-border: rgba(255, 255, 255, 0.08);
  --mc-text: #eaf5e8;
  --mc-muted: #a8b7a5;
  --mc-danger: #ff5b5b;
}

/* Grundlayout */
html,
body {
  background: var(--mc-bg) !important;
  color: var(--mc-text) !important;
}

body {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 15px !important;
}

/* MediaWiki Content Area */
.mw-body,
#content,
#bodyContent,
.mw-page-container,
.vector-body,
.vector-feature-page-tools-enabled .mw-body {
  background: var(--mc-bg) !important;
  color: var(--mc-text) !important;
  border-color: var(--mc-border) !important;
}

/* Content nicht auf 100 Kilometer Breite ziehen */
.mw-body {
  max-width: 1280px !important;
  margin-right: auto !important;
  padding: 24px !important;
}

/* Standardüberschrift verstecken, weil Hero eigene Überschrift hat */
.firstHeading,
.mw-first-heading {
  display: none !important;
}

/* Links */
a,
.mw-parser-output a,
.vector-menu-content a {
  color: var(--mc-green) !important;
}

a:hover {
  color: #8dff66 !important;
  text-decoration: none !important;
}

/* Header / Topbar */
#mw-page-base,
#mw-head-base,
.vector-header-container,
.vector-page-toolbar,
.vector-sticky-header,
.mw-header,
.vector-header-start,
.vector-header-end,
.vector-main-menu,
.vector-main-menu-landmark,
.vector-toc,
.vector-toc-landmark {
  background: #050805 !important;
  border-color: var(--mc-border) !important;
}

/* Suchfeld */
input,
textarea,
select,
.cdx-text-input__input {
  background: #0d140d !important;
  color: var(--mc-text) !important;
  border: 1px solid var(--mc-border) !important;
  border-radius: 8px !important;
}

input:focus,
textarea:focus,
select:focus {
  outline: none !important;
  border-color: var(--mc-green-border) !important;
  box-shadow: 0 0 0 3px rgba(83, 255, 26, 0.12) !important;
}

/* Weißflächen killen */
pre,
code,
.mw-code,
.mw-parser-output pre,
.mw-parser-output .mw-highlight,
.mw-parser-output table,
.mw-parser-output th,
.mw-parser-output td {
  background: #0d140d !important;
  color: var(--mc-text) !important;
  border-color: var(--mc-border) !important;
}

/* Standard Listen / Inhaltsflächen */
.mw-parser-output ul,
.mw-parser-output ol {
  background: transparent !important;
  color: var(--mc-text) !important;
}

.mw-parser-output li {
  margin: 4px 0 !important;
}

/* Tabs oben */
.vector-menu-tabs .selected a,
.vector-menu-tabs a,
.vector-page-tools-landmark a,
.vector-menu-dropdown a {
  background: #0b100c !important;
  color: var(--mc-green) !important;
  border-color: var(--mc-border) !important;
}

/* Sidebar */
.vector-main-menu,
.vector-main-menu .vector-menu-content,
.vector-main-menu-landmark {
  background: #050805 !important;
}

.vector-main-menu a,
.vector-menu-content-list a {
  color: var(--mc-green) !important;
  font-size: 13px !important;
}

/* Footer */
#footer,
.mw-footer {
  background: #050805 !important;
  color: var(--mc-muted) !important;
  border-top: 1px solid var(--mc-border) !important;
}

#footer a,
.mw-footer a {
  color: var(--mc-green) !important;
}

/* Hero */
.mc-hero {
  padding: 34px;
  margin: 0 0 22px 0;
  border: 1px solid var(--mc-green-border);
  border-radius: 18px;
  background:
    radial-gradient(circle at top right, rgba(83, 255, 26, 0.22), transparent 34%),
    linear-gradient(135deg, #101910, #070a08);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
}

.mc-eyebrow {
  color: var(--mc-green);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.13em;
  font-size: 12px;
  margin-bottom: 10px;
}

.mc-hero h1 {
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #ffffff !important;
  font-size: 36px !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
}

.mc-hero p {
  margin: 0 !important;
  max-width: 760px;
  color: var(--mc-muted) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

/* Hinweisbox */
.mc-notice {
  margin: 0 0 22px 0;
  padding: 18px 20px;
  border: 1px solid var(--mc-green-border);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(83, 255, 26, 0.12), rgba(83, 255, 26, 0.04));
  color: var(--mc-text);
}

.mc-notice strong {
  color: #ffffff;
}

.mc-notice-muted {
  border-color: var(--mc-border);
  background: rgba(255, 255, 255, 0.035);
  color: var(--mc-muted);
}

/* Grid */
.mc-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 22px 0;
}

/* Karten */
.mc-card {
  min-height: 150px;
  padding: 22px;
  border: 1px solid var(--mc-border);
  border-radius: 18px;
  background:
    radial-gradient(circle at top right, rgba(83, 255, 26, 0.08), transparent 36%),
    linear-gradient(180deg, var(--mc-panel), var(--mc-panel-3));
  transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.mc-card:hover {
  transform: translateY(-2px);
  border-color: var(--mc-green-border);
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.32);
}

.mc-card-title {
  color: #ffffff;
  font-size: 20px;
  font-weight: 850;
  margin-bottom: 9px;
}

.mc-card-text {
  color: var(--mc-muted);
  line-height: 1.6;
  min-height: 52px;
  font-size: 14px;
}

.mc-card-link {
  margin-top: 16px;
  font-weight: 800;
}

/* Section */
.mc-section {
  margin-top: 28px;
  padding: 24px;
  border: 1px solid var(--mc-border);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.mc-section h2 {
  margin: 0 0 14px 0 !important;
  padding: 0 0 10px 0 !important;
  color: #ffffff !important;
  border-bottom: 1px solid var(--mc-border) !important;
  font-size: 22px !important;
}

/* Linkliste als Cards statt hässliche weiße Box */
.mc-link-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.mc-link-list a {
  display: block;
  padding: 12px 14px;
  border: 1px solid var(--mc-border);
  border-radius: 12px;
  background: #0d140d;
  font-weight: 750;
}

/* MediaWiki Edit-Links auf Hauptseite kleiner */
.mw-editsection {
  font-size: 12px !important;
  opacity: 0.55;
}

.mw-editsection:hover {
  opacity: 1;
}

/* Mobile */
@media (max-width: 900px) {
  .mw-body {
    padding: 16px !important;
  }

  .mc-grid,
  .mc-link-list {
    grid-template-columns: 1fr;
  }

  .mc-hero {
    padding: 24px;
  }

  .mc-hero h1 {
    font-size: 28px !important;
  }
}