@charset "utf-8";
/* CSS Document */

/*
<div id="container_1">
	<div class="txt_block" id="text_1">
	</div>
</div>
*/

#container_2{
		margin: 0 auto;
		width: 1898px;
		height: auto;
		z-index: 1;
		background-color: rgba(0, 0, 0, 0.2);
		border: #bd0e08 2px solid;
		border-radius: 0px 5px 20px 5px;
		margin-top: 20px;
}

#titel_2{
		width: 1880px;	
		height: auto;
		z-index: 2;
		font-size: 18px;
		font-weight: bold;
		padding: 0;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 10px;
}

@media only screen and (max-width: 1899px) {
			.reframe { max-width: 1899px }

#container_2{
		width: 1578px;
}
			
#titel_2{
		width: 1560px;	
		font-size: 16px;
		margin-top: 10px;
		margin-bottom: 10px;
}

}

@media only screen and (max-width: 1599px) {
			.reframe { max-width: 1599px }

#container_2{
		width: 1278px;
}
			
#titel_2{
		width: 1260px;	
		font-size: 16px;
}

}

@media only screen and (max-width: 1279px) {
			.reframe { max-width: 1279px }

#container_2{
		width: 1018px;
}
			
#titel_2{
		width: 1000px;	
		font-size: 14px;
}

}

@media only screen and (max-width: 1023px) {
			.reframe { max-width: 1023px }

#container_2{
		width: 798px;
}
			
#titel_2{
		width: 780px;	
		font-size: 12px;
}

}

@media only screen and (max-width: 799px) {
			.reframe { max-width: 799px }

#container_2{
		width: 638px;
}
			
#titel_2{
		width: 620px;	
		font-size: 11px;
}

}

@media only screen and (max-width: 639px) {
			.reframe { max-width: 639px }

#container_2{
		width: 478px;
}
			
#titel_2{
		width: 460px;	
		font-size: 11px;
}

}

@media only screen and (max-width: 480px) {
			.reframe { max-width: 480px }

#container_2{
		width: auto;
		margin-top: 50px;
		margin-left: 20px;
		margin-right: 20px;
}
			
#titel_2{
		width: auto;	
		height: auto;
		margin: 0 auto;
		margin-top: 20px;
		margin-left: 30px;
		margin-right: 30px;
		margin-bottom: 20px;
		font-size: 14px;	
}

}