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

<style>

/* oswald-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('Fonts/oswald-v53-latin/oswald-v53-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('Fonts/oswald-v53-latin/oswald-v53-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Fonts/oswald-v53-latin/oswald-v53-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('Fonts/oswald-v53-latin/oswald-v53-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('Fonts/oswald-v53-latin/oswald-v53-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('Fonts/oswald-v53-latin/oswald-v53-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}




/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('Fonts/roboto-condensed-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('Fonts/roboto-condensed-v24-latin/roboto-condensed-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Fonts/roboto-condensed-v24-latin/roboto-condensed-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('Fonts/roboto-condensed-v24-latin/roboto-condensed-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('Fonts/roboto-condensed-v24-latin/roboto-condensed-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('Fonts/roboto-condensed-v24-latin/roboto-condensed-v24-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}


    	 @font-face{
        font-family:"Rotis SemiSerif W15";
        src:url("Fonts/749754/16941489-a1bb-463f-a068-06f5d2713d41.woff2") format("woff2"),url("Fonts/749754/411ab7a9-79f5-4c52-b7ce-2cc20e55bdd3.woff") format("woff");
    }
		body{
			background-color: #e2efd9;
			margin: 0;
			padding: 0;
			font-size: 1.3em;
			font-family: Rotis SemiSerif W15, Serif;
		}
#start{
	height: 0;
}
		header{
			position: fixed;
		}
		nav{
			height: 80px;
			background-color: rgba(255, 255, 255, 0.9);
			width: 100vw;
			display:block !important;
		}
		.bogen{
			height: auto;
			width: 100vw;
		}
		.logo{
			position: absolute;
			width: 18%;
			max-width: 200px;
			right: 5%;
			top: 24px;
		}
		section.startbild{
			height: 100vh;
			border: none;
			background-image: url(bilder/Waldruhestaette-Sonnenaufgang.jpg);
			background-size: cover;
			background-attachment: fixed;
			width: 100%;
			padding: 0;
			max-width: 100%;
		}
		section{
			padding: 5%;
			border-bottom: 2px solid #fff;
			width: 70%;
			max-width: 1200px;
		}
		nav ul{
			list-style: none;
			margin: 0;
			padding: 20px 0 0 30px;
		}
		nav ul li{
			display: inline;
			margin-right: 12px;
		}
		nav ul li a{
			color: #8e1339;
			text-decoration: none;
			font-size:1.1em;
		}
		a{
			color: #8e1339;
			text-decoration: none;
		}
		a:hover{
			color:#000;
		}
		h1, h2, h3, h4, h5, h6, nav{
			font-family: 'Oswald', sans-serif;
			font-weight: 400;
			font-style: normal;
			color: #8e1339;
			letter-spacing: 0px;
		}
		h1{
			margin-top: 120px;
			line-height: 100%;
		}
		h2{
			font-size: 1.1em;
			margin-bottom: 0;
		}
		h3{
			margin-bottom: 8px;
		}
		article img{
			float: right;
			margin-left: 24px;
		}
	footer{
		position: fixed;
		bottom:0;
		right: 0;
		background-color: #8e1339;
		color: #fff;
		font-size: 0.8em;
		width: 100vw;
		text-align: right;
	}
		footer ul{
			list-style: none;
			margin: 0;
			padding: 0 5% 4px 0;			
		}
		footer ul li{
			display: inline;
			margin-left: 24px;
		}
		footer ul li a{
			color: #fff;
		}
		img.hoch{
			width: 350px;
		}
		img.quadrat{
			width: 400px;
		}
		img.quer{
			width: 100%;
			margin-bottom: 20px;
		}
		.nav-toggle{
			display: none !important;
		}
		.mobil{
			display: none;
		}
		.desktop{
			display: block;
		}
	@media (max-width: 1200px) {
		section{
			width: 90%;
			padding-top: 120px;
		}
		img.quadrat, img.hoch{
			width: 50%;
		}
		img.quer{
			width: 100%;
		}
		footer{
			text-align: center;
		}
		.logo{
			width: 40%;
		}
		nav{
			height: 0;
			overflow: hidden;
			transition: height .4s ease-in;
		}
		nav ul li{
			float: left;
			width: 100%;
		}
		.nav-toggle{
			display: block !important;
			cursor: pointer;
			height: 110px;
			background-color: rgba(255, 255, 255, 0.9);
			width: 100vw;
		}
		#nav-open:target .nav-closed {
			display:block;
		}
		.nav-closed, #nav-closed:target .nav-closed, #nav-open:target .nav-open {
			display:none;
		}
		#nav-open:target nav {
			height:100vh;
		}
		.nav-toggle img{
			width: 20%;
			height: auto;
            max-width: 100px;
		}
		}
	@media (max-width: 768px) {
		section{
			width: 90%;
		}
		nav ul {
    		padding: 240px 0 0 5%;
		}
		.nav-toggle img{
			width: 12%;
			height: auto;
		}
		.mobil{
			display: block;
		}
		.desktop{
			display: none;
		}
		}
	@media (max-width: 480px){
			img.quadrat, img.hoch{
				width: 100%;
			}
		.nav-toggle img{
			width: 18%;
			height: auto;
		}
		}
@media (hover: none) and (pointer: coarse){	
		section.startbild{
			background-attachment: scroll;
		}
}
	</style>