/* ====== COLORS =======
 * main orange: rgb(240, 129, 19)
 * filter icon: #F08113
 * timetable icon: #679DF6
 * pinboard icon: #3FB079
 * group icon: #DB4437
 * article icon: #8E24AA
 * follows notification: #039BE5
 * function notification: #7CB342
 * message notification: #F6BF26
*/

/******************************
Settings Start
******************************/
#profile-settings .form-control{
  background-color: #fff;
  width: auto;
}
/*****Settings - Side Menu*****/
.dave-container-settings{
  max-width: 100%;
}
@media (min-width: 992px){
  .dave-main-settings{
    margin-left: 100px;
    margin-top: 20px;
  }
}

.dave-sidebar-settings{
  padding: 0;
}
.dave-sidebar-settings a{
  padding: 10px 16px 10px 24px;
  display: block;
  border-radius: 0 50px 50px 0;
}
.dave-sidebar-settings a.active{
  background-color: RGBA(250, 225, 201, 1.00);
  color: rgb(240, 129, 19) !important;
  font-weight: inherit;
}
.dave-sidebar-settings a:hover{
  background-color: rgba(0,0,0,0.039);
  transition-duration: 15ms;
  transition-timing-function: ease;
  transition-delay: 0s;
  text-decoration: none;
}
.dave-sidebar-settings a.active:hover{
  background-color: RGBA(250, 225, 201, 1.00);
}
/*****Settings - Kacheln*****/
.dave-row-settings{
  border-radius: 8px;
  box-shadow: 0 2px 4px rgb(247 164 32 / 16%);
  background-color: #fff;
}
.dave-row-settings .col-lg-8, .dave-row-settings .col-lg-12, .dave-row-settings .col-md-4{
  padding-left: 24px;
  padding-right: 24px;
}
.dave-row-settings .col-lg-8{
  flex: 0 0 100%;
  max-width: 100%;
}
.dave-row-settings .col-lg-4{
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
}
.dave-row-settings .col-lg-4 a{
  display: block;
  border: none;
  border-top: 1px solid var(--second-3) !important;
  border-radius: 0px 0px 7px 7px;
  text-align: left;
  padding: 14px 24px;
  color: rgb(240, 129, 19) !important;
  font-size: .875rem;
  margin-top: 15px;
}
.dave-row-settings .col-lg-4 a:hover{
  background-color: var(--second-4) !important;
}
.dave-row-settings .col-lg-12{
  margin-top: 15px;
  font-size: larger;
}
.dave-row-settings .col-lg-12 label{
  color: var(--primary);
}
.dave-row-settings .col-lg-8{

}
.dave-settings-payment-img img{
  margin-top: 15px;
  max-width: 100%;
}
.dave-settings-left-blog{
  padding: 0;
}

.dave-settings-small-titel{
  text-transform: uppercase;
  font-size: .775rem;
  font-weight: 500;
  letter-spacing: .07272727em;
  vertical-align: middle;
  line-height: 50px;
  margin: 0;
}
.dave-settings-small-titel-profile-img{
  line-height: 150px;
}
.dave-settings-formular{
  border: none;
  border-bottom: 2px solid #fff;
  border-radius: 8px !important;
  background-color: #fff;
}
.dave-settings-formular:hover{
  background-color: #f5f5f5 !important;
}
.dave-settings-formular:focus{
  border: none !important;
  border-bottom: 2px solid rgb(240, 129, 19) !important;
  border-radius: 8px 8px 0 0 !important;
  background-color: #f5f5f5 !important;
}
.dave-settings-border-bottom{
  border-bottom: 1px solid var(--primary-4);
  margin: 0 !important;
  padding: 9px 0px;
}
.dave-settings-border-bottom .col-lg-3, .dave-settings-border-bottom .col-lg-4{
  padding-left: 0;
}
.dave-settings-box{
  border: 1px solid var(--primary-4);
  border-radius: 8px;
  padding: 0px 0 0 24px;
  background-color: #fff;
}
@media (max-width: 991px){
  .dave-settings-box, .dave-row-settings{
    margin: 1rem;
  }
  .dave-h1-settings{
    margin-left: 1rem;
  }
  .dave-settings-formular{
    padding-left: 0 !important;
    margin-left: -15px !important;
  }
}
.dave-settings-h2{
  font-size: larger;
  font-weight: 500;
  margin-top: 15px;
}
.dave-border-bottom-none{
  border-bottom: none;
}
.dave-padding-left-none{
  padding-left: 0;
}
.dave-left-padding-35{
  padding-left: 35px;
}
.dave-margin-bottom-20{
  margin-bottom: 20px;
}
.dave-orga-box{
  padding-bottom: 20px;
}
.dave-orga-box .chosen-choices{
  border: none;
  border-radius: 8px;
  padding-left: 20px;
}
.dave-orga-box .chosen-choices:hover {
  background-color: #f5f5f5 !important;
}
.dave-orga-box .chosen-choices:focus{
  background-color: #f5f5f5 !important;
}
.dave-orga-box .chosen-drop{
  border-radius: .25rem;
  font-size: 1rem;
}
.dave-orga-box .active-result{
  color: rgb(240, 129, 19);
}
.dave-orga-box .active-result:hover{
  background-color: #f8f9fa !important;
}
.dave-orga-box .result-selected, .dave-orga-box .active-result{
  padding: 6px 9px;
}
.dave-padding-left-20{
  padding-left: 20px;
}
.dave-orga-box #addOrga{
  padding-left: 20px;
}
.dave-right-padding-0{
  text-align: right;
  padding: 0;
}
.dave-right-padding-0 .dave-button-abbrechen{
  font-size: 1rem;
}
.dave-right-padding-0 .dave-button-speichern{
  font-size: 1rem;
  border: none;
  margin-left: 20px;
}
.dave-margin-right-10px{
  margin-right: 14px;
}
.dave-h1-settings{
  margin: 0 0 5px !important;
  font-size: 2rem;
  color: var(--primary);
}
.settingsWunschbeitragh2intro{
  color: var(--second);
  font-size: 1.2rem;
  line-height: 1.4;
}
.settingsWunschbeitragMehrInfosButton, .settingsWunschbeitragMehrInfosButton:hover{
  background: linear-gradient(90deg, var(--primary) 0%,var(--second) 100%);
  font-size: 15px;
  font-weight: 600;
  border-radius: 8px;
  color: #fff !important;
  padding: 5px 7px;
  text-decoration: none;
}
.settingsWunschbeitragRowInfos{
  background-color: var(--second-4);
  padding: 15px;
  border-radius: 10px;
}
/******************************
Settings End
******************************/

/******************************
Connect Startseite
******************************/
#registrationSection{
  padding: 5rem 0;
}
.dave-margin-bottom-1rem{
  margin-bottom: 1rem;
}
.app-container__text .dave-connect-img-store{
  width: 120px;
  height: 40px !important;
}
.app-container__text .dave-margin-right-10px{
  margin-right: 10px;
}
.dave-connect-app-img-box{
  margin: 2rem 0 1rem 0px;
}
/******************************
Connect Startseite End
******************************/

/******************************
About
******************************/
.dave-background-orange-transparent{
  background-image: linear-gradient(45deg, var(--primary-4) 0%, var(--second-4) 50%);
    padding: 2rem 0;
    border-bottom: 16px solid #fff;
}
.dave-titel-about-community{
  font-size: 1.8rem;
}
.img-eco-about{
  height: 150px;
  width: auto !important;
}
.slider-about-eco{
  margin: auto;
}
.slider-about-eco .carousel-item{
  background: #fcdfb0;
  padding: 2rem 0 150px 0;
  border-radius: 8px;
}
.slider-about-eco .w-100{
  margin: auto;
}
.slider-about-eco .carousel-caption{
  color: var(--color-text-light);
}


/******************************
About
******************************/