@import url('https://fonts.googleapis.com/css2?family=Georama:wght@100&display=swap');

:root {
	--cassiopeia-font-family-body: "Roboto", sans-serif;
	--cassiopeia-font-family-headings: "Roboto", sans-serif;
	--cassiopeia-font-weight-headings: 700;
	--cassiopeia-font-weight-normal: 400;

	--font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	/*--gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));*/
	--body-font-family: var(--cassiopeia-font-family-body);
	--body-font-size: 1rem;
	--body-font-weight: 800;
	--body-line-height: 1.5;
  
  /*Hintergrund-Farbe allgemein*/
	--body-bg: #efefef;
}


body {
	font-family: 'Georama', sans-serif;
}

/*Logo-Hintergrund*/
.header {
	background: rgb(0,0,0);
}

/*Überschriften*/
h1 {
	text-shadow: 2px 2px 8px rgba(150, 150, 150, 1);
	color: rgb(16,176,208);
}

/*Buttons*/
.btn-primary {
	background: rgb(125,125,125);
}
.btn-primary:hover {
	background: rgb(16,176,208);
}

.footer {
	background: rgb(0,0,0);