.webinfo_basis {
    /*padding-left: 0.5em;*/
    /*padding-top: 0.5em;*/
}


.webinfo_basis h3,
.webinfo_basis h4 {
    margin-bottom: 1em;
}

/* Geschwisterselektor: p-Tag einruecken, wenn vor den Ps eine Ueberschrift vorhanden ist */
.webinfo_basis h3 ~ p,
.webinfo_basis h4 ~ p {
    padding: 0.5em 1.5em;
}

.webinfo_basis ul,
.webinfo_basis ol {
    padding: 0 0 1.5em 2.5em;
    margin-bottom: 0.5em;
}

.webinfo_basis ul {
    list-style-type: circle;
}

.webinfo_basis ol {
    list-style-type: decimal;
}

/* Geschwisterselektor: ol, ul -Tag einruecken, wenn vor diesen eine Ueberschrift vorhanden ist */
.webinfo_basis h3 ~ ul,
.webinfo_basis h3 ~ ol,
.webinfo_basis h4 ~ ul,
.webinfo_basis h4 ~ ol {
    padding: 0 0 0.5em 3.5em;
}

/* Listen innerhalb von li-Tags abfangen */
.webinfo_basis li ul,
.webinfo_basis li ol {
    margin-top: 0.5em;
}

.webinfo_basis section {
    /*border: thin solid lightgrey;*/
    margin-bottom: 1em;
    /*padding: 0.3em;*/
}

/* wird das verwendet */

.abstand {
    margin-top: 0.5em;
}

/* zeigt ein "extern-Link" Icon hinter dem Element mit der entspr. Klasse */
/* Klasse wird zur Zeit nur in den Webtexten von Lehreinrichtungen verwendet */
/* Die Variante ueber ein Hintergrundbild ermoeglicht die Verkleinerung des Images */
.external_link_icon::after {
    content: "";
    background-image: url('/images/external_link.svg');
    background-size: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0 5px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
}