/*Fix Calender*/
#ai1ec-container .ai1ec-calendar-toolbar, .ai1ec-pagination, .ai1ec-views-dropdown {
    display:none !important;
}

.ai1ec-agenda-widget-view .ai1ec-date{
    background: transparent;
    border: 0;
}
/*Style Counter*/
.counterto[data-break='yes'] {
    display: block;
}
.counterto[data-break='yes'] + span:before {
    content: "";
    display: block;
    width: inherit;
    height: 2px;
    margin-left: auto;
    margin-right: auto;
}
.prefix {
    display: inline;
}
.suffix:empty {
    display: none;
}
/*Background Color*/
.counterto[data-background='blue'] {
    background-color: #0092d0;
}
.counterto[data-background='turqouise'] {
    background-color: #00c1cf;
}
.counterto[data-background='pink'] {
    background-color: #fe6c61;
}
.counterto[data-background='violet'] {
    background-color: #8d6dc4;
}
.counterto[data-background='orange'] {
    background-color: #f7be68;
}
.counterto[data-background='grey'] {
    background-color: #ebebeb;
}
.counterto[data-background='standard'] {
    background-color: #838383;
}
.counterto[data-background='black'] {
    background-color: #000;
}
.counterto[data-background='none'] {
    background-color: transparent;
}
/*Border Style*/
.counterto[data-border-shape='round'] {
    -webkit-border-radius: 255px;
    -moz-border-radius: 255px;
    border-radius: 255px;
}
.counterto[data-border-shape='rounded'] {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
/*Fallback classes added via jquery for IE, Mozilla*/
.cornerround {
    -webkit-border-radius: 255px;
    -moz-border-radius: 255px;
    border-radius: 255px;
}
.cornerrounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
/*Border Colour*/
.counterto[data-border-outline='blue'] {
    border-color: #08c;
    border-style: solid;
}
.counterto[data-border-outline='turqouise'] {
    border-color: #00c1cf;
    border-style: solid;
}
.counterto[data-border-outline='pink'] {
    border-color: #fe6c61;
    border-style: solid;
}
.counterto[data-border-outline='violet'] {
    border-color: #8d6dc4;
    border-style: solid;
}
.counterto[data-border-outline='orange'] {
    border-color: #f7be68;
    border-style: solid;
}
.counterto[data-border-outline='grey'] {
    border-color: #ebebeb;
    border-style: solid;
}
.counterto[data-border-outline='standard'] {
    border-color: #838383;
    border-style: solid;
}
.counterto[data-border-outline='black'] {
    border-color: #000;
    border-style: solid;
}
/*Fallback classes added via jquery for IE, Mozilla*/
.borderblue {
    border-color: #08c;
    border-style: solid;
}
.bordertur {
    border-color: #00c1cf;
    border-style: solid;
}
.borderpink {
    border-color: #fe6c61;
    border-style: solid;
}
.borderviolet {
    border-color: #8d6dc4;
    border-style: solid;
}
.borderorange {
    border-color: #f7be68;
    border-style: solid;
}
.bordergrey {
    border-color: #ebebeb;
    border-style: solid;
}
.borderstand {
    border-color: #838383;
    border-style: solid;
}
.borderblack {
    border-color: #000;
    border-style: solid;
}
/*Colour*/
.counterto[data-class-color='blue'] {
    color: #08c;
}
.counterto[data-class-color='turqouise'] {
    color: #00c1cf;
}
.counterto[data-class-color='pink'] {
    color: #fe6c61;
}
.counterto[data-class-color='violet'] {
    color: #8d6dc4;
}
.counterto[data-class-color='orange'] {
    color: #f7be68;
}
.counterto[data-class-color='grey'] {
    color: #ebebeb;
}
.counterto[data-class-color='standard'] {
    color: #838383;
}
.counterto[data-class-color='black'] {
    color: #000;
}
/*Copy color from counter and apply to span:before*/
.counterto[data-class-color='blue'] + span:before {
    background-color: #08c;
}
.counterto[data-class-color='turqouise'] + span:before {
    background-color: #00c1cf;
}
.counterto[data-class-color='pink'] + span:before {
    background-color: #fe6c61;
}
.counterto[data-class-color='violet'] + span:before {
    background-color: #8d6dc4;
}
.counterto[data-class-color='orange'] + span:before {
    background-color: #f7be68;
}
.counterto[data-class-color='grey'] + span:before {
    background-color: #ebebeb;
}
.counterto[data-class-color='standard'] + span:before {
    background-color: #838383;
}
.counterto[data-class-color='black'] + span:before {
    background-color: #000;
}
.big{
    word-wrap: break-word;
    overflow: hidden;
    text-align: center;
    animation-duration: 2s !important;
    animation-delay: .5s !important;
    padding: 1em;
    border-width: 2px;
    width: 325px;
    height: 325px;
    margin: 50px auto !important;
}
.big i  {
    width: 100%;
}
.big span {
    text-align: center;
}
.iconcounter {
    padding-top: 5%;
    padding-bottom: 15%;
}
/*Responsivenes*/
@media (max-width: 1200px) {
    .big {
        width: 250px;
        height: 250px;
    }
    .big i {
       font-size: 1em;
    }
}
@media (max-width: 992px) {
    .big {
        width: 250px;
        height: 250px;
    }
    .big i {
       font-size: 1em;
    }
}
@media (max-width: 992px) {
    .big {
        width: 325px;
        height: 325px;
    }
    .big i  {
        font-size: 2em;
    }
}


/* Job List */
.bi-joblist {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.bi-joblist__item {
    border:1px solid #666666;
    position: relative;
    width: 100%;
    max-width: 800px;
    margin:20px 20px 20px 0;
    padding-bottom: 20px;
}

.bi-joblist__item .title {
    background: #666666;
    color: #ffffff;
    margin:0;
    padding:10px 15px;
    font-size: 18px;
    line-height: 1.5;
}
.bi-joblist__item .einsatzort {
    padding:3px 5px;
    display: inline-block;
    font-size: 16px;
    margin: 10px;
}
.bi-joblist__item .category {
    padding:3px 5px;
    display: inline-block;
    font-size: 16px;
    margin: 10px;
}
.bi-joblist__item .code {
    padding:2px 10px;
    background: #0092d0;
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    width: 100%;
}

.bi-joblist__item .kurzbeschreibung{
    font-size: 16px;
    line-height: 1.5;
    padding:0 10px;
    margin:20px 0;
}
.bi-joblist__item .voraussetzung {
    font-size: 16px;
    line-height: 1.5;
    padding:0 10px;
    margin:20px 0;
}

.bi-joblist__item .kurzbeschreibung p, .bi-joblist__item .voraussetzung p {
    padding:0 20px;
}
.bi-joblist__item .kurzbeschreibung h6, .bi-joblist__item .voraussetzung h6 {
    font-size: 18px;
}

.bi-joblist__footer {
    position: absolute;
    bottom: 0;
    right: 0;
    left:0;
}



#bi-jobs-categories, #bi-jobs-gebiete {
    width: 300px;
}

.filter-container {

}

.filter-item {
    float:left; margin-right: 10px;
}
.filter-item label {
    display: block;
}


.bi-joblist__more {
    border-bottom: 1px solid #666;
    font-size: 14px;
    /*margin-bottom: 0px;*/
    position: relative;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
}
.bi-joblist__more span {
    background:  #0092d0;
    color: #ffffff;
    padding: 5px 15px;
    position: relative;
    top: 16px;
    cursor: pointer;
    border-radius: 15px;
}
.bi-joblist__description {
    display: none;
}

.bi-filter-reset {
    clear:both;
    display: block;
}