@charset "UTF-8";
/* CSS Document */
html,
html * {padding: 0;
margin: 0;
box-sizing: border-box;
font-family: "fira sans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"}

header {
	padding-left: 0em; 
	padding-right: 0em; 
	padding-top: .0em;
}


body {
	margin-left: auto;
	margin-right: auto;
}

img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
figure figcaption {
	color: #124812;
	text-align: center;
	font-size: 2.5em;
	position:relative;
	bottom: 4em;
	width: 100%;
	line-height: 4em;
	background:#ffffff;
	opacity: 0.7;
}

/*Navigation*/

.style-logo {margin-left: auto; margin-right: auto; display: block; max-width: 540px}
.style-nav ul{list-style-type: none;}
.style-nav ul li a {
					text-decoration: none;
					color: #787878;
					text-align: center;
					font-size: 3em;
					line-height: .5em;
					display:block;
					padding: .5em .5em .3em .5em
						
}

#farbbalken {
		margin-top: 1.4em; padding: 0; height: 2em; background-color: #124812;
	}

/*Inhalt*/

.introtext {
	background-color: #EEEEEE;
	color: #4d4d4d;
	padding: 1.5em 1em 1.5em 1em;
	text-align: center;
	font-weight:300;
	font-size: 2.5em;
}
.introtext a {
	color: #009b00;
	font-weight: 400;
	text-decoration: none;
}
.introtext ul{
	list-style-type: none;
}
.introtext ul li a {
	color: #009b00;	
}


.impressum {
	margin-right: auto;
	font-size: 2em;
	font-weight: 300;
	color: #4d4d4d;
	padding: 2em 1em 2em 1em;
}
.impressum a {
	color: #009b00;
	text-decoration: none
}
.impressum h1 {
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-size: 2em;
}

.datenschutz {
	margin-right: auto;
	font-size: 2em;
	font-weight: 300;
	color: #4d4d4d;
	padding: 2em 1em 2em 1em;
}
.datenschutz a {
		text-decoration: none;
		color: #4d4d4d;
	}
.datenschutz h1 {
	font-weight: 300;
	font-size: 2em;
	text-transform: uppercase;
	letter-spacing: .05em;
}
.datenschutz h3{
	font-weight: 400;
	font-size: 1.5em;
}
.datenschutz h4{
	font-style: italic;
	font-weight: 300
}
.einspaltig {
	width: 100%;
	background-color: #ffffff;
}

footer {
	background-color: #EEEEEE;
	color: #4d4d4d;
	padding:1em 2em 2em 2em;
	font-size: 2em;
	text-align: center;
	line-height: 2;
	margin-top: 20px;
	margin-bottom: 20px;
	}
.footer-text a{
	text-decoration: none;
	color: #4d4d4d;
	padding: 1em;
}

.zeile:before, .zeile:after {
	content: "";
	display: table;	
}
.zeile:after {
	clear: both;
}

.spalte {
	width: 100%;
}
.style-kontaktbild {max-width: 500px
}
.kontakt {
	margin-left: auto; margin-right: auto; display: block;
	color: #4d4d4d;
	padding: 1.5em 1em 1.5em 1em;
	text-align: center;
	font-weight:300;
	font-size: 2.5em;
	}
.kontakt h1{
	text-transform: uppercase;
	font-size: 1.8em;
	font-weight: 300;
	letter-spacing: .05em;
}
.kontakt a{
	text-decoration: none;
	color: #009b00;
}

/*tabletgroesse*/

@media (min-width : 63em ){
	
	figure figcaption {
		font-size: 1.1em;
		bottom: 3.5em;
		line-height: 3.5em;
	}

	.style-logo {
		max-width: 360px;
	}
	
	.style-nav ul li {
		display:inline-block;
		}
	.style-nav ul {
		text-align: center}
	.style-nav ul li a {
		font-size: 1.5em
	}
	#farbbalken {
		margin-top: -.5em;
		height: 1.4em;
	}
	
	.introtext {
		margin-left: 1em;
		margin-right: 1em;
		margin-top: 1em;
		font-size: 1.5em;
	}
	.impressum {
		font-size: 1.3em;
	}
	.impressum h1{
		font-size: 1.3em;
	}
	
	.datenschutz {
		font-size: 1.3em;
	}
	
	.datenschutz h1 {
		font-size: 1.3em	
	}
	.datenschutz h3 {
		font-size: 1.3em	
	}
	
	.kontakt {
		font-size: 1.5em;
	}
	.kontakt h1{
		text-transform: uppercase;
		font-size: 1.5em;	
	}

	
	.zweispaltig {
		width: 50%;
		padding: 1em 1em 1em 1em;
		float: left;
	}
	footer {
		font-size: 1em;
	}
	
}
/*desktopgroesse*/
@media (min-width: 78em){
	body {
		max-width: 90em;		
	}
	
	figure figcaption {
		
		font-size: 1em;
	}
	.style-logo {float: left;
	}
	.style-nav {
		padding-top: 3em;
		float: right;
	}
	
	
	#farbbalken {
	margin-top:5.5em;
	}
	
	.introtext {
		font-size: 1.4em;
	}
	
	.impressum {
		font-size: 1.2em;
	}
	.impressum h1{
		font-size: 1.3em;
	}
	
	.datenschutz {
		font-size: 1.2em;
		text-align:justify;
	}
	.datenschutz h1 {
		font-size: 1.3em	
	}
	.datenschutz h3 {
		font-size: 1.1em	
	}
	
	.kontakt {
		font-size: 1.4em;
	}
	.kontakt h1{
		text-transform: uppercase;
		font-size: 1.4em;	
	}
	
	
	.dreispaltig {
		width: 33.33%;
		background-color: #ffffff;
	}
	.spalte-halb {
		width: 50%;
	}
	.spalte {
		float: left;
	}
}