/* korrigiere href auf gleicher Seite bei fixed header */
:target:before {
content:"";
display:block;
height:65px; /* fixed header height*/
margin:-65px 0 0; /* negative fixed header height */
}

/* Schriftart, und ingesamt etwas groesser machen */
body {
  font-size: 1.3rem;
}
/* Auf dem Handy eine kleinere Schrift */
@media (max-width: 767.98px) {
  body {
    font-size: 0.8rem; 
  }
}
/* Bildunterschriften in kleinerer Schrift */
.image-caption {
    font-size: 70%;
    line-height: 1.2; 
}

/* Das Hauptmenu ein wenig groesser als normale Schrift */
.navbar-nav {
  font-size: 1.3rem;
}

/* Hauptbereich leicht farbig hinterlegen -> koennte vielleicht an den Container verschoben werden? */
#main {
  background-color: #c321
}

/* Abstaende vor h1 und h2, da diese in der Regel eigene farbig hinterlegte Bereiche einleuten. */
h1, h2, h3 {
  margin-top: 1.5rem;
}
/* Unter-Ueberschriften farbig (ein Versuch...) */
h1, h2, h3, h4 {
  color: #2B67AB;
}

/* Anpassung Zellengrößen in Tabellen (etwas größer als Inhalt) */
th, td {
  padding-left: 10px;
  padding-right: 10 px;
}

/* Farbe fuer Links
*/
.frame a:link    { color: DarkBlue }
.frame a:visited { color: Maroon }
.frame a:focus   {  }
.frame a:hover   { color: Red }
.frame a:active  { color: Purple }


/* Im Standard-Bootstrap-Carousel den Text unterhalb des Bildes anzeigen
    background-color: #EDD;
 */
.carousel-caption {
  position: relative;
  left: 0;
  top: 0;
  color: Black;
}
.carousel-indicators li {
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: #2B67AA;
}

/* Text im Footer kleiner. Und Hintergrundfarbe (testweise?) wie im Header,
   Abstaende nach oben und unten. Auf dem Handy zentrieren.
 */
#footer {
  font-size: 65%;
  background-color: #F8FAF8;
  border-top: 1px solid #e1e1e1;
  min-height: 5rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  color: #000000; 
}
@media (max-width: 575.98px) {
  #footer {
    text-align: center;
  }
}