/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.top100  {
    font-size: 14px;
    line-height: 16px;
    font-family: 'Ubuntu', Helvetica, Arial, Lucida, sans-serif;
}

.entry-content table {
    box-shadow: 0 -1px 0px 0px rgba(0,0,0,.4);
    margin: 2px 0;
    padding: 1rem;
    box-sizing: border-box;
}

.fs.top100-list a.buy, .fs.top100-list th, .fs.top100-list th a {
    font-size: 14px;
    line-height: 16px;
}

.fs.top100-list th, .fs.top100-list th a {
    text-transform: uppercase;
    color: #b1191c /*Standartfarbe*/;
}
.fs.top100-list th {
    padding: 1em .5em;
}

.fs.top100-list .help {
    text-transform: none;
}

.fs.top100-list .help .content {
    text-transform: none;
}

.fs.top100-list td[data-name="fwwFundStars"] span {
    color: #000;
}
.fs.top100-list a.buy, .fs.top100-list th, .fs.top100-list th a {
    line-height: 16px;
    font-size:14px;
}

.entry-content tr td, body.et-pb-preview #main-content .container tr td {
    padding: .5em;
    font-weight: 400;
}

.top100-list .details.button {
    display: inline-block;
    padding: .8em 1.2em;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    white-space: nowrap;
    border-radius: .2em;
    box-sizing: border-box;
    border: 0;
    letter-spacing: .05em;
    text-align: center;
    line-height: 16px;
}

.top100-list .details.button:hover {
    background-color: #b1191c /*Standartfarbe*/;
    color: #fff;
    opacity: 0.5;
}

.top100-list .buy.button {
    padding: .8em 1.2em;
    background-color: #b1191c /*Standartfarbe*/;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    white-space: nowrap;
    border-radius: .2em;
    display: inline-block;
    box-sizing: border-box;
    border: 0;
    letter-spacing: .05em;
    text-align: center;
}

.top100-list .buy.button:hover {
    opacity: 0.5;
}

.top100-list .buy.button svg {
    display: none;
}
td.positive {
    background-color: rgba(75,187,92,.2);
    color: #148c26 /*Gruen*/;
}
td.negative{
    background-color: rgba(231,71,73,.2);
    color: #b11719 /*Rot*/;
}