@CHARSET "utf-8";

/* Basis */

@font-face {
	font-family: Lubalin;
	src: url(lubalin_light.woff);
	font-weight: lighter;
}

@font-face {
	font-family: Lubalin;
	src: url(lubalin_bold.woff);
	font-weight: bold;
}

body {
	text-align: center;
	font-family: sans-serif;
	background-color: #5A6;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(img/background.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
	
}

/* IDs */

#headline {
	font-weight: bold;
	font-size: 9mm;
	margin-top: 3%;
	color: #F8FFF8;
	font-family: "Verdana";
}

#output {
	margin-top: 3%;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 14px 10px 14px;
	min-height: 56px;
	width: 82%;
	max-width: 12cm;
	border: #EFFEEF solid 3px;
	border-radius: 6px;
	color: #EFFEEF;
	font-size: 20px;
	background-color: #A3C8A3C8;
	-webkit-box-shadow: 0px 0px 4px 4px #CCC;
	-moz-box-shadow: 0px 0px 4px 4px #CCC;
	box-shadow: 0px 0px 4px 4px #CCC;
}

#button {
	margin-top: 1.5%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	width: auto;
	display: inline-block;/*
	background-color: #36B140;*/
	background-color: rgba(245,12,135,255);
	padding: 5px 10px 10px 10px;
	font-size: 24px;/*
	color: #AFFFCB;*/
	color: #fff;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border-style: outset;
	border-width: 4px;/*
	border-color: #7C5;*/
	border-color: rgba(220,15,110,255);
	text-align: center;
	font-family: "Verdana";
	font-weight: bold;
}

#button:hover {/*
	background-color: #3AB948;
	border-color: #73D373;*/
	background-color: rgba(255,32,155,255);
	border-color: rgba(230,35,130,255);
	cursor: pointer;
}

#button:active {
	border-style: inset;
}

#wrapper {
	height: 5cm;
}

#img {
	height: 4.5cm;
	background-image: url(img/characters-1.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

#button > span {
	font-size: 18px;
}


/* Klassen */

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.link {
	color: #bef;
	text-decoration: underline;
}