body,html{
  font-family: montserrat;
  min-width: 1240px;
  background-color: #f4f5f8;
}

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

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

.color-i{
  color: #f08006 !important;
}

.bgcolor{
  background-color: #f08006;
}

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

.font-pw{
  font-family: 'Bebas Neue';
  font-size: 17px;
  letter-spacing: 0.5px;
}

hr{
  border: 0 !important;
  color: #ccc;
  opacity: 1;
}

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

.img-row>div:not(.img-row-icons), .img-row>a:not(.img-row-icons){
  display: flex;
  align-items: center;
}

.sort-up{
  transform: rotate(-90deg);
}

.sort-down{
  transform: rotate(90deg);
}

.spezial-sort-up-uebungen{
  transform: rotate(180deg);
}

.spezial-sort-down-uebungen{
  transform: rotate(0deg);
}


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

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

.ql-container{
  height: 400px !important;
  font-family: montserrat;
  background-color: #0F0F0F;
  color: #E9E9E9;
}

.ql-editor h1{
  font-family: 'Bebas Neue' !important;
  font-size: 22px !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 10px;
}

.ql-editor h2{
  font-family: 'Bebas Neue' !important;
  font-size: 18px !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 5px;
}

.material-icons{
  top: 2px;
  position: relative;
  cursor: pointer;
}

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

.btn-primary{
  background-image: linear-gradient(to bottom, #f39200 0%, #e94e1b 100%);
  transition: all 0.2s;
  border-color: #f39200 !important;
}

.btn-primary:hover, .btn-primary:active{
  background-image: linear-gradient(to bottom, #f39200 0%, #e94e1b 100%);
}

.btn-primary:focus, .form-control:focus{
  box-shadow: 0 0 0 0.25rem rgba(243,146,0,.5) !important;
}

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

/*.navbar{
  background-image: url(../img/background.jpg?width=1920);
  background-position: center;
  background-size: cover;
}*/

.accordion-button, .accordion-button:not(.collapsed) {
  color: #f08006;
  background-color: #f4f5f8;
}

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

.pell h1, .pell h2{
  color: #009FE3;
}

.login-bg{
  background-image: url(../img/background2.jpg?width=1920);
  background-position: center;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
}

.login-title{
  font-size: 38px;
  font-weight: 600;
  font-style: italic;
  color: #fff;
}

.nav-bg, .login-bg-inner{
  background-color: rgba(0,0,0,0.7);
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
}

.container.wrapper{
  margin-top: calc( 61px + 20px);
  margin-bottom: 50px;
  padding: 30px;
  width: 1140px;
  min-width: 1140px;
  max-width: none;
}

.container.wrapper, .card{
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
  border-radius: 5px;
}

.card-title {
  padding: 10px 0;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  border-bottom: 2px solid #f08006;
  box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  position: relative;
}

.card-content{
  padding: 0 10px 10px 10px;
}

.container.wrapper.login{
  background-color: transparent;
  border: 0;
  width: 410px;
  min-width: 0;
  padding: 0;
  margin-top: 100px;
  box-shadow: none;
}

.fancybox-input-bild{
  float:left;
  height: 50px;
  width: 50px;
  text-align: center;
  margin-right: 10px;
  align-items: center;
  display: flex;
  justify-content: center;
}

.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: 100px;
  width: 100px;
}

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

.fancybox-input-bild.size4{
  height: 150px;
  width: 150px;
}

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

.nav-item{
  position: relative;
}

.nav-item .dropdown-item{
  position: relative;
}

#loader{
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: rgba(255,255,255,0.7);
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}

#loader .spinner-border{
  height: 50px;
  width: 50px;
  color: #f08006;
}

.custom-control-label::before, .custom-control-label::after{
  width: 30px;
  height: 30px;
  cursor: pointer;
  box-shadow: none !important;
}
.custom-control-label{
  height: 38px;
}
.custom-control-label.sm::before, .custom-control-label.sm::after{
  width: 25px;
  height: 25px;
}
.custom-control-label.sm{
  height: 30px;
}

.custom-control-label.xs::before, .custom-control-label.xs::after{
  width: 20px;
  height: 20px;
}
.custom-control-label.xs{
  height: 20px;
}

.custom-control-input:checked~.custom-control-label::before {
  border-color: #009FE3;
  background-color: #009FE3;
}

.custom-control-row{
  position: absolute;
  top: -5px;
}

.modal-footer, .modal-header{
  justify-content: center;
}

.modal-wide{
  max-width: 1200px;
}

.modal-scroller{
  max-height: 650px;
  overflow-y: auto;
  overflow-x: hidden;
}

.geraete-multiselect{
  min-height: 250px;
  overflow: auto;
}

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

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

.dropdown-item.active, .dropdown-item.active a{
  color: #fff;
  text-decoration: none;
  background-color: #f08006;
}

.uebung-col{
  float: left;
  margin-left: 10px;
}
.uebung-col .bild{
  height: 200px;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}

.mitarbeiter-trainingsplan-anzahl{
  position: relative;
  top: -5px;
}

.zwischentitle{
  background-color: #f08006;
  color: #fff;
  padding: 2px 10px;
  font-weight: 500 !important;
  margin-top: 30px;
  font-size: 18px;
}

.smiley{
  width: 30px;
}


.smiley.i2{
  width: 27px;
}

.accordion-button:not(.collapsed)::after{
  filter: grayscale(1);
}