/**********************/
/********BUTTONS*******/
/**********************/


.breakLine {
  white-space: normal;
}

/********SUPPORT BUTTONS*****/

.supportRadio {
  visibility: hidden;
  position: absolute;
  z-index: -1;
}

.supportBtn {
  width: 100%;
}





/*BUTTONS SpendenIndex*/
.customBtnSpendenIndex {
  border-color: #b0ca83;
  color: #b0ca83;
  position: relative;
  z-index:10;
  text-shadow: none; /*1px 2px 5px rgba(0,0,0,.51);*/
  background-color: rgba(52, 59, 29,0.6);
  width: 240px;
  max-width: 80%
}

.customBtnSpendenIndex:focus { 
  color: #343b1d; 
  border-color: #b0ca83;
}

.customBtnSpendenIndex:hover, 
.customBtnSpendenIndex:active, 
.customBtnSpendenIndex.active, 
.open .dropdown-toggle.customBtnSpendenIndex { 
  color: #343b1d !important; 
  background-color: #b0ca83; 
  border-color: #b0ca83;
}
.customBtnSpendenIndex:focus { 
  box-shadow: none; /*0 0 0 0.2rem rgba(22,47,65,0.5);*/
  background-color: none;
} 
.customBtnSpendenIndex:active, .customBtnSpendenIndex:active:focus, .customBtnSpendenIndex:not(:disabled):not(.disabled):active:focus, .customBtnSpendenIndex:not(:disabled):not(.disabled):active  { 
  box-shadow: none; /* 0 0 0 0.2rem rgba(22,47,65,0.5);*/
  background-color: rgba(52, 59, 29,0.6);
  border-color: #b0ca83;

} 

/*BUTTONS Spenden*/
.customBtnSpenden {
  /*background-color: var(--mainGreen);*/
  /*border-color: var(--darkGreen);*/
  /*color: var(--darkGreen);*/
  /*box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;*/
  /*backdrop-filter: blur(5px);*/
  /*-webkit-backdrop- filter: blur(5px);*/
}

.customBtnSpenden:focus { 
  box-shadow: none; /*0 0 0 0.2rem rgba(172,202,142);*/
  background-color: var(--mainGreen);
  border-color: var(--mainGreen);
}

.customBtnSpenden:hover, 
.customBtnSpenden:active, 
.customBtnSpenden.active, 
.open .dropdown-toggle.customBtnSpenden { 
  background-color: var(--darkGreen);
  border-color: var(--darkGreen);
  color:white;

}

.customBtnSpenden:active, .customBtnSpenden:active:focus, .customBtnSpenden:not(:disabled):not(.disabled):active:focus, .customBtnSpenden:not(:disabled):not(.disabled):active  { 
  background-color: var(--mainGreen);
  border-color: var(--mainGreen);
  box-shadow: none;/* 0 0 0 0.2rem rgba(172,202,142);*/
} 


/*Custombtn BUTTONS*/

/***ButtonHover****/

/*.linkSuppress:hover .btn{
  color: #ffffff; 
  background-color: var(--mainColor); 
  border-color: var(--mainColor);
}*/

.linkSuppress a {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}

.linkSuppress li:hover{
  /*color: var(--text-secondary); */
  background-color: var(--softGray); 
  /*border-color: var(--mainColor);*/
}

.customBtn {
  /*border-color: var(--mainColor);*/
  border: 1px solid var(--mainColor);
  color: var(--mainColor);
  /*box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;*/
  /*backdrop-filter: blur(5px);*/
  /*-webkit-backdrop-filter: blur(5px);*/
  /*background-color: var(--secondBlue); */
  /*min-width: 60%;*/
}

.customBtn:focus { 
  color: var(--mainColor); 
  border-color: var(--mainColor);
}


.customBtn:active,
.customBtn:hover, 
.customBtn.active, 
.open .dropdown-toggle.customBtn { 
  color: #ffffff; 
  background-color: var(--mainColor) !important; 
  border-color: var(--mainColor);
}


.customBtnWhite {
  border-color: white;
  color: white;
  /*min-width: 60%;*/
}



.customBtn:focus { 
  box-shadow: none; /*0 0 0 0.2rem rgba(22,47,65,0.5);*/
  background-color: none;
} 
.customBtn:active, .customBtn:active:focus, .customBtn:not(:disabled):not(.disabled):active:focus, .customBtn:not(:disabled):not(.disabled):active  { 
  box-shadow: none; /*0 0 0 0.2rem rgba(22,47,65,0.5);*/
  background-color: rgba(22,47,65,0.5);
  border-color: rgba(22,47,65,0.5);
}

#headerBtn{
  min-width: 0px;
  width: 112px;
}

.umbruch {
  word-wrap: break-word;
  white-space: normal;
}

/**********************/
/********BUTTONS*******/
/**********************/
.iconBlue:not(:hover)  {
  color: var(--mainColor);
}

.iconWhite:not(:hover)  {
  color: white;
}

#playButton  {
  color: white;
}

/*.maincolor  {
  color: var(--mainColor);
}
*/

/**********************/
/********helpReference*******/
/**********************/

.helpReference{
  /*text-decoration: underline;*/
  cursor: pointer;
  border-bottom: 2px solid currentColor;
  display: inline-block;
  line-height: 0.85;
}


/**********************/
/********clickableList*******/
/**********************/

.clickableList a{
  color: var(--mainColor);
}
.clickableList:hover{
  background-color: var(--softGray);
  color: var(--mainColor);
}
.clickableList a:hover{
  text-decoration-color: inherit;
}