@font-face 						{	font-family: 'goep100'; src: url('../fonts/goep100.woff2') format('woff2'), url('../goep/goep100.woff') format('woff');
    								font-weight: 100; font-style: normal; font-display: swap; }

@font-face 						{	font-family: 'goep300'; src: url('../fonts/goep300.woff2') format('woff2'), url('../goep/goep300.woff') format('woff');
    								font-weight: 100; font-style: normal; font-display: swap; }
    									
    									

body 					{	font-family: goep300;  }

.news_background 		{ 	position: fixed; z-index: 10; }
.red_layer				{	position: fixed; z-index: 11; width: 100%; height: 100%; background: #fff; opacity: 0.8; }
.news_layer				{	position: fixed; z-index: 12; width: 98%; height: 96%; left: 1%; top: 2%; opacity: 1; background: #fff; overflow-x: scroll; }
.closenews				{	position: relative; top: 2%; right: 1.5%; float: right;  }


.newsticker_einbindung	{	position: relative; width: 80%; left: 10%; height: 80%; top: 20%; overflow-x: scroll; }

.news_headline p		{	font-size: 3.3em; color: #3e5f04; margin-top: 0.7em; }

   


.newsticker_einbindung img 	{	width: 78vw; height: auto; }
.newsticker_einbindung span	{	padding-top: 5em; }

.newsticker_einbindung a	{	text-decoration: none; color: #a4c767; }
.newsticker_einbindung a img {	width: 20vw; }

.created_time			{	font-size: 1.7em; color: #79a800; padding-top: 1.6em; }
.message				{	font-size: 1.4em; color: #1f1f1f; text-align: justify; }
.fb_image				{	width: 39vw; height: auto; }
.name					{	font-size: 1.7em; color: #1f1f1f; }
.description			{	font-size: 1.4em; color: #1f1f1f; }

/* 	-------------------------------------------------------------------------------------------------- */
/*	Design Anpassung , Class 9 , iPad 1024x768,  Anpassungen Design 1024 x 768 px */ 
/* 	-------------------------------------------------------------------------------------------------- */

@media 	screen and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait), /*HOCHFORMAT*/
		screen and (width: 768px) and (height: 1024px) { 	
			.closenews				{	position: relative; top: 1%; right: 1.5%; float: right;  }
			.newsticker_einbindung	{	position: relative; width: 75%; left: 15%; height: 80%; top: 10%; overflow-x: scroll; }}