/* fonts */

div.jqcloud {
  font-size: 10px;
  line-height: normal;
}

div.jqcloud a {
  font-size: inherit;
  text-decoration: none;
}

div.jqcloud span.w10 {
  font-size: 550%;
}
div.jqcloud span.w9 {
  font-size: 500%;
}
div.jqcloud span.w8 {
  font-size: 450%;
}
div.jqcloud span.w7 {
  font-size: 400%;
}
div.jqcloud span.w6 {
  font-size: 350%;
}
div.jqcloud span.w5 {
  font-size: 300%;
}
div.jqcloud span.w4 {
  font-size: 250%;
}
div.jqcloud span.w3 {
  font-size: 200%;
}
div.jqcloud span.w2 {
  font-size: 150%;
}
div.jqcloud span.w1 {
  font-size: 100%;
}

/* colors */

div.jqcloud {
  color: #09f;
}
div.jqcloud a {
  color: inherit;
}
div.jqcloud a:hover {
  color: #0df;
}
div.jqcloud a:hover {
  color: #0cf;
}
div.jqcloud span.w10 {
  color: #0cf;
}
div.jqcloud span.w9 {
  color: #0cf;
}
div.jqcloud span.w8 {
  color: #0cf;
}
div.jqcloud span.w7 {
  color: #39d;
}
div.jqcloud span.w6 {
  color: #90c5f0;
}
div.jqcloud span.w5 {
  color: #a0ddff;
}
div.jqcloud span.w4 {
  color: #90c5f0;
}
div.jqcloud span.w3 {
  color: #90a0dd;
}
div.jqcloud span.w2 {
  color: #99ccee;
}
div.jqcloud span.w1 {
  color: #aab5f0;
}

.palette-blue {
  div.jqcloud {
    /* Grundfarbe: Ein klassisches Marineblau */
    color: MidnightBlue;
  }

  div.jqcloud a {
    color: inherit;
  }

  div.jqcloud a:hover {
    /* Ein leuchtendes Cyan für den Hover-Effekt */
    color: Cyan;
  }

  /* Die wichtigsten/größten Wörter */
  div.jqcloud span.w10 {
    color: MidnightBlue;
  }
  div.jqcloud span.w9 {
    color: DarkBlue;
  }
  div.jqcloud span.w8 {
    color: Navy;
  }

  /* Mittlere Gewichtung */
  div.jqcloud span.w7 {
    color: MediumBlue;
  }
  div.jqcloud span.w6 {
    color: RoyalBlue;
  }
  div.jqcloud span.w5 {
    color: SteelBlue;
  }

  /* Kleinere/unwichtigere Wörter */
  div.jqcloud span.w4 {
    color: CornflowerBlue;
  }
  div.jqcloud span.w3 {
    color: DeepSkyBlue;
  }
  div.jqcloud span.w2 {
    color: SkyBlue;
  }
  div.jqcloud span.w1 {
    color: LightSteelBlue;
  }
}

.palette-red {
  div.jqcloud {
    /* Grundfarbe für den Container */
    color: Red;
  }

  div.jqcloud a {
    color: inherit;
  }

  div.jqcloud a:hover {
    /* Ein leuchtendes Orange-Rot beim Drüberfahren */
    color: OrangeRed;
  }

  /* Die wichtigsten/größten Wörter */
  div.jqcloud span.w10 {
    color: DarkRed;
  }
  div.jqcloud span.w9 {
    color: Red;
  }
  div.jqcloud span.w8 {
    color: Crimson;
  }

  /* Mittlere Gewichtung */
  div.jqcloud span.w7 {
    color: FireBrick;
  }
  div.jqcloud span.w6 {
    color: IndianRed;
  }
  div.jqcloud span.w5 {
    color: Tomato;
  }

  /* Kleinere/unwichtigere Wörter */
  div.jqcloud span.w4 {
    color: Salmon;
  }
  div.jqcloud span.w3 {
    color: LightCoral;
  }
  div.jqcloud span.w2 {
    color: RosyBrown;
  }
  div.jqcloud span.w1 {
    color: MistyRose;
  }
}

.palette-green {
  div.jqcloud {
    /* Grundfarbe: Ein klassisches Grün */
    color: ForestGreen;
  }

  div.jqcloud a {
    color: inherit;
  }

  div.jqcloud a:hover {
    /* Ein helles, giftiges Grün für den Hover-Effekt */
    color: Lawngreen;
  }

  /* Die wichtigsten/größten Wörter */
  div.jqcloud span.w10 {
    color: DarkGreen;
  }
  div.jqcloud span.w9 {
    color: Green;
  }
  div.jqcloud span.w8 {
    color: ForestGreen;
  }

  /* Mittlere Gewichtung */
  div.jqcloud span.w7 {
    color: SeaGreen;
  }
  div.jqcloud span.w6 {
    color: MediumSeaGreen;
  }
  div.jqcloud span.w5 {
    color: LimeGreen;
  }

  /* Kleinere/unwichtigere Wörter */
  div.jqcloud span.w4 {
    color: DarkSeaGreen;
  }
  div.jqcloud span.w3 {
    color: MediumAquamarine;
  }
  div.jqcloud span.w2 {
    color: LightGreen;
  }
  div.jqcloud span.w1 {
    color: PaleGreen;
  }
}

.palette-nature {
  div.jqcloud {
    /* Grundfarbe: Ein neutrales, dunkles Braun */
    color: SaddleBrown;
  }

  div.jqcloud a {
    color: inherit;
  }

  div.jqcloud a:hover {
    /* Ein warmes Gold-Gelb für den Kontrast beim Drüberfahren */
    color: GoldenRod;
  }

  /* Die wichtigsten/größten Wörter (Tiefes Braun & Erdtöne) */
  div.jqcloud span.w10 {
    color: SaddleBrown;
  }
  div.jqcloud span.w9 {
    color: Sienna;
  }
  div.jqcloud span.w8 {
    color: Chocolate;
  }

  /* Mittlere Gewichtung (Herbstfarben & Lehm) */
  div.jqcloud span.w7 {
    color: Peru;
  }
  div.jqcloud span.w6 {
    color: SandyBrown;
  }
  div.jqcloud span.w5 {
    color: DarkGoldenRod;
  }

  /* Kleinere/unwichtigere Wörter (Sand, Stein & Beige) */
  div.jqcloud span.w4 {
    color: RosyBrown;
  }
  div.jqcloud span.w3 {
    color: Tan;
  }
  div.jqcloud span.w2 {
    color: BurlyWood;
  }
  div.jqcloud span.w1 {
    color: Wheat;
  }
}

@media (prefers-color-scheme: dark) {
  .palette-blue {
    div.jqcloud {
      /* Grundfarbe: Ein helles, klares Blau */
      color: LightSkyBlue;
    }

    div.jqcloud a {
      color: inherit;
    }

    div.jqcloud a:hover {
      /* Ein kräftiges Leuchten beim Drüberfahren */
      color: White;
    }

    /* Die wichtigsten/größten Wörter (Leuchtend & Hell) */
    div.jqcloud span.w10 {
      color: DeepSkyBlue;
    }
    div.jqcloud span.w9 {
      color: Cyan;
    }
    div.jqcloud span.w8 {
      color: Aqua;
    }

    /* Mittlere Gewichtung */
    div.jqcloud span.w7 {
      color: LightSkyBlue;
    }
    div.jqcloud span.w6 {
      color: SkyBlue;
    }
    div.jqcloud span.w5 {
      color: CornflowerBlue;
    }

    /* Kleinere/unwichtigere Wörter (Dunkler, treten in den Hintergrund) */
    div.jqcloud span.w4 {
      color: RoyalBlue;
    }
    div.jqcloud span.w3 {
      color: SteelBlue;
    }
    div.jqcloud span.w2 {
      color: DodgerBlue;
    }
    div.jqcloud span.w1 {
      color: CadetBlue;
    }
  }

  .palette-red {
    div.jqcloud {
      /* Grundfarbe: Ein helles Korallenrot */
      color: LightCoral;
    }

    div.jqcloud a {
      color: inherit;
    }

    div.jqcloud a:hover {
      /* Ein kräftiges Weiß oder Gelb für maximalen Kontrast */
      color: White;
    }

    /* Die wichtigsten/größten Wörter (Hell & Leuchtend) */
    div.jqcloud span.w10 {
      color: WhiteSmoke; /* Fast weiß mit leichtem Rotstich */
    }
    div.jqcloud span.w9 {
      color: MistyRose;
    }
    div.jqcloud span.w8 {
      color: Salmon;
    }

    /* Mittlere Gewichtung */
    div.jqcloud span.w7 {
      color: LightCoral;
    }
    div.jqcloud span.w6 {
      color: Tomato;
    }
    div.jqcloud span.w5 {
      color: Coral;
    }

    /* Kleinere/unwichtigere Wörter (Dunkler, weniger Kontrast zum Hintergrund) */
    div.jqcloud span.w4 {
      color: IndianRed;
    }
    div.jqcloud span.w3 {
      color: Crimson;
    }
    div.jqcloud span.w2 {
      color: FireBrick;
    }
    div.jqcloud span.w1 {
      color: DarkRed;
    }
  }

  .palette-green {
    div.jqcloud {
      /* Grundfarbe: Ein frisches Frühlingsgrün */
      color: LightGreen;
    }

    div.jqcloud a {
      color: inherit;
    }

    div.jqcloud a:hover {
      /* Maximaler Kontrast beim Hovern */
      color: White;
    }

    /* Die wichtigsten/größten Wörter (Hell & Leuchtend) */
    div.jqcloud span.w10 {
      color: GreenYellow;
    }
    div.jqcloud span.w9 {
      color: Lime;
    }
    div.jqcloud span.w8 {
      color: LawnGreen;
    }

    /* Mittlere Gewichtung */
    div.jqcloud span.w7 {
      color: PaleGreen;
    }
    div.jqcloud span.w6 {
      color: LightGreen;
    }
    div.jqcloud span.w5 {
      color: MediumSpringGreen;
    }

    /* Kleinere/unwichtigere Wörter (Dunkler, treten zurück) */
    div.jqcloud span.w4 {
      color: MediumSeaGreen;
    }
    div.jqcloud span.w3 {
      color: SeaGreen;
    }
    div.jqcloud span.w2 {
      color: ForestGreen;
    }
    div.jqcloud span.w1 {
      color: DarkGreen;
    }
  }

  .palette-nature {
    div.jqcloud {
      /* Grundfarbe: Ein helles, warmes Beige */
      color: Tan;
    }

    div.jqcloud a {
      color: inherit;
    }

    div.jqcloud a:hover {
      /* Ein helles Aufleuchten wie warmer Sand im Licht */
      color: LemonChiffon;
    }

    /* Die wichtigsten/größten Wörter (Hell & Präsent) */
    div.jqcloud span.w10 {
      color: Cornsilk;
    }
    div.jqcloud span.w9 {
      color: BlanchedAlmond;
    }
    div.jqcloud span.w8 {
      color: Wheat;
    }

    /* Mittlere Gewichtung (Warme Gold- und Erdtöne) */
    div.jqcloud span.w7 {
      color: Moccasin;
    }
    div.jqcloud span.w6 {
      color: NavajoWhite;
    }
    div.jqcloud span.w5 {
      color: SandyBrown;
    }

    /* Kleinere/unwichtigere Wörter (Dunklere Erden, ziehen sich zurück) */
    div.jqcloud span.w4 {
      color: Peru;
    }
    div.jqcloud span.w3 {
      color: Chocolate;
    }
    div.jqcloud span.w2 {
      color: Sienna;
    }
    div.jqcloud span.w1 {
      color: SaddleBrown;
    }
  }
}

/* layout */

div.jqcloud {
  overflow: hidden;
  position: relative;
}

div.jqcloud span {
  padding: 0.3rem;
  margin: 1rem;
}