/*
* ---------------------------------------------------------------------------------------------------------------------------------------
* section.zwei_spalten  section + aside
* ---------------------------------------------------------------------------------------------------------------------------------------
*/


section.zwei_spalten.breiter > section {
    width: 80%; /* 100% - aside.width - margin-right */
}


.form_item {
    width: 100%;
    margin-bottom: 2em;
}


label {
    display: inline-block;
    width: 30%;

}

@media print {
    footer, header, .noPrint {
        display: none;
    }

    body {
        background-color: transparent;
    }

    article, aside {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}


/*!*.form_item::after {*!*/
/*!*clear: both;*!*/
/*!*}*!*/

/*.form_item label*/
/*{*/
/*width:30%;*/
/*display: inline-block;*/
/*}*/


/*#formlogin{*/
/*width:100% ;*/
/*background: red;*/
/*}*/

select {
    border-radius: .25em;
    font-size: 1em;
    padding: .5em;
}

input[type=text] {
    border-radius: .25em;
}

/* Zeitraumtabelle Dozentenseite */
.container_zeitraumtabelle {
    margin: auto;
    display: grid;
    grid-template-columns: auto auto auto auto auto; /* Anzahl der Spalten */
    padding: 10px;
    width: 96%;
}

.container_zeitraumtabelle .zeitraumtabelle_header {
    background-color: #f1f1f1;
    border: 1px solid black;
    font-weight: bold;
    padding-left: 2em; /* Platz lassen, falls der Kommentar sehr lang wird */
    padding-right: 2em;
}

.container_zeitraumtabelle div {
    text-align: center;
    padding: 5px 0;
    font-size: 1.0em;
}

.zeitraum_start, .zeitraum_ende, .zeitraum_tag, .zeitraum_sperre {
    padding: 5px 0;
    text-align: center;
}

div.zeitraum_kommentar {
    padding: 5px 1em;
    text-align: left;
    word-wrap: anywhere;
}