@charset "utf-8";



.seminare .seminareintrag {
    display: block;
    margin-bottom: 16px;
    padding: 16px;
    border: 1px solid #747474;
    cursor: pointer;
    background-color: #ffffff;
    border-radius: 8px;
}



.seminare .seminareintrag:hover {
    background-color: #f5fff6;
}



.seminare .seminareintragspalte {
    display: inline-block;
    width: calc(50% - 16px);
    margin-right: 8px;
    vertical-align: top;
}



.seminaransicht .datenbereich {
    width: 30%;
}



.seminaransicht .teilnehmerliste {
    background-color: #fff;
    padding: 16px;
    position: absolute;
    top: 32px;
    height: calc(100% - 96px);
    overflow-y: scroll;
    left: calc(50% + 96px);
    width: calc(50% - 160px);
    border: none;
}



.seminaransicht .teilnehmerliste .teilnehmerliste_toolbar {
    border: 1px solid #808080;
    background-color: #808080;
    border-radius: 8px;
    padding: 8px 16px;
    margin-bottom: 16px;
}



.seminaransicht .teilnehmerliste .teilnehmer_gruppe {
    border: 1px solid #b7b7b7;
    border-radius: 8px 8px 0px 0px;
    padding: 16px;
    margin-bottom: 0px;
}



.seminaransicht .teilnehmerliste .teilnehmer_gruppe_toolbar {
    border: 1px solid #808080;
    background-color: #808080;
    border-radius: 0px 0px 8px 8px;
    padding: 8px 16px;
    margin-bottom: 16px;
}



.seminaransicht .teilnehmerliste .teilnehmer_gruppe .teilnehmer {
    padding: 6px;
    border-radius: 4px;
    border: 1px solid #d5d5d5;
    margin-top: 4px;
    cursor: pointer;
}

.seminaransicht .teilnehmerliste .teilnehmer_gruppe .teilnehmer:hover {
    border: 1px solid #818181;
}



.seminaransicht .teilnehmerliste .teilnehmer_gruppe .gruppe_titel {
    margin-bottom: 16px;
}



.seminaransicht .teilnehmerliste .teilnehmer_gruppe .gruppe_titel span {
    font-size: 15px;
    color: #626262;
    font-weight: bold;
}



.seminaransicht .teilnehmerliste .gruppe_rechnung {
    margin-bottom: 8px;
}



.seminaransicht .teilnehmerliste span {
    vertical-align: middle;
}



.seminar_teilnehmer_summe_block {
    display: inline-block;
    margin: 8px;
    text-align: center;
    color: #575757;
}

.seminar_teilnehmer_summe_zahl {
    font-size: 30px;
    font-weight: bold;
}



@media screen and (max-width: 1300px) {
    
    .seminaransicht .teilnehmerliste {
        position: relative;
        top: auto;
        padding: 8px;
        left: auto;
        width: auto;
        height: auto;
        margin-bottom: 32px;
    }
    
    
    .seminare .seminareintragspalte {
        display: block;
        width: auto;
        margin-right: 0px;
        margin-bottom: 8px;
    }
    
}