#referenzen {

}
.jplist-hidden {
    display: none
}
.jplist-panel {

}

.jplist-panel .butt_w {
    width: 930px;
    float: right;
    background-color: #eee;
    padding: 60px 15px 15px 15px;
    margin-bottom: 25px;
}
.jplist-panel .filterheader {
    line-height: 1.3em;
    font-family: open-sans-condensed, sans-serif;
    font-weight: 700;
    color: #333;
    font-size: 1.4em;
}
.jplist-panel button {
    color: #333;
    font-size: 30px;
}
.jplist-panel button:hover .gis-i,
.jplist-panel button.jplist-selected .gis-i {
    color: #2c45a6;
}
.jplist-panel button:hover .mol-i,
.jplist-panel button.jplist-selected .mol-i {
    color: #077319;
}
.jplist-panel button:hover .amp-i,
.jplist-panel button.jplist-selected .amp-i {
    color: #764f6f;
}
.jplist-panel button:hover .lib-i,
.jplist-panel button.jplist-selected .lib-i {
    color: #d64d61;
}
.jplist-panel button:hover .rep-i,
.jplist-panel button.jplist-selected .rep-i {
    color: #a67c00;
}
.jplist-panel button:hover .sau-i,
.jplist-panel button.jplist-selected .sau-i {
    color: #78c2bf;
}
.jplist-panel button:hover .vog-i,
.jplist-panel button.jplist-selected .vog-i {
    color: #f2c849;
}
.jplist-panel button:hover .flor-i,
.jplist-panel button.jplist-selected .flor-i {
    color: #1fc039;
}
.jplist-panel button:focus {
    outline: 0;
    !important;
}
button {
    padding: 0;
    background: transparent;
    border: 0;
}
.button_ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.button_ul li {
    float: right;
    position: relative;
    margin-left: 10px;
}
.list {
    font-family: source-sans-pro, sans-serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.5em;
    color: #333;
}

.jplist-no-results{
    margin-top: 15px;
    margin-bottom: 20px;
    background-color: #eee;
    font-family: open-sans-condensed, sans-serif;
    font-weight: 700;
    color: #0F1E5A; 
    text-align: center;
    padding: 20px; 
}

.list-item {
    margin-top: 15px;
    margin-bottom: 20px;
    background-color: #eee;
    padding: 10px 10px 10px 20px;
}
.pr_w {
    width: 77%;
    float: left;
}
.l_pr_h {
    font-family: open-sans-condensed, sans-serif;
    font-weight: 700;
    color: #0F1E5A;
    border-bottom: 1px solid #333;
}
.l_pr {
    float: left;
    text-align: justify;
    border-bottom: 1px solid #333;
}
.l_ag {
    float: left;
}
.l_da {
    float: right;
}
.l_ico_w {
    float: right;
    width: 21%;
    margin-top: 10px;
}

.l_ico {
    display: block;
    float: left;
    margin-left: 15px;
    font-size: 26px;
}

/* Tooltip */

.tt {
    position: relative;
    display: inline-block;
}

/* Tooltip text */

.tt .tttxt {
    font-family: open-sans-condensed, sans-serif;
    font-weight: 700;
    visibility: hidden;
    color: #eee;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    border: 2px solid #555;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
    width: 80px;
    bottom: 115%;
    left: 50%;
    margin-left: -42px;
    /* Use half of the width (120/2 = 60), to center the tooltip */
}
.tt .tttxt::after {
    content: " ";
    position: absolute;
    top: 105%;
    /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */

.tt:hover .tttxt {
    visibility: visible;
}

.clear-all{
    clear: both;
}