/* test CSS Datei

          body = Standart Schrift für alle Rubriken (Bodys)
 #ueberschrift = Überschriften
     #bookmark = Schrift bei den Bookmarks
    #copyright = copyright
       #kleine = kleine Schrift
*/

body {
font-family:"Comic Sans MS";
font-size:25px;
font-weight:normal;
text-align:left;
color:#00FF00;
 }

a:link, a:visited, a:active {
text-decoration: unset;
font-size:30px;
font-weight:normal;
color:rgb(255, 255, 0);
 }

a:hover {
text-decoration: unset;
font-size:30px;
font-weight:normal;
color:red;
}

#topic {
font-family:"Comic Sans MS";
font-size:30px;
font-weight:bolder;
text-align:center;
color:rgb(255, 187, 0);
}

#topicpoint {
font-family:"Comic Sans MS";
font-size:30px;
font-weight:bolder;
text-align:center;
color: #00FF00;
}

#topicwithhover {
font-family:"Comic Sans MS";
font-size:30px;
font-weight:bolder;
text-align:center;
color:rgb(255, 187, 0);
}
    #topicwithhover:hover {
        color:red;
        }

#normal {
    font-family:"Comic Sans MS";
    font-size:25px;
    font-weight:normal;
    color:#00FF00;
    }

    #normal:hover {
        color:red;
        }

#exit {
font-family:"Comic Sans MS";
font-size:30px;
font-weight:bolder;
text-align:center;
color:red;
}

#mapname {
font-family:"Comic Sans MS";
font-size:30px;
font-weight:bolder;
text-align:center;
color:#008CFF;
}

#mapname:hover {
    color:rgb(255, 0, 0);
    }

#singer {
    font-family:"Comic Sans MS";
    font-size:30px;
    font-weight:bolder;
    text-align:center;
    color:rgb(255, 0, 212);
    }

.taskbar {
    display: flex;
    padding: 3px;
    background-color: rgb(0, 0, 0);
    border-radius: 10px;
    gap: 10px;
    top: 0;
    position: fixed;
    left: 2px;
    right: 2px;
    top: 2px;
    z-index: 1000;
    box-shadow: 0 2px 8px rgba(255, 255, 255, 0.205);
    }

    .taskbarelements {
        padding: 5px;
        border-radius: 8px;
        align-items: center;
        justify-content: center;
        display: flex;
        background-color: transparent;
        }

        .taskbarelements:hover {
            background-color: rgb(49, 49, 49);
            color: white;
            }
        .taskbarelements:link, .taskbarelements:visited, .taskbarelements:active {
            font-size:22px;
            color: white;
            }
.content {
display: flex;
flex-direction: column;
flex-wrap: wrap;
position:absolute;
left: 2px;
right: 2px;
top: 60px;
overflow: hidden;
text-align:center;
justify-content: center;
/* background-color: rgba(148, 7, 7, 0.192); */
align-items: center;
padding:5px;
border-radius: 10px;
gap: 2px;
}

    .contentpointwithunderpointsrowwithbackground {
        flex-direction: row;
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
        text-align:center;
        justify-content: center;
        background-color: rgba(49, 49, 49, 0.589);  
        align-items: center;
        padding:5px;
        border-radius: 10px;
    }
    .contentpointwithunderpointsrow {
        flex-direction: row;
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
        text-align:center;
        justify-content: center;
        align-items: center;
        padding:5px;
        border-radius: 10px;
    }
    .contentpointwithunderpointscolumn {
        flex-direction: column;
        margin-top: 40px;
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
        text-align:center;
        justify-content: center;
        align-items: center;
        padding:5px;
        border-radius: 10px;
    }

        .contentpoint {
            flex-wrap: wrap;
            overflow: hidden;
            text-align:center;
            justify-content: center;
            align-items: center;
            padding:5px;
            border-radius: 10px;
        }

            .contentpointwithbackground {
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 5px;
                background-color: rgba(49, 49, 49, 0.589);  
                border-radius: 10px;
            }

                    .contentpointheadline {
                        margin-bottom: 50px;
                        flex-wrap: wrap;
                        overflow: hidden;
                        text-align:center;
                        justify-content: center;
                        background-color: rgba(49, 49, 49, 0.589);  
                        align-items: center;
                        padding:5px;
                        border-radius: 10px;
                    }

                        .contentpointwithhover {
                            flex-wrap: wrap;
                            overflow: hidden;
                            text-align:center;
                            justify-content: center;
                            align-items: center;
                            padding:5px;
                            border-radius: 10px;
                        }
                            .contentpointwithhover:hover {
                                background-color: rgba(49, 49, 49, 0.568); 
                            }
                        .contentpointwithhoverandbackground {
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            padding: 5px;
                            background-color: rgba(49, 49, 49, 0.589);   
                            border-radius: 10px;
                            
                        }
                            .contentpointwithhoverandbackground:hover {
                                background-color: rgba(49, 49, 49, 0.568); 
                            }

                            .contentbiggap {
                                display: flex;
                                flex-direction: column;
                                flex-wrap: wrap;
                                position:absolute;
                                left: 2px;
                                right: 2px;
                                top: 60px;
                                overflow: hidden;
                                text-align:center;
                                justify-content: center;
                                /*  background-color: rgba(160, 216, 28, 0.473); */
                                align-items: center;
                                padding:5px;
                                border-radius: 10px;
                                gap: 8px;
                            }



    /*   
::-webkit-scrollbar {
    width: 12px;
  }
  
  ::-webkit-scrollbar-track {
    background: #000000;
  }
  
  ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 6px;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }
    */