body,html{
  font-family: roboto;
  min-width: 1240px;
}

.color, h1, h2, h3, h4{
  color: #BCCF02;
}

a, a:hover, a:active, a:focus{
  color: #000;
  text-decoration: none;
}

.bcolor{
  border-color: #BCCF02 !important;
}

.btn-primary{
  background-color: #BCCF02 !important;
  border-color: #BCCF02 !important;
}

.btn-primary:hover, .btn-primary:active{
  background-color: #BCCF02 !important;
  border-color: #BCCF02 !important;
}

.form-control:focus, .form-control:active{
  border-color: #BCCF02;
}

.navbar-nav{
  flex-direction: row;
  -ms-flex-direction: row;
}

.navbar{
  background: #303030 !important;
}

.nav-link{
  padding-right: .5rem !important;
  padding-left: .5rem !important;
}

.dropdown-item.active{
  background-color: #BCCF02;
}

.dropdown-item.active a{
  color: #fff;
}

.container.wrapper{
  background-color: #f8f9fa;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 30px;
  border: 1px solid #b9b9b9;
  width: 1310px;
  min-width: 1310px;
  max-width: none;

}

input, textarea, button, .input-group, .input-group-prepend, .input-group-text, .btn{
  border-radius: 0 !important;
  box-shadow: none !important;
}

label{
  font-weight: 500;
  display: block;
}

.title{
  margin-bottom: 15px;
  border-bottom: 1px solid #BCCF02;
  padding-bottom: 15px;
}

.form-control-file{
  width: auto;
}

.fancybox-input-bild{
  float:left;
  display: block;
  height: 50px;
  width: 50px;
  text-align: center;
  margin: 0 7px;
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}

.fancybox-input-bild img{
  max-width: 50px;
  max-height: 50px;
}

.fancybox-input-bild.size2{
  height: 75px;
  width: 75px;
}

.fancybox-input-bild.size2 img{
  max-width: 75px;
  max-height: 75px;
}

.fancybox-input-bild.size0{
  height: 30px;
  width: 30px;
  justify-content: left;
  margin: 0;
}

.fancybox-input-bild.size0 img{
  max-width: 30px;
  max-height: 30px;
}

.fancybox-input-bild.size3{
  height: 180px;
  width: 180px;
}

.fancybox-input-bild.size3 img{
  max-width: 180px;
  max-height: 180px;
}

.img-row{
  height: 50px;
  overflow: hidden;
}

.img-row .img{
  display: flex;
  align-items: center;
  justify-content: center;
}

.img-row .img img{
  max-height: 53px;
}

.img-row>div:not(.img){
  padding-top: 13px;
}

.img-row-icons{
  padding-top: 10px !important;
}

.sort-wrapper>div:first-child .material-icons.up{
  visibility: hidden;
}

.sort-wrapper>div:last-child .material-icons.down{
  visibility: hidden;
}

.hinweis-icon .material-icons{
  top: 3px;
  font-size: 17px;
  position: relative;
}

.pell-content{
  background-color: #fff;
}

.pell h1, .pell h2{
  color: #BCCF02;
}
.editor-label{
  position: absolute;
  right: 23px;
  top: 4px;
}

.material-icons{
  cursor: pointer;
}

.galerie-bild{
  text-align: center;
  margin: 5px;
  border: 2px solid transparent;
}

.galerie-bild.over {
  border: 2px dashed #000 !important;
}

.galerie-bild-inner{
  border: 1px solid #b9b9b9;
  padding: 10px 5px 0 5px;
}

.iconTermin{
  position: relative;
  top: 5px;
  margin-left: 6px;
}

.termineBeitraegeGalerien{
  padding-top: 7px !important;
}

.termine-row-title{
  line-height: 1.0;
}

.video-icon{
  position: absolute;
  width: 50px;
  left: calc(50% - 25px);
  top: calc(50% - 25px);
  opacity: 0.85;
}

.autocompleteZwischenueberschriftWrapper{
  margin-top: 38px;
  position: relative;
  overflow: visible !important;
}

.autocompleteZwischenueberschrift{
  position: absolute;
  top: -30px;
  color: #BCCF02;
  left: 10px;
  font-weight: 600;
}

.galerie-bild-text{
  height: 180px;
  width: 194px;
  padding: 10px;
  background-color: #fff;
  font-weight: 600;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.readonly{
  pointer-events:none;
  opacity: 0.7;
}

.nav-programmauswahl{
  margin-left: 20px;
  margin-right: 30px;
  padding-right: 30px;
  border-right: 1px solid #ccc;
}

.zipLinkInput{
  visibility: hidden;
  position: absolute;
}

.galerie-text-wasserzeichen{
  position: absolute;
  max-width: 40px;
  max-height: 40px;
  bottom: 2px;
  right: 3px;
  opacity: 0.2;
  overflow: hidden;
}

.galerie-text-wasserzeichen img{
  width: 100%;
}

.galerie-text-fancybox{
  font-weight: 600;
  text-align: center;
}


.bootstrap-select>select.bs-select-hidden,select.bs-select-hidden,select.selectpicker {
  display: none!important
}

.bootstrap-select {
  width: 220px\0;
  vertical-align: middle
}

.bootstrap-select>.dropdown-toggle {
  position: relative;
  width: 100%;
  text-align: right;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.bootstrap-select>.dropdown-toggle:after {
  margin-top: -1px
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
  color: #999
}

.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover {
  color: rgba(255,255,255,.5)
}

.bootstrap-select>select {
  position: absolute!important;
  bottom: 0;
  left: 50%;
  display: block!important;
  width: .5px!important;
  height: 100%!important;
  padding: 0!important;
  opacity: 0!important;
  border: none;
  z-index: 0!important
}

.bootstrap-select>select.mobile-device {
  top: 0;
  left: 0;
  display: block!important;
  width: 100%!important;
  z-index: 2!important
}

.bootstrap-select.is-invalid .dropdown-toggle,.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle,.was-validated .bootstrap-select select:invalid+.dropdown-toggle {
  border-color: #b94a48
}

.bootstrap-select.is-valid .dropdown-toggle,.was-validated .bootstrap-select select:valid+.dropdown-toggle {
  border-color: #28a745
}

.bootstrap-select.fit-width {
  width: auto!important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 220px
}

.bootstrap-select .dropdown-toggle:focus,.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
  outline: thin dotted #333!important;
  outline: 5px auto -webkit-focus-ring-color!important;
  outline-offset: -2px
}

.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
  height: auto
}

:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) {
  width: 100%
}

.bootstrap-select.form-control.input-group-btn {
  float: none;
  z-index: auto
}

.form-inline .bootstrap-select,.form-inline .bootstrap-select.form-control:not([class*=col-]) {
  width: auto
}

.bootstrap-select:not(.input-group-btn),.bootstrap-select[class*=col-] {
  float: none;
  display: inline-block;
  margin-left: 0
}

.bootstrap-select.dropdown-menu-right,.bootstrap-select[class*=col-].dropdown-menu-right,.row .bootstrap-select[class*=col-].dropdown-menu-right {
  float: right
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  display: none; 
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0; 
  list-style: none;
  text-align: left; 
  background-clip: padding-box;

  > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    white-space: nowrap; 
  }
}

.bootstrap-select .btn{
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.bootstrap-select{
  width: 100% !important;
}


.gs-table td, .gs-table th{
  vertical-align: middle !important;
}

#paginationData.v-align-top .gs-table td, .gs-table th{
  vertical-align: top !important;
}

#paginationData .btn:not(.material-icons,.btn-sm){
  display: flex;
  align-items: center;
}