html 	{
		font-family: "Lucida Sans", sans-serif;
		}
/* @font-face { */
  /* font-family: myFirstFont; */
  /* src: url("fonts/OMGWriteLikeWilliam.woff2"); */
/* } */


input:hover 
	{
		visibility: visible;
		cursor: pointer;		
	}

/*   Karten (Filter) ************************************************************************** */



#HauptbereichFilter
{
	display: none;
}


	.FilterClassKarten
		{
			display: inline-block;
		margin: auto;
		width:80%;		
		}

	.FilterKrone
	{
		/*display: inline ; */
		font-size: 10px;
		color: green;
		/*color: #a0a0a0;*/
		text-align: center;
		margin: 3px 0px 3px 4px;
		z-index: 18;
	}

	
	.FilterClassKrone
	{
		display: inline ; 
		font-size: 9px;
		color: green;
		/*color: #a0a0a0;*/
		text-align: center;
		margin: 1px 1px 1px 1px;
		padding: 0px 0px 0px 0px;
		z-index: 20;
	}

	.FilterClassKrone:hover
	{
		cursor: pointer;
	}
	
	.FilterKroneAnzahl
	{
		display: inline ; 
		font-size: 10px;
		color: black;
		font-weight: bold;
		/*color: #a0a0a0;*/
		text-align: center;
		margin: 5px 0px 10px 0px;
		z-index: -10;
	}
	
#karteSterneBild
	{
	display: block;
	margin: auto;
	border-style: solid;
	border-width: 2px;
	border-color: #eeeeee; 
	border-radius: 10px;
	outline-style: solid;
	outline-width: 0px;
	outline-color:	green;
	z-index: -10;
	}

#karteGespraechsformatBild
	{
			display: block;
	margin: auto;
	border-style: solid;
	border-width: 2px;
	border-color: #eeeeee; 
	border-radius: 10px;
	outline-style: solid;
	outline-width: 0px;
	outline-color:	green;
	z-index: -10;
	}

#karteHauptthemenBild
	{	display: block;
	margin: auto;
	border-style: solid;
	border-width: 2px;
	border-color: #eeeeee; 
	border-radius: 10px;
	outline-style: solid;
	outline-width: 0px;
	outline-color:	green;
	z-index: -10;
	}
	/*008000 grün */
#karteGefuehlBild
	{	display: block;
	margin: auto;
	border-style: solid;
	border-width: 2px;
	border-color: #eeeeee; 
	border-radius: 10px;
	outline-style: solid;
	outline-width: 0px;
	outline-color:	green;
	z-index: -10;
	}
	/*008000 grün */
#karteDatumBild
	{	display: block;
	margin: auto;
	border-style: solid;
	border-width: 2px;
	border-color: #eeeeee; 
	border-radius: 10px;
	outline-style: solid;
	outline-width: 0px;
	outline-color:	green;
	z-index: -10;
	}
	
#karteFreitextBild
	{	display: block;
	margin: auto;
	border-style: solid;
	border-width: 2px;
	border-color: #eeeeee; 
	border-radius: 10px;
	outline-style: solid;
	outline-width: 0px;
	outline-color:	green;
	z-index: -10;
	}
	
		  /* tooltiptext Karten*/
.tooltiptextKarten 
	{
		font-family: Arial;
		font-size: 12px;
		visibility: hidden;
		width: auto;
		background-color:#FEBE00; /* #FEBE00;*/
		color: white;
		text-align: center;
		border-style: solid;
		border-radius: 6px;
		border-width: 1px;
		border-color:white;
		padding: 5px;
		position: absolute;
		z-index: 1;
		top:-10%;
		left:10%;
		
	}
		  /* Hoover  tooltiptext Karten*/
.tooltip1:hover .tooltiptextKarten 
	{
		visibility: visible;
		cursor: not-allowed;
		  
	}




/*   GRID - FORMATIERUNG ************************************************************************** */

.grid-container 
	{				
	  display: block;
	  gap: 0px;
	  background-color: rgba(0, 0, 0, 0.1); /*  yellow; */
	  padding: 0px;
	}

.grid-item 
	{				
	  text-align: center;
	  padding: 1px;
	  margin: 0px 0px 0px 0px;
	  font-size: 10px;
	  padding:0px 60px 0px 60px;
	  vertical-align: top;
	}


/*  STERNE ************************************************************************** */
.SterneBewertungHeadline 
	{			
	  grid-column: 1 / span 1;
	  grid-row: 2 / span 1;
	  visibility: visible;
	  text-align: center;
	  margin: 0px 0px 10px 0px;
	  background-color: rgba(0, 0, 0, 0.2); /*  grey; */
	}

.SterneBewertungZeilen 
	{				
	  grid-column: 1 / span 1;
	  grid-row: 3 / span 1;
	  visibility: visible;
	}

#SterneToggelnButton 
	{			
	  background-color: #FEBE00; /* Green */
	  border: none;
	  color: white;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
	  font-size: 16px;
	  float:left;
	  border-radius: 6px;
	  padding: 5px 5px 5px 5px;
	  margin: 0px 0px 0px 0px;
	}
	
#SterneToggelnButton:hover 
	{
		visibility: visible;
		cursor: pointer;		
	}

/* .SterneBewertungZeilen:hover  */
	/* { */
		/* visibility: visible; */
		/* cursor: pointer;	   */
	/* } */
	
	
				/* Sterne UEBERNEHMEN */	
.buttonFilterButtonUebernehmen			
	{
	  background-color: green; /* Green 	  display: inline;*/
	    top: 0;
		position: -webkit-sticky;
	  position: sticky;
	  border: none;
	  color: white;
	  text-align: center;
	  text-decoration: none;
	  width: 100px;
	  font-size: 16px;
	  border-radius: 6px;
	  padding: 5px 5px 5px 5px;
	    margin-top: 0px;
		margin-bottom: 5px;
		z-index:14;
	}

.buttonFilterButtonUebernehmen:hover 
	{
	visibility: visible;
	cursor: pointer;
	}
	
.buttonFilterButtonUebernehmenAbbrechen			
	{
	  background-color: green; /* Green 	  display: inline;*/
	    top: 0;
		position: -webkit-sticky;
	  position: sticky;
	  border: none;
	  color: white;
	  text-align: center;
	  text-decoration: none;
	  width: 100px;
	  font-size: 16px;
	  border-radius: 6px;
	  padding: 5px 5px 5px 5px;
	    margin-top: 0px;
		margin-bottom: 5px;
		z-index:14;
	}

.buttonFilterButtonUebernehmenAbbrechen:hover 
	{
	visibility: visible;
	cursor: pointer;
	}
/* GESPRÄCHSFORMAT **************************************************************************  */
.GespraechsformatHeadline 
	{			
	  grid-column: 1 / span 1;
	  grid-row: 4/ span 1;
	   visibility: visible;
	   text-align: center;
	   margin: 0px 0px 10px 0px;
	   background-color: rgba(0, 0, 0, 0.2); /*  grey; */
	}


#FormatToggelnButton 
	{		
	  background-color: #FEBE00; /* Green */
	  border: none;
	  color: white;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
	  font-size: 16px;
	  float:left;
	  border-radius: 6px;
	  padding: 5px 5px 5px 5px;
	  margin: 0px 0px 0px 0px;
	}
	
#FormatToggelnButton:hover 
	{
		visibility: visible;
		cursor: pointer;		
	}

			/* Format UEBERNEHMEN */	
.buttonFilterFormatButtonUebernehmen			
	{
	  background-color: green; /* Green */
	  border: none;
	  color: white;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
	  font-size: 16px;
	  border-radius: 6px;
	  padding: 5px 5px 5px 5px;
	  margin: 0px 0px 0px 0px;
	}

.buttonFilterFormatButtonUebernehmen:hover 
	{
	visibility: visible;
	cursor: pointer;
	}	

/* HAUPTTHEMEN ************************************************************************** */
.HauptthemenHeadline 
	{				
		grid-column: 1 / span 1;
		grid-row: 6 / span 1;
		visibility: visible;
		text-align: center;
		margin: 0px 0px 10px 0px;
		background-color: rgba(0, 0, 0, 0.2); /*  grey; */
	}



#HauptthemenToggelnButton 
	{				
	  background-color: #FEBE00; /* Green */
	  border: none;
	  color: white;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
	  font-size: 16px;
	  float:left;
	  border-radius: 6px;
	  padding: 5px 5px 5px 5px;
	  margin: 0px 0px 0px 0px;
	}
	
#HauptthemenToggelnButton:hover 
	{
		visibility: visible;
		cursor: pointer;		
	}

.HauptthemenZeilen 
	{				
		grid-column: 1 / span 1;
		grid-row: 7/ span 1;
		visibility: visible;
	}


.HauptthemenZeilen:hover 
	{
		visibility: visible;
		cursor: pointer;	 
	}
	
	
				/* Themen UEBERNEHMEN */	
.buttonFilterThemenButtonUebernehmen			
	{
	  background-color: green; /* Green */
	  border: none;
	  color: white;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
	  font-size: 16px;
	  border-radius: 6px;
	  padding: 5px 5px 5px 5px;
	  margin: 0px 0px 0px 0px;
	}

.buttonFilterThemenButtonUebernehmen:hover 
	{
	visibility: visible;
	cursor: pointer;
	}







/* Gefühl ************************************************************************** */
.GefuehlHeadline 
	{				
		grid-column: 1 / span 1;
		grid-row: 6 / span 1;
		visibility: visible;
		text-align: center;
		margin: 0px 0px 10px 0px;
		background-color: rgba(0, 0, 0, 0.2); /*  grey; */
	}



#GefuehlToggelnButton 
	{				
	  background-color: #FEBE00; /* Green */
	  border: none;
	  color: white;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
	  font-size: 16px;
	  float:left;
	  	  border-radius: 6px;
	  padding: 5px 5px 5px 5px;
	  margin: 0px 0px 0px 0px;
	}
	
#GefuehlToggelnButton:hover 
	{
		visibility: visible;
		cursor: pointer;		
	}

.GefuehlZeilen 
	{				
		grid-column: 1 / span 1;
		grid-row: 7/ span 1;
		visibility: visible;
	}


.GefuehlZeilen:hover 
	{
		visibility: visible;
		cursor: pointer;	 
	}
	
	
				/* Gefuehl UEBERNEHMEN */	
.buttonFilterGefuehlButtonUebernehmen			
	{
	  background-color: green; /* Green */
	  border: none;
	  color: white;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
	  font-size: 16px;
	  border-radius: 6px;
	  padding: 5px 5px 5px 5px;
	  margin: 0px 0px 0px 0px;
	}

.buttonFilterGefuehlButtonUebernehmen:hover 
	{
	visibility: visible;
	cursor: pointer;
	}



/* DATUM ************************************************************************** */

.DatumHeadline 
	{				
		grid-column: 1 / span 1;
		grid-row: 6 / span 1;
		visibility: visible;
		text-align: center;
		margin: 0px 0px 10px 0px;
		background-color: rgba(0, 0, 0, 0.2); /*  grey; */
	}
	
	
.FilterSuchenTickerDatum
	{				
		grid-column: 1 / span 1;
		grid-row: 9 / span 1;
		padding: 0px 0px 0px 0px;
		vertical-align: top;
		visibility: visible;
		text-align: center;

	}

#FilterSuchenDatumUeberschrift			
	{
	   text-align: left;   
	   font-size: 10px;
	   margin: 0px 0px 0px 0px;
	   text-align: center;
	}


#FilterSuchenLabelStartdatum				
	{
		text-align: center;
		padding: 0px 0px 0px 0px;
		height: 20px;
	}

#Inputfeld_Startdatum				
	{
		text-align: center;
		padding: 0px 0px 0px 0px;
		height: 20px;
	}

#Inputfeld_Startdatum:hover				
	{
			visibility: visible;
			cursor: pointer;
	}

#FilterSuchenLabelEnddatum				
	{
		text-align: center;
		padding: 0px 0px 0px 0px;
		height: 20px;
	}

#Inputfeld_Enddatum				
	{
		text-align: center;
		padding: 0px 0px 0px 0px;
		height: 20px;
	}

#Inputfeld_Enddatum:hover				
	{
			visibility: visible;
			cursor: pointer;
	}
	
.FilterSuchenDatumGoButton 			
	{
	  background-color: green; /* Green */
	  border: none;
	  color: white;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
	  font-size: 16px;
	  border-radius: 6px;
	  padding: 5px 5px 5px 5px;
	  margin: 0px 0px 50px 0px;
	}


.FilterSuchenDatumGoButton:hover 			
	{
		visibility: visible;
		cursor: pointer;	
	}
	
.FilterSuchenTickerDatumCursor  
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
		
.FilterSuchenTickerDatumCursor:hover 
	{
	  visibility: visible;
	  cursor: pointer;	  
	}


/* FREITEXT************************************************************************** */

.FreitextHeadline 
	{				
		grid-column: 1 / span 1;
		grid-row: 6 / span 1;
		visibility: visible;
		text-align: center;
		margin: 0px 0px 10px 0px;
		background-color: rgba(0, 0, 0, 0.2); /*  grey; */
	}
.FilterSuchenTickerFreitext
	{				
		grid-column: 1 / span 1;
		grid-row: 10 / span 1;
		padding: 0px;
		vertical-align: top;
		visibility: visible;

	}


#FilterSuchenFreitextUeberschrift				
	{
	 text-align: left;   
	 font-size: 10px;
	 margin: 0px 00px 0px 00px;  
	 text-align: center;	 
	}

#FilterSuchenFreitextUeberschrift2				
	{
	 text-align: left;   
	 font-size: 10px;
	 margin: 0px 0px 0px 20px;   
	}

#FilterSuchenFreitext				
	{
		text-align: left;
		padding: 0px 0px 0px 0px;
		height: 20px;
		width:50%;
	}

#FilterSuchenFreitext:hover				
	{
			  visibility: visible;
			  cursor: pointer;	 
	}

#FilterSuchenFreitextButton 				
	{
	  background-color: green; /* Green */
	  border: none;
	  color: white;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
	  font-size: 16px;
	  border-radius: 6px;
	  padding: 5px 5px 5px 5px;
	  margin: 0px 0px 50px 0px;
	}
	
.FilterSuchenTickerFreitextCursor:hover 
	{
		visibility: visible;
		cursor: pointer;	  
	}






/*   GRID STERNE-Zeilen   */

p
	{
		text-align: left;
	}
	
.labelclass
	{
		float: left;
	}	

.labelclass:hover 
	{
		visibility: visible;
		cursor: pointer;	  
	}

	
[type="checkbox"] 
	{
	  float: left;
	}



		
		  /* Position the tooltip Karten*/
.tooltip1 
	{
	   position: relative;
	  display: inline-block;
	  margin: 0px -5px 0px -5px;
	  font-size:8;cursor: pointer;
	  
	}

		
		 /* Position the tooltip Karten*/
.FilterDivUebernehmenButton 
	{
		position: relative;
		display: inline-block;
		cursor: pointer;
		float:right;
	}
		
		 /* Position the tooltip Sterne*/
.FilterSterneUebernehmenButton 
	{
		position: relative;
		display: inline-block;
		cursor: pointer;
		float:right;
		z-index: 10;
	}
		
		 /* Position the tooltip format*/
.FilterFormatUebernehmenButton 
	{
		position: relative;
		display: inline-block;
		cursor: pointer;
		float:right;
		z-index: 10;
	}
	
		 /* Position the tooltip Themen*/
.FilterThemenUebernehmenButton 
	{
		position: relative;
		display: inline-block;
		cursor: pointer;
		float:right;
		z-index: 10;
	}
.TickerHeaderCursor 
	{
		padding: 5px;
	}

#FilterSuchenDatumSubmit
{				
	  background-color: #FEBE00; /* Green */
	  border: none;
	  display: inline;
	  color: white;
	  text-align: center;
	  text-decoration: none;
	  font-size: 16px;
	  border-radius: 6px;
	  padding: 5px 20px 5px 20px;
	  margin: 10px 20px 10px 20px;
	}
	
#FilterSuchenDatumSubmit:hover 
	{
		visibility: visible;
		cursor: pointer;		
	}
	#FilterSuchenFreitextSubmit
{				
	  background-color: #FEBE00; /* Green */
	  border: none;
	  display: inline;
	  color: white;
	  text-align: center;
	  text-decoration: none;
	  font-size: 16px;
	  border-radius: 6px;
	  padding: 5px 20px 5px 20px;
	  margin: 10px 20px 10px 20px;
	}
	
#FilterSuchenFreitextSubmit:hover 
	{
		visibility: visible;
		cursor: pointer;		
	}




	
.footer {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align:center;
  font-size: 15px;
  width:100%;
}