:root {
/*  --body-bg: hsl(0, 0%, 100%); */
  --body-bg: #ffffcc;
  --highlight-bg: #fbeea8;

}


/* body {
  font-size: 36px;
  }*/

/* Text should now be blue */ 
.container-header .mod-menu { color: #00008B; } 

/* We add padding and radius so that on hover there is a nice background */ 
.container-header .mod-menu a { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; padding: 3px 15px; color: #00008B; }

/* On hover there should be a gray background*/ 
.container-header .mod-menu a:hover { background-color: #eee; }

/* We need to change the color of the Hamburger Menu because white on white is not good */ 
.container-header .navbar-toggler { color: #00008B;
}

  /* We need to change the color of the Hamburger Menu because white on white is not good */ 
  /* .container-header .navbar-toggler { color: #00008B; border: 1px solid #0088cc; */
  
/* Header-Schrift unter dem Logo anpassen; klappt scheinbar nicht */
.site-description { color: #000000; }

/* und klappt es damit? */
.container-header .site-description {
  color: #000000;
  font-size: 1rem;
  white-space: normal;
}


/* Der Seitenkopf von Cassiopeia hat die Klasse "header" du steuerst diese also mit .header an */

.header {
	background: #ffffcc;
/* 	font-color: #000000; */
/*	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(119,9,121,1) 35%, rgba(0,212,255,1) 100%); */
}


.footer {
background: #ffffcc;
  color: #000000;
}

  @media (min-width: 1200px)
.h1, h1 {
  font-size: 1.5rem;
}