@font-face {
	font-family: 'TheS';
	src: url('assets/TheSans_LT_TT4_.eot');
	src: url('assets/TheSans_LT_TT4_.eot?#iefix') format('embedded-opentype'),
		url('assets/TheSans_LT_TT4_.woff') format('woff'),
		url('assets/TheSans_LT_TT4_.svg#TheSans_LT_TT4_') format('svg');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'TheSi';
	src: url('assets/TheSans_LT_TT4i.eot');
	src: url('assets/TheSans_LT_TT4i.eot?#iefix') format('embedded-opentype'),
		url('assets/TheSans_LT_TT4i.woff') format('woff'),
		url('assets/TheSans_LT_TT4i.svg#TheSans_LT_TT4i') format('svg');
	font-style: italic, oblique;
	font-weight: normal;
}
@font-face {
	font-family: 'TheS';
	src: url('assets/TheSans_LT_TT6_.eot');
	src: url('assets/TheSans_LT_TT6_.eot?#iefix') format('embedded-opentype'),
		url('assets/TheSans_LT_TT6_.woff') format('woff'),
		url('assets/TheSans_LT_TT6_.svg#TheSans_LT_TT6_') format('svg');
	font-style: normal;
	font-weight: bold;
}
@font-face {
	font-family: 'TheSi';
	src: url('assets/TheSans_LT_TT6i.eot');
	src: url('assets/TheSans_LT_TT6i.eot?#iefix') format('embedded-opentype'),
		url('assets/TheSans_LT_TT6i.woff') format('woff'),
		url('assets/TheSans_LT_TT6i.svg#TheSans_LT_TT6i') format('svg');
	font-weight: bold;
	font-style: italic, oblique;
}

.flex-control-nav {display:none;}
.flex-direction-nav{ list-style-type: none; }


body {
	background: #121926 no-repeat;
	background-image: radial-gradient(ellipse farthest-corner at 50% 50% , #25324b 50%, #121926 80%);
	background-size: 100vw 100%;
	/*background-attachment: fixed;*/
	color:white;
	text-align:center;
	font-family: TheS, sans-serif;
	font-style: normal;
	font-weight:normal;
	font-size: 24px;
	padding:0;
	margin:0;
}
iframe {width:100%; height:100%}
a {color:inherit}

h2 {padding: 0 0 40px 0; margin-top:0; margin-bottom:0;font-size:40px;font-family:TheSi, sans-serif;font-weight:normal;line-height:1.15em}
h2 span { display:block; width:100%; clear:both;}
h2 span:first-child {
	font-weight:bold;
}

@media (min-width: 768px) {
	#messages > .message, .skypeInfo, .skypeDownload {
		padding: 0 13%;
	}
	#screen {width:100%; max-width:960px;margin:0 auto;position:relative}
	div.hinweis {width:600px;height: 80px;}
	div.hinweis div:nth-child(2) {top:0.3em; padding-left:20px;text-align:left;font-family: TheSi, sans-serif; font-weight:bold;}
	div.hinweis div:last-child {top:0.5em; padding-left:20px;text-align:left;font-family: TheSi, sans-serif;font-size: 20px}
	.substreamKacheln > .item .headline {font-size: inherit; position:absolute;bottom:0px;width:90%;margin:15px 5%}

}
@media (max-width: 767px) {
	#messages > .message, .skypeInfo, .skypeDownload {
		padding: 0 25px;
	}
	#screen {width:100%; max-width:960px;margin:0 0;position:relative}
	body { font-size 21px; }
	h2   { font-size:35px; }
	div.hinweis {width:320px; height:132px;}
	.hinweis div:nth-child(2) {top:0.5em; left:22px;width:90%;font-family: TheSi, sans-serif; font-weight:bold; font-size: 22px;}
	.hinweis div:last-child {top:0.8em; left:22px;width:90%;font-family: TheSi, sans-serif;font-size: 18px}
	.substreamKacheln > .item .headline {font-size: 3vw;position:absolute;bottom:0px;width:90%;margin:5px 5%}
}

#videooverlay {
	position:fixed;
	height:100vh;
	width:100%;
	max-width:960px;
	background-color: black;
	background-color: rgba(0,0,0,0.8);
	top:0;
	padding:10% 5%;
	box-sizing:border-box;
	
}
#videooverlay div {
	width:100%;
	height:100%;
}

#messages > .item {
	margin: 0 0 100px 0;
}
#messages > .item:last-child {
	margin: 200px 0 240px 0;
}

#messages > .item[sizename="full"] {
	width: 960px;
	max-width:100%;
	height:540px;
	max-height: 62.5vw;
}
#messages > .item[sizename="full"] > img {
	width:100%;
}

#banner {width:100%; height:315px;max-height:32.8vw}
#banner img {position:relative;width:100%;box-sizing:border-box}
#footer {box-sizing: border-box;background-color: #ffffff; color: #25334c;position:fixed; height:30px; bottom: 0; text-align:left; width:100%; max-width:960px; font-size: 14px;padding:0.4em}
#footer a {margin: 0 0.5em}
.ratio169 {height:540px; max-height: 56.25vw}
#messages > .item.skypeInfo{background-color: #ffffff;color:#25334c;padding-bottom: 65px;margin-bottom:0;}
.skypeInfo h2, .skypeDownload h2 {padding-top:65px}
.skypeInfo img {width:250px;clear:both;}
.skypeInfo ol {padding-left:0}
.skypeInfo ol li {list-style-position: inside;}
.countdown { background-color: transparent;color:#ffffff;width:320px; position:relative; margin-left:auto;margin-right:auto; height:80px;margin-top:-50px; margin-bottom:40px}
.countdown div {position:absolute;}
.countdown div:nth-child(2) {top:0.5em; left:20px;}
.countdown div:last-child {top:2.2em; left:20px;font-family: TheSi, sans-serif;font-size: 20px}
.countdown #countdown {font-family: TheSi, sans-serif; font-weight:bold;}
.countdown .shape {width:97%;height:100%;transform: skew(-10deg);background-color:#4dc9fc;}
.hinweis { background-color: transparent;color:#ffffff; position:relative; margin-left:auto;margin-right:auto; height:145px;margin-top:-50px; margin-bottom:40px;text-align:left;}
.hinweis div {position:relative;}
.hinweis div:first-child {position:absolute;}
.hinweis .shape {width:97%;height:100%;transform: skew(-10deg);background-color:#4dc9fc;}
.substreamKacheln > .item {position:relative;font-family: TheSi, sans-serif}
.substreamKacheln > .item img {height:100%;width:100%}
.substreamKacheln > .item .headline span { display:block; width:100%; clear:both;}
.substreamKacheln > .item .headline span:nth-child(2) {font-weight:bold}
.substreamKacheln > .item[stylename="dark"] .headline {color: #25334c}
.skypeDownload { background-color: #3a465c;padding-bottom: 65px;}

.substreamKacheln[sizename="base"] {
	height:540px; max-height: 56.25vw
}

.substreamKacheln[sizename="double"] {
	height:1080px; max-height: 112.5vw
}

.substreamKacheln > .item {
	float:left;
	box-sizing: border-box;
	overflow:hidden;
}
.substreamKacheln .item[sizename="base"] {
	height:288px;max-height: 30vw;width:40%;
}
.substreamKacheln .item[sizename="double"] {
	height:576px;max-height: 60vw;width:60%;
}
.substreamKacheln .item[sizename="full"], .substreamKacheln .item.fullwidth {
	height:540px;max-height: 56.25vw;width:100%;
}
.dn {display:none;}
.cp {cursor:pointer;}
template {display:none}