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

main {
    margin-bottom: 8rem;
}

h2 {
    font-weight: bolder;
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 1.5rem;
}

section {
    margin: auto;
    max-width: 60%;
}

p {
    overflow-wrap: break-word;
    text-align: justify;
}

h5 {
    font-weight: bold;
    font-size: 1.1rem;
}

/***** Anwendertreffen *****/

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

.anwendertreffen ul li p {
    margin: 0;
}

/***** Anwenderschulung *****/

.anwenderschulung h2 {
    margin-top: 5rem;
}

.anwenderschulung tr {
    background-color: #ffdfbf;
}

.anwenderschulung td {
    border: 2px solid var(--ivm_orange);
    padding: 0.4rem;
}

.anwenderschulung td p {
    margin-bottom: 0;
    text-align: left;
}

.anwenderschulung td:nth-child(2n) p {
    text-align: right;
}

.anwenderschulung td .hinweis {
    font-size: 0.9rem;
}

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

.infotext {
    margin-top: 5px;
    font-size: 0.8rem;
}

/*----- media queries -----*/

@media screen and (max-width: 1210px) {
    section {
        max-width: 80%;
    }
}