@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: 400;
  src: local('Arvo'),
       url('fonts/arvo-v11-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/arvo-v11-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: local('Raleway Light'), local('Raleway-Light'),
       url('fonts/raleway-v13-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/raleway-v13-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'),
       url('fonts/raleway-v13-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/raleway-v13-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: local('Raleway Medium'), local('Raleway-Medium'),
       url('fonts/raleway-v13-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/raleway-v13-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway-Bold'),
       url('fonts/raleway-v13-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/raleway-v13-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* CSS default */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,header,nav,footer,section,article { 
	font-family: 'Raleway',Helvetica,sans-serif;
	font-weight:400;
	letter-spacing:.5px;
	color:#444;
	margin:0;
	padding:0;}

html,body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;}

html{
	background-size:cover;
	background-image:url(media/hg.jpg);}

body{
	overflow-y:scroll;}

.row{
	clear:both !important;
	display:block !important;
	width:100% !important;}

p{
	margin-bottom:.5rem}
	
.col-1{
	display:inline-block;
	float:left;
	width:8.33%;}

.col-2{
	display:inline-block;
	float:left;
	width:16.66%;}

.col-3{
	display:inline-block;
	float:left;
	width:25%;}

.col-4{
	display:inline-block;
	float:left;
	width:33.33%;}

.col-5{
	display:inline-block;
	float:left;
	width:42%;}

.col-6{
	display:inline-block;
	float:left;
	width:50%;}

.col-7{
	display:inline-block;
	float:left;
	width:58%;}

.col-8{
	display:inline-block;
	float:left;
	width:66.66%;}

.col-9{
	display:inline-block;
	float:left;
	min-width:75%;
	width:75%;}

.col-10{
	display:inline-block;
	float:left;
	width:83.33%;}

.col-11{
	display:inline-block;
	float:left;
	width:91.66%;}

.row::before,
.row::after {
  content: " ";
  display: table;
} 

.row::after {
  clear: both;
}

.row {
  *zoom: 1; /* Für den IE6 und IE7 */
}

/* CSS default */

body{}

header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	display:block;
	background-color:#ffffff;
	box-shadow:0 0 15px;
	height:5rem;
	margin-bottom:1rem;}

header.sticky{
	width:100%;
	position: fixed;}

#logo{
	background-image:url(media/header.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:20px center;
	margin:0 auto;
	max-width:960px;
	height:inherit;}

#dummy{
	display:none;
	line-height:100%;
	margin:0;
	padding:0;
	width:1px;
	height:1rem !important;
	position:absolute;
	top:-10000;left:-10000px;}

#links{
	position:absolute;
	top:-10000px;
	left:-10000px;}

#links img{
	max-height:50%;}

#innercontent{
	background-color:#ffffff;
	height:inherit;
	margin:0 auto;
	padding:5rem 20px 0 20px;	
	max-width:960px;}

footer>section{
	padding-top:10px;
	color:#ffffff;
	margin:0 auto;
	font-size:.9rem;
	max-width:960px;}

#nav{
	display:inline-block;float:left;
	margin-left:-21px;
	width:200px;
	height:567px;
	color:#ffffff;
	background:#818586;}

nav{
	padding-top:20px;}	

#titlesection{
	text-align:center;
	padding-top:530px;
	height:40px;}

#titlesection h1{
	font-weihgt:900;
	font-size:1.1rem;}

#ccontainer{
	display:block;
	clear:both;
	padding-top:25px;
	padding-bottom:2rem;}

footer{
	display:block;
	background-color:#818586;
	height:5rem;
	color:#ffffff !important;
	padding: 0 20px;}

footer a, footer div{
	text-decoration:none;
	color:#ffffff;}

h1,h2,h3,h4,h5,h6{
	color:#111;
	font-weight:500;
	letter-spacing:1px;
	line-height:150%;
	margin:0 0 1rem 0;}

h1{
	color:#3F8D06;
	font-size:1.5rem;}

h2{
	font-size:1.3rem;}

h3{
	font-size:1.1rem;}

h4{
	color:#666;
	font-size:1rem;}

h5{
	color:#666;
	font-weight:normal;
	font-size:1rem;}

.nav,.nava,
.snav,.snava{
	padding-left:20px;
	line-height:200%;
	color:#fff;
	text-decoration:none;
	display:block;}

.nava,.snava{
 font-weight:bold;}
.mobsign{
	display:none;}
/* Media Queries */

@media screen and (max-width: 900px) {
	#header	{	}
	.links{ display:none; }
	.mobsign{display:inline;float:right;padding:5px 10px 15px 10px;color:#fff;}
	#bildlinks{ display:none; }
	#nav{width:100vw;height:auto !important;}
	html{background:white !important;}
	body,#content{height:auto !important;}

	#innercontent{min-height:auto !important;height:auto;padding-left:0;padding-right:0;
		background-position:-50px 0 !important;margin-top:120px;background-size:auto 220px !important;
}
	footer {height:auto;}
	footer .col-4{width:50%;margin:5px 0 0 ;}
	footer .col-4:last-child{width:50%;margin-bottom:10px;float:right;text-align:left;}

	#nav{ margin:-120px  0 -20px 0 !important;padding:0 !important;width:100%;}
	#nav a{line-height:180% !important;}

	nav{cursor:pointer; padding:7px 10px 15px 10px; height:20px;overflow:hidden;}
	#titlesection{ height:auto;padding-top:140px;}
}	

#ccontainer img{
	max-width:90vw;}