@font-face {
    font-family: 'barlowlight';
    src: url('fonts/Barlow-Light-webfont.eot');
    src: url('fonts/Barlow-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Barlow-Light-webfont.woff2') format('woff2'),
         url('fonts/Barlow-Light-webfont.woff') format('woff'),
         url('fonts/Barlow-Light-webfont.ttf') format('truetype'),
         url('fonts/Barlow-Light-webfont.svg#barlowlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'barlowlight_italic';
    src: url('fonts/Barlow-LightItalic-webfont.eot');
    src: url('fonts/Barlow-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Barlow-LightItalic-webfont.woff2') format('woff2'),
         url('fonts/Barlow-LightItalic-webfont.woff') format('woff'),
         url('fonts/Barlow-LightItalic-webfont.ttf') format('truetype'),
         url('fonts/Barlow-LightItalic-webfont.svg#barlowlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'barlowthin';
    src: url('fonts/Barlow-Thin-webfont.eot');
    src: url('fonts/Barlow-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Barlow-Thin-webfont.woff2') format('woff2'),
         url('fonts/Barlow-Thin-webfont.woff') format('woff'),
         url('fonts/Barlow-Thin-webfont.ttf') format('truetype'),
         url('fonts/Barlow-Thin-webfont.svg#barlowthin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'barlowthin_italic';
    src: url('fonts/Barlow-ThinItalic-webfont.eot');
    src: url('fonts/Barlow-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Barlow-ThinItalic-webfont.woff2') format('woff2'),
         url('fonts/Barlow-ThinItalic-webfont.woff') format('woff'),
         url('fonts/Barlow-ThinItalic-webfont.ttf') format('truetype'),
         url('fonts/Barlow-ThinItalic-webfont.svg#barlowthin_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'barlowmedium';
    src: url('fonts/Barlow-Medium-webfont.eot');
    src: url('fonts/Barlow-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Barlow-Medium-webfont.woff2') format('woff2'),
         url('fonts/Barlow-Medium-webfont.woff') format('woff'),
         url('fonts/Barlow-Medium-webfont.ttf') format('truetype'),
         url('fonts/Barlow-Medium-webfont.svg#barlowmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'barlowmedium_italic';
    src: url('fonts/Barlow-MediumItalic-webfont.eot');
    src: url('fonts/Barlow-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Barlow-MediumItalic-webfont.woff2') format('woff2'),
         url('fonts/Barlow-MediumItalic-webfont.woff') format('woff'),
         url('fonts/Barlow-MediumItalic-webfont.ttf') format('truetype'),
         url('fonts/Barlow-MediumItalic-webfont.svg#barlowmedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'barlowbold';
    src: url('fonts/Barlow-Bold-webfont.eot');
    src: url('fonts/Barlow-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Barlow-Bold-webfont.woff2') format('woff2'),
         url('fonts/Barlow-Bold-webfont.woff') format('woff'),
         url('fonts/Barlow-Bold-webfont.ttf') format('truetype'),
         url('fonts/Barlow-Bold-webfont.svg#barlowbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'barlowbold_italic';
    src: url('fonts/Barlow-BoldItalic-webfont.eot');
    src: url('fonts/Barlow-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Barlow-BoldItalic-webfont.woff2') format('woff2'),
         url('fonts/Barlow-BoldItalic-webfont.woff') format('woff'),
         url('fonts/Barlow-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/Barlow-BoldItalic-webfont.svg#barlowbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'symbol';
    src: url('fonts/Entypo-webfont.eot');
    src: url('fonts/Entypo-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Entypo-webfont.woff2') format('woff2'),
         url('fonts/Entypo-webfont.woff') format('woff'),
         url('fonts/Entypo-webfont.ttf') format('truetype'),
         url('fonts/Entypo-webfont.svg#entyporegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'caveat';
    src: url('fonts/caveat-regular-webfont.eot');
    src: url('fonts/caveat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/caveat-regular-webfont.woff2') format('woff2'),
         url('fonts/caveat-regular-webfont.woff') format('woff'),
         url('fonts/caveat-regular-webfont.ttf') format('truetype'),
         url('fonts/caveat-regular-webfont.svg#caveatregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{
	font-family:barlowmedium;
	font-size:12pt;
	color:#333333;
	margin:0;
}
div.navigation_bar{
	position:fixed;
	top:0;
	left:0;
	display:block;
	width:100%;
	background-color:#474747;
	margin:0;
	padding:0;
	box-shadow: 0 0 20px #000000;
	z-index:2000;
}
div.navigation_bar a:link, div.navigation_bar a:visited, div.navigation_bar a:hover, div.navigation_bar a:active{
	display:inline-block;
	margin:0;
	font-family:barlowbold;
	font-size:2.1em;
	color:#4DC3B6;
	line-height:2.5em;
	text-align:center;
	text-decoration:none;
	width:20%;
}
div.navigation_bar a:hover{
	color:#FFFFFF;
	background-color:#666666;
}
div.slogan{
	display:<?php if($_GET['page'] != "" AND $_GET['page'] != "start"){echo "none";}else{echo "block";} ?>;
	margin:0;
	padding:1em;
	font-family:caveat;
	font-size:5em;
	line-height:0.8em;
	text-align:center;
	background-color:#4DC3B6;
}
div.page_content{
	display:block;
	margin:0;
	padding:3em;
	padding-left:20%;
	padding-right:20%;
	font-family:barlowlight;
	font-size:1.5em;
}
div.page_footer{
	display:block;
	margin:0;
	padding:0;
	background-color:#666666;
}
div.footer_box{
	display:inline-block;
	width:21%;
	padding:2%;
	font-family:barlowlight;
	font-size:1.1em;
	color:#FFFFFF;
	vertical-align:top;
}
div.list_bull{
	display:inline-block;
	width:0.8em;
	text-indent:0em;
	font-weight:bold;
}
div.box_spenden{
	display:block;
	padding:3%;
	text-align:center;
	width:50%;
	margin-left:25%;
	margin-top:1em;
	margin-bottom:2em;
	background-color:#DDDDDD;
	box-shadow: 10px 10px 10px #AAAAAA;
	border-radius:1em;
	overflow:hidden;
}
a.skr:link, a.skr:visited, a.skr:hover, a.skr:active{
	text-decoration:none;
	position:absolute;
	top:25%;
	left:20%;
	width:12%;
	padding:0;
	margin-top:0;
	z-index:1000;	
}
a.projekt_box_up:link, a.projekt_box_up:visited, a.projekt_box_up:hover, a.projekt_box_up:active, a.projekt_box_down:link, a.projekt_box_down:visited, a.projekt_box_down:hover, a.projekt_box_down:active{
	display:block;
	position:relative;
	left:-1em;
	font-family:barlowmedium;
	font-size:1em;
	color:#333333;
	line-height:1em;
	text-decoration:none;
	margin-bottom:2em;
	margin-left:auto;
	margin-right:auto;
	padding:1em;
	width:60%;
	border-radius:0.5em;
	text-align:center;
	transform:rotate(2deg);
	-webikit-transform:rotate(2deg);
	-mos-transform:rotate(2deg);
	-ms-transform:rotate(2deg);
	background-color:#4DC3B6;
}
a.projekt_box_down:link, a.projekt_box_down:visited, a.projekt_box_down:hover, a.projekt_box_down:active{
	position:relative;
	left:1em;
	transform:rotate(-2deg);
	-webikit-transform:rotate(-2deg);
	-mos-transform:rotate(-2deg);
	-ms-transform:rotate(-2deg);
}
a.projekt_box_up:hover, a.projekt_box_down:hover{
	color:#FFFFFF;
	background-color:#666666;
}
span.page_head{
	font-family:caveat;
	font-weight:boldt;
	font-size:2.5em;
	color:#333333;
	display:block;
	margin-bottom:1em;
}
span.smallheadline{
	display:block;
	font-family:barlowmedium;
	color:#4dc3b6;
	margin-top:1em;
	margin-bottom:1em;
}
span.list_item{
	display:block;
	margin-left:0.8em;
	text-indent:-0.8em;
}
a.onpagelink:link, a.onpagelink:visited, a.onpagelink:hover, a.onpagelink:active, a.referenzen:link, a.referenzen:visited, a.referenzen:hover, a.referenzen:active{
	display:block;
	width:50%;
	padding:1.5em;
	margin-top:1em;
	margin-left:25%;
	font-family:barlowmedium;
	font-size:1em;
	color:#4DC3B6;
	line-height:1em;
	text-align:center;
	text-decoration:none;
	border-radius:0.5em;
	text-align:center;
	background-color:#474747;
}
a.onpagelink:link, a.onpagelink:visited, a.onpagelink:hover, a.onpagelink:active{
	padding:0.8em;
	margin-top:2em;
}
a.onpagelink:hover, a.onpagelink:hover{
	color:#FFFFFF;
	background-color:#666666;
}
img.cover{
	display:block;
	margin:0;
	width:100%;
}
p.steps{
	display:block;
	margin-bottom:0.3em;
	margin-left:6em;
}
p.steps span.bullet{
	font-family:barlowmedium;
	display:inline-block;
	width:6em;
	margin-left:-6em;
}

@media screen and (max-width: 1100px) {
	
	div.navigation_bar a:link, div.navigation_bar a:visited, div.navigation_bar a:hover, div.navigation_bar a:active{
		font-size:1.6em;
	}

	a.skr:link, a.skr:visited, a.skr:hover, a.skr:active{
		top:14%;
		left:20%;
		width:16%;
	}

}