/*====================================================================*/
	/* MEDIA QUERIES */
	/*====================================================================*/
	/* für 320px */
	@media only screen and (min-width: 20px){
		.div_center {
			margin:0 auto; 
			padding:0px; 
			width:360px;
		}
		/* LOGO MOBILE NAVIGATION */
		.logo_mobile_klein{
			width:auto;
			height:40px;
			margin:12px 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:70px;
		  /* background-color:#ffffff; */
		  /* background-image:url(../images/mobile_nav/abdecker_navigation.png); */
		  margin:0 auto 0 auto;
		  box-sizing:border-box;
		  border-bottom:1px solid #e79400;
		  background-color:#ffffff;
		  /* opacity:0.9; */
		}
		/* NAVIGATIONSLEISTE 100% Bereich */
		.bg_navi{
			/* background-color:#ffffff; */
			/* background-image:url(../images/mobile_nav/abdecker_navigation.png); */
			height:70px;
			display:block;
			position:fixed;
			top:0px;
			box-sizing:border-box;
			z-index:999999;
			/* 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:  'Poppins', Arial, Helvetica, sans-serif;
			font-weight:400;
			font-size:18px;
			color:#e79400;
			text-decoration:none;
			box-sizing:border-box;
			border-bottom:1px solid #e79400;
			/* border-radius:10px; */
			/* text-transform:uppercase; */
			
		}
		a.nav-link:hover, a.nav-link:active {
			display: block;
			padding:15px 30px;
			font-family:  'Poppins', Arial, Helvetica, sans-serif;
			font-weight:400;
			font-size:18px;
			color:#ffffff;
			background-color:#e79400;
			text-decoration:none;
			box-sizing:border-box;
			border-bottom:1px solid #fff;
						
/* text-transform:uppercase;			 */
		}
		
		span.copyright_resp_nav {
			display: block;
			padding:15px 30px;
			font-family:  'Poppins', Arial, Helvetica, sans-serif;
			font-weight:400;
			font-size:18px;
			color:#e79400;
			background-color:#ffffff;
			text-decoration:none;
			box-sizing:border-box;
			border-bottom:1px solid #e79400;		
		}
		
		a.nav-link_active:link, a.nav-link_active:visited, a.nav-link_active:hover, a.nav-link_active:active {
			color:#ffffff;
			background-color:#e79400;
		}
		a.nav-link_menu:link, a.nav-link_menu:visited {
			background-image: url(../images/pfeil_mobilenav.png);
			background-repeat:no-repeat;
			background-size:5px 9px;
			background-position:right 30px center;			
		}
		a.nav-ink_menu:hover, a.nav-link_menu:active {
			background-image: url(../images/pfeil_mobilenav_w.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/pfeil_mobilenav.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/pfeil_mobilenav_w.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/pfeil_mobilenav_w.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/pfeil_mobilenav_w.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:  'Poppins', 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:  'Poppins', Arial, Helvetica, sans-serif;
			font-weight:400;
			font-size:18px;
			color:#ffffff;
			background-color:#e79400;
			text-decoration:none;
			box-sizing:border-box;
			border-bottom:1px solid #e9e9e9;
			background-image: url(../images/pfeil_mobilenav_back.png);
			background-repeat:no-repeat;
			background-size:5px 9px;
			background-position:left 20px center;
			/* border-radius:10px; */
			border-bottom:1px solid #646464;
		}
		a.nav-back-link:hover, a.nav-back-link:active {
			display: block;
			padding:15px 40px;			
			font-family:  'Poppins', Arial, Helvetica, sans-serif;
			font-weight:400;
			font-size:18px;
			color:#ffffff;
			background-color:#e79400;
			text-decoration:none;
			box-sizing:border-box;
			border-bottom:1px solid #e9e9e9;
			background-image: url(../images/pfeil_mobilenav_back.png);
			background-repeat:no-repeat;
			background-size:5px 9px;
			background-position:left 20px center;
			/* border-radius:10px; */
			border-bottom:1px solid #646464;
		}
		/* NAVIGATIONSSYMBOL */
		.nav-top .hamburger {
		  float:right;
		  color: #fff;
		  cursor: pointer;
		  margin-top:0;
		  /* background-color:#302b79; */
		  width:41px;
		  height:20px;
		  padding:20px 0;
		  box-sizing:border-box;
		}
		img.burgermanu_responsive{
		  width:auto;
		  height:20px;
		}
		/* LISTE NAVIGATIONSPUNKTE */	
		.nav-drill {
		  margin-top:70px;
		  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;
		}		
		/* 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;
			background-color:#ffffff;
		}
		.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:70px; */
		/* } */
		/* .div_center { */
			/* margin:0 auto;  */
			/* padding:0px;  */
			/* width:540px; */
		/* } */
		/* .nav-drill { */
		  /* margin-top:70px; */
		  /* display: -webkit-box; */
		  /* display: flex; */
		  /* position: fixed; */
		  /* z-index: 100; */
		  /* top: 0; */
		  /* right:0; */
		  /* width:50%; */
		  /* 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 #e79400; */
		  /* box-shadow:20px 20px 20px #ffffff; */
		   /* 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:70px;
		  /* display:none; */
		}
		.div_center {
			margin:0 auto; 
			padding:0px; 
			width:730px;
			/* display:none; */
		}
		
		.nav-drill {
		  margin-top:70px;
		  display: -webkit-box;
		  display: flex;
		  position: fixed;
		  z-index: 100;
		  top: 0;
		  right:0;
		  width:40%;
		  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 #e79400;
		  /* box-shadow:20px 20px 20px #ffffff; */
		   /* box-shadow:0 5px 8px 0 #e1e1e1,0 3px 10px 0 #e1e1e1 !important; */
		   /* display:none; */
		}
	}		
	/*====================================================================*/
	/* MEDIA QUERIES */
	/*====================================================================*/
	/* FÜR 1225px */
	@media only screen and (min-width: 1225px){
		.nav-top {
		  width:100%;
		  height:70px;
		  display:none;
		}
		.div_center {
			margin:0 auto; 
			padding:0px; 
			width:1200px;
			display:none;
		}
		.nav-drill {
		  margin-top:70px;
		  display: -webkit-box;
		  display: flex;
		  position: fixed;
		  z-index: 100;
		  top: 0;
		  right:0;
		  width:30%;
		  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 #646464;
		  /* box-shadow:20px 20px 20px #ffffff; */
		   /* box-shadow:0 5px 8px 0 #e1e1e1,0 3px 10px 0 #e1e1e1 !important; */
		   display:none;
		}
		.bg_navi{
			background-color:#ffffff;
			height:80px;
			display:none;
		}
	}

	@media only screen and (min-width: 1400px){
		.div_center {
			margin:0 auto; 
			padding:0px; 
			width:1380px;
			display:none;
			
		}
		.bg_navi{
			background-color:#ffffff;
			height:80px;
			display:none;
		}
	}