/* FLEXBOX PREFIX */
@mixin flexbox() {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;		}
@mixin flex($values) {
  -webkit-box-flex: $values;
  -moz-box-flex:  $values;
  -webkit-flex:  $values;
  -ms-flex:  $values;
  flex:  $values;		}
@mixin order($val) {
  -webkit-box-ordinal-group: $val;  
  -moz-box-ordinal-group: $val;     
  -ms-flex-order: $val;     
  -webkit-order: $val;  
  order: $val;			}
  
@font-face{
	font-family: "segoe";
    src: url('../font/segoe.ttf'),
    url('../font/segoe.ttf'); /* IE */
}

/* COLORS */
/* Stammfarben-Verzeichnis als Variablen */
:root{
	--back:		rgba(255,255,255,1.0);	/* WEISS */
	--font:		rgba(135,180,20,1.0);		/* GRÜN */
	--fontback:	rgba(135,180,20,0.08);		/* GRÜN BLASS */
	--fontlink:	rgba(100,150,00,1.0);		/* GRÜN DUNKEL*/
}
/* COLORS END */

/* HTML ELEMENTS */
* {	
	margin:			0px;
	padding:		0px;
	font-family:	'Droid Sans', serif;
	color:			var(--font);		}
html, body {
	height:			100%;		}
body{
	width:			100%;
	height: 		100%;
	background: 	var(--back);
	overflow-y:		scroll;	}
p,li {
	font-weight:	100;
	line-height:	150%;
	font-size:		120%;	}
a{
	text-decoration:none;
	}
p{	
	margin-top:		0px;	}
p:first-child{	
	margin-top: 	0px;	}
hr{	
	margin:			0px;			}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family:	'segoe', cursive;
	color:			var(--font);		}
h1{	font-size:		3.0vw;	
	font-weight:	100;	}
h2{	font-size:		1.8vw;	}
h3{	font-size:		1.6vw;	}
h4{	font-size:		1.4vw;	}
h5{	font-size:		1.2vw;	}
h6{	font-size:		1.0vw;	}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
	font-family:	raleway, sans-serif;
	font-weight:	900;	}
img {
	border:			none;
	}	
ul {
	list-style: 	none;	}
table{
	max-width:		100%;	}
td, th {
	padding:		5px;
	color:			var(--font);
	text-align: 	left;
	vertical-align:	top;}
input[type="submit"]{
	padding:		5px;
	background:		var(--back);
	color:			var(--font);
}
textarea {
	max-height:		100px;
	width:			100%;
	max-width:		100px;}
input, textarea{
	color:			var(--back);		}
/* HTML ELEMENTS END */