﻿/* Hilfe: Lesedarstellung auf Basis des Portal-Designs (Site_2023.css + Portal_2026.css).
   Farben: CapCorn-Blau #2c48e1, Text #1b2130, Linien #e3e6ee - gleiche Werte wie im Portal. */

/* Kopfzeile */
.helpTitle {
    padding-left: 32px;
    font-size: 15px;
    color: #2c48e1;
}

/* Fliesstext: linksbuendig und mit begrenzter Zeilenlaenge */
.dokuDiv {
    width: auto;
    max-width: 680px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
    color: #1b2130;
}

.dokuDiv h2,
.dokuDiv h3,
.dokuDiv h4 {
    margin: 22px 0 2px 0;
    letter-spacing: 0.01em;
}

.dokuDiv ul,
#mainTbl ul {
    width: auto !important;
    max-width: 680px;
    margin: 6px 0;
    padding-left: 20px;
    font-size: 14px;
    line-height: 1.6;
    color: #1b2130;
}

.dokuDiv li,
#mainTbl li {
    margin-bottom: 6px;
}

#mainTbl a:link,
#mainTbl a:visited {
    color: #2c48e1;
}

#mainTbl a:hover {
    color: #2136a9;
}

/* Screenshots */
.imageWithBorder {
    display: block;
    max-width: min(900px, 100%);
    height: auto;
    margin: 10px 0 14px 0;
    border: 1px solid #e3e6ee;
    border-radius: 6px;
}

#mainTbl a:focus-visible {
    outline: 2px solid #2c48e1;
    outline-offset: 2px;
}
