/* ----------------- */
/* eigene Buttons  */
/* ----------------- */

.button_verlauf {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: 900;
   font-size: 18px;
   text-align: center;
   text-decoration: none;
   font-size: 21px;
   color: #ffffff !important;
	
   background: linear-gradient(96deg, #00cde7 0%, #84b100 100%);
   padding: 8px 27px !important;
	
   border: solid #00cde7 0px;
   box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
   border-radius: 27px;
	
   transition : 1008ms;
   transform: translateY(0);
   display: flex;
   flex-direction: row;
   align-items: center !important;
	 justify-content : center;
   cursor: pointer;
      	
}

.button_verlauf:hover {
   background: linear-gradient(96deg, #84b100 0%, #00cde7 100%);
	font-size: 1.2em;
}	


/*--------------------- */
.button_viola {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: 900;
   font-size: 18px;
   text-align: center;
   text-decoration: none;
   font-size: 21px;
   color: #ffffff !important;
	
   background: linear-gradient(96deg, #37195e 0%, #632481  100%);
   padding: 8px 27px !important;
	
   border: solid #37195e 0px;
   box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
   border-radius: 27px;
	
   transition : 1008ms;
   transform: translateY(0);
   display: flex;
   flex-direction: row;
   align-items: center !important;
	 justify-content : center;
   cursor: pointer;
}

.button_viola:hover {
   background: linear-gradient(96deg, #632481	 0%, #37195e 100%);
	font-size: 1.2em;
}	


.button_gross {
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:9px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Arial;
	font-size:27px;
	font-weight:bold;
	padding:9px 27px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.button_gross:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}
.button_gross:active {
	position:relative;
	top:1px;
}


.button_klein {
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:9px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	padding:9px 27px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.button_klein:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}
.button_klein:active {
	position:relative;
	top:1px;
}