html {
    background-color : #e0e0e0; /* Hellgrauer Hintergrund */
}
 
body {
    background-color : white;
    max-width : 900px; /* Die Breite der Seite */
    margin : 0 auto;/* Webseite zentrieren */
    font-family : "Gill Sans", sans-serif;/* Schriftart für das ganze Dokument wählen*/
    font-size : 1.2em;/* Schriftgröße*/
    color : #404040; /* Dunkelgrau als Default-Farbe für alle Texte */
    padding : 0px;/* Abstand vom Rand zum Inhalt*/
    /* Karomuster als Hintergrund mit linearen Gradienten:*/
    background-image : 
        repeating-linear-gradient(
            to right,
            transparent,
            transparent 19px,
            #d0d0d0 19px,
            #d0d0d0 20px),
        repeating-linear-gradient(
            to bottom,
            transparent,
            transparent 19px,
            #d0d0d0 19px,
            #d0d0d0 20px);
        
}
 
/* Design des Inhalts (Absätze): */
.inhalt {padding: 0 16px;}


/* Design der Formlen: */
math {
    background : white;
}
.MathJax, .MathJax_Display  {
    text-align: left !important;
    font-size: 100%  !important;
}
/*##########################*/
/*Top Navigation einrichten:*/
/*##########################*/
.topnav {
 /* overflow: hidden;*/
  /*background-color: #0080FF; Blauer Hintergrund der Navigationsleiste*/
  background-color: #0066FF;/*Blauer Hintergrund der Navigationsleiste*/
  position: -webkit-sticky; /* Für Safari */
  position : sticky;
  top : 0;/*Hält die Navigationsleiste oben (sticky)*/
}

.topnav a {
    float: left;
    display: block;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
/*    font-family: 'WaltographRegular', sans-serif;*/
    font-size: 15pt;
    color : #fefe00; /* Gelbe Schrift bei der oberen Navigationsleiste */
}

/* Aktiven Link Dunkelblau einfärben: */
.active {
    background-color: #0000aa;
}

.topnav .icon {
  display: none;
}


/* Link beim hover einfärben: */
.topnav a:hover {
  background-color: #fefe00;
  color: #0080FF;
}

/* Link zum Impressum rechtsbündig: */
.topnav .rightalign {float: right;}

/****************************************************/
/*Dropdown Menü einrichten:                         */
/****************************************************/

/*.dropdown {
  float: left;
  overflow: hidden;
}*/

.dropbtn {
  border: none;
  outline: none;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0; 
  /*font-family: 'WaltographRegular', sans-serif;*/
    font-size: 15pt;
    color : #fefe00; /* Gelbe Schrift bei der oberen Navigationsleiste */
}
.dropdown {
  position: relative;
  display: inline-block;
  background-color: inherit;
}


.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}


.dropdown-content a:hover {background-color: #ddd;}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {
  background-color: #fefe00;
  color: #0080FF;
}
/**************************************************************************/
/* Fussleiste mit Impressum usw. einrichten:                              */
/**************************************************************************/

footer {
    background-color : white;
    /*max-width : 900px; /* Die Breite der Seite */*/
    margin : 0 auto;/* Webseite zentrieren */
    font-family : "Gill Sans", sans-serif;/* Schriftart für das ganze Dokument wählen*/
    font-size : 0.5em;/* Schriftgröße*/
    color : black; 
    padding : 0px;/* Abstand vom Rand zum Inhalt*/        
}
.imressumtext {
    max-width : 30%;
    margin : 2%;
    padding : 1%;
    text-align: left;
    
}

 #flex-container {
   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   font-family : sans-serif;
   font-size : 10px;
   color : black;
   background : white;
}
.panelv2 {
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;

  width: 25%;
  padding: 2%;
  float: left;
  /*margin: 10px;*/
  /*border: 1px solid #aaa;*//*Rahmen um die Boxen*/
}

/**************************************************************************/
/*Dynamische Elemente: Auf kleineen Displays Links untereinander anordnen:*/
/**************************************************************************/

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}


@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}