@charset "UTF-8";
/* CSS Document */

* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

body {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, 'sans-serif'sans-serif;
	font-size: .9em;
	text-align: justify;
	background-color:#FFFFFF;
	color:black;
}

img {
	max-width:100%;
	height:auto;
}

a:link {
	color: #000000;
	text-decoration:underline;
}
a:visited {
	text-decoration: underline;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #FF0000;
}
a:active {
	text-decoration: underline;
	color: #FF0000;
}


@media screen and (min-width:300px) {
	


.site-header {
	text-align:center;
	color:black;
	padding-top:3em;
}

.title {
font-size: 4em;
margin-top:-0.65em;
}

.title2 {
font-size: 2em;
font-weight: normal;
margin-top:-0.1em;
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}

.title3 {
font-size: 2em;
font-weight: normal;
margin-top:0.5em;
-moz-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
-webkit-transform: rotate(-8deg);
transform: rotate(-8deg);
}

.title4 {
font-size: 1.3em;
font-weight: normal;
margin: -0.9em 0 -1em 0;
}

.title5 {
font-size: 0.75em;
font-weight: normal;
margin: 0 0 -0.3em 0;
}

.title6 {
font-size: 0.75em;
font-weight: normal;
margin: -1.2em 0 -0.5em 0;
}

/* Raster */

.container {
	max-width:1300px;
	margin:0 auto;
}

.row {
	width:100%;
	float:left;
}

.columns {
	float:left;
	padding-left:1em;
	padding-right:1em;
}
	
@media screen and (max-width:600px) {

/* 2 spaltiges Raster in der kleinen Layout-Version */
.small-1 {width:50%;}
.small-2 {width:100%;}

}

@media screen and (min-width:600px) {

/* 12-spaltiges Raster in der großen Layout-Version */
.large-1 {width:8.333333%;}
.large-2 {width:16.666666%;}
.large-3 {width:25%;}
.large-4 {width:33.333333%;}
.large-5 {width:41.666666%;}
.large-6 {width:50%;}
.large-7 {width:58.333333%;}
.large-8 {width:66.666666%;}
.large-9 {width:75%;}
.large-10 {width:83.333333%;}
.large-11 {width:91.666666%;}
.large-12 {width:100%;}

}