@charset "utf-8";

@media all  {
	
	#teaserboxes  {
		clear: left;
		border-top: solid 1px #FFFFFF;		/*Trennlinie vor Teaserbox*/
		padding-top: 30px;					/*Abstand der Teaserbox zum vorlaufenden Beitrag*/
		/*border: 2px solid #00dd00;*/
	}
	
	.teaserbox_left  {
		float: left;
		width: 272px;
		padding: 0;                    		/*Abstand nach unten zum Footer*/
	}
	
	.teaserbox_center_screen  {
		width: 272px;
		margin: 0 auto;
		padding: 0;                    		/*Abstand nach unten zum Footer*/
	}
	
	.teaserbox_center_mobile  {
		display: none;
		padding: 0;                    		/*Abstand nach unten zum Footer*/
	}
	
	.teaserbox_right  {
		float: right;
		width: 272px;
		padding: 0;                    		/*Abstand nach unten zum Footer*/
	}
	
	 #teaserboxes h2  {
    }
}


@media screen and (max-width: 1050px)  {
/*Teaserboxes werden schmaler als Navigation*/
	
	#teaserboxes  {
		margin: 0 3%;
	}

}


@media screen and (max-width: 950px)  {
/*Teaserboxes werden kleiner*/
	
	
	.teaserbox_left  {
		width: 240px;
	}
	
	.teaserbox_center_screen  {
		width: 240px;
	}
	
	.teaserbox_right  {
		width: 240px;
	}
	
}


@media screen and (max-width: 850px)  {
/*Teaserboxes gehen untereinaner*/
    
	
	#teaserboxes  {
		/*display: none;*/
		}
	
	.teaserbox_left  {
		display: block;
		float: none;
		width: 40%;
		margin: 0 auto 30px auto;
	}
	
	.teaserbox_center_screen  {
		display: none;
	}
	
	.teaserbox_center_mobile  {
		display: block;
		width: 40%;
		margin: 0 auto 30px auto;
	}

	.teaserbox_right  {
		display: block;
		float: none;
		width: 40%;
		margin: 0 auto 30px auto;
	}
	
	
}


@media screen and (max-width: 500px)  {
/*Teaserboxes verändern Breite*/
	
	.teaserbox_left  {
		width: 60%;
	}
	
	.teaserbox_center_mobile  {
		width: 60%;
	}

	.teaserbox_right  {
		width: 60%;
	}
	
}