.modern .XPage,
.modern .XHeader,
.modern .XFooter{
    padding: 10px 20px;
}

.body .xm-form.modern,
form
 {
    max-width:800px;
}

DIV.xm-item-div .XSpan {
    line-height: 1.5em;
}

.implementierung_header{
    background-color: #ff0000;
}

.implementierung_header .XItem.XSpan {
    color:#ffffff;
}

.implementierung_footer_buttons {
    margin-top : 10px;
}

.xm-form.modern code, 
.xm-form.modern figure {
  font-family: Consolas,'Courier New', Courier, monospace;
  color: crimson;
  font-size: 90%;
}

.xm-form.modern figure {
    background-color: #fff;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 10px;
    margin-inline-end: 10px;
}

.xm-form.modern figure figcaption {
    color: #000;
    font-weight: 600;
    font-size: 1.3em;;
}

.xm-form.modern code pre {
    white-space: pre-wrap;
    letter-spacing: 0px;
    max-width: 600px;
}

.xm-form.modern code.variable {
  color: mediumblue;
}

.xm-form.modern ul {
    padding-inline-start: 15px;
}
.xm-form.modern ul li {
    margin-top: 15px;
}

.xm-form.modern DIV.xm-item-div  h3 {
    padding:2px;
    margin-block-start: 0.2em;
    margin-block-end: 0.2em;
    line-height: 36px;
    font-size: 24px;
}

.modern .xm-item-div LABEL, .modern .CXPage .header h1, .modern .CXPage .header h2, .modern SPAN.required-star, .modern .xm-error-text, .modern .xm-progress-text {
    font-size:14px;
    font-weight:400;
}

.body.modern{background-color:#ffffff}