/* =========================================
   Homepage Body Background
   Blau-Gelber Look nur für die Startseite
   ========================================= */

body.home {
  background-color: #0f1f38;
}

/* Grundfläche */
body.home .site-wrapper,
body.home .site-content {
  position: relative;
  background:
    linear-gradient(
      180deg,
      rgba(24, 61, 116, 0.18) 0%,
      rgba(47, 103, 178, 0.10) 38%,
      rgba(240, 194, 50, 0.04) 100%
    );
}

/* Dezente diagonale Struktur */
body.home .site-content::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.05;
  background: repeating-linear-gradient(
    -45deg,
    rgba(47, 103, 178, 0.55) 0px,
    rgba(47, 103, 178, 0.55) 10px,
    transparent 10px,
    transparent 28px
  );
}

/* Inhalte über die Struktur legen */
body.home .site-content > * {
  position: relative;
  z-index: 1;
}

/* Container und Karten sauber darüber */
body.home .card,
body.home .widget,
body.home .posts,
body.home .content,
body.home .site-content .container,
body.home .site-content section {
  position: relative;
  z-index: 1;
}

/* Dunkle Bereiche etwas harmonischer */
body.home .strip-bg,
body.home .section-dark,
body.home .content-dark {
  background-color: rgba(15, 31, 56, 0.88);
}