/*====================================================================*/
	/* 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:45px;
			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 #302b79;
		  background-color:#ffffff;
		}
		/* 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:  'Sora', Arial, Helvetica, sans-serif;
			font-weight:300;
			font-size:16px;
			color:#000000;
			text-decoration:none;
			box-sizing:border-box;
			border-bottom:1px solid #646464;
			/* border-radius:10px; */
			/* text-transform:uppercase; */
		}
		a.nav-link:hover, a.nav-link:active {
			display: block;
			padding:15px 30px;
			font-family:  'Sora', Arial, Helvetica, sans-serif;
			font-weight:300;
			font-size:16px;
			color:#ffffff;
			background-color:#302b79;
			text-decoration:none;
			box-sizing:border-box;
			border-bottom:1px solid #646464;	
/* text-transform:uppercase;			 */
		}
		
		span.copyright_resp_nav {
			display: block;
			padding:15px 30px;
			font-family:  'Sora', Arial, Helvetica, sans-serif;
			font-weight:300;
			font-size:16px;
			color:#302b79;
			background-color:#ffffff;
			text-decoration:none;
			box-sizing:border-box;
			border-bottom:1px solid #646464;		
		}
		
		a.nav-link_active:link, a.nav-link_active:visited, a.nav-link_active:hover, a.nav-link_active:active {
			color:#ffffff;
			background-color:#302b79;
		}
		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:  'Sora', Arial, Helvetica, sans-serif;
			font-weight:300;
			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:15px 40px;			
			font-family:  'Sora', Arial, Helvetica, sans-serif;
			font-weight:300;
			font-size:16px;
			color:#ffffff;
			background-color:#302b79;
			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 #646464;
		}
		a.nav-back-link:hover, a.nav-back-link:active {
			display: block;
			padding:15px 40px;			
			font-family:  'Sora', Arial, Helvetica, sans-serif;
			font-weight:300;
			font-size:16px;
			color:#ffffff;
			background-color:#302b79;
			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 #646464;
		}
		/* NAVIGATIONSSYMBOL */
		.nav-top .hamburger {
		  float:right;
		  color: #fff;
		  cursor: pointer;
		  margin-top:0;
		  /* background-color:#302b79; */
		  width:41px;
		  height:70px;
		  padding:26px 0;
		  box-sizing:border-box;
		}
		img.burgermanu_responsive{
		  width:auto;
		  height:18px;
		}
		/* 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 #646464;
		  /* 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;
		}
		.div_center {
			margin:0 auto; 
			padding:0px; 
			width:730px;
		}
		.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 #646464;
		  /* box-shadow:20px 20px 20px #ffffff; */
		   /* 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){
		.nav-top {
		  width:100%;
		  height:70px;
		}
		.div_center {
			margin:0 auto; 
			padding:0px; 
			width:1200px;
		}
		.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; */
		}
	}

	@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;
		}
	}