vtm/quelldatein/manifestation/web/vtm.css

html
	{
		margin: 0;
		height: 100%;
		
		background-color: hsl(120, 0%, 0%);
		color: hsl(120, 0%, 100%);
		
		font-family: monospace;
		line-height: 200%;
	}

body
	{
		margin: 0;
		padding: 8px;
		height: 100%;
		
		background-color: hsl(120, 0%, 6.125%);
		color: hsl(120, 0%, 93.75%);
	}

a
	{
		color: hsl(120, 50%, 50%);
		text-decoration: none;
		cursor: pointer;
	}

a:hover
	{
		color: hsl(120, 50%, 75%);
	}

li
	{
		list-style-type: "» ";
	}

body > header
	{
		font-size: 200%;
		margin: 8px;
	}

#radio_hilfe,
#radio_spiel
	{
		display: none;
	}

#radio_hilfe:checked ~ #hilfe {}
#radio_hilfe:checked ~ #spiel {display: none;}

#radio_spiel:checked ~ #hilfe {display: none;}
#radio_spiel:checked ~ #spiel {}

#spiel
	{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}

.bereich
	{
		margin: 8px;
		padding: 8px;
		
		background-color: hsl(120, 0%, 12.5%);
		color: hsl(120, 0%, 87.5%);
	}

#bereich_links
	{
		flex-basis: 19%;
		flex-grow: 1;
		flex-shrink: 1;
	}

#bereich_mitte
	{
		flex-basis: 62%;
		flex-grow: 1;
		flex-shrink: 0;
		
		min-width: 800px;
		
		text-align: center;
	}

#bereich_rechts
	{
		flex-basis: 19%;
		flex-grow: 1;
		flex-shrink: 1;
	}

#hilfe section > header
	{
		font-size: 150%;
	}

#knoepfe > *
	{
		margin: 2px;
	}

#knoepfe.initial > #knopf_schritt {}
#knoepfe.initial > #knopf_testen {}
#knoepfe.initial > #knopf_anhalten {display: none;}
#knoepfe.initial > #knopf_bearbeiten {display: none;}
#knoepfe.initial > #knopf_leeren {}

#knoepfe.ungewiss_laufend > #knopf_schritt {display: none;}
#knoepfe.ungewiss_laufend > #knopf_testen {display: none;}
#knoepfe.ungewiss_laufend > #knopf_anhalten {}
#knoepfe.ungewiss_laufend > #knopf_bearbeiten {display: none;}
#knoepfe.ungewiss_laufend > #knopf_leeren {display: none;}

#knoepfe.ungewiss_stehend > #knopf_schritt {}
#knoepfe.ungewiss_stehend > #knopf_testen {}
#knoepfe.ungewiss_stehend > #knopf_anhalten {display: none;}
#knoepfe.ungewiss_stehend > #knopf_bearbeiten {}
#knoepfe.ungewiss_stehend > #knopf_leeren {display: none;}

#knoepfe.fertig > #knopf_schritt {display: none;}
#knoepfe.fertig > #knopf_testen {display: none;}
#knoepfe.fertig > #knopf_anhalten {display: none;}
#knoepfe.fertig > #knopf_bearbeiten {}
#knoepfe.fertig > #knopf_leeren {display: none;}

#aufgabe_status
	{
		margin-bottom: 8px;
	}


.hilfe_aktoren_aktor
	{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

.hilfe_aktoren_aktor > .hilfe_aktoren_aktor_name
	{
		flex-basis: 100%;
		flex-shrink: 0;
		flex-grow: 1;
		
		text-transform: capitalize;
	}

.hilfe_aktoren_aktor > .hilfe_aktoren_aktor_bild
	{
		flex-basis: 10%;
		flex-shrink: 1;
		flex-grow: 0;
	}

.hilfe_aktoren_aktor > .hilfe_aktoren_aktor_text
	{
		flex-basis: 90%;
		flex-shrink: 1;
		flex-grow: 1;
	}