/* Schatten beim Markieren des textes deaktivieren ---------------- */
::selection
	{
	text-shadow:	none;
         }

.links-oben-verschwommen2-rot
	{
         text-shadow: 	5px 3px 2px red;
         }
.links-oben-verschwommen2-rot-halbtransparent
	{
         text-shadow: 	5px 3px 2px rgba(255, 0, 0, 0.5);
         }
.nach-oben-verschoben
	{
         text-shadow: 	0px -10px 0px #456B22;
         }
.nach-oben-verschoben-weiss
	{
         text-shadow: 	0px -10px 0px rgba(255, 255, 255, 0.5);
         }
.unten-schwarz
	{
         text-shadow: 	0px 5px 2px black;
         }
.zwei-Schatten
	{
         color: 		black;
         text-shadow: 	0px 10px 0px red, 0px 20px 0px blue;
         }
.drei-Schatten
	{
         text-shadow: 	0px 3px 0px #bbbbbb, 0px 4px 3px #444444, 0px 4px 14px #666666;
         }
/* button --------------------------------------------------------- */
.button
	{
         background: 	linear-gradient (#32c1f0 0%, #32c1f0 49%, #30bbe9 49%, #30bbe9 100%);
         border-width:	50px;
         border-radius:	5px;
         height:		38px;
         width:		200px;
         box-shadow: 	5px 5px 5px 5px rgba(33, 66, 99, 0.1);
         }

.gluehen
	{
         border:		1px solid #ad9c9c;
         width:		200px;
         line-height:	1.4;
         display: 		block;
         padding: 		6px 12px;
         border-radius:	6px;
         box-shadow:	0px 1px rgba(34, 25, 25, 0, 15) inset, 0px 1px #ffffff;
         transition:	all 0.8s ease-in-out;
         }
.gluehen:focus
	{
         border-color:	#993300;
         outline:		none;
         box-shadow:	0px 1px rgba(34, 25, 25, 0.15) inset, 0px 1px rgba(255, 255, 255, 0.8), 0px 0px 14px rgba(235, 82, 82, 0.35);
         }

.gluehen2
	{
         border:		1px solid #ad9c9c;
         width:		200px;
         line-height:	1.4;
         display: 		block;
         padding: 		6px 12px;
         border-radius:	6px;
         box-shadow:	0px 1px rgba(34, 25, 25, 0, 15) inset, 0px 1px #ffffff;
         transition:	all 0.5s ease-in-out;
         }
.gluehen2:focus
	{
         border-color:	#993300;
         outline:		none;
         box-shadow:	300px 0px rgba(34, 25, 25, 0.15) inset, 0px 0px rgba(235, 82, 82, 0.8), 10px 10px 4px rgba(235, 82, 82, 0.35);
         }


/* http://www.cssmatic.com/gradient-generator mit "Kreis" und "Invers-Funktion" */

.gradient-button
	{
         background: radial-gradient(ellipse at center, rgba(115,190,237,1) 0%, rgba(115,190,237,1) 34%, rgba(38,148,217,1) 50%, rgba(83,172,228,1) 51%, rgba(83,172,228,1) 99%);
         width:		200px;
         }

.gradient-button:focus
	{
         background: radial-gradient(ellipse at center, rgba(83,172,228,1) 1%, rgba(83,172,228,1) 49%, rgba(38,148,217,1) 50%, rgba(115,190,237,1) 66%, rgba(115,190,237,1) 100%);
         width:		200px;
         }
/* ---------------------------------------------------------------- */
.blau-verschwommen
	{
         box-shadow: 	0px 0px 20px blue;
         }

.blau-verschwommen-inset
	{
         box-shadow: 	0px 0px 20px blue inset;
         }

.blau-verschwommen-groesser
	{
         box-shadow: 	0px 0px 20px 10px blue;
         }

.blau-verschwommen-nur-rechts
	{
         box-shadow: 	10px 0px 10px -3px blue;
         }

.blau-verschwommen-nur-unten
	{
         box-shadow: 	0px 10px 5px -5px blue;
         }

.mehrere-schatten
	{
         border:		4px solid yellow;
         box-shadow: 	0px 0px 0px 4px orange, 0px 0px 0px 8px red, 0px 0px 0px 12px blue;
         }
/* ---------------------------------------------------------------- */