/* impressum.css – Impressum & Datenschutz, responsiv & lesbar (mobile-first).
   Der Rechtstext aus content.html bringt Legacy-TYPO3-Klassen mit (bodytext,
   csc-header …) ohne deren CSS; hier werden die Elemente generisch lesbar
   gestylt, unabhängig von diesen Klassen. */

.im-page {
    max-width: 820px;
    margin: 0 auto;
    padding: 22px 18px 64px;
}

.im-content {
    font-size: 15px;
    line-height: 1.65;
    color: #1f2733;
    overflow-wrap: break-word;
    word-break: break-word;
}

.im-content h1 {
    font-size: 26px;
    line-height: 1.2;
    margin: 4px 0 18px;
    color: #1a1a1a;
}

.im-content h2,
.im-content h3,
.im-content h4 {
    font-size: 17px;
    line-height: 1.3;
    margin: 26px 0 8px;
    color: #c10925;
}

.im-content p {
    margin: 0 0 12px;
}

.im-content ul,
.im-content ol {
    margin: 0 0 12px;
    padding-left: 22px;
}

.im-content li {
    margin-bottom: 6px;
}

/* Legacy nutzt teils <ul style="list-style:none"> für eingerückte Absätze –
   dort die Einrückung wieder etwas zurücknehmen. */
.im-content ul[style*="list-style: none"],
.im-content ul[style*="list-style:none"] {
    padding-left: 0;
    list-style: none;
}

.im-content a {
    color: #c10925;
    text-decoration: underline;
    overflow-wrap: anywhere;
}

.im-content a:hover {
    color: #9c0a20;
}

/* <pre> im Rechtstext (z. B. eingefügte Adressblöcke) nicht aus der Box laufen
   lassen, sondern umbrechen. */
.im-content pre {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font-family: inherit;
    margin: 0 0 12px;
}

@media (max-width: 600px) {
    .im-page { padding: 16px 14px 48px; }
    .im-content { font-size: 15px; }
    .im-content h1 { font-size: 23px; }
    .im-content h2,
    .im-content h3,
    .im-content h4 { font-size: 16px; }
}