@font-face {
		font-family: 'unsere';
		src: url('lmmonolt10-bold-webfont.eot');
		src: url('lmmonolt10-bold-webfont.eot?#iefix') format('embedded-opentype'),
			 url('lmmonolt10-bold-webfont.woff2') format('woff2'),
			 url('lmmonolt10-bold-webfont.woff') format('woff'),
			 url('lmmonolt10-bold-webfont.ttf') format('truetype'),
			 url('lmmonolt10-bold-webfont.svg#latin_modern_mono_light10Bd') format('svg');
		font-weight: normal;
		font-style: normal;

	}
	body {
		background: url(wirzeigenwassiekoennen.jpg) no-repeat center center fixed;
		background-size:cover;
		color: #fff;
		font-family: unsere, Arial, Helvetica, Verdana, sans-serif;
		font-size: 150%;
	}
	
	#inhalt {
		text-shadow: 1px 1px rgba(0,0,0,0.8);
		/*background: rgba(255,255,255,0.5);*/
		text-align: right;
		padding: 3rem;
		position:absolute;
		top: 3rem;
		right: 3rem;
		font-size: 150%;
	}
	#hinweis {
		position: absolute;
		bottom: 3em;
		left: 3em;
	}
	.sprechblase {
		position: relative;
		padding: 1rem;
		border: 4px solid #fff;
		margin:0 auto;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 100%;
		background: #fff;
     box-shadow: 0 0 1em 0.5em inset #fff;
	}

	.sprechblase:before {
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: 40%;
		top: 100%;
		border: 20px solid;
		border-color: #fff transparent transparent #fff;
	}
	
	img { max-width: 80%;}