body {
	background-color: #172a50;
	color: #fff;
	font-family: PT serif;
	margin: 80px;
}
h1 {
	text-align: center;
}

.site-title {
	color: #000;
	font-size: 8vh;
	font-weight: bold;
	text-align: center;
	position: fixed;
	bottom: 85vh;
	width: 100vw;
	text-shadow: 1px 1px 2px #fff, 0 0 80px #333, 0 0 20px #111;
	margin: 0vh;
	padding: 0vh;
	z-index: -1;
}

.button {
	padding: 10px;
	font-size: 6vh;
}

.button {
	font-size: 16px;
	border: 2px solid #aaa;
	border-radius: 5px;
	font-family: PT serif;
	color: #fff;
	background-color: #222;
}

.previous, .next {
	background-color: #111;
	font-size: 2vh;
	position: fixed;
	bottom: 50vh;;
	margin: 0vh;
	padding: 3vh;
}
.previous {
	left: 10vw;
}
.next {
	right: 10vw;
}

.previous {
	margin-right: 100px;
	left: 100;
	z-index: 1;
}

.next {
	margin-left: 100px;
	right: 100;
	z-index: 1;
}
.eingabe, .ausgabe, .navigation {
	color: #fff;
	position: fixed;
	font-size: 6vh;
	padding: 4vh;
	background-color: #000;
	border: 1px solid;
	border-radius: 5px;
	width: 50vw;
	left: 25vw;
	text-align: center;
}
.eingabe {
	bottom: 50vh;
}
.ausgabe {
	bottom: 25vh;
}
.navigation {
}

.navigation {
	padding-top: 10px;
	padding-bottom: 10px;
}

#outer {
	display: box;
	box-pack: center;
	box-align: center;
}
#inner {
	width: 50%;
	display: table;
	margin: 0 auto;
}

.input {
	font-size: 32px;
	font-family: PT serif;
	width: 12vw;
	text-align: center;
}

.ausgabetext:before {
	content: 'Ausgabe: ';
}

/* cyrillic-ext */

@font-face {
	font-family: 'PT Serif';
	font-style: normal;
	font-weight: 400;
	src: local('PT Serif'), local('PTSerif-Regular'), url(http://fonts.gstatic.com/s/ptserif/v8/5hX15RUpPERmeybVlLQEWBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
	unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
	font-family: 'PT Serif';
	font-style: normal;
	font-weight: 400;
	src: local('PT Serif'), local('PTSerif-Regular'), url(http://fonts.gstatic.com/s/ptserif/v8/fU0HAfLiPHGlZhZpY6M7dBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
	font-family: 'PT Serif';
	font-style: normal;
	font-weight: 400;
	src: local('PT Serif'), local('PTSerif-Regular'), url(http://fonts.gstatic.com/s/ptserif/v8/CPRt--GVMETgA6YEaoGitxTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
	unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'PT Serif';
	font-style: normal;
	font-weight: 400;
	src: local('PT Serif'), local('PTSerif-Regular'), url(http://fonts.gstatic.com/s/ptserif/v8/I-OtoJZa3TeyH6D9oli3ifesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}