/* ===== V1_37 Premium-Wasserzeichen ca. 80% stärker ===== */

@media (min-width: 901px) {

  :root {
    --wm-1: url("../watermarks/premium-architecture-watermark-1.jpg");
    --wm-2: url("../watermarks/premium-architecture-watermark-2.jpg");
    --wm-3: url("../watermarks/premium-architecture-watermark-3.jpg");
  }

  body {
    background-color: #f5f1e8 !important;
  }

  /* Alte/fixe Wasserzeichen sicher ausschalten */
  body::before,
  body::after,
  .wm-section::before,
  .wm-section::after,
  .wm-hero::before,
  .wm-global::before,
  .wm-left::before,
  .wm-right::before,
  .wm-center::before,
  .wm-soft::before,
  .wm-regional::before,
  .wm-technical::before {
    display: none !important;
    content: none !important;
  }

  /* Grundsystem für helle Bereiche */
  .premium-wm,
  .wm-section,
  .hero,
  .seo-clarity,
  .seo-deep-dive,
  .premium,
  .ext,
  #founder,
  #ablauf,
  #kontakt {
    position: relative;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    background-attachment: scroll !important;
    overflow: hidden;
    border-top: 1px solid rgba(18, 34, 48, 0.07) !important;
    border-bottom: 0 !important;
  }

  .premium-wm > .wrap,
  .wm-section > .wrap,
  .hero > .wrap,
  .seo-clarity > .wrap,
  .seo-deep-dive > .wrap,
  .premium > .wrap,
  .ext > .wrap,
  #founder > .wrap,
  #ablauf > .wrap,
  #kontakt > .wrap {
    position: relative;
    z-index: 2;
  }

  /* Hero – deutlich sichtbarer */
  .hero,
  #top {
    background-image:
      linear-gradient(rgba(245, 241, 232, 0.61), rgba(245, 241, 232, 0.61)),
      var(--wm-1) !important;
  }

  /* Einordnung */
  .seo-clarity {
    background-image:
      linear-gradient(rgba(248, 245, 238, 0.69), rgba(248, 245, 238, 0.69)),
      var(--wm-2) !important;
  }

  /* KI-Architektur klar eingeordnet */
  .seo-deep-dive {
    background-image:
      linear-gradient(rgba(245, 241, 232, 0.70), rgba(245, 241, 232, 0.70)),
      var(--wm-3) !important;
  }

  /* Leistungen */
  .premium,
  #premium,
  .premium-wm-premium {
    background-image:
      linear-gradient(rgba(245, 241, 232, 0.70), rgba(245, 241, 232, 0.70)),
      var(--wm-1) !important;
  }

  /* Erweiterbarkeit etwas ruhiger */
  .ext,
  .premium-wm-quote {
    background-image:
      linear-gradient(rgba(247, 244, 236, 0.76), rgba(247, 244, 236, 0.76)),
      var(--wm-2) !important;
  }

  /* Über mich */
  #founder,
  .premium-wm-about {
    background-image:
      linear-gradient(rgba(247, 244, 236, 0.70), rgba(247, 244, 236, 0.70)),
      var(--wm-3) !important;
  }

  /* Nutzen */
  .premium-wm-benefits {
    background-image:
      linear-gradient(rgba(245, 241, 232, 0.70), rgba(245, 241, 232, 0.70)),
      var(--wm-1) !important;
  }

  /* Ablauf */
  #ablauf,
  .premium-wm-process {
    background-image:
      linear-gradient(rgba(248, 245, 238, 0.71), rgba(248, 245, 238, 0.71)),
      var(--wm-2) !important;
  }

  /* Kontakt */
  #kontakt,
  .premium-wm-contact {
    background-image:
      linear-gradient(rgba(245, 241, 232, 0.70), rgba(245, 241, 232, 0.70)),
      var(--wm-3) !important;
  }

  /* Dunkle Bereiche sauber lassen */
  .cta-band,
  footer,
  .footer {
    background-image: none !important;
  }
}

/* Mobil: ruhig lassen */
@media (max-width: 900px) {
  .premium-wm,
  .wm-section,
  .hero,
  .seo-clarity,
  .seo-deep-dive,
  .premium,
  .ext,
  #founder,
  #ablauf,
  #kontakt {
    background-image: none !important;
  }
}