/* Dunkler Hauptcontainer wie auf SOS VéloSolex */
.dark-container {
    background-color: #2c2c2c;  /* dunklerer Container */
    color: #fff;
    padding: 20px;
    margin: 20px auto;
    max-width: 900px;
    border-radius: 8px;
    font-size: 0.9em;
    line-height: 1.4;
    border: 2px solid #626262;
}

/* Tabellen im Container */
.table-container {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
}

.table-container th {
    background-color: #444;
    padding: 8px;
    border-bottom: 1px solid #626262;
}

.table-container td {
    padding: 8px;
    border-bottom: 1px solid #626262;
}

/* Bilder mit Rahmen */
.bordered {
     border: 2px solid #626262;
    border-radius: 4px;
    margin: 10px 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
    border: 1px solid #000; /* falls du den Rahmen behalten willst */
}

/* Hinweistext für Bilder */
.note {
    font-size: 0.85em;
    font-style: italic;
    text-align: center;
    margin: 10px auto;
}

/* Überschriften zentriert */
.center {
    text-align: center;
    margin: 10px 0;
}

/* Linksbündige Texte innerhalb Container */
.left {
    text-align: left;
    margin: 10px 0;
}

.small-heading {
    font-size: 1.2em; /* etwas kleiner als normale h2 */
    line-height: 1.4;
}

.text-block {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* gleiche Schrift wie oben */
    font-size: 1.1em;       /* gut lesbare Größe */
    line-height: 1.6;     /* angenehmer Zeilenabstand */
    font-weight: normal;   /* nicht fett */
    font-style: normal;   /* kein kursiv */
    margin: 0 0 1rem 0;   /* Abstand nach unten */
    color: #fff;          /* passend zum dunklen Container */
}