body {
   font-family: Arial, Helvetica, sans-serif;
   margin-left: 0%;
   margin-right: 0%;
   /*background-color: #653232;  /* dunkelbraun    */
   background-color: #E9E9E9;  /* hellrosa    */
}

h1 {
   color: #000000;
   font-weight: normal;
   padding-top: 20px;
   color:White;
   font-size: 36px;
   margin-left:10%;
}

p {
   color: black;
   font-weight: normal;
   font-size: 15px;
   margin-left: 10%; margin-right: 10%;
}

.p-Zitat {
   color: black;
   font-weight: normal;
   font-size: 10px;
   margin-left: 10%; margin-right: 10%;
}

.bilder_liste {
   margin-left: 10%; margin-right: 10%;
}

.h3_neu   {
 /* color: #A7A7A7; ist gray66 ...
    gray0 ist schwarz - gray100 weiss
    siehe https://www.farb-tabelle.de/de/farbtabelle.htm    */
  color: #666666;
  font-size:20px;
  font-weight: normal;
  margin-left: 10%; margin-right: 10%;
}


img {
  /*max-width: 100%;  */
  height: auto;
  /*float: left    */
}

.topnav {
  overflow: hidden;
  margin-left:10%;
  /*background-color: #653232;    */

}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.dropdown_t {
        float: left;
        overflow: hidden;
}

.dropdown_t .dropbtn_t {
        font-size: 24px;
        border: none;
        outline: none;
        color: white;
        padding: 0px 20px 20px 5px;               /* war 5 5 */
        background-color: inherit;
        font-family: inherit;
        margin: 0;

}
.dropdown-content_t {
        display:none;
        position:absolute;
        background-color:#653232;
        max-width:160px;
        box-shadow: 0px 8px 16px 0px;
        z-index: 1;
}

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

.dropdown-content_t a:hover {
        background-color: #ddd
}

.dropdown_t:hover .dropdown-content_t {
         display: block;
}



.topnav a:hover, .dropdown_t:hover
.dropbtn_t {
  background-color: #ddd;
  color: black;
}


.topnav a.active {
  background-color: #543030;
  color: white;
}

.topnav .icon {
  display: none;
}

/* fuer Nach-Oben-Button */
#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  /*border: none; /* Remove borders */
  border-style: solid;
  border-width: 5px;
  outline: none; /* Remove outline */
  background-color: #E9E9E9; /* Set a background color */
  color: #666666; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  /*border-radius: 15px;  Rounded corners */
  font-size: 15px; /* Increase font size */
}
#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

/* fuer Zurueck-Button */
input[type=button] {
          background-color: #E9E9E9;
          border-style: solid;
          border-width: 5px;
          color: #666666;
          font-size: 15px;
          /*padding: 16px 32px;     */
          padding: 15px;
          text-decoration: none;
          margin-left: 10%; margin-right: 10%; margin-bottom: 10px;
          cursor: pointer;
        }
input[type=button]:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}