* {
  box-sizing: border-box;
}

body {
	background: #eee;
	font-family: Helvetica, Verdana, sans serif;
	line-height: 1.3em;
	font-size: 1.2em;
	}

h1 {font-weight: 400;}



a {text-decoration: underline; color: green;}

a:hover, a:focus {color: red;}

img {
	max-width: 100%;
	height: auto;
}

sup {font-size: 1.1em;}

.flob {clear: both;}

.szene {
	max-width: 680px; 
	margin: 0 auto; 
	padding: 0; 
	background: #fff;
}

.tisch {
	margin: auto;
	padding: 0.1em 0.4em;
}

.mitte {	text-align: center;
	}
	
.fuss {
	margin: 1em 0,2em;
	padding: 0.2em 0.5em; 
	line-height: 1em;
	}
	
.flolim {
	float: left; 
	margin: 0.3em; 
	border-radius: 0.4em;
}

.contima {
  position: relative;
  text-align: center;
	background: #eee;
	padding: 0;
	margin: 0;
}

.top-right {
  position: absolute;
  top: -0.2em;
  right: 0.3em;
  color: #fff;
}

.opa {opacity: 0.7;}

.poem {
	margin: 0.3em auto; 
	padding: 0.5em; 
	max-width: 20em;
	background: #fff;
}

.credits {
	font-size: 0.8em;
	font-style: italic;
	font-family: Times New Roman;
	}

/* KONTAKT */

.kofo {
	margin: 0.1em auto;
	padding: 0.1em;
	max-width: 25em;
}

textarea, input, .senden  {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	border: 1px solid #888999;
	border-radius: 0.3em;
	padding: 0.4em; 
	margin: 0;
}

.agb {display: none;}

.formi { width: 92%;}	

.senden {
	background: #eee;
	color: #000000;
	text-align: center;
	cursor: pointer;
}

.senden:hover {
	background: #fffccc;
	transition: 0.2s;
}

.checker {
	width: 1.3em;
	height: 1.3em; 
	border: 1px solid #000;
}

.fehler {
	padding: 0.2em; 
	margin: 0;
	background: #fff;
	border: 1px solid #999;
}

.hell {
	background: #ffc; padding: 0.2em;
}