@media screen and (max-width: 359px) {
    #germany_map__mapImg {
        visibility: hidden;
        width: 0px;
        height: 0px;
    }
}

@media screen and (min-width: 360px) {
    #germany_map__clickableMap {
        position: relative;
    }

    #germany_map__mapImg {
        width: 100%;
    }

    .germany_map__chapterList {
        list-style-type: none;
    }

    .germany_map__chapterList li {
        position: absolute;
    }

    .germany_map__chapterList li a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.8em;
        font-weight: bold;
        text-decoration: none;
        color: #000;
    }

    .germany_map__chapterList li a:hover {
        text-decoration: underline;            
    }

    #germany_map__hamburg {
        top: 17%;
        left: 35%;
    }

    #germany_map__berlin {
        top: 20%;
        left: 67%;
    }

    #germany_map__muensterOsnabrueck {
        top: 32%;
        left: 16%;
    }

    #germany_map__hanoverGoelingen {
        top: 36%;
        left: 43%;
    }

    #germany_map__saxony {
        top: 45%;
        left: 70%;
    }

    #germany_map__duesseldorfRuehn {
        top: 44%;
        left: 8%;
    }

    #germany_map__koelnBonn {
        top: 53%;
        left: 9%;
    }

    #germany_map__frankfurt {
        top: 57%;
        left: 25%;
    }

    #germany_map__wiesbadenMainz {
        top: 63%;
        left: 19%;
    }

    #germany_map__kaiserlauten {
        top: 68%;
        left: 12%;
    }

    #germany_map__heidelburg {
        top: 73%;
        left: 22%;
    }

    #germany_map__stuttgart {
        top: 81%;
        left: 30%;
    }

    #germany_map__muenchen {
        top: 84%;
        left: 55%;
    }

    #germany_map__nbc {
        top:67%;
        left: 54%;
    }
}