/* 
font-family: Arial, sans-serif;
color: #93D300;
margin: 25px 50px 75px 100px;     Rand: oben, rechts, unten, links   Adds space outside an element, creating gaps between elements
padding                           Rand                               Adds space inside an element, between its content and border
*/




body {
 font-family: Arial, sans-serif;
 margin: 0;
 padding: 0;
 ext-align: left;
}

header {
 background-color: #0F6A99;
 color: white;
 padding: 10px 0;
 position: fixed;
 width: 100%;
}

nav ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
 text-align: center;
}

nav ul li {
 display: inline;
 margin-right: 20px;
}

nav ul li a {
 color: white;
 text-decoration: none;
}

main {
 padding: 0 10px 40px 10px;
}

footer {
 background-color: #0F6A99;
 color: white;
 text-align: center;
 padding: 10px 0;
}




h1, h2, h3 {
 color: #93D300;
 max-width: 600px;  
 margin: auto; 
}

.absatz {
 max-width: 600px; 
 margin: auto; /* Center on page*/
 margin-top: 10px
}

.persoabsatz {
 max-width: 600px; 
 margin: auto; /* Center on page*/
 margin-top: 10px
}

.persoabsatz p {
 margin-top: 0;
 margin-bottom: 0px;
 padding-top: 0;
}
.persoabsatz h4 {
 margin-top: 6px;
 margin-bottom: 0px;
 padding-top: 0;
}

.persoabsatz ul {
 list-style-type: disc;
 margin-top: 0;
 margin-bottom: 8px;
 padding-top: 0;
 margin-left: 0px;
}


.mainpic {
 display: block;
 margin: 20px auto;
 max-width: 400px;
 min-width: 250px;
 width: 100%;
}

.persopic {
 display: block;
 margin: 20px auto;
 max-width: 200px;
 height: auto;
 width: auto;
}

.pictext {
 max-width: 600px; 
 margin: auto; /* Center on page*/ 
 text-align: center;  
}



.backpic1 {
 width: 100%;
 overflow: hidden;
 margin: 0;
}

.backpic1 img {
 display: block;
 width: 100%;
 height: auto;
 max-width: none;
 margin: 0;
}

/* Bei sehr schmalen Screens: rechts beschneiden */
@media (max-width: 800px) {
 .backpic1 img {
  width: 800px;
  margin: 0;
 }
}