/* Sanftes Scrollen aktivieren */ 
* {
   padding:0;
   margin:0;
}

html { 
  scroll-behavior: smooth;
 
}

body {
    background-color: #DFDFDF;
    font-family: Arial,sans-serif;
    font-size  : 20px;
    color:black;
    
    margin:auto;
    width:1400px;
    height: 800px;
    //background-color: whitesmoke;
}
	
.site-nav ul {
	padding: 0; 
	margin: 0;
	list-style-type: none;
   background:black;    
   display: flex; 
 	justify-content: flex-end; 
}
.site-nav li {
	margin-right: 5px;
	border: 1px solid #333;
}


.site-nav a {
  background: green; 
  color: white; 
  text-decoration: none; 
  display: block;
  padding: 0.5rem;
}
.site-nav a:hover, .site-nav a:focus {
	background: #07b; color:white;
}    
           
.current a {
	background: #666; color: white;
}

header h3 { 
  margin-top: 0;
  margin-bottom: 0; 
  text-align: center;
}

main {
	 padding:0;
    margin:auto;
    width:1400px;
    height: 800px;
    background-color: whitesmoke;
}
	
main #bild_li {
    width: 800px;
    height: 100%;
    //background-color:red;
    border: 1px solid #333;
    float:left;
   
}


main #bild_li img {
	display:block;
	margin:100px auto; 	
	border: 1px solid #333;	
}

main #bild_re {
    width : 596px;
    height: 100%;   
    background-color:green;
    float: right;
    border: 1px solid #333;
    text-align: center;
}   

.login-container {
  margin-top: 100px;
}

input {
  padding: 10px;
  margin: 10px;
  width: 200px;
}

button {
  padding: 10px 20px;
  cursor: pointer;
}

#error {
  color: red;
}

.content {
  display: none;
  margin-top: 50px;
}


   
footer {
	clear: both;
   background-color: black;
   color: white; 
   text-align: right; 
   padding: 0.5rem;
}