/* CSS-Styleguide  */

:root {
	--c_back: #0da4ca;
	--c_body: #00688b;
	--c_a: #00688b;
	--c_a_back: red;
	--c_tab: #000;
	--c_tab_back: #fff;
	--c_tab_back_u: #f79a46;
	--c_tab_back_u: #eebc91;
	--c_tab_back_i: #bebbb8;
	--c_a_hover: red;
	--c_a_back_hover: #476e89;
	--c_nav: #00688b;
	--c_nav_back: #afeeee;
	--c_nav_hover: #FB8500;
	--c_input_hover: #ebd61c;
	--c_input_focus: #85f10a;
	--c_nav_back_hover: #023047;
	--c_won: #696969;         /*#FF00FF*/
	--c_won: #f7eaa5; 
	/* --c_hx: #FB8500;  das Orange hat bei https://contrast-ratio.com/#%23023047-on-white
	leider ganz schlecht abgeschnitten*/
	--c_liste_span: #E6E6E6;
	--c_liste_com_span: #F5F6CE;
	--c_liste_link_span: #E2A9F3;
	--c_hx: #afeeee;
	--c_text: black;
	--c_bord: #f3f3f3;
	--c_footer: #FB8500;
	--c_footer_back: #06354d;
	--c_header: #023047;
	--c_p: #121212;
	--c_antwort_back:#eecea1; 
	--c_p_back: white;

	--breitei: 40%;   
	--breitea: 100%;   

	/* --breitei: 1200px;   
	--breitea: 1300px;    */

}
html{
	/* font-family:Garamond, serif; */
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	width: var(--breitea);
	background-color:var(--c_back);
	color:var(--c_text);
	margin-left: auto;
	margin-right: auto;
}

body{
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 20px;
	width: var(--breitei);
	background-color: var(--c_body);
	min-width: 32em;
	border: 2px solid var(--c_nav_back_hover);
}

.td_text_right {
	text-align: right;
}
.td_text_left {
	text-align: left;
}
.td_text_center {
	text-align: center;
}