.vmrules-content-body,
.gold-intro-text p{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.75;
    color: rgba(28, 43, 49, 0.82);
}

/* Überschriften allgemein */
.vmrules-content-body h1,
.vmrules-content-body h2,
.vmrules-content-body h3,
.vmrules-content-body h4,
.storyline-content h2{
    margin: 24px 0 12px 0;
    padding: 0 0 9px 0;

    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #1c2b31;

    line-height: 1.35;
    letter-spacing: .04em;
    text-transform: uppercase;

    border-bottom: 1px solid rgba(28, 43, 49, 0.16);
}

/* erste Überschrift nicht so viel Abstand oben */
.vmrules-content-body h1:first-child,
.vmrules-content-body h2:first-child,
.vmrules-content-body h3:first-child,
.vmrules-content-body h4:first-child {
    margin-top: 0;
}

/* Größen bewusst zurückhaltend */
.vmrules-content-body h1 {
    font-size: 17px;
    letter-spacing: .08em;
}

.vmrules-content-body h2 {
    font-size: 15px;
    letter-spacing: .07em;
}

.vmrules-content-body h3 {
    font-size: 13px;
    letter-spacing: .06em;
}

.vmrules-content-body h4 {
    font-size: 12px;
    letter-spacing: .08em;
    color: rgba(28, 43, 49, 0.72);
}

/* Absatztexte */
.vmrules-content-body p {
    margin: 0 0 13px 0;
}

/* Links */
.vmrules-content-body a {
    color: #1c2b31;
    text-decoration: none;
    border-bottom: 1px solid rgba(28, 43, 49, 0.28);
}

.vmrules-content-body a:hover {
    color: #000;
    border-bottom-color: rgba(28, 43, 49, 0.58);
}

/* Listen */
.vmrules-content-body ul,
.vmrules-content-body ol {
    margin: 12px 0 16px 0;
    padding: 0;
    list-style: none;
}

/* Listeneinträge als schmale Regelzeilen */
.vmrules-content-body li {
    position: relative;
    margin: 0 0 7px 0;
    padding: 8px 12px 8px 30px;

    background: rgba(255, 255, 255, 0.34);
    border: 1px solid rgba(28, 43, 49, 0.08);
    border-left: 2px solid rgba(28, 43, 49, 0.34);

    color: rgba(28, 43, 49, 0.80);
}

/* Bullet für ul */
.vmrules-content-body ul li::before {
    content: "";
    position: absolute;
    left: 13px;
    top: 16px;

    width: 5px;
    height: 5px;

    background: #1c2b31;
}

/* Nummerierung für ol */
.vmrules-content-body ol {
    counter-reset: vmrules-counter;
}

.vmrules-content-body ol li {
    counter-increment: vmrules-counter;
}

.vmrules-content-body ol li::before {
    content: counter(vmrules-counter, decimal-leading-zero);
    position: absolute;
    left: 10px;
    top: 8px;

    color: rgba(28, 43, 49, 0.58);
    font-size: 9px;
    letter-spacing: .06em;
}

/* Tabellen */
.vmrules-content-body table {
    width: 100%;
    margin: 16px 0 20px 0;
    border-collapse: collapse;

    font-size: 12px;
    color: rgba(28, 43, 49, 0.82);

    border: 1px solid rgba(28, 43, 49, 0.16);
    background: rgba(255, 255, 255, 0.34);
}

/* Tabellenkopf */
.vmrules-content-body table th {
    padding: 10px 12px;

    background: #1c2b31;
    color: #f7f6f2;

    font-size: 10px;
    font-weight: 500;
    letter-spacing: .12em;
    text-transform: uppercase;

    border: 1px solid rgba(28, 43, 49, 0.20);
    text-align: left;
}

/* Tabellenzellen */
.vmrules-content-body table td {
    padding: 10px 12px;
    border: 1px solid rgba(28, 43, 49, 0.10);
    vertical-align: top;
}

/* jede zweite Zeile */
.vmrules-content-body table tr:nth-child(even) td {
    background: rgba(28, 43, 49, 0.035);
}

/* Hervorhebungen im Text */
.vmrules-content-body strong,
.vmrules-content-body b {
    color: #1c2b31;
    font-weight: 600;
}

.vmrules-content-body em,
.vmrules-content-body i {
    color: rgba(28, 43, 49, 0.66);
}

/* Kleine Hinweisbox, falls du sie im Regeltext nutzen willst */
.vmrules-content-body .rule-note {
    margin: 16px 0;
    padding: 12px 14px;

    border: 1px solid rgba(28, 43, 49, 0.14);
    border-left: 3px solid #1c2b31;

    background: rgba(255, 255, 255, 0.42);
    color: rgba(28, 43, 49, 0.78);

    font-size: 12px;
    line-height: 1.7;
}

/* Responsive Tabellen */
@media screen and (max-width: 700px) {
    .vmrules-content-body table,
    .vmrules-content-body thead,
    .vmrules-content-body tbody,
    .vmrules-content-body th,
    .vmrules-content-body td,
    .vmrules-content-body tr {
        display: block;
    }

    .vmrules-content-body table th {
        display: none;
    }

    .vmrules-content-body table td {
        border-left: 0;
        border-right: 0;
    }

    .vmrules-content-body table tr {
        border-bottom: 1px solid rgba(28, 43, 49, 0.14);
    }
}