/*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; 
		}
			/*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;
		}

/*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;
		}
		#foto img{
			width: 60%;
			margin: 0 auto;
			text-align: center;
		}
		#foto{
			width: 100%;
			margin: 0 auto;
			text-align: center;
		}

/*Content*/

	/*Starttext*/

		#satz1{
			width: 80%;
			margin: 0 auto;
			margin-top: 5%;
		}
		#satz2{
			width: 80%;
			margin: 0 auto;
		}


	/*Bild*/
		#elkekrampfl{
			width: 40%;
			float: left;
			margin-left: 8%;
			margin-top: 3%;
		}

		#elkekrampfl img{
			width: 70%;
			margin: 0 auto;
			display: table;
			margin-bottom: 50px;
		}

	/*lebenslauf*/
		#lebenslauf{
			width: 45%;
			margin-right: 7%;
			margin-top: 6%;
			float: right;
		}

		#lebenslauf ul li{
			margin-bottom: 5px;
		}

		#fortbildung{
			width: 80%;
			margin: 0 auto;
			margin-bottom: 5%;
		}

/*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;
	}
	
	#elkekrampfl{
		width: 60%;
		margin-left: 20%;
	}
	#elkekrampfl img{
		width: 100%;
		margin: 0 auto;
	}
	#lebenslauf{
		width: 100%;
	}
	#lebenslauf ul{
		margin-left: 10%;
	}


	#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 */
}