/* lora-regular - latin */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lora-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lora-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lora-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lora-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/lora-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lora-v24-latin-regular.svg#Lora') format('svg'); /* Legacy iOS */
}

/* lora-700 - latin */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/lora-v24-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lora-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lora-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lora-v24-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/lora-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lora-v24-latin-700.svg#Lora') format('svg'); /* Legacy iOS */
}

/* lora-italic - latin */
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/lora-v24-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lora-v24-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lora-v24-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lora-v24-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/lora-v24-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lora-v24-latin-italic.svg#Lora') format('svg'); /* Legacy iOS */
}

/* lora-700italic - latin */
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/lora-v24-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lora-v24-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lora-v24-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lora-v24-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/lora-v24-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lora-v24-latin-700italic.svg#Lora') format('svg'); /* Legacy iOS */
}

/* oswald-300 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/oswald-v48-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/oswald-v48-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald-v48-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oswald-v48-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/oswald-v48-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oswald-v48-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/oswald-v48-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/oswald-v48-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald-v48-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oswald-v48-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/oswald-v48-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oswald-v48-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-700 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/oswald-v48-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/oswald-v48-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald-v48-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oswald-v48-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/oswald-v48-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oswald-v48-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* -Default -----------------------------------------------
 
   ---------------------------------------------------------*/
					.showquery {
						position: absolute;
						bottom: 0;
						right: 0;

						z-index: 999;
						background: red; 
						color: #fff;
						padding: 5px;
					}
					.showquery::before {
						content: "> 960px ";
					}	
					
	body {
     font-size: 100%;
     padding: 0;
     margin: 0;
     
     	/* Für Webfonts! */
	     -webkit-font-smoothing: antialiased;
	     -moz-font-smoothing: antialiased;
	     font-smoothing: antialiased;
	     text-rendering: optimizeLegibility;
	}
	 
	a:link { color:#000; text-decoration: none; }
	a:visited { color:#000; }
	a:hover, a:focus {
	color: #13225b;
	}
	a:active {color: #006666; }
	
	#footer a {
	color: #13225b;
	}
	
	::selection { color: #37bed1; }
	
	h1, h2, h3, h4, h5, h6 { margin-top: 0; font-weight: normal; }
	
		h1 {
	font-size: 1em;
	color: #000000;

	}
	
	img {
		display: block;
	}
	
	.cf:before,
	   .cf:after {
		   content: " "; 
		   display: table; 
	   }
	   
	   .cf:after {
		   clear: both;
	   }
	
		 .cf {
		   *zoom: 1;
	   }
	
/* - Gerüst -----------------------------------------------
 
   ---------------------------------------------------------*/	

	body {
		font-family: 'Oswald', sans-serif;
		font-weight: 300;		
	}
	
	 
	#wrapper { width: 930px; margin: 0 auto;  }

			
	
	/* - Navigationen -----------------------------------------------
	 
	   ---------------------------------------------------------*/	
			
			#nav {
			background-color: #;
			}
			#nav ul { list-style-type: none; margin: 0; padding: 0;	}
			#nav ul li { float: left; margin: 0; padding: 0; }
			#nav a {
			font-family: 'Oswald', sans-serif;
			font-weight: 200;
			font-size: 1.2em;
			display: inline;
			padding: 5px 15px 5px 15px;
			background-color: #000;
			color: #fff;
				 
			}
			
			#nav { margin-top: 8px; }
			 
			
						 
			#nav a {
					-webkit-transition: background 1s ease;
							-moz-transition: background 1s ease;
					        -ms-transition: background 1s ease;
					        -o-transition: background 1s ease;
							transition: background 1s ease;
			}
			#nav a:hover {
				background-color: #FC3;
				color: #000;
			}
			
			#nav span.plus {
				display: none;
			}

			/*  SUBNAVIGATION  */
			
				 		#nav ul > li {
				             position: relative;
				         }
				        #nav ul ul {
				          display: none;
				          position: absolute;
				          z-index: 30;				         
				        }
				        
				          
				          #nav  ul.sub2 {
							margin-left: 201px;
				            top: 0;
				          }
				       
				      
				        #nav ul li ul li {
				          float: none;
				          padding: 0;
				          margin: 0;
						  margin-top:12px;
				          border: none;
				          height: inherit;
				          width: 100%;
				          
				        }
				        #nav ul ul li a {
				          padding: 5px 20px 5px 20px;
				          background: #900;
				    	  width: 160px;
				          color: #fff;
				          border-top: 1px solid #fff;
				          -webkit-transition: background .5 ease;
				              -moz-transition: background .5 ease;
				                  -ms-transition: background .5 ease;
				                  -o-transition: background .5 ease;
				              transition: background .5 ease;
				            text-transform: none;
				        }
				        #nav ul ul li a i {
				          display: none;
				        }
				  
				         
				        
				        #nav ul ul li a:hover {
				          background-color: #990000;
						  color: #ccc;
				        }
				        .link-uebersicht { 
				        	display: none;
				        }

   
   #nav .navresp, .ico-menue {
   	display: none;
   }
  
  .btn {
  	background: #00579a;
  	color: #fff !important;
  	padding: 3px 15px 3px 30px;
  	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	display: inline-block;
	margin-top: 5px;
  	    
  }
  
  .btn::before {
  	font-family: FontAwesome;
  	content: "\f0a9";
  	position: absolute;
  	left: 10px;
  	top: 4px;
  	
    }
  
  .btn:hover {
  	background: #8dbce0;
  }
  
 /* - Mediaqueries -----------------------------------------------
  
    ---------------------------------------------------------*/ 
  
  @media screen and (max-width:960px) {
    	
		.showquery::before {
		    content: "< 960px ";
		}
    	
    	
	  	#wrapper{
	  		width: 90%;
	  		margin:  0 5%;
	  	}
	  	img {
	  		max-width: 100%;
	  	}
		

}  
    @media screen and (min-width:760px) {
          #nav ul li:hover ul.sub, #nav ul.sub li:hover ul.sub2 {
            display: block !important;
          }
  
    }
  @media screen and (max-width:760px) {
		  .showquery::before {
		  	content: "< 760px ";
		  }
  					#main {
  						margin-top: 50px;
  					}
		 			 /* test für NAV OFF Canvas */	 
			 		 	#nav {
			 		 		position: absolute;
			 		 		top: 120px;
							right:-280px;
			 		 		z-index: 300;
			 		 		background-color: rgba(0, 0, 0, 1.0);
			 		 		padding-top: 20px;
			 		 		padding-bottom: 20px;
			 		 		width: 280px;
			 		 		
			 		 	}
			 		 	#nav ul li {
			 		 		float: none;
			 		 		overflow: hidden;
			 		 	}
			 		 	#nav a {
			 		 		color: #fff;
			 		 		padding-left: 10%;
			 		 		 
			 		 		width: 90%;
			 		 	}
			 		 	#nav li:first-child, #nav li:last-child {
			 		 		display: block;
			 		 	}
			 		 	
			 		 	.ico-menue {
			 		 		display: block;
			 		 		position: absolut;
							right:3%;
			 		 		color: #ffee00;
			 		 		font-size: 2em;
							background-color: #000;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
			border-bottom-right-radius: 5px;
			border-bottom-left-radius: 5px; 
			padding: 5px;
							
			 		 		
			 		 	}
			 		 		 .ico-menue::before {
			 		 		 	font-family: FontAwesome;
			 		 		 	content: "\f039 ";
			 		 		 	position: absolute;			 		 		 	
			 		 		 	top: 35px;
								right:3%;
								z-index: 300;
								background-color: #000;
								padding: 8px;
			 		 		 }
			 		 		#nav .navresp {
			 		 			display: block;
			 		 		}
			 		 			#nav a.gclose {
			 		 				font-size: .8em !important;
			 		 				margin-bottom: 10px;
			 		 				width: auto;
			 		 				position: relative;
			 		 				padding-left: 17%;
			 		 			}
			 		 			#nav a.gclose::before {
			 		 				font-family: FontAwesome;
			 		 				content: "\f057 ";
			 		 				position: absolute;
			 		 				left: 10%;
			 		 				top: 3px;
			 		 				font-size: 1.4em;
			 		 				
			 		 			}
			 		 	
						#nav span.plus {
							display: inline-block;
							position: absolute;
							color: #fff;
							right: -7px;
						
							top: 4px;
							font-size: 1.3em;
							padding: 0 20px;
							cursor:	pointer;
						}
						
						#nav ul ul {
							position: relative;
						}
						#nav ul.sub a {
							width: 80%;
							background: transparent;
							border: none; 
							font-size: 1em;
							padding-left: 15%;
						}
						#nav ul.sub2{
							margin-left: 0;
						}
						#nav ul.sub2 a{
							padding-left: 23%;
						}
						#nav ul.sub2 a::before {
							content: "- ";
						}
						.link-uebersicht {
							display: block;
							font-style: italic;
						}
						.plus2::after {
							font-family: FontAwesome;
							content: "\f107 ";
							
							float: right;
							padding-right: 10px;
							margin-top: -3px;
							font-size: 1.3em;
						}
		
 	
  }
  
    @media screen and (max-width:700px) {	
    	.showquery::before {
    		content: "< 700px ";
    	}
 		 
    	 #main .row4 img  {
    		width: 100%;
    	}
  
    	.row4 > div, .row4 > div:first-child {
    		width: 47%;
    		margin: 0 1.5% 20px 1.5%;
    	}
    	
    	 
    
    }
  
  @media screen and (max-width:580px) {
  .showquery::before {
  	content: "< 580px ";
  }
    
	   h1 {
	   	font-size: 1.3em;
	   }
   
   
  }
  
  @media screen and (max-width:480px) {
    .showquery::before {
    	content: "< 480px ";
    }
    input, textarea {
    	width: 98%;
    	padding: 1%;
    }
     input[type=submit] {
     	display: block;
     }
    
  }
  
  @media screen and (max-width:400px) {
   .showquery::before {
   	content: "< 400px ";
   }
           		
     
   }
   
   
   @media screen and (max-width:360px) {
          	.showquery::before {
          		content: "< 360px ";
          	}	
      
    }
   
  
  
  
   
   
   
   
	
/* ---------------------------------------------------------
   Print styles
   ---------------------------------------------------------*/
@media print {
    * {
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
		background:transparent !important;
    }
	html { background-color:#fff; }
	/* Hide navigation */
	nav { display:none; }

	/* Show link destinations in brackets after the link text */
	a[href]:after { content: " (" attr(href) ") "; }
	a[href] {
		font-weight:bold;
		text-decoration:underline;
		color:#06c;
		border:none;
	}
	/* Don't show link destinations for JavaScript or internal links */ 
	a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }
	
	/* Show abbr title value in brackets after the text */
	abbr[title]:after { content: " (" attr(title) ")"; }

	figure { 
		margin-bottom:1em; 
		overflow:hidden;
	}

	figure img { border:1px solid #000; }
}