body    {
    background-color: black ; 
    background-repeat: no-repeat;
    background-position: 90% top;
    color: midnightblue;
    height: 100vh;
    background-size: cover;
}

.topnav {
    overflow: hidden;
    background-color: #333;
    text-align: center;
}

.topnav a {      
    color: #f2f2f2;
    text-align-last: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 45px;
}

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

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

input[type=text] {
    width: 130px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
 }
    
 input[type=text]:focus {
    width: 100%;
}

#rechts {
    float: right;
    width: 2000px;
    height: 123px;
    margin-left: 20px;
    border: 1px solid red;
    margin: 16px;
} 

img { 
    width: 50%; 
    height:auto 
}

a {
    padding: 25%;
}

.LIN {
    width: 300px;
    margin :0 auto;
}