/*====================================================================*/
	/* MEDIA QUERIES */
	/*====================================================================*/

	/* für 320px */

	@media only screen and (min-width: 20px){

		.div_center {
			margin:0 auto; 
			padding:0px; 
			width:300px;
		}
		
		/* LOGO MOBILE NAVIGATION */
		.logo_mobile_klein{
			width:auto;
			height:40px;
			margin: 0px 0;
			padding:10px 0 0 0;
		}

		/* NAVIGATIONSLEISTE */
		.nav-top {
		  display: -webkit-box;
		  display: inline;
		  -webkit-box-align: center;
		  align-items: center;
		  position: relative;
		  z-index: 101;
		  padding: 10px 0;
		  width: 300px;
		  height:80px;
		  background-color: #ffffff;
		  margin:0 auto;
		  box-sizing:border-box; 
		}
		
		/* NAVIGATIONSLEISTE 100% Bereich */
		.bg_navi{
			background-color:#ffffff;
			height:40px;
			display:block;
			position:fixed;
			top:0px;
			z-index:999999;
			border-bottom:1px solid #dcdcdc;			
		}
		
		/* Navigationspunkte */

		a.nav-link:link, a.nav-link:visited {
			display: block;
			padding:10px;
			font-family:  'Roboto', Arial, Helvetica, sans-serif;
			font-weight:400;
			font-size:16px;
			color:#777777;
			text-decoration:none;
			box-sizing:border-box;
			border-bottom:1px solid #e9e9e9;	
		}

		a.nav-link:hover, a.nav-link:active {
			display: block;
			padding:10px;
			font-family:  'Roboto', Arial, Helvetica, sans-serif;
			font-weight:400;
			font-size:16px;
			color:#777777;
			background-color:#f0f0f0;
			text-decoration:none;
			box-sizing:border-box;
			border-bottom:1px solid #e9e9e9;		
		}

		a.nav-link_active:link, a.nav-link_active:visited, a.nav-link_active:hover, a.nav-link_active:active {
			color:#ffffff;
			background-color:#c84a34;
		}

		a.nav-link_menu:link, a.nav-link_menu:visited {
			background-image: url(../img/arrow_nav_regular.png);
			background-repeat:no-repeat;
			background-size:7px 6px;
			background-position:right 10px center;			
		}

		a.nav-link_menu:hover, a.nav-link_menu:active {
			background-image: url(../img/arrow_nav_regular.png);
			background-repeat:no-repeat;
			background-size:7px 6px;
			background-position:right 10px center;				
		}

		a.menu_active:link, a.menu_active:visited, a.menu_active:hover, a.menu_active:active {
			background-image: url(../img/nav_next_white_mobile.png);
			background-repeat:no-repeat;
			background-size:7px 6px;
			background-position:right 10px center;				
		}

		a.copyright_mobile:link, a.copyright_mobile:visited, a.copyright_mobile:hover, a.copyright_mobile:active {
			display: block;
			padding:10px;
			font-family:  'Roboto', Arial, Helvetica, sans-serif;
			font-weight:400;
			font-size:16px;
			color:#777777;
			background-color:#ffffff;
			text-decoration:none;
			box-sizing:border-box;
			border-bottom:1px solid #e9e9e9;	
			cursor:default;
		}
		
		/* Back Navigationspunkt */
		a.nav-back-link:link, a.nav-back-link:visited {
			display: block;
			padding:10px 10px 10px 27px;			
			font-family:  'Roboto', Arial, Helvetica, sans-serif;
			font-weight:400;
			font-size:16px;
			color:#ffffff;
			background-color:#646464;
			text-decoration:none;
			box-sizing:border-box;
			border-bottom:1px solid #e9e9e9;
			background-image: url(../img/nav_back_mobile.png);
			background-repeat:no-repeat;
			background-size:7px 6px;
			background-position:left 10px center;
		}

		a.nav-back-link:hover, a.nav-back-link:active {
			display: block;
			padding:10px 10px 10px 27px;			
			font-family:  'Roboto', Arial, Helvetica, sans-serif;
			font-weight:400;
			font-size:16px;
			color:#ffffff;
			background-color:#646464;
			text-decoration:none;
			box-sizing:border-box;
			border-bottom:1px solid #e9e9e9;
			background-image: url(../img/nav_back_mobile.png);
			background-repeat:no-repeat;
			background-size:7px 6px;
			background-position:left 10px center;			
		}
		
		/* NAVIGATIONSSYMBOL */
		.nav-top .hamburger {
		  float:right;
		  color: #fff;
		  cursor: pointer;
		  margin-top:30px;
		}
		
		/* LISTE NAVIGATIONSPUNKTE */	
		.nav-drill {
		  margin-top: 82px;
		  display: -webkit-box;
		  display: flex;
		  position: fixed;
		  z-index: 100;
		  top: 0;
		  right: 0;
		  width: 300px;
		  height:100%;
		  background-color: #ffffff;
		  overflow-y: auto;
		  overflow-x: hidden;
		  -webkit-overflow-scrolling: touch;
		  -webkit-transition: 0.45s;
		  transition: 0.45s;
		  border-left:1px solid #e9e9e9;
		  box-shadow:10px 10px 10px #000000;
		}		

		/* LISTE NAVIGATIONSPUNKTE 2 , 3 ......*/
		.nav-expand-content {
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  -webkit-transform: translateX(100%);
				  transform: translateX(100%);
		  background-color: #ffffff;
		  -webkit-transition: 0.3s;
		  transition: 0.3s;
		  visibility: hidden;
		}
		
		.nav-drill {	 
		  -webkit-transform: translateX(100%);
				  transform: translateX(100%);
		}

		.nav-is-toggled .nav-drill {
		  -webkit-transform: translateX(0);
				  transform: translateX(0);
		}
		
		.nav-is-toggled::after {
		  opacity: 1;
		  visibility: visible;
		}
	
		.nav-items {
			margin-top:0px;
			-webkit-box-flex: 0;
			flex: 0 0 100%;
		}

		.nav-expand.active > .nav-expand-content {
		  -webkit-transform: translateX(0);
				  transform: translateX(0);
		  visibility: visible;
		}


		.nav-drill ul{
			list-style:none;
			padding:0px;
			margin:0px;
		}
		.nav-drill li{
			list-style:none;
			margin:0px;
		}
	
	}	

	/*====================================================================*/
	/* MEDIA QUERIES */
	/*====================================================================*/

	/* FÜR 560 px */

	@media only screen and (min-width: 560px){

		.nav-top {
		  width: 540px;
		  height: 80px;
		}

		.div_center {
			margin:0 auto; 
			padding:0px; 
			width:540px;
		}
	
	}	

	/*====================================================================*/
	/* MEDIA QUERIES */
	/*====================================================================*/

	/* FÜR 750 px */

	@media only screen and (min-width: 750px){

		.nav-top {
		  width: 730px;
		  height: 80px;
		}

		.div_center {
			margin:0 auto; 
			padding:0px; 
			width:730px;
		}
		
	}		

	/*====================================================================*/
	/* MEDIA QUERIES */
	/*====================================================================*/

	/* FÜR 1225px */

	@media only screen and (min-width: 1200px){

		.div_center {
			margin:0 auto; 
			padding:0px; 
			width:1200px;
		}

		.bg_navi{
			background-color:#ffffff;
			height:80px;
			display:none;
		}
	
	}

	/*====================================================================*/
	/* MEDIA QUERIES */
	/*====================================================================*/

	/* FÜR 1225px */

	@media only screen and (min-width: 1400px){

		.div_center {
			margin:0 auto; 
			padding:0px; 
			width:1200px;
		}

		.bg_navi{
			background-color:#ffffff;
			height:50px;
			display:none;
		}
	
	}