/* ============================================================
   LUXVIS - Seitenhintergrund
   Muster liegt direkt auf dem html-Element. Dessen Hintergrund
   wird vom Browser auf die gesamte Zeichenflaeche uebertragen -
   unabhaengig von Seitenlaenge, Stapelreihenfolge und davon,
   was das Theme mit body anstellt.
   ============================================================ */

html{
  background-color:var(--lvt-schwarz);
  background-image:
    radial-gradient(ellipse at 50% 45%, rgba(0,0,0,0) 0%, rgba(0,0,0,.34) 70%, rgba(0,0,0,.72) 100%),
    repeating-linear-gradient(45deg, rgba(212,175,55,.10) 0px, rgba(212,175,55,.10) 1px, transparent 1px, transparent 15px),
    radial-gradient(ellipse at 50% 0%, #161616 0%, var(--lvt-schwarz) 55%, #000 100%);
  background-repeat:no-repeat, repeat, no-repeat;
  background-size:100% 100%, auto, 100% 100%;
  background-position:center top, 0 0, center top;
  background-attachment:scroll, scroll, scroll;
  color-scheme:dark;
}

/* Ab Tablet aufwaerts bleibt das Muster beim Scrollen stehen.
   Auf Smartphones bewusst nicht: iOS ignoriert fixed ohnehin, Android ruckelt. */
@media (min-width:861px){
  html{ background-attachment:fixed, fixed, fixed; }
}

/* body und die ueblichen Theme-Container durchsichtig schalten, sonst
   decken deren eigene Hintergruende das Muster ab. Bloecke mit im Editor
   gesetzter Hintergrundfarbe behalten ihre Farbe - das ist Absicht. */
body,
.wp-site-blocks,
.wp-site-blocks > main,
.entry-content,
main, article, .site, .site-content, .site-main, #page, #content{
  background-color:transparent !important;
}

/* Feineres Raster auf kleinen Bildschirmen */
@media (max-width:860px){
  html{
    background-image:
      radial-gradient(ellipse at 50% 45%, rgba(0,0,0,0) 0%, rgba(0,0,0,.34) 70%, rgba(0,0,0,.72) 100%),
      repeating-linear-gradient(45deg, rgba(212,175,55,.09) 0px, rgba(212,175,55,.09) 1px, transparent 1px, transparent 11px),
      radial-gradient(ellipse at 50% 0%, #161616 0%, var(--lvt-schwarz) 55%, #000 100%);
  }
}

/* ------------------------------------------------------------
   Lesbarkeit auf dunklem Grund.
   Falls dein Theme ohnehin hell auf dunkel setzt, kann dieser
   Abschnitt ersatzlos geloescht werden.
   ------------------------------------------------------------ */
body{ color:var(--lvt-grau); }
.entry-content h1, .entry-content h2, .entry-content h3,
.entry-content h4, .entry-content h5, .entry-content h6,
.wp-block-post-title, .entry-title{ color:var(--lvt-weiss); }
.entry-content a:not(.wp-block-button__link){ color:var(--lvt-gold); }
.entry-content a:not(.wp-block-button__link):hover{ color:var(--lvt-gold-hell); }
.entry-content hr, .wp-block-separator{ border-color:rgba(212,175,55,.22); }
.entry-content table, .entry-content th, .entry-content td{ border-color:rgba(245,240,232,.14); }