@import "topbar.css";
@import "navbar.css";
@import "navbar_startseite.css";
@import "formular.css";
@import "formularfelder.css";
@import "tabelle.css";
@import "login.css";
@import "slider.css";
@import "chart.css";
@import "drehscheibe.css";


:root {
	--text_size_default: 16px;
	--font_family_default: "advita";
	--font_family_sanse: "advitaSanse";
	--color_1: #ffffff; /*weiß*/
	--color_1b: #f2f1f4; /*grau*/
	--color_2:#00994d; /*grün*/
	--color_2b:#72BF44;
	--color_3:#008FD5; /*blau*/
	--color_weiß: #ffffff;
	--color_schwarz: #0d0d0d;
	
	--color_achtung: #BD341C;
	--color_rot_advita: #EF4123;
	--color_hinweis: #F47920;
	--color_ok: #FDB913;
	
}


*,
*::after,
*::before {
	margin: 0;
	padding: 0;
}

@font-face {        
	font-family: advitaSans;
	font-display: swap;
	src: url(../fonts/YogaSansWeb.woff); 
} 

@font-face {        
	font-family: advita;
	font-display: swap;
	src: url(../fonts/YogaWeb.woff); 
} 

@font-face {        
	font-family: icon;
	font-display: swap;
	src: url(../fonts/icomoon.woff2); 
}

.clearfix input,	
.icon {
		font-family: icon;
		text-decoration: none;
	}

.icon:hover {
	
		text-decoration: none;
	}


body {        
	font-family: var(--font_family_default); 
	background-color: var(--color_1);
	font-size: var(--text_size_default);
	color: var(--color_schwarz);
	
} 

.content {
	
	padding-top: 1em;
	padding-bottom: 1em;
	background-color: var(--color_1);
	text-align: center;
}

section  {
	
	text-align: left;
	background: var(--color_1b);
	padding-bottom: 0.5em;
	display:flex;
	row-gap: 0.5em;
	flex-direction: column;
}


header {
	
	font-family: var(--font_family_sanse); 
	text-align: left;
	color: var(--color_1);
	background: var(--color_2);
	padding-top: 0.5em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-bottom: 0.5em;
}

section.ausgeloggt header {
	
	background: var(--color_3);
}