/* seminare.css */
.seminar_holder { margin-bottom: 3rem;}
/* Listenansicht (1. Kacheln) */
.themegroup {
    display:block; 
    position: relative;
    padding: 15px;
    text-align: center;
    /*
    display: flex;
    align-items: center;
    align-content: center;  
    */
}
@media screen and (min-width: 992px) {
    .themegroup { min-height: 80px; }
}
a.themegroup-link {
    position: relative;
    color: #fff; 
    display: block; 
    width: 100%;
    border: 1px solid transparent;
    text-decoration: none;
    transition: ease all .6s;
}
a.themegroup-link:hover, 
a.themegroup-link:active { border-color: rgba(255,255,255,.5);} 
a.themegroup-link #span {
    position: absolute; width: 100%; left: 0; top: 10%;
}
@media screen and (max-width: 1199px) {
    /*a.themegroup-link { height: 200px; }*/
}
@media screen and (max-width: 991px) {
    a.themegroup-link { height: auto; }
    a.themegroup-link span { position: inherit; }
}

h3.themegroup-hl {
    font-size: 1.75rem;
    padding-bottom: 5px;
    margin-bottom: 2rem;
    border-bottom: 1px solid #B3B9BD;
}

ul.seminar-list { padding: 0; }
.seminar-list li { margin-bottom: 2rem; list-style: none;}
.seminar-list li.element-hidden { display: none; }

.seminar-list .seminar-box { padding-bottom: 2rem; border-bottom: 1px solid #B3B9BD; }
.seminar-list .theme-info { font-size: .9rem; text-transform: uppercase; font-weight: 700; color: #666B6E; letter-spacing: .5px; padding-bottom: 4px; }
.seminar-list .theme-info .tgname { font-weight: 400; }
.seminar-list .seminar-info { font-size: 1.4rem; font-weight: 700; padding-right: 10%; }
.seminar-list .seminar-info a { color: #000; text-decoration: none; display: block; }
.seminar-list .seminar-info .seminar-timeloc { display: block; font-size: .9rem; font-weight: 400; margin-top: .5em; color: #666B6E }


/* Suchbox */
#seminar-search label { color: #666B6E; }
#seminar-search .form-check { padding-left: 0; }
#seminar-search input[type=checkbox] { position: absolute; top:0; left:-32768px; }
#seminar-search input[type=checkbox] + label { padding-left: 30px; position: relative; cursor: pointer;}
#seminar-search input[type=checkbox] + label:before { 
    content: ''; position: absolute;  left:6px; top:3px;
    width: 18px; height:18px; background: #fff; border: 1px solid #ccc; }
#seminar-search input[type=checkbox]:checked + label:before {
    background: #666;
}
#seminar-search .togAll { padding-left: 30px; font-size: 90%; }
#seminar-search .togAll span { cursor: pointer; }
#seminar-search .resetSearch { margin-top: .5rem; }
#seminar-search .resetSearch a { font-weight: 400; font-size: .9rem; }
#seminar-search #no-field-filled { color: red; font-weight: 300; font-size: .9rem; display: none; }

/* Detail */
.seminar-detail {
    margin: 5rem 0; padding-bottom: 3.5rem;
    border-bottom: 1px solid #B3B9BD;
}
.seminar-detail.seminar-detail-top ul.listnav {
    margin-top: 2rem; padding-left: 18px;
}
.seminar-detail ul.listnav li a {
    color: #666B6E;
}
.seminar-detail .seminar-detail-content {
    margin-bottom: 2rem;
}
.seminar-detail .seminar-info > div { margin-bottom: 1.5rem; }
.seminar-detail .seminar-info h4 {
    font-size: 1rem; margin: 0; text-transform: uppercase;
}
.seminar-registration { line-height: 2; }
.seminar-registration .btn-full { width: 100%; }

/* FARBEN */
/* Kommunalverwaltungen (green:#54B88C)*/
.green .themegroup { background: #54B88C; color: #fff; }
.green .listnav a:hover,
.green .listnav a:active,
.green .seminar-list .seminar-info a:hover,
.green .seminar-list .seminar-info a:active { color: #54B88C; }
.green #seminar-search input[type=checkbox]:checked + label:before {
    background: #54B88C; border-color: #54B88C;
}
.green .seminar-detail .seminar-info h4,
.green #seminar-search .togAll span { color: #54B88C; }

/* Jobcenter (orange:#EEAD6C)*/
.orange .themegroup { background: #EEAD6C; color: #fff; }
.orange .listnav a:hover,
.orange .listnav a:active,
.orange .seminar-list .seminar-info a:hover,
.orange .seminar-list .seminar-info a:active { color: #EEAD6C; }
.orange #seminar-search input[type=checkbox]:checked + label:before {
    background: #EEAD6C; border-color: #EEAD6C;
}
.orange .seminar-detail .seminar-info h4,
.orange #seminar-search .togAll span { color: #EEAD6C; }

/* Institutionen (green:#666B6E)*/
.grayColor .themegroup { background: #666B6E; color: #fff; }
.grayColor .listnav a:hover,
.grayColor .listnav a:active,
.grayColor .seminar-list .seminar-info a:hover,
.grayColor .seminar-list .seminar-info a:active { color: #666B6E; }
.grayColor #seminar-search input[type=checkbox]:checked + label:before {
    background: #666B6E; border-color: #666B6E;
}
.grayColor .seminar-detail .seminar-info h4,
.grayColor #seminar-search .togAll span { color: #666B6E; }

.red       ul.listnav li { list-style-image:url(../../../../fileadmin/templates/img/arrow-red.svg); }
.blue      ul.listnav li { list-style-image:url(../../../../fileadmin/templates/img/arrow-blue.svg); }
.lightBlue ul.listnav li { list-style-image:url(../../../../fileadmin/templates/img/arrow-light-blue.svg); }
.green     ul.listnav li { list-style-image:url(../../../../fileadmin/templates/img/arrow-green.svg); }
.orange    ul.listnav li { list-style-image:url(../../../../fileadmin/templates/img/arrow-orange.svg); }
.grayColor ul.listnav li { list-style-image:url(../../../../fileadmin/templates/img/arrow-grey.svg); }


/* Zebra Datepicker */
.Zebra_DatePicker .dp_body .dp_current {
    font-weight: 700;
}
.Zebra_DatePicker .dp_body .dp_weekend {
    background: #f4f4f4; border-radius: 0;  
}
.Zebra_DatePicker .dp_body .dp_weekend.dp_hover {
    background: #dedede; border-radius: 4px;
}
.Zebra_DatePicker .dp_body .dp_weekend.dp_selected {
    background: #337ab7; border-radius: 4px;
}
.form-control:disabled, .form-control[readonly] {
    background: #fff;
}


/* Online-Seminare */
#loginInfoBox {
    position: absolute; top: -66px; right: 15px;
    line-height: 32px;
    padding: 2px 15px;
    background: #fff;
    border-radius: 5px 5px 0 0;
    z-index: 1000;
}


.oseminar-list { margin-top: 2rem; margin-bottom: 2rem; }
.oseminar-list li { margin-bottom: 1.5rem; }
.oseminar-list li p { margin-bottom:  5px;}

/*.oseminar-list li.public i.fad { --fa-secondary-color: green; }*/

.row.osem-element { margin-left: 0; padding-top: 15px; padding-bottom: 15px; }
.osem-element { margin-bottom: 1.5rem; border-left: 15px solid; }
.osem-element:hover { background: rgba(200,200,200,.2) }

.osem-element span.ico { display: inline-block; width: 50px; font-size: 125%; vertical-align: middle; }
.osem-element h4 { line-height: 36px }
.osem-element h4:last-child{ margin-bottom: 0;}
.osem-element p:last-child{ margin-bottom: 0;}
a.btn-elem { color: #000; }
a.btn-elem:focus,
a.btn-elem:hover,
a.btn-elem.active { background: #fff !important; }