/* typo fonts */
/*@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:400,500);*/

/* source-code-pro-regular - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../_font/source-code-pro-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Code Pro'), local('SourceCodePro-Regular'),
       url('../_font/source-code-pro-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../_font/source-code-pro-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../_font/source-code-pro-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../_font/source-code-pro-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../_font/source-code-pro-v7-latin-regular.svg#SourceCodePro') format('svg'); /* Legacy iOS */
}
/* source-code-pro-500 - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 500;
  src: url('../_font/source-code-pro-v7-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Source Code Pro Medium'), local('SourceCodePro-Medium'),
       url('../_font/source-code-pro-v7-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../_font/source-code-pro-v7-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../_font/source-code-pro-v7-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../_font/source-code-pro-v7-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../_font/source-code-pro-v7-latin-500.svg#SourceCodePro') format('svg'); /* Legacy iOS */
}


* 								{
	font-family: "Source Code Pro", Monaco, Helvetica, sans-serif;
	font-weight: 500; }
h1, h2, h2 *, h3, h3 *	{ font-family: "canada-type-gibson", Moanco, GothamBlack, HelveticaNeue-Bold, 'Helvetica Neue', Helvetica, sans-serif; }


/* typo color */
*						{ color: #88bde8; }
h1, h2, h2 *, h3, h3 *
						{ color: #ffea00 !important; }

/* typo sizes */
h1 								{
	font-size: 4.4em;
	line-height: 0.9em;
	position: relative;
	margin-right: 22px;
	display: block;
	margin-bottom: 1em;
	margin-left: 22px;
	}


h2 					{ font-size: 1.8em; font-weight: 500; letter-spacing: 1px; }
h3, .intro, a. { font-size: 1.1em; font-weight: normal;}
h4					{ font-size: 1.1em; font-weight: normal;}


h1,h2,p,.maincolumn { text-align:center; }
h1+h2				{ margin-top: -1.2em; }
h3,h4				{ margin-top:2.5em; }
p, li, dl		{ font-size: 0.9em; line-height: 2em; }
q						{ font-size: 100%; font-family: "Courier New", Courier, Monaco, monospace;  }
.eins q			{ text-align: right; display: block; }
blockquote, blockquote p, .intro {
	font-size: 1em;
	line-height: 1.6em;
	text-align:center;
	letter-spacing: 0.0px;
	margin:1em 0 0.5em;
	opacity:0.88; }
blockquote, blockquote p, .quotereference  { font-style: italic; letter-spacing: 1px }
.quotereference 	{ color:#00afee;text-align:center; margin-top: 1em; margin-bottom: 2em;}

/* layout */
html, body				{ margin:0; padding:0; }
iframe {
	border-width: 0; }
.header, .footer	{
	margin:0;
	text-align:center;
					}
.header 			{ background-color: #037cb8; }
.footer 			{ background-color: #f0f0f0; }

ul.navigation,
ul.social	 		{ margin:0; padding:0.6em; }

.navigation li,
.social li		{ display:inline; margin: 0 7px; text-transform: uppercase; font-size: 0.8em; }
.navigation a,
.social a			{ text-decoration:none; }
.header li		{
	color: #384c52; }
.header a			{ color: #fff; }
.footer a 		{ color: #259bd9; }

ul.social			{ position: absolute; left: auto; right: 0; }
.maincolumn .social img {
	margin-right: 1em; }

.section, .sponsors, .scotty	{ padding: 3em 0 5em; }
.section				 	 						{ background-color: #737b86; }
.sponsors, .scotty 						{ background-color: #182028; }

.section.stage		{
	background-color: #cac8c9;
	background-image: url(../2016/-media/stage.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	height: 300px;
	padding: 4em 0 3em; }
.section.qwan		{
	background-color: #cac8c9;
	background-image: url(../2016/-media/qwan.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	height: 300px;
	padding: 4em 0 3em; }
.section.map 		{
	width: 100%;
	height: 500px;
	padding: 0; }

.section.zwei,  .autobg:nth-child(1) 	{ background-color: #737b86; }
.section.drei,
.section.fuenf, .autobg:nth-child(2n+2) 	{ background-color: #313740; }
.section.vier,
.section.sechs, .autobg:nth-child(2n+3) 	{ background-color: #252a31; }


.maincolumn 		{ width: 100%; max-width: 960px; margin: 0 auto; padding: 0px; }

.twocolumns 		{ column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;
					  column-width: 360px; -moz-column-width: 360px; -webkit-column-width: 360px; }
.threecolumns 	{ column-count: 3; -webkit-column-count: 3; -moz-column-count: 3;
					  column-width: 240px; -moz-column-width: 240px; -webkit-column-width: 240px; }
.fourcolumns 		{ column-count: 4; -webkit-column-count: 4; -moz-column-count: 4;
					  column-width: 240px; -moz-column-width: 240px; -webkit-column-width: 240px; }
.twocolumns > p:first-child, .threecolumns > p:first-child, .fourcolumns > p:first-child { margin-top: 0; }

.maincolumn li, .twocolumns p, .threecolumns p, .fourcolumns p { text-align: left; }

/* twitter wall */
.twitter-friends img { margin:0 11px 11px 0; }
img.crew, .crew li>img:first-child{
	width: 48px;
	height: 48px;
	margin-right: 1em;
	vertical-align:middle;
	}
img.crew, .crew li>img:first-child, .speaker h3>img, .portrait	{
	-webkit-filter: sepia(100%) hue-rotate(180deg);
	filter: sepia(100%) hue-rotate(180deg);
	filter: gray;
	}
.circle {
	-webkit-clip-path: circle(50% at center);
	-moz-clip-path: circle(50% at center);
	-o-clip-path: circle(50% at center);
	}
.triangle {
	-webkit-clip-path: polygon(0px 0px, 100% 0%, 50% 100%);
	-moz-clip-path: polygon(0px 0px, 100% 0%, 50% 100%);
	-o-clip-path: polygon(0px 0px, 100% 0%, 50% 100%);
	}
	
.twitter-friends img, img.crew { 
	opacity: 0.77;
	-webkit-transition: opacity 3.3s linear;
	-moz-transition: opacity 3.3s linear;
	-o-transition: opacity 3.3s linear;
	}
.twitter-friends img:hover, a:hover img.crew {
	 opacity: 1;
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	}

/* crew  lists */
ol.crew					{ padding-left: 0; }

.crew li				{
	width: 266px;
	height: 60px;
	margin: 0 1em;
	display: inline-block; }

ul.speaker li {
	width: 266px;
	height: 244px;
	margin: 0 1em;
	display: inline-block; }
/* speaker */
.speaker h3:nth-of-type(2n+1), 
.speaker h3:nth-of-type(2n+1) + p,
.speaker h3:nth-of-type(2n+1) + p + p,
.speaker h3:nth-of-type(2n+1) + p + p + p { text-align: left; margin-left: 200px; }
.speaker h3:nth-of-type(2n+1) img,
.speaker img.portrait[align="left"] { margin-left: -200px; }

.speaker h3:nth-of-type(2n),
.speaker h3:nth-of-type(2n) + p,
.speaker h3:nth-of-type(2n) + p + p,
.speaker h3:nth-of-type(2n) + p + p + p { text-align: right; margin-right: 200px; }
.speaker h3:nth-of-type(2n) img,
.speaker img.portrait[align="right"] { margin-right: -200px; }

.speaker h3 img		{
	Xwidth: 166px;
	Xheight: auto;
	margin-top: 6px; }

.programm			{
	text-align: center; }

iframe.video, object.video, iframe[src^="http://www.youtube.com"], iframe[src^="http://player.vimeo"], iframe[src^="http://www.slideshare"] { margin-top: 11px; margin-bottom: 11px; }

/* sponsors */
.sponsors			{
	text-align: center;
	padding-bottom: 2em; }
.sponsors img		{ margin: 11px 44px; }
.sponsors img.gold { margin: 44px 44px; }


/* button and link indicators */
a.scotty			{ text-align: center; margin: 1em; display: block; }

.maincolumn	a.button, .button { color:#000; margin-right: 7px; padding:7px 22px; text-decoration: none; margin-left: if;
						-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.maincolumn a[href^="http://www.slideshare.net"],
.maincolumn a[href^="http://slideshare.net"] {
	padding-left: 28px;
	background: url(../_media/general/slideshare.gif) no-repeat 10px center;
	}
.maincolumn a[href^="http://prezi.com"] {
	padding-left: 28px;
	background: url(../_media/general/prezi.png) no-repeat 10px center;
	}
	
.maincolumn	a.button, .button { color:#ac40cd; background-color:white; font-weight: bold; }
.maincolumn	a.register, .register {
	color:#000;
	background-color:#fff071; 
    box-shadow:  0 0 20px 7px #af2b2f;
	}

/* Pattern Label */
/*
h1, h2, Xul.crew, ul.navigation {position:relative;}
h1:before, h2:before, ul.crew, ul.navigation{
	color: #fff;
	position: absolute;
	font-family: "Source Code Pro", "Lucida Console", Monaco, monospace;
	font-size: 13px;
	text-transform: uppercase; }
h1:before{
  content: "headline";
  top:-2em;
}
h2:before{
  content: "section headline";
  top:-1em;
}
ul.crew::before{
  content: "list items";
  top:-1em;
}
ul.navigation:before{
  content: "navigation";
  top:-1em;
}
*/

/* Für die Navigations liste
ul.navigation li:first-of-type:before{
    font-family: "Source Code Pro", "Lucida Console", Monaco, monospace;
    position: absolute;
    font-size: 13px;
    text-transform: uppercase;
    content: 'navigation';
    top:0;
    
    color: white;
}



// Für die Map, important muss sein, weil es sonst im overflow hidden verschwunden ist. 
// Alternativ kann es auch inenrhalb der Map sein, dann brauchen wir das overflow inherit und das top: -1.4 em nicht. 
// müssten aber den z-index hochdrehen.
div#map{
    overflow: inherit!important;    
}

div#map:before {
    content: "Map";
    color: rgb(255, 255, 255);
    position: relative;
    top: -1.4em;
    text-align: center;
    margin: 0 auto;
    display: block;
}


*/

.map-container{
  background: lightblue;
}



/* Nexus Chrome und VDI remote!*/
@media only screen and (device-width:1280px) and (orientation: landscape){
	.speaker h3:nth-of-type(2n+1), 
	.speaker h3:nth-of-type(2n+1) + p,
	.speaker h3:nth-of-type(2n+1) + p + p,
	.speaker h3:nth-of-type(2n+1) + p + p + p { margin-left: 99px; }
	.speaker h3:nth-of-type(2n+1) img,
	.speaker img.portrait[align="left"] { margin-left: -99px; }
	
	.speaker h3:nth-of-type(2n),
	.speaker h3:nth-of-type(2n) + p,
	.speaker h3:nth-of-type(2n) + p + p,
	.speaker h3:nth-of-type(2n) + p + p + p { text-align: right; margin-right: 99px; }
	.speaker h3:nth-of-type(2n) img,
	.speaker img.portrait[align="right"] { margin-right: -99px; }
	
	.speaker h3 img		{ width:84px !important; height:auto !important;}
	
	.threecolumns, .fourcolumns{ column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; }
	}


@media only screen and (device-width:720px) and (orientation: portrait) {
	.speaker h3:nth-of-type(2n+1), 
	.speaker h3:nth-of-type(2n+1) + p,
	.speaker h3:nth-of-type(2n+1) + p + p,
	.speaker h3:nth-of-type(2n+1) + p + p + p { margin-left: 99px; }
	.speaker h3:nth-of-type(2n+1) img,
	.speaker img.portrait[align="left"] { margin-left: -99px; }
	
	.speaker h3:nth-of-type(2n),
	.speaker h3:nth-of-type(2n) + p,
	.speaker h3:nth-of-type(2n) + p + p,
	.speaker h3:nth-of-type(2n) + p + p + p { text-align: right; margin-right: 99px; }
	.speaker h3:nth-of-type(2n) img,
	.speaker img.portrait[align="right"] { margin-right: -99px; }
	
	.speaker h3 img		{ width:84px !important; height:84px !important;}
	
	.threecolumns, .fourcolumns	{ column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; }
	}


/* iPad */
@media only screen and (max-device-width:1024px) {
	* 					{
		xfont-size: 100%; }
	.twitter-friends img, img.crew { opacity: 0.77; }
	}

/* iPhone */
@media only screen and (max-device-width: 640px) {
	h1					{
		font-size: 2.5em; }
	h2					{ xfont-size: 1.1em; }
	.section.stage,
	.section.qwan,
	.section.eins		{
		height: 142px;
		padding-top: 0.5em; }
	.twocolumns, .threecolumns, .fourcolumns { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; }
	.twitter-friends img, img.crew, .crew li>img:first-child {
		opacity: 0.77; }
	ul.social			{ position: relative; padding-bottom: 0; display:block; }
	ul.speaker { padding-left: 0; }
	ul.speaker li {
			text-align: center; }
	ol.crew				{ padding-left: 66px; }
	.crew li			{
		width: auto;
		display: block; }
	ol.crew li			{
		display: list-item;
		list-style-type: decimal; }
	ol.crew li:empty	{
		width: 0;
		height: 0;
		list-style-type: none; }

	.xtwitter-block {
		display: block;
		text-align: left;
		margin-bottom: 500px; }
	xiframe#twitter-widget-0 {
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: scale(2.1);
		transform: scale(2.1); }
}