/* DESKTOP 1920 - 1200 */

body {
	background: #FFF;
	background-image:url(../img/BGs/BG_1920.jpg);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-size: auto;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	-o-background-size: auto;
	background-position: top right;
	font-family: 'Exo 2', sans-serif;
	color: #00428d;
	line-height: 120%;
	width: 100%;
	height: 100%;
	margin-left:auto;
	margin-right:auto;
	display: flex;
 	justify-content: center;
	
}


.wrapper {
	width: 100%;
	height: auto;
	display: flex;
 	justify-content: center;
	background-color:#FFF;
	margin: 850px 0 0 0;
	overflow: hidden;
	
}

.content {
	max-width: 1200px;
	overflow: hidden;
	width: 100%;
	height:4222px;
	background-color:transparent;
	background-image: url(../img/_vorlage_content2.png);
	background-repeat:no-repeat;
	margin: 0 0 0 0;
}

.absolute {
	position:absolute;
}



 
 .thumbnail{
	 display:inline-block;
	 display:block;
	 height:auto;
	 max-width:100%;
	 padding:4px;
	 border-radius:4px;
	 -webkit-transition:all .2s ease-in-out;
	 transition:all .2s ease-in-out
	 }
	 
	 .thumbnail>img{
		 display:block;
		 height:auto;
		 max-width:100%}
		 
		 a.thumbnail:hover,a.thumbnail:focus{
			 border-color:#145196}
			 
		.thumbnail>img{
			 margin-right:auto;
			 margin-left:auto}
		
		.thumbnail .caption{
			padding:0;
			color:#333}

/* HEADER */

	.header {
		z-index:999;
		position:fixed;
		width: 100%;
		height: 130px;
		color: #000;
		background-color:rgba(0, 66, 141, 0.75);
		display: flex;
 		align-items: center;
  		justify-content: center;
	}
	
	
	
			.header_content {
				float: left;
				margin: 0 0 0 0;
				width:100%;
				max-width: 1200px;
				height: auto;
				display: flex;
 				align-items: center;
  				justify-content: center;
			
			}
			
				#header_logo {
					max-width: 125px;
					width:100%;
					height: 96px;
					float: left;
					display: block;
					margin: -1px 15px 0 0;
					}
					
					
				#header_headlines {
					display:block;
					float:left;
					margin: 0 80px 0 16px;
					}
			
				.header_headline {
					display:block;
					float:left;
					font-size:42px;
					color:#FFF; 
					font-weight:bold;
					margin: -14px 0 0 0;	
				}

				.header_subline {
					display:block;
					float:left;
					font-size: 21px;
					color:#FFF;
					font-weight:bold;
					line-height: 120%;
					margin: 12px 0 0 0;	
				}
				
				.header_info {
					display:block;
					float:left;
					font-size: 14px;
					margin-top: -5px;
					color:#FFF;
					font-weight:normal;
					line-height: 109%;
				}



/* TEXT DECORATION */

a {
	color: #FFF;
	text-decoration: none;
}

p {
	line-height: 120%;
	font-size: 16px;
}

li {
    list-style-type: none;
    padding-left: 60px;
    background-image:url(../img/leistungen_list.png);
    background-repeat:no-repeat;
    background-position:left center;
	line-height:120%;
	font-size: 16px;
	font-family: 'Exo 2', sans-serif;

} 

#line_one{
	background-image:url(../img/line.jpg);
}

#line_two{
	background-image:url(../img/line_2.jpg);
}
						 
.line {
	display: block;
	float:left;
	width: 100%;
	height: 46px;
	background-repeat:no-repeat;
	background-position: top center;
	background-size: auto;
	margin: 30px 0 30px 0;
	}


/* TABLET EINBINDUNG 1199 - 768 */

@media (max-device-width: 1199px) {
	
	body {
		background-image:url(../img/BGs/BG_1200.jpg);
		font-size: 14px;		
	}
	
	.wrapper {
		margin: 700px 0 0 0;
	}
	
	.content {
		max-width: 767px;
		height:3850px;
		overflow: hidden;
		width: 100%;
		margin: 0 0 0 0;
	}
	
	
		/* TEXT DECORATION */
	
	a {
	}
	
	p {
		font-size: 14px;
	}
	
	li {
		font-size: 14px;
	} 
	
	#line_one{
		background-image:url(../img/line.jpg);
	}
	
	#line_two{
		background-image:url(../img/line_2.jpg);
	}
							 
	.line {
		float:left;
		display: block;
		width: 768px;
		height: 30px;
		background-size: contain;
		margin: 15px 0 15px 0;
	}
		
		
	/* HEADER */
	
		.header {
			z-index:999;
			position:fixed;
			width: 100%;
			height: 90px;
			color: #000;
			background-color:rgba(0, 66, 141, 0.75);
			display: flex;
			align-items: center;
			justify-content: center;
		}
		
		
		
				.header_content {
					float: left;
					margin: 0 0 0 0;
					width:100%;
					height: auto;
					display: flex;
					justify-content: center;
					align-items: center;
				
				}
				
					#header_logo {
						float: left;
						display: block;
						margin: 0 0 0 0;
						width: auto;
						height: 70px;
						}
						
					#header_headlines {
						display:block;
						float:left;
						margin: 0 0 0 0;
						}
				
					.header_headline {
						display:block;
						float:left;
						font-size:21px;
						color:#FFF; 
						font-weight:bold;
						margin: -7px 0 0 0;	
						padding: 0 0 0 10px;
					}
	
					.header_subline {
						display:block;
						float:left;
						font-size: 12px;
						color:#FFF;
						font-weight:bold;
						line-height: 120%;
						margin: -15px 0 0 1px;
						padding: 0 0 0 10px;	
					}
					
					.header_info {
						display:block;
						float:left;
						color:#FFF;
						font-size:10px;
						font-weight:normal;
						line-height: 105%;
						margin-top: 0;
						padding: 0 0 0 10px;
					}
		
	}
	
	
	
	
	/* MOBILE EINBINDUNG 767 - 520 */
	
	@media (max-device-width: 767px) {
		
	body {
			background-image:url(../img/BGs/BG_768.jpg);
			font-size: 14px;		
		}
		
		.wrapper {
			margin: 500px 0 0 0;
		}
		
		.content {
			max-width: 519px;
			height:2950px;
			overflow: hidden;
			width: 100%;
			margin: 0 0 0 0;
		}
		
			/* TEXT DECORATION */
		
		a {
		}
		
		p {
			font-size: 14px;
		}
		
		li {
			font-size: 14px;
		} 
		
		#line_one{
			background-image:url(../img/line.jpg);
		}
		
		#line_two{
			background-image:url(../img/line_2.jpg);
		}
								 
		.line {
			float:left;
			display: block;
			width: 100%;
			height: 30px;
			background-size: contain;
			margin: 15px 0 15px 0;
		}
	
	
	/* HEADER */
	
		.header {
			z-index:999;
			position:fixed;
			width: 100%;
			height: 65px;
			color: #000;
			background-color:rgba(0, 66, 141, 0.75);
			display: flex;
			align-items: center;
			justify-content: center;
		}
		
		
		
				.header_content {
					float: left;
					margin: 0 0 0 0;
					width:100%;
					height: auto;
					display: flex;
					justify-content: center;
					align-items: center;
				
				}
				
					#header_logo {
						/*display:none !important;*/
						float: left;
						display: block;
						margin: 0 0 0 0;
						width: auto;
						height: 50px;
						padding: 0 0 0 0;
						}
						
					#header_headlines {
						display:block;
						float:left;
						margin: 0 0 0 0;
						}
				
					.header_headline {
						display:block;
						float:left;
						font-size:23px;
						color:#FFF; 
						font-weight:bold;
						margin: -7px 0 0 7px;	
						padding: 0 0 0 0;
					}
	
					.header_subline {
						display:block;
						float:left;
						font-size: 13px;
						color:#FFF;
						font-weight:bold;
						line-height: 110%;
						margin: -10px 0 0 7px;
						padding: 0 0 0 0;	
					}
					
					.header_info {
						display:none !important;
						display:block;
						float:left;
						font-size: 7px;
						color:#FFF;
						font-weight:normal;
						line-height: 106%;
						padding: 0 0 0 0;
					}
	
}


/* MOBILE EINBINDUNG 519 - 320 */
	
	@media (max-device-width: 519px) {
		
		body {
			background-image:url(../img/BGs/BG_520.jpg);
			font-size: 12px;		
		}
		
		.wrapper {
			margin: 400px 0 0 0;
		}
		
		.content {
			max-width: 319px;
			height:2220px;
			overflow: hidden;
			width: 100%;
			margin: 0 0 0 0;
		}
		
			/* TEXT DECORATION */
		
		a {
		}
		
		p {
			font-size: 12px;
		}
		
		li {
			font-size: 12px;
		} 
		
		#line_one{
			background-image:url(../img/line.jpg);
		}
		
		#line_two{
			background-image:url(../img/line_2.jpg);
		}
								 
		.line {
			float:left;
			display: block;
			width: 100%;
			height: 13px;
			background-size: contain;
			margin: 15px 0 15px 0;
		}
	
	
	/* HEADER */
	
		.header {
			z-index:999;
			position:fixed;
			width: 100%;
			height: 52px;
			color: #000;
			background-color:rgba(0, 66, 141, 0.75);
			display: flex;
			align-items: center;
			justify-content: center;
		}
		
		
		
				.header_content {
					float: left;
					margin: 0 0 0 0;
					width:100%;
					height: auto;
					display: flex;
					justify-content: center;
					align-items: center;
				
				}
				
					#header_logo {
						/*display:none !important;*/
						float: left;
						display: block;
						margin: 0 0 0 0;
						width: auto;
						height: 40px;
						padding: 0 0 0 0;
						}
						
					#header_headlines {
						display:block;
						float:left;
						margin: 0 0 0 0;
						}
				
					.header_headline {
						display:block;
						float:left;
						font-size:16px;
						color:#FFF; 
						font-weight:bold;
						margin: -6px 0 0 5px;	
						padding: 0 0 0 0;
					}
	
					.header_subline {
						display:block;
						float:left;
						font-size: 9px;
						color:#FFF;
						font-weight:bold;
						line-height: 130%;
						margin: -11px 0 0 5px;
						padding: 0 0 0 0;	
					}
					
					.header_info {
						display:none !important;
						display:block;
						float:left;
						font-size: 7px;
						color:#FFF;
						font-weight:normal;
						line-height: 106%;
						padding: 0 0 0 0;
					}
	
}