.header {
    background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255) 55%, rgba(0,0,128) 85%, rgba(0,0,128) 100%); 
}

h1 {
  text-shadow: 2px 2px 4px rgba(96,96,96);
  color: rgba(0,0,128);
  font-size: 1.1rem; /* Schriftgröße der Menüpunkte */
}

.itemcontent{
  text-shadow: 2px 2px 4px rgba(96,96,96);
  color: rgba(0,0,128);
}

a{
  text-shadow: 2px 2px 4px rgba(96,96,96);
  color: rgba(0,0,128);
  font-weight: 500;
  font-size: 0,9em;
}

a:hover{
  text-shadow: 2px 2px 4px rgba(96,96,96);
  color: rgba(238,118,0);
  font-weight: 500;
  font-size: 0,9em;
}




.card h3 {
text-shadow: 2px 2px 3px rgba(96,96,96);
color: rgba(0,0,205);
}

.mod-menu {
          font-size: 1.2rem; /* Schriftgröße der Menüpunkte */
  }

/* Schriftfarbe der Menüpunkte ändern */
.mod-menu a {
    text-shadow: 2px 2px 4px rgba(96,96,96);
  color: rgba(0,0,128)!important;
}

/* Hover-Farbe der Menüpunkte */
.mod-menu a:hover {
    text-shadow: 2px 2px 4px rgba(96,96,96);
  color: rgba(238,118,0)!important;
}


.meine-modul-farbe {
  color: rgba(0,0,128) !important;
  font-size: 1.1rem; /* Schriftgröße der Menüpunkte */
  }

.veranstaltungen {
  color: rgba(0,0,128) !important;
  font-size: 1.1rem; /* Schriftgröße der Menüpunkte */
  }
.buerozeiten {
  color: rgba(0,0,128) !important;
  font-size: 1.1rem; /* Schriftgröße der Menüpunkte */
  }