/* Stand 30.1.26 */

/* bei fast allen Seiten benutzt: */
html {
  background-color: #b8ff00;
  display: block;
}

body {
  max-width: 90%;
  padding: 0px;
  margin-right: auto;
  margin-left: auto;
  background-color: #b8ff00; /* Hintergrundfarbe */
  color: black; /* Schriftfarbe */
  font-family: Verdana, Arial, Helvetica, sans-serif;  
}

h1, h2, h3, h4, h5, h6 { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
					}

#logo{
  width: 90%;
  padding: 0;
  margin-bottom: 5em;
}

img {
  width: 100%;
}

/* burger: Anzeige des burger Symbols auf einigen Seiten,
   bei index_mit_menue mit Navigation
   sonst ohne Navigation aber mit Link zur Seite
   index_mit_menue*/
#burger{
  width: 3rem;
  position: fixed;
  right: 4em;
  top: 1em;
        }

/* Schriftgröße stufenweise vergrößern mit Media Queries:
vgl Müller S 445 */
@media screen and (min-width: 800px) {
  html { font-size: 1.25rem; }
}

@media screen and (min-width: 1200px) {
  html { font-size: 1.25rem; }
}

#bild_oben { 
	width: 95%;
	padding: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2em;
	background-color: white;
	border-width: 15px;
	border-color: black;
	box-shadow: 10px 10px 10px 10px black;
	border-radius: 15px;
}

#text_im_rahmen{
  width: 80%;
  padding: 20px;
  margin-right: auto;
  margin-left: auto;
  background-color: white;
  border-width: 15px;
  border-color: black;
  box-shadow: 10px 10px 10px 10px black;
  border-radius: 15px;
}

#bi_weiterknopf {
  width: 30%;
  position: relative;
  right: -50%;
  background-color: black;
  border-width: 20px;
  border-radius: 35px;
  border-color: black;
  box-shadow: 10px 10px 10px 10px black;
  padding: 0;
  margin: 5em;
}

/*  Footer */         
#site-footer {
  background-color: black;
  color: white; 
  text-align: right; 
  padding: 0.5rem; 
}