/* requires _variables.css */
/* requires w3.css */

:root {
	--button-border-radius: 5px;
	--button-height: 40px;
	--button-height-small: 35px;
}



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

.w3-button {
  white-space: normal;
  width: 100%;
}

.w3-button.button-gray,.w3-button.button-gray:hover, 
.w3-button.button-black,.w3-button.button-black:hover, 
.w3-button.button-green,.w3-button.button-green:hover,
.w3-button.button-brown,.w3-button.button-brown:hover,
.w3-button.button-white-light-brown,.w3-button.button-white-light-brown:hover {
	/*padding:6px 16px;*/
	font-family: 'AndesNeue-Medium';
	font-size: 18px;
	border-radius: var(--button-border-radius) !important;
	height: var(--button-height);
}

.button-gray, .button-gray:hover {
  background-color: var(--bioplatzl-gray) !important;
  color: white !important;
}
.button-black, .button-black:hover {
  background-color: var(--bioplatzl-dark-gray) !important;
  color: white !important;
}

.button-green {
	color:#fff !important; 
	background-color:var(--bioplatzl-green) !important; 
}
.button-green:hover {
	color:#fff !important; 
	background-color:var(--bioplatzl-dark-green) !important; 
}

.button-white-light-brown {
	border: 2px solid var(--bioplatzl-light-brown-50);
	color: var(--bioplatzl-dark-brown);
	background-color: white;
}
.button-white-light-brown:hover {
	color: #fff !important; 
	border: 2px solid var(--bioplatzl-brown);
	background-color: var(--bioplatzl-brown) !important;
}

.button-brown {
	color: #fff;
	background-color: var(--bioplatzl-brown) !important; 
}
.button-brown:hover {
	color: #fff !important; 
	background-color: var(--bioplatzl-dark-brown) !important; 

}

.button-small {
	height: var(--button-height-small) !important;
	font-size: 16px !important;
  width: revert;
}