@charset "utf-8";
            /* 1. CONTAINER STYLE */
.legal-content {
    font-family: "Open Sans", arial, sans-serif !important;
    font-size: 13px !important;       
    /* Hartes Raster statt 1.7 setzen */
    line-height: 22px !important;      
    color: #555 !important;           
}

/* Absätze */
.legal-content p {
    /* Exakt eine Zeilenhöhe als Abstand */
    margin-bottom: 22px !important;
}

/* Headlines (H2) */
.legal-content h2 {
    font-family: 'Dosis', sans-serif !important;
    font-size: 13px !important;
    line-height: 22px !important; /* Auch die Headline muss ins Raster */
    font-weight: 600 !important;      
    color: #000 !important;           
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    /* 22px Abstand nach oben, 0 nach unten, damit sie optisch beim folgenden Text bleibt */
    margin-top: 22px !important;
    margin-bottom: 0px !important;
}

/* Nimmt das Top-Margin der allerersten Headline in der Spalte weg, 
damit beide Textblöcke oben auf exakt gleicher Höhe starten */
.legal-content h2:first-child {
    margin-top: 0px !important;
}

/* 2. SPANS (Subheadlines im Text) -> SCHWARZ */
.legal-content span {
    font-weight: 400 !important;
    color: #000 !important;
}

/* 3. LINKS -> UNTERSTRICHEN */
.legal-content a {
    color: #555 !important;
    text-decoration: underline !important;
    transition: color 0.2s ease;
}
.legal-content a:hover {
    color: #000 !important;
}

/* Listen (Social Media) - Reset */
.legal-content ul {
    list-style: none !important;
    padding-left: 0 !important;
    /* Gesamte Liste bekommt den 22px Abstand nach unten */
    margin: 0 0 22px 0 !important;
}

.legal-content ul li {
    padding-left: 0 !important;
    /* Die 3px hier waren tödlich für das Raster. 
       0px lässt den Text sauber im 22px-Raster weiterlaufen. */
    margin-bottom: 0px !important;
    font-size: 13px !important; 
    line-height: 22px !important;
}

.legal-content ul li a {
    text-decoration: underline !important;
}