/* =========================================
   Global Site Background
   Dunkelblauer Radial-Gradient für alle Seiten
   ========================================= */

body {
  background-color: #0f1f38;
}

/* Hauptbereich der Seite */
.site-wrapper,
.site-content {
  position: relative;
  background:
    radial-gradient(
      circle at top center,
      rgba(70, 140, 255, 0.22) 0%,
      rgba(47, 103, 178, 0.20) 22%,
      rgba(24, 61, 116, 0.16) 48%,
      rgba(15, 31, 56, 0.92) 78%,
      rgba(10, 18, 34, 1) 100%
    ),
    linear-gradient(
      180deg,
      rgba(24, 61, 116, 0.34) 0%,
      rgba(47, 103, 178, 0.22) 35%,
      rgba(240, 194, 50, 0.05) 100%
    );
}

/* leichte diagonale Struktur darüber */
.site-content::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.06;
  background: repeating-linear-gradient(
    -45deg,
    rgba(255,255,255,0.14) 0px,
    rgba(255,255,255,0.14) 10px,
    transparent 10px,
    transparent 26px
  );
}

/* Inhalte über den Hintergrund legen */
.site-content > *,
.site-content .container,
.site-content .row,
.site-content section,
.site-content article,
.site-content aside {
  position: relative;
  z-index: 1;
}

/* Widgets/Karten sauber darüber */
.card,
.widget,
.content,
.posts {
  position: relative;
  z-index: 1;
}

/* Helle Standard-Hintergründe neutralisieren, wo sinnvoll */
.site-content,
.content-area,
.widget-area {
  background-color: transparent;
}