/* BASIC BACKGROUND AND FONT */
body {
    background-color: rgb(231, 245, 191);
color: rgb(33, 86, 50);
font: size 18px; 
font-weight: normal;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
padding: 0px;
border: 0px;
margin: 0px;
}

/*NAVIGATION BAR */

/* Add a black background color to the top navigation */
.topnav {
    background-color: #303030;
    overflow: hidden;
  }
  
  /* Style the links inside the navigation bar */
  .topnav a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 15px 25px;
    text-decoration: none;
    font-size: 17px;
    
  }
  
  /* Change the color of links on hover */
  .topnav a:hover {
    background-color: rgb(170, 173, 163);
    color: black;
  }
  
  /* Add a color to the active/current link */
  .topnav a.active {
    background-color: rgb(33, 86, 50);
    color: white;
  }

  .blocksatz {
    text-align: justify;
    font-size: medium;
    line-height: 35px;
  }
/* Textbox - Container */
 .infobox {
  background-color: #f2f2f2;
  accent-color: black;
  color: black;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  padding: 60px;
  border: 3px solid rgb(33, 86, 50) ;
  box-shadow: 4px 4px 14px gray;
  margin-top: 0px;
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 10px;
  }
/*kleinere Textbox*/
.smallbox {
  background-color: #f2f2f2;
  accent-color: black;
  color: black;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  padding: 5px;
  border: 3px solid rgb(33, 86, 50) ;
  box-shadow: 4px 4px 14px gray;
  margin-top: 0px;
  margin-left: 20px;
  margin-right: 40em;
  margin-bottom: 10px;
}  
  /*Imressumstext */
  .impressum {
    text-align: justify;
    font-size: small; 
  }

  /*Kontaktformular*/

   /* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
  background-color:rgb(33, 86, 50);
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
  background-color: #45a049;
}

/* Add a background color and some padding around the form */
.infobox {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
} 

/*Picture Frame - pictures */
section {
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  padding: 3px;
  margin-top: 0px;
  margin-left: 10px;
  margin-right: 40em;
  margin-bottom: 1px;
}