@charset "UTF-8";
/* CSS for Three Questions On Media Criticality */

@font-face {
  	font-family: SchulbuchNordWebPro;
  	src: url("SchulbuchNordWebPro.woff") format("woff");
	}
	
	html {
		width:100%;
		height:100%;
		padding:0;
		margin:0;
		overflow:hidden;
	}
	body {
		height:100%;
		width:100%;
		padding:0;
		margin:0;
	}

	body div:not(.page):first-child {
		font-family:SchulbuchNordWebPro, Helvetica, sans-serif;
		padding: 12px !important;
	}

	.page {
		width:100%;
		height:100%;
		background-color:#FFF;
		position:absolute;
		padding:10px;
		box-sizing:border-box;
		left:0;
		top:0;
		overflow:hidden;
	}
	
	.page.hover {
		background-color:#FFF; /*FFE*/
		color:#000;
		cursor:pointer;	
	}
	
	.page.sel {
		background-color:#FF0;
	}
	
	.response .text {
		font-family:"Times New Roman", Georgia, serif;
		font-size:6vmin; /* 6.5vmin */
		float:left;
		line-height:1.3em; /* 1.2em */
		-webkit-hyphens: auto;
		-moz-hyphens:auto;
		hyphens:auto;
	}
	
	.response .text ol {
		padding:0;
		margin:0;
		list-style-position:inside;
	}
	
	.response .text ol li {

	}
	
	.response .numbering {
		font-family:SchulbuchNordWebPro, Helvetica, sans-serif;
		font-size:7.5vmin; /* 3.5vmax */
		margin:auto;
		width:100%;
		text-align:center;
		bottom:20px;
		left:0;
		position:absolute;
	}
	
	.response .author {
		font-family:SchulbuchNordWebPro, Helvetica, sans-serif;
		font-size:7.5vmin; /* 3.5vmax */
		margin:auto;
		width:100%;
		text-align:center;
		bottom:20px;
		left:0;
		position:absolute;
		opacity:0;
	}
	
	#cover #title {
		margin:auto;
		width:65vmin;
		margin-top:5%;
	}
	
	.titleLetter {
		font-family:SchulbuchNordWebPro, Helvetica, sans-serif;
		font-weight:normal;
		font-size:6vmin;
		float:left;
		width:6.2vmin;
		line-height:6vmin;
		padding-top:0.5vmin;
	}
	
	.titleText {
		font-family:SchulbuchNordWebPro, Helvetica, sans-serif;
		font-size:12vmin; /* 48px */
		line-height:12.5vmin;
	}
	
	#questions {
		
	}
	
	#questions #questionsBox {
		margin:auto;
		width:65vmin;
		margin-top:5%;
	}
	
	#questions .questionsLetter {
		font-family:SchulbuchNordWebPro, Helvetica, sans-serif;
		font-weight:normal;
		font-size:6vmin;
		float:left;
		width:6.2vmin;
		line-height:6.2vmin;
		padding-top:0.5vmin;
		padding-bottom:3vmin;
	}
	
	#questions .questionsLetter:first-child {
		padding-bottom:7vmin;
	}
	
	#questions .questionsText {
		font-family:SchulbuchNordWebPro, Helvetica, sans-serif;
		font-size:6vmin; /* 48px */
		line-height:6vmin;
		padding-top:0.5vmin;
		margin-bottom:6vmin;
	}
	
	#questions #intro {
		font-family:SchulbuchNordWebPro, Helvetica, sans-serif;
		font-size:2.5vmin; /* 48px */
		line-height:3.2vmin;
		position:absolute;
		width:100%;
		bottom:10px;
		padding:0 10%;
		box-sizing:border-box;
		-webkit-hyphens: auto;
		-moz-hyphens:auto;
		hyphens:auto;
	}
	
	.divider {
		
	}
	
	.divider .letter {
		font-family:Helvetica, sans-serif;
		font-size:60vmin; /* 3.5vmax */
		line-height:1em;
		margin:auto;
		width:100%;
		text-align:center;
		top:6%;
		left:0;
		position:absolute;
	}
	
	.divider .question {
		font-family:SchulbuchNordWebPro, Helvetica, sans-serif;
		font-size:7.5vmin; /* 3.5vmax */
		margin:auto;
		width:100%;
		padding:0 20%;
		text-align:center;
		bottom:20px;
		left:0;
		position:absolute;
		box-sizing:border-box;
	}
	
	#index {
		font-size:4vmin;
		line-height:1.1em;
	}
	
	#index #title {
		font-family:SchulbuchNordWebPro, Helvetica, sans-serif;
		padding-left:8vmin;
		float:left;
		margin-bottom:1.1em;
	}
	
	#index .col {
		float:left;
		width:50%;
		min-width:28vmax; /*30*/
	}
	
	#index .item {
		float:left;
		clear:both;
	}
	
	#index .item .number {
		font-family:SchulbuchNordWebPro, Helvetica, sans-serif;
		float:left;
		width:7vmin;
		font-weight:normal;
	}
	
	#index .item .author {
		font-family:SchulbuchNordWebPro, Helvetica, sans-serif;
		float:left;
	}
	
	#index #imprint {
		font-family:SchulbuchNordWebPro, Helvetica, sans-serif;
		font-size:2vmin;
		line-height:2.4vmin;
		/*transform:rotate(90deg);*/
		position:absolute;
		width:100%;
		padding-right:10px; /* –> .page padding */
		bottom:0;
		max-width:120vmin;
		box-sizing:border-box;
	}
	
	#index #imprint a {
		color:#000;
	}
	
	.direction {
		width:100%;
		height:100%;
		background-color:#FFF;
		position:absolute;
		padding:10px;
		box-sizing:border-box;
		left:0;
		top:0;
		overflow:hidden;
		font-family:Helvetica, sans-serif;
		font-size:60vmin; /* 3.5vmax */
		text-align:center;
	}
	
	#direction2 {
		border:2.5vmin solid #000;
	}
	
	#direction3 {
		/*background-color:#000;*/
		/*border:4vmin solid #000;*/
	}
	
	.comment {
		position:absolute;
		width:40%;
		height:auto;
		font-family:SchulbuchNordWebPro, Helvetica, sans-serif;
		font-size:1.5vmax; /* 3.5vmax */
		color:#000;
		line-height:1.2em;
		z-index:100;
		left:50%;
		top:50%;
		padding:14px;
		background-color:rgba(255,255,0,0.9);
		border-radius:12px;
		box-shadow:#AAA 3px 3px 12px;
		display:none;
	}
	
	span.c {
		background-color:rgba(255,255,0,0.9);
		border-radius:12px;
		padding:7px 18px;
	}
	
	.marker {
		position:absolute;
		width:30px;
		height:20px;
		background-color:#F00;
		z-index:1000;
		text-align:center;
	}
	::selection {
	  background: #DFD; /* WebKit/Blink Browsers */
	}
	::-moz-selection {
	  background: #DFD; /* Gecko Browsers */
	}