:root {
    --ivm_blau: #0e69ab;
    --ivm_orange: #f19654; /* Komplementärfarbe zu ivm_blau */
    --ivm_grau: #d2d2d2;
    --ivm_hgrau: #dfdfdf; /* Helleres grau */
    --ivm_gelb: #e7e9b4;
}

main {
    text-align: center;
    margin-bottom: 8rem;
}

p {
    text-align: justify;
}

h4 {
    font-size: 1.1rem;
    font-weight: bold;
    text-decoration: underline;
    margin-top: 1.5rem;
}

section {
    max-width: 80%;
}

.formartierung {
    text-align: center;
}

.demo {
    margin-top: 50px;
    text-align: center;
}

.ms-word {
    margin-top: 35px;
}

/***** Downloadbereich *****/

.dlUeberschrift {
    font-size: 1.2rem;
    font-weight: bold;
}

#dlMsWordPfeil,
#dlOutlookPfeil,
#dlIVMDemoPfeil {
    margin-right: 5px;
    transform: rotate(180deg);
}

#dlMsWord,
#dlOutlook,
#dlIVMDemo {
    cursor: pointer;
    color: black;
    text-decoration: none;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;

    /* Verhindern das der Text markiert wird */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#dlMsWordDiv,
#dlOutlookDiv {
    display: none;
    overflow-wrap: break-word;
}

.pfeil-abstand {
    margin-right: 10px;
}

/***** Schnittstellen *****/

section {
    margin: auto;
    width: 80rem;
    text-align: left;
}

section div {
    border-bottom: 3px groove var(--ivm_hgrau);
    border-top: 3px groove var(--ivm_hgrau);
    border-radius: 0.5%;
}

section ul {
    list-style-image: url("../pic/gif/listpunkt.gif");
}