/*allgemeine Einstellungen*/
		body{
			background-color: #D9D9D9;
			font-family: Open Sans;
			font-weight: 200;
			color: #4F4F4F;
		}

		h1{
			font-size: 2em;
			font-weight: 300;
		}

		h2{
			font-size: 1.2em;
			font-weight: 200;

		}

		.row:before, .row:after{
			content:"";
        	display: table ;
        	clear:both;
		}
		#sitewrapper{
			width: 80%; 
			background-color: #FDF9F9;
			margin: 0 auto; 
		}
/*header*/

		#logo{
			width: 100%;
			background-color: #4F4F4F;
			color: #FDF9F9;
			margin-top: 10px;
		}

		#logo h1{
			margin-bottom: 4px;
			margin-left: 20px;
		}

		#logo h2{
			margin-top: 0px;
			margin-left: 20px;
		}
		nav{
			border-bottom: solid 1px;
			border-color: #F82702;
		}
		nav ul{
			padding-left: 10px;
		}

		nav li{
			display: inline;
			margin-left: 5px;
			margin-right: 20px;
		}

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

		nav a:hover{
			color: #000000;
			-webkit-transition: color .25s linear, background-color .25s ease-in-out;
			-moz-transition:color .25s linear, background-color .25s ease-in-out;
			border-bottom: solid 2px;
			border-color: #F82702;
		}
		nav #active{
			border-bottom: solid 2px;
			border-color: #F82702;
		}
	/*Drop-Down-Menu*/
		/* Style The Dropdown Button */
		.dropbtn {
		    background-color: #4CAF50;
		    color: white;
		    padding: 16px;
		    font-size: 16px;
		    border: none;
		    cursor: pointer;
		}

		/* The container <div> - needed to position the dropdown content */
		.dropdown {
		    position: relative;
		    display: inline-block;
		}

		/* Dropdown Content (Hidden by Default) */
		.dropdown-content {
		    display: none;
		    position: absolute;
		    background-color: #f9f9f9;
		    min-width: 160px;
		    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		}

		/* Links inside the dropdown */
		.dropdown-content a {
		    color: black;
		    padding: 12px 16px;
		    text-decoration: none;
		    display: block;
		}

		/* Change color of dropdown links on hover */
		.dropdown-content a:hover {background-color: #f1f1f1}

		/* Show the dropdown menu on hover */
		.dropdown:hover .dropdown-content {
		    display: block;
		}

		/* Change the background color of the dropdown button when the dropdown content is shown */
		.dropdown:hover .dropbtn {
		    background-color: #3e8e41;
		}
		nav .dropdown-content a:hover{
			border-bottom: none;
			color: #F82702;
		}
		}


/*Headerbild*/
		#headerbild{
			width: 100%;
				}

		#headerbild img{
			width: 100%;
			margin: 0 auto;
			text-align: center;
			display: table;
				}

/*content*/
	/* spalte 1 */
		div#spalte1{
			float: left;
			width: 30%;
			text-align: center;	
			margin-left: 1.6%;
			margin-right: 1.6%;
			margin-bottom: 3%;
		}
		#spalte1 i{
			font-size: 2em;
			margin-top: 30px;
			color: #F82702;
		}
		#spalte1 h1{
			font-size: 1.5em;

		}
		#spalte1 h2{
			font-size: 1em;
		}
		#spalte1 a{
			text-decoration: none;
			color: #1C1C1C;
			background-color: #E6E6E6;
			padding: 4px 4px 4px 4px;
			border-bottom: solid 1px;
			border-top: solid 1px;
			border-right: solid 1px;
			border-left: solid 1px;
			opacity: 0.5;
		}
		#spalte1 a:hover{
			color: #F82702;
			-webkit-transition: color .25s linear, background-color .25s ease-in-out;
			-moz-transition:color .25s linear, background-color .25s ease-in-out;
		}

	/*spalte 2*/
		div#spalte2{
			float: left;
			width: 30%;
			text-align: center;
			margin-left: 1.6%;
			margin-right: 1.6%;

		}
		#spalte2 i{
			font-size: 2em;
			margin-top: 30px;
			color: #F82702;
		}
		#spalte2 h1{
			font-size: 1.5em;
		}
		#spalte2 h2{
			font-size: 1em;
		}
		#spalte2 a{
			text-decoration: none;
			color: #1C1C1C;
			background-color: #E6E6E6;
			padding: 4px 4px 4px 4px;
			border-bottom: solid 1px;
			border-top: solid 1px;
			border-right: solid 1px;
			border-left: solid 1px;
			opacity: 0.5;
		}
		#spalte2 a:hover{
			color: #F82702;
			-webkit-transition: color .25s linear, background-color .25s ease-in-out;
			-moz-transition:color .25s linear, background-color .25s ease-in-out;
		}

	/*spalte 3*/
		div#spalte3{
			float: left;
			width: 30%;
			text-align: center;
			margin-left: 1.6%;
			margin-right: 1.6%;

		}
		#spalte3 i{
			font-size: 2em;
			margin-top: 30px;
			color: #F82702;
		}
		#spalte3 h1{
			font-size: 1.5em;

		}
		#spalte3 h2{
			font-size: 1em;
		}
		#spalte3 a{
			text-decoration: none;
			color: #1C1C1C;
			background-color: #E6E6E6;
			padding: 4px 4px 4px 4px;
			border-bottom: solid 1px;
			border-top: solid 1px;
			border-right: solid 1px;
			border-left: solid 1px;
			opacity: 0.5;
		}
		#spalte3 a:hover{
			color: #F82702;
			-webkit-transition: color .25s linear, background-color .25s ease-in-out;
			-moz-transition:color .25s linear, background-color .25s ease-in-out;
		}
		
		/*Footer*/
		#footer{
			margin-top: 20px;
			color: #FDF9F9;
			font-size: 0.9em;
			border-bottom: solid 3px;
			border-color: #FDF9F9;
			border-top: solid 3px;
			background-color: #4F4F4F;
		}
	/*fspalte 1*/
		#fspalte1{
			float: left;
			width: 40%;
			margin-left: 15%;
			margin-bottom: 30px;
			margin-top: 20px;
		}
		#fspalte1 ul{
			padding: 0px;
		}
	/*fspalte 2*/
		#fspalte2{
			float: left;
			width: 40%;
			margin-left: 5%;
			margin-bottom: 30px;
			margin-top: 20px;
		}
		#fspalte2 ul{
			padding: 0px;
		}
/*Abschluss*/
		#abschluss{
			margin-top: 1%;
			float: right;
			height: 50px;
			color: #FDF9F9;

		}
		#abschluss a{
			text-decoration: none;
			color: #1C1C1C;
		}
		#abschluss a:hover{
			color: #F82702;
			-webkit-transition: color .25s linear, background-color .25s ease-in-out;
			-moz-transition:color .25s linear, background-color .25s ease-in-out;
		}

/*Medie Queries*/

@media screen and (min-width: 720px) {	
	#navigationsbutton{
		display: none;

		}
	#x{
		display: none;
	}

}




@media screen and (max-width: 720px){
	h1{
		font-size: 1.6em;
	}
	h2{
		font-size: 1em;
	}
	#hauptnavi{
		display: none;
	}
	#hauptnavi li{
		font-size: 1.5em;
	}

	#navigationsbutton{
		width: 100%;
		margin: 0 auto;
		text-align: center;
		font-size: 2em;

	}
	#x{
		display: none;
		width: 100%;
		margin: 0 auto;
		text-align: center;
		font-size: 2em;
	}
	nav #dropdown #dropdown-content{
		display: none;
	}
	#dropdown i{
		display: none;
	}
	div#spalte1{
		width: 100%;
		margin: 0 auto;
	}
	div#spalte2{
		width: 100%;
		margin: 0 auto;
	}
	div#spalte3{
		width: 100%;
		margin: 0 auto;
	}
	#fspalte1{
		width: 100%;
	}
	#fspalte2{
		width: 100%;
		margin-left: 15%;
	}

}





/* fonts */

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('/fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}