/* CSS Document */


body {
	font-size:14px;
	color:#474747;
	background:#3155a5;
	font-family:'Roboto', sans-serif;
}
h1 {
	color:#3155a5;
}

/* nav */
#nav {
	position:relative;
}
#nav a.logo img {
	margin:52px 0;
}
#nav a.logo-small img {
	position:absolute;
	top:10px;
	left:30px;
	height:30px;
}
.navbar-toggle .icon-bar {
	background:white;
}
ul.nav li a {
	font-size:16px;
	color:white;
}
ul.nav li.active a {
	text-decoration:underline;
}
ul.nav li a:hover {
	background:#4a7be7;
}
ul.navbar-right li a {
	margin-top:65px;
}

/* stage */
#stage {
	padding:30px;
	box-shadow:0px 0px 25px 4px rgba(0,0,0,0.25);
	background:#f7f7f7;
}
#stage img {
	max-width:100%;
	margin-top:20px;
}
#stage iframe {
	margin-top:20px;
}
#stage h3:after {
	content:"";
	display:block;
	margin:8px 0 20px 0;
	height:2px;
	width:60px;
	background-color:#4a7be7;
}
#stage .row.teaser {
	padding-bottom:30px;
}
#stage a.more {
	font-size:13px;
	text-transform:uppercase;
	border-bottom:1px solid #3155a5;
	padding-bottom:2px;
	transition:all 0.3s
}
#stage a.more:hover {
	text-decoration:none;
	color:#4a7be7;
	border-color:#4a7be7;
	padding-bottom:6px;
}
#stage ol {
	padding-left:30px;
}
#stage ol li {
	margin-bottom:20px;
}
#stage ul li {
	list-style-type:none;
}
footer {
	position:relative;
	background:#474747;
}
footer.container {
	padding-left:30px;
	padding-right:30px;
}
footer img.bildmarke {
	margin-top:30px;
	float:left;
}
footer img.kringel {
	position:absolute;
	right:0;
	bottom:0;
}
footer ul.nav {
	margin:30px 15px 30px 60px;
}
footer ul.nav li a {
	font-size:13px;
	color:white;
}
footer ul.nav li a:hover {
	background:#696969;
}
footer ul.navbar-right li a {
	margin-top:0;
}
footer ul.nav li.divider {
	padding:15px 6px;
	font-size:13px;
	color:white;
}

/* roboto-300 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: url('res/fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
	src: local('Roboto Light'), local('Roboto-Light'),
	url('res/fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('res/fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
	url('res/fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
	url('res/fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
	url('res/fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('res/fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Roboto'), local('Roboto-Regular'),
	url('res/fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('res/fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('res/fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('res/fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('res/fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url('res/fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
	src: local('Roboto Medium'), local('Roboto-Medium'),
	url('res/fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('res/fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
	url('res/fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
	url('res/fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
	url('res/fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}



/*
	+++++++++++++++++++++
	++                 ++
	++  media queries  ++
	++                 ++
	+++++++++++++++++++++
*/
@media(min-width:768px) {
	footer ul.nav {margin:40px 0;}
	#stage {padding:60px;}
	#stage .row.teaser {padding-bottom:60px;}
	footer {min-height:200px;}
	footer.container {padding-left:60px;padding-right:60px;}
}
@media(min-width:992px) {}
@media(min-width:1200px) {}