* {
	background-color: #efefef;
	font-size: 1em;
	font-family: Helvetica;
	font-weight: lighter;
	letter-spacing: 0.05em;
	word-spacing: -0.05em;
	margin: 0;
	text-decoration: none;
	list-style: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*-webkit-box-hyphens: auto;
	-moz-box-hyphens: auto;
	hyphens: auto; Silbentrennung */
	/*word-wrap: break-word; Umbrüche erzwingen */
	}
	
	h1 {
	padding-top: 0.5em;
	line-height: 1.3em;
	font-weight: bold;
	letter-spacing: 0.015em;
	}
	
	h2 {
	line-height: 1.2em;
	font-weight: bold;
	font-size: 1.7em;
	letter-spacing: 0.015em;
	}
	
	h3 {
	padding-top: 0.5em;
	line-height: 1.3em;
	font-weight: normal;
	letter-spacing: 0.02em;
	padding-top: 1.28em;
	}
	
	.subtext {
	line-height: 1.25em;
	font-weight: lighter;
	font-size: 0.8em;
	letter-spacing: 0.05em;
	}
	
	hr { 
    width: 2.3em; 
    height: 0.18em; 
    background-color: black;
    border: none;
    margin-top: 2.5em;
	}

	.space {
	margin-bottom: 2em;
	}
	
	#container {
	max-width: 1100px;
	margin: 0 auto;
	padding: 1em;
	}
	
	.link {
	text-decoration: none;
	color: grey;
	}
	
	.link:hover {
	text-decoration: none;
	color: black;
	}
	
	.grey {
	color: grey;
	}
	
	.bold {
	font-weight: bold;
	}
	
	.light {
	font-weight: light;
	font-size: 0.8em;
	line-height: 1.3em;
	}
	
	/* Header */
	
	#header {
	height: 200px;
	}
	
	#header .row {
	margin-top: 1.8em;
	}
	
	#header img {
	width: 63px;
	height: 63px;
	}
	
	/* Navigation */
	
	#main-navigation {
	float: left;
	width: 100%;
	padding-left: 0.9em;
	padding-bottom: 2em;
	}
	
	#main-navigation li {
	display: inline;
	padding-right: 0.7em;
	}
	
	#main-navigation a {
	color: grey;
	cursor: pointer;
	font-weight: 200;
	font-size: 1.3em;
	}
	
	#main-navigation a:hover {
	color: black;
	font-weight: 200;
	font-size: 1.3em;
	}
	
	.black {
	color: black;
	font-size: 1.3em;
	}
	
	/* Footer */
	
	#footer .row {
	margin-top: 3em;
	}
	
	#footer li {
	display: inline;
	cursor: pointer;
	float: right;
	padding-left: 1em;
	}
	
	#footer li a {
	color: black;
	cursor: pointer;
	}
	
	#footer .grey a {
	color: black;
	cursor: pointer;
	}
	
	/* Slider */
	
	.slider {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;			
	}
	
	.slides {
	margin: 0;
	padding: 0;
	list-style: none;
	transition: all 800ms cubic-bezier(0.165, 0.840, 0.440, 1.000);			
	}
	
	.slide {
	float: left;
	overflow: hidden;	
	}

	img { 
	width: 100%; 
	}

	.slider-arrows {}

	.slider-arrow {
  	position: absolute;
  	display: block;
  	margin-bottom: -20px;
  	padding: 20px;
  	text-decoration: none;
  	font-size: 3.0em;
  	background-color: rgba(255, 0, 0, 0.0);
  	color: rgba(0, 0, 0, 0.1);
	}
	
	.slider-arrow:hover {
	color: rgba(0, 0, 0, 0.7);
	}

	.slider-arrow--right { bottom: 50%; right: 10px; }
	.slider-arrow--left { bottom: 50%; left: 10px; }
	
	
	/*Video*/
	
	video {
	max-width: 100%;
	height: auto;
	}
	
	
	/* Raster */
	
	.columns {
	float: left;
	line-height: 1.3em;
	padding-left: 0.9em;
	padding-right: 0.9em;
	padding-bottom: 2em;
	}
	
	.push {
	float: right;
	}
	
	.columns img {
	width: 100%;
	}

	.row {
	width: 100%;
	float: left;
	}
	
	.row:before
	.row:after {
	content: '':
	display: table;
	}
	
	.row:after {
	clear: both;
	}
	
	.row p {
	line-height: 1.3em;
	font-weight: lighter;
	font-size: 0.82em;
	color: grey;
	letter-spacing: 0.035em;
	}
	
	/* Media Queries */
	
	/* Small */
	
	@media screen and (max-width: 600px) {
	
	#main-navigation li {
	display: block;
	line-height: 3em;
	cursor: pointer;
	border-top: solid 0.11em darkgrey;
	width: 97%;
	}
	
	#main-navigation a {
	color: grey;
	font-weight: 200;
	font-size: 1.3em;
	}
	
	.small-1 {
	width: 25%;
	}
	
	.small-2 {
	width: 50%;
	}
	
	.small-3 {
	width: 75%;
	}
	
	.small-4 {
	width: 100%;
	}
	
	.row p {
	opacity: 0;
	}
	
	.favicon {
	text-align: center;
	}
	
	}
	
	/* Medium */
	
	@media screen and (min-width: 600px) and (max-width: 1000px) {
	
	.medium-1 {
	width: 12.5%;
	}
	
	.medium-2 {
	width: 25%;
	}
	
	.medium-3 {
	width: 37.5%;
	}
	
	.medium-4 {
	width: 50%;
	}
	
	.medium-5 {
	width: 62.5%;
	}
	
	.medium-6 {
	width: 75%;
	}
	
	.medium-7 {
	width: 86.5%;
	}
	
	.medium-8 {
	width: 100%;
	}
	
	
	}
	
	/* Large */
	
	@media screen and (min-width: 1000px) {
	
	.large-1 {
	width: 8.333%;
	}
		
	.large-2 {
	width: 16.666%;
	}
	
	.large-3 {
	width: 25%;
	}
	
	.large-4 {
	width: 33.333%;
	}
	
	.large-5 {
	width: 41.666%;
	}
	
	.large-6 {
	width: 50%;
	}
	
	.large-7 {
	width: 58.333%;
	}
	
	.large-8 {
	width: 66.666%;
	}
	
	.large-9 {
	width: 75%;
	}
	
	.large-10 {
	width: 83.333%;
	}
	
	.large-11 {
	width: 91.666%;
	}
	
	.large-12 {
	width: 100%;
	}
	
	}