/* TagCloud
----------------------------------------------------------*/

/* Dieses CSS ist nur für die Tag-Cloud! */
.TagCloud /* Applies to the entire tag cloud */ {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI Web', 'Segoe UI', Arial, serif;
    font-weight: 400;
    font-weight: normal;
    border: 0px solid #0077b5;
    padding: 15px;
    text-align: center;
    background: #0077b5; /* Background-Color Beispiel Hintergrundfarben: In Google eingeben: "Tag Cloud" (Bildersuche) */
    /* color:dodgerblue; */
    border-radius: 0px;
    /*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
    /* Silbentrennung START (falls ich keine Silbentrennung mehr möchte, dann diesen Block wieder entfernen!) */
    word-wrap: break-word; /* wichtig falls es lange URLs hat, müssen diese unbedingt umgebrochen werden! Sonst schiessen sie über die Textbox raus! */
    hyphens: auto; /* es wird überall automatisch Silbentrennung gemacht, wo lange Wörter sind = mehr Information auf engerem Raum möglich! Gibt bei langen Wörter letztlich weniger Zeilenumbrüche! */
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-chars: auto 3;
    -webkit-hyphenate-limit-lines: 4;
    -ms-hyphens: auto;
    -ms-hyphenate-limit-chars: auto 3;
    -ms-hyphenate-limit-lines: 4;
    /* Silbentrennung ENDE (falls ich keine Silbentrennung mehr möchte, dann diesen Block wieder entfernen!) */
    /*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
}

    .TagCloud > span /* Applies to each tag of the tag cloud */ {
        margin-right: 3px;
        text-align: center;
    }

        /*  
            Bemerkung: Es gibt genau 5 Tag-Grössen-nicht mehr! Es werden alle counts zusammengezählt und autom. in 5er-Gruppen unterteilt.
            Falls man die Gewichtung in den 5er-Gruppen verschieben möchte, gibt man eine eigene Partitionierung an mit: WeightClassPartitioning
            Grundsätzlich muss man hier aber nichts ändern!
        */

        /* immer +4px */
        .TagCloud > span.TagWeight1 /* Applies to the largest tags */ {
            font-size: 29px;
        }

        .TagCloud > span.TagWeight2 {
            font-size: 25px;
        }

        .TagCloud > span.TagWeight3 {
            font-size: 21px;
        }

        .TagCloud > span.TagWeight4 {
            font-size: 17px;
        }

        .TagCloud > span.TagWeight5 /* Applies to the smallest tags */ {
            font-size: 13px;
        }

    /* ----------- von Roland angefügt: Linkfarbe ändern ----------------- */

    /* Linkfarbe: */
    .TagCloud a:link {
        color: white;
        text-decoration: none;
    }

    /* Farbe wenn schon besucht: */
    /* color: #a904a9;  = violett */
    .TagCloud a:visited {
        color: #d8c4fa;
        text-decoration: none;
    }

    /* Wort unterschreichen, wenn man mit Mouse drüber fährt: */
    .TagCloud a:hover {
        text-decoration: underline;
    }