/* IMPRESSUM CSS 26.04.2019 */


#content-box{
	width: 100%;
	margin: 0 auto 0 auto;
}
	.h1_impr{
		position: relative;
		font-family: 'Montserrat', sans-serif;
		font-weight: 200;
		font-variant: small-caps;
		font-size: 3em;
		letter-spacing: 3px;
		text-align: center;
		margin: 3em auto 0.8em auto;
	}
	#imp_content{
		width: 70%;
		box-sizing: border-box;
		font-family: 'Open Sans', sans-serif;
		margin: 0 auto 0 auto;
	}

	hr{
		width: 60%;
		border: 1px solid black;
		height: 1px;
		background-color: black;
		display: flex;
		justify-content: center;
		margin-bottom: 7em;
	}
	
	#angaben{
		margin-bottom: 5em;
	}
		.imp_hspan_h{
			text-align: center;
			display: flex;
			justify-content: center;
			font-weight: 200 !important;
			letter-spacing: 1px;
		}
		.imp_hspan{
			font-size: 1.2em;
			color: #161616;
			font-weight: 600;
			font-variant: small-caps;
			font-family: 'Montserrat', sans-serif;
		}
			
		.imp_h3{			
			font-size: 1.5em;
			color: #161616;
			font-weight: 200;
			font-variant: small-caps;
			font-family: 'Montserrat', sans-serif;
		}
			
		.textblock{
			text-align: justify;
			color: #333;
		}

/*#############################################
			MEDIA QUERIES
#############################################*/
@media only screen and (max-width:400px){
	#content-box{
		width: 100%;
	}
	#imp_content{
		width: 90%;
	}
	.h1_impr{
		font-size: 2.4em;
	}
}

@media only screen and (min-width:401px){
	#content-box{
		width: 100%;
	}
	#imp_content{
		width: 90%;
	}
	.h1_impr{
		font-size: 2.5em;
	}
}

@media only screen and (min-width:515px){
	#content-box{
		width: 100%;
	}
	#imp_content{
		width: 90%;
	}
	.h1_impr{
		font-size: 2.6em;
	}
}

@media only screen and (min-width:620px){
	#content-box{
		width: 100%;
	}
	#imp_content{
		width: 85%;
	}	
	.h1_impr{
		font-size: 2.7em;
	}
}

@media only screen and (min-width:760px){
	#content-box{
		width: 90%;
	}
	#imp_content{
		width: 80%;
	}
	.h1_impr{
		font-size: 2.8em;
	}
}

@media only screen and (min-width:940px){
	#content-box{
		width: 80%;
	}
	#imp_content{
		width: 75%;
	}
	.h1_impr{
		font-size: 2.9em;
	}
}

@media only screen and (min-width:1140px){
	#content-box{
		width: 80%;
	}
	#imp_content{
		width: 70%;
	}
	.h1_impr{
		font-size: 3em;
	}
}
