.tutorial_kategoriebaum {
		
	}
	
	ul.tutorial_kategorien {
		display: flex;
		flex-wrap: wrap
	}
	
	ul.tutorial_kategorien li {
		margin-right: 16px;
		margin-bottom: 10px;
		width: calc(25% - 16px);
	}
	
	ul.tutorial_kategorien li a {
		display: block;
		padding: 12px 16px;
		background: #0070ba;
		color: #fff;
		text-decoration: none;
		font-size: 14px;
		font-weight: 600;
		text-align: center;
	}
	
	ul.tutorial_kategorien li a:hover {
		background: #0c5a8d;
	}
	@media screen and (max-width: 1100px) {
		ul.tutorial_kategorien li {
			width: calc(33.33% - 16px);
			margin-bottom: 10px;
		}
	}
	
	@media screen and (max-width: 767px) {
		ul.tutorial_kategorien {
			display: block;
		}
	
		ul.tutorial_kategorien li {
			margin-right: 0px;
			width: 100%;
			margin-bottom: 10px;
		}
	}

	.nachricht-titel {
		margin-top: 0;
		margin-bottom: 0;
	}
	.nachrichten_details h2 {
		margin-top: 36px;
		margin-bottom: 10px;
	}
	.nachrichten_details h3 {
		margin-top: 20px;
		margin-bottom: 6px;
	}
	.nachrichten_details p {
		margin-top: 10px;
		margin-bottom: 26px;
	}
	


	.tutorial_detailansicht_text
	{
		width: 100%;
    	display: inline-block;
	}


	.nachrichtenvorschau .nachricht:last-child
	{
		border-bottom: 		0px;
		margin-bottom: 		0px;
	}
	ul.nachrichtenvorschau
	{
		margin: 			14px 0 0 0;
		padding: 			0px;
	}
	ul.nachrichtenvorschau li
	{
		list-style-image: 	none;
		list-style-type: 	none;
		margin: 			0 0 8px 0;
	}
	ul.nachrichtenvorschau li a
	{
		text-decoration: 	none;
	}
	
	div.nachrichtenvorschau {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: center;
		justify-content: flex-start;
		align-items: stretch;
	}
	
	@media screen and (max-width: 1100px) {
		div.nachrichtenvorschau .nachricht {
			margin-right: 16px;
			width: calc(33.33% - 16px);
			margin-bottom: 10px;
		}
	}
	
	@media screen and (max-width: 768px) {
		div.nachrichtenvorschau .nachricht {
			margin-right: 16px;
			width: calc(50% - 16px);
			margin-bottom: 10px;
		}
	}
	
	@media screen and (max-width: 468px) {
		div.nachrichtenvorschau {
			display: block;
		}
	
		div.nachrichtenvorschau .nachricht {
			margin-right: 0px;
			width: 100%;
			margin-bottom: 10px;
		}
	}


	.nachricht
	{
		margin-bottom: 		20px;
		border-bottom: 		1px solid #CCCCCC;
		width: calc(20% - 20px);
		margin-right: 20px;
		position: relative;
	}
	.nachricht h2 a
	{
		text-decoration: 	none;
	}
	.nachrichtenvorschau .nachricht:last-child
	{
		border-bottom: 		0px;
		margin-bottom: 		0px;
	}
	#nachrichten_bild, .nachricht .imgstyle
	{
		float:				left;
		margin: 			0 25px 25px 0;
	}
	#nachrichten_bild img, .nachricht .imgstyle
	{
		max-width: 			250px;
	}
	
	.nachricht {
		height: 100%;
		background: #eef2f5;
		border-radius: 10px;
		overflow: hidden;
	}
	
	.nachricht h3 {
		font-size: 18px;
		font-weight: 600;
		margin: 0;
	
	}
	.nachricht img {
		
	}
	.nachricht .nachricht_content {
		padding-top: 20px; padding-bottom: 50px; padding-left: 28px; padding-right: 28px; 
		font-size: 13px;
	}
	
	.nachricht .nachricht_button {
		
		position: absolute; padding-top: 20px; padding-bottom: 10px; padding-left: 28px; padding-right: 28px; bottom: 0px;
	}
	
	.nachricht .button {
		text-align: -webkit-center;
	}


	.nachricht
	{
		margin-bottom: 		20px;
		padding-bottom: 	20px;
		border-bottom: 		1px solid #CCCCCC;
	}
	.nachricht h2 a
	{
		text-decoration: 	none;
	}
	.nachrichtenvorschau .nachricht:last-child
	{
		border-bottom: 		0px;
		margin-bottom: 		0px;
	}
	#nachrichten_bild, .nachricht .imgstyle
	{
		float:				left;
		margin: 			0 25px 25px 0;
	}
	#nachrichten_bild img, .nachricht .imgstyle
	{
		max-width: 			250px;
	}