@charset "utf-8";
@import url('./font/junction.css');

@font-face {



   font-family:  "Ostrich Sans";
   
/*
	Copyright (c) 2011, Tyler Finck <hi@tylerfinck.com>, with Reserved Font Name: "Ostrich Sans".

	This Font Software is licensed under the SIL Open Font License, Version 1.1.
	This license is copied below, and is also available with a FAQ at:
	http://scripts.sil.org/OFL

	Version 1.1 - 26 February 2007
*/
/* https://www.theleagueofmoveabletype.com/ostrich-sans */

			src: local("Ostrich Sans");


            src: url('./font/ostrich-sans-regular.eot'), /* IE9 Compat Modes */


/*
            src: url('./font/ostrich-sans-regular.eot?#iefix') format('eof'), /* IE6-IE8 */


			url('./font/OstrichSans-Medium.otf')  format('opentype'); /* Modern Browsers */
/*
				 url('./font/ostrich-sans-regular.ttf')  format('truetype'), /* Safari, Android, iOS */

/*
				 url('./font/ostrich-sans-regular.svg#svgFontName') format('svg'); /* Legacy iOS */


/*
   font-weight:  200;
*/
   font-style:   normal;
}



html {
	margin:  0;
	padding: 0;
}

body {
	background-image: url(berg.png);
	background-position: no-repeat;
	background-attachment: fixed;
	background-color: #fff;
	background-size: cover;
	margin:  0;
	padding: 0;
/*
	overflow:hidden;
*/
	
	font-family: "sans serif";
}

header {
	font-family: Junction, "sans serif";
	font-weight: normal;
	position: absolute;
	bottom: 35%;
	margin: 0 auto;
	width:100%;
	background-image: url(bg.png);
	text-align: center;
}


header h2{
	font-size: 2em;
	font-family: Junction, "sans serif";
	font-weight: bold;
}

nav {
	margin-top:2em;
	font-family: "Ostrich Sans", "sans serif";
	font-size: 150%;
}

nav ul {
	list-style-type: none;
	text-align: center;
	padding: 0;

}

nav ul li {
	display:inline;
	margin:  0 2em 0 0;
	padding: 0 2em 0 0 ;
	border-right: 1px solid #000;
}

nav li.last {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}

nav a {
	color: #000;
	text-decoration: none;
	}

.fl {
	float: left;
	}

.fr {
	float: right;
	}

.cb {
	clear: both;
	margin: 0;
	}

section#content {
	margin-top: 10%;
	padding-top:100px;
	background-image: url(verlauf.png);
	background-repeat: repeat-x;
	font-family: Junction, "sans serif";
	line-height:1.7em;
	}


section#content a {
	color: #707020; /*TOTORO*/
	}

section#content div#container {
	background-image: url(bg.png);
	padding-bottom: 3em;
	}

div#bild {
	width: 50%;
	}

div#text {
	max-width: 49%;
/*
	margin-left: 50%;
*/
	}

div#text h1 {
	font-family: "Ostrich Sans", "sans serif";
	font-weight: 200;
	font-size: 2em;
	line-height:150%;
	border-bottom: 1px solid #222;
	padding-left: 1em;
	margin-bottom: 2em;
/*
	content before and after -
*/
	
	}

div#text h2 {
	font-size: 1em;
	margin: 2.5em 0 0 0;
	}

div#text h3 {
	font-size: 0.8em;
	}

div#text p {
	max-width: 35em;
	}

div#text span.uc {
	text-transform: uppercase;
	}

/*Insert EM-Space before p */
/*
div#text p.indent:before {
	content:"\2003"; 
	}
*/

div#bild {
	text-align: center;
	padding: 9em 0 0 0;
	}

div#bild .bild {
	border: 1px solid #101;
	height: 200px;
	width: 400px;
	margin: 0 auto;
	}