/*====================================================================*/
	/* 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:31px;
			margin:25px 0 0 0;
			padding:0px 0 0 0;
		}

		/* NAVIGATIONSLEISTE */
		.nav-top {
		  display: -webkit-box;
		  display: inline;
		  -webkit-box-align: center;
		  align-items: center;
		  position: fixed;
		  z-index: 101;
		  padding:0 0 0 0;
		  width: 100%;
		  height:80px;
		  background-color:#ffffff;
		  /* background-image:url(../images/mobile_nav/abdecker_navigation.png); */
		  margin:0 auto 0 auto;
		  box-sizing:border-box;
		  
		}
		
		/* NAVIGATIONSLEISTE 100% Bereich */
		.bg_navi{
			background-color:#ffffff;
			/* background-image:url(../images/mobile_nav/abdecker_navigation.png); */
			height:80px;
			display:block;
			position:fixed;
			top:0px;
			box-sizing:border-box;
			z-index:999999999;
			border-bottom:1px solid #f6f6f6;			
			box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19) !important;
		}
		
		/* Navigationspunkte */

		a.nav-link:link, a.nav-link:visited {
			display: block;
			padding:15px 30px;
			font-family:  'Fira Sans', Arial, Helvetica, sans-serif;
			font-weight:400;
			font-size:18px;
			color:#646464;
			text-decoration:none;
			box-sizing:border-box;
			border-bottom:1px solid #e4e4e4;
			/* border-radius:10px; */
		}

		a.nav-link:hover, a.nav-link:active {
			display: block;
			padding:15px 30px;
			font-family:  'Fira Sans', Arial, Helvetica, sans-serif;
			font-weight:400;
			font-size:18px;
			color:#ffffff;
			background-color:#e20613;
			text-decoration:none;
			box-sizing:border-box;
			border-bottom:1px solid #e4e4e4;		
		}

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

		a.nav-link_menu:link, a.nav-link_menu:visited {
			background-image: url(../images/mobile_nav/icon_arrow_navigation.png);
			background-repeat:no-repeat;
			background-size:5px 9px;
			background-position:right 30px center;			
		}

		a.nav-link_menu:hover, a.nav-link_menu:active {
			background-image: url(../images/mobile_nav/icon_arrow_dropdown_white.png);
			background-repeat:no-repeat;
			background-size:5px 9px;
			background-position:right 30px center;				
		}

		a.nav-expand-link:link, a.nav-expand-link:visited {
			background-image: url(../images/mobile_nav/icon_arrow_navigation.png);
			background-repeat:no-repeat;
			background-size:5px 9px;
			background-position:right 30px center;			
		}

		a.nav-expand-link:hover, a.nav-expand-link:active {
			background-image: url(../images/mobile_nav/icon_arrow_dropdown_white.png);
			background-repeat:no-repeat;
			background-size:5px 9px;
			background-position:right 30px center;				
		}
		
		a.nav-expand-link_active:link, a.nav-expand-link_active:visited, a.nav-expand-link_active:hover, a.nav-expand-link_active:active {
			background-image: url(../images/mobile_nav/icon_arrow_dropdown_white.png);
			background-repeat:no-repeat;
			background-size:5px 9px;
			background-position:right 30px center;				
		}

		a.menu_active:link, a.menu_active:visited, a.menu_active:hover, a.menu_active:active {
			background-image: url(../images/mobile_nav/icon_arrow_dropdown_white.png);
			background-repeat:no-repeat;
			background-size:5px 9px;
			background-position:right 30px center;				
		}

		a.copyright_mobile:link, a.copyright_mobile:visited, a.copyright_mobile:hover, a.copyright_mobile:active {
			display: block;
			padding:10px;
			font-family:  'Fira Sans', Arial, Helvetica, sans-serif;
			font-weight:400;
			font-size:18px;
			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:15px 40px;			
			font-family:  'Fira Sans', Arial, Helvetica, sans-serif;
			font-weight:400;
			font-size:18px;
			color:#ffffff;
			background-color:#e20613;
			text-decoration:none;
			box-sizing:border-box;
			border-bottom:1px solid #e9e9e9;
			background-image: url(../images/mobile_nav/link_arrow_back.png);
			background-repeat:no-repeat;
			background-size:5px 9px;
			background-position:left 20px center;
			/* border-radius:10px; */
			border-bottom:1px solid #e4e4e4;
		}

		a.nav-back-link:hover, a.nav-back-link:active {
			display: block;
			padding:15px 40px;			
			font-family:  'Fira Sans', Arial, Helvetica, sans-serif;
			font-weight:400;
			font-size:18px;
			color:#ffffff;
			background-color:#e20613;
			text-decoration:none;
			box-sizing:border-box;
			border-bottom:1px solid #e9e9e9;
			background-image: url(../images/mobile_nav/link_arrow_back.png);
			background-repeat:no-repeat;
			background-size:5px 9px;
			background-position:left 20px center;
			/* border-radius:10px; */
			border-bottom:1px solid #e4e4e4;
		}
		
		/* NAVIGATIONSSYMBOL */
		.nav-top .hamburger {
		  float:right;
		  color: #fff;
		  cursor: pointer;
		  margin-top:0;
		  /* background-color:#e20613; */
		  width:35px;
		  height:80px;
		  padding:25px;
		  box-sizing:border-box;
		}
		
		img.burgermanu_responsive{
		  width:auto;
		  height:31px;
		}
		
		/* LISTE NAVIGATIONSPUNKTE */	
		.nav-drill {
		  margin-top:80px;
		  display: -webkit-box;
		  display: flex;
		  position: fixed;
		  z-index: 100;
		  top:0;
		  right:0;
		  width:100%;
		  height:100%;
		  background-color: #ffffff;
		  opacity:1;
		  /* background-image:url(../images/mobile_nav/abdecker_navigation.png); */
		  overflow-y: auto;
		  overflow-x: hidden;
		  -webkit-overflow-scrolling: touch;
		  -webkit-transition: 0.45s;
		  transition: 0.45s;
		  border:1px solid #e4e4e4;
		  /* box-shadow:20px 20px 20px #000000; */
		   /* box-shadow:0 5px 8px 0 #e1e1e1,0 3px 10px 0 #e1e1e1 !important; */
		   -ms-overflow-style:none;
		   scrollbar-width:none;
		}		

		/* 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:100%;
		  height:80px;
		}

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

		.nav-drill {
		  margin-top:80px;
		  display: -webkit-box;
		  display: flex;
		  position: fixed;
		  z-index: 100;
		  top: 0;
		  right:0;
		  width:100%;
		  height:100%;
		  background-color: #ffffff;
		  opacity:1;
		  /* background-image:url(../images/mobile_nav/abdecker_navigation.png); */
		  overflow-y: auto;
		  overflow-x: hidden;
		  -webkit-overflow-scrolling: touch;
		  -webkit-transition: 0.45s;
		  transition: 0.45s;
		  border:1px solid #e4e4e4;
		  /* box-shadow:20px 20px 20px #000000; */
		   /* box-shadow:0 5px 8px 0 #e1e1e1,0 3px 10px 0 #e1e1e1 !important; */
		}
	
	}	

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

	/* FÜR 750 px */

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

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

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

		.nav-drill {
		  margin-top:80px;
		  display: -webkit-box;
		  display: flex;
		  position: fixed;
		  z-index: 100;
		  top: 0;
		  right:0;
		  width:100%;
		  height:100%;
		  background-color: #ffffff;
		  opacity:1;
		  /* background-image:url(../images/mobile_nav/abdecker_navigation.png); */
		  overflow-y:scroll;
		  overflow-x: hidden;
		  -webkit-overflow-scrolling: touch;
		  -webkit-transition: 0.45s;
		  transition: 0.45s;
		  border:1px solid #e4e4e4;
		  /* box-shadow:20px 20px 20px #000000; */
		   /* box-shadow:0 5px 8px 0 #e1e1e1,0 3px 10px 0 #e1e1e1 !important; */
		}
		
	}		

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

	/* FÜR 1225px */

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

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

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

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

	/* FÜR 1400px */

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

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

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