/* ------------------------------------------------------------------------
 * gf-topografie.css
 *
 * Nur eines: wo die Leinwand von gf-topografie.js innerhalb der Sektion
 * liegt, zu der sie gehoert. Wie die Karte aussieht, entsteht in der
 * Zeichnung, denn ein Stilblatt kann keine Hoehenlinie ziehen.
 * --------------------------------------------------------------------- */

/* --------------------------------------------------------------------
 * DIE EBENE
 *
 * Die Leinwand kommt als erstes Kind in die Sektion und muss hinter allem
 * liegen, was die Sektion haelt, ohne dass ein Element darin davon weiss.
 * Elementor legt den Inhalt einer Sektion in ein eigenes Kind, .e-con-inner.
 * Dieses Kind bekommt hier eine eigene Ebene ueber der Leinwand, damit
 * Ueberschrift, Kachel, Pfeile und Akkordeon dort liegen, wo sie vorher
 * lagen, und anklickbar bleiben.
 *
 * Die Leinwand faengt keine Zeigerereignisse. Ein Klick auf einen Pfeil
 * trifft also den Pfeil, auch dort, wo die Leinwand darunter liegt.
 *
 * Die Leinwand sitzt auf inset 0 und kann die Sektion damit nicht
 * ueberragen. overflow hidden steht trotzdem da, damit auch ein spaeter
 * eingebauter runder Eckenradius sauber schneidet; border-radius inherit
 * uebernimmt diesen Radius an der Leinwand selbst.
 * -------------------------------------------------------------------- */
.gf-topo-wirt {
  position: relative;
  overflow: hidden;
}

.gf-topo-wirt > .gf-topo-leinwand {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  display: block;
  pointer-events: none;
  border-radius: inherit;
}

.gf-topo-wirt > .e-con-inner {
  position: relative;
  z-index: 1;
}

/* Faellt der Inhalt einmal ohne dieses Zwischenkind aus, liegen die
 * unmittelbaren Kinder der Sektion trotzdem ueber der Leinwand. */
.gf-topo-wirt > .elementor-element {
  position: relative;
  z-index: 1;
}

/* Auf Papier ist eine Hoehenlinienkarte hinter einem Text ein grauer
 * Schleier, der nichts sagt und Farbe kostet. */
@media print {
  .gf-topo-wirt > .gf-topo-leinwand { display: none; }
}