/* -------------------------------------------------------------- */
/* -------------------------- CSS ------------------------------- */
/* -------------------------------------------------------------- */

body	{
	background-color: #fff;
	} 

p, h1, h2, h3, a, .quelle, .frage, .impressum, .impressum_left, .impressum_right {	
	font-family: courier, sans-serif;
	text-transform: none;
	color: #0000ff;
	text-align: left;
	}
	
p	{	
	font-size: 15px;
	font-weight: normal;
	line-height: 1.5em;
	}
	
h1	{	
	font-size: 18px;
	line-height: 21px;
	}
	
h2	{	
	font-size: 12px;
	line-height: 15px;
	}

h3, .quelle, .impressum, .impressum_left, .impressum_right {	
	font-size: 11px;
	line-height: 16px;
	}

a   	{
	color: #0000ff;
	text-decoration: underline;
	}

a:hover {
	text-decoration: underline;
	}
	
.quelle {
	margin-left: 32px;
	margin-bottom: 16px;
	overflow-wrap: break-word;
  	word-wrap: break-word;
	}

.quelle_nummer {
	margin-left: -32px;
	width: 32px;
	display: inline-block;
	}

sup 	{
	font-size: 10px;
	line-height: 10px;
	margin-left: 3px;
	}

.frage	{	
	font-size: 48px;
	line-height: 56px;
	}

.impressum_right {
	margin-left: 180px;
	display: inline-block;
	}

.impressum_left {
	margin-left: -180px;
	width: 180px;
	display: inline-block;
	}

.emoji 	{
	max-height: 36px;
	width: auto;
	}

/* -------------------------------------------------------------- */
/* ---------------- CONTAINERS IDENTITIES IMAGES ---------------- */
/* -------------------------------------------------------------- */

#main {
	margin: 0px auto 0px;
	padding-top: 100px;
	padding-bottom:100px;
	width: 94%;
	max-width: 500px;
	vertical-align: center;
	}

article {
	padding-top: 10px;
	padding-bottom: 10px;
	}
	

/* -------------------------------------------------------------- */
/* ----------------------- SMALLER SCREENS ---------------------- */
/* -------------------------------------------------------------- */

@media only screen and (max-width: 500px) {

.frage	{	
	font-size: 24px;
	line-height: 28px;
	}

.emoji 	{
	max-height: 18px;
	width: auto;
	}

}

/* -------------------------------------------------------------- */
/* --------------------------- END CSS -------------------------- */
/* -------------------------------------------------------------- */