html, body {
min-height: 100vh;
display: flex;
flex-direction: column;
margin: 0;
}

.headline {
border-bottom: 2px solid #000000;
}

.logo {
height: 100px;
text-align: lext; 
vertical-align: middle;
padding-left: 10px;
}

.sale {
color: #5A545E;
font-family: verdana,arial,helvetica,sans-serif,sans;
line-height: 25px;
text-align: right;
font-size: 14pt;
font-weight: bold;
text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
padding-right: 50px;
}

.textlinks {
color: #FFFFFF;
background-color: #58505b;
font-family: verdana,arial,helvetica,sans-serif,sans;
line-height: 25px;
text-align: left;
font-size: 11pt;
text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
padding: 25px 25px 25px 25px;
}

.textrechts {
color: #E1DFE1;
background-color: #006CB3;
font-family: verdana,arial,helvetica,sans-serif,sans;
line-height: 25px;
text-align: left;
font-size: 11pt;
text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
padding: 25px 25px 25px 25px;
}

.footer {
position: fixed;
bottom: 0px;
background-image: linear-gradient(to bottom, #E8E8E8 0%, #FFFFFF 95%);
text-align: center;
vertical-align: middle;
width:100vw;
height: 50px;
font-family: verdana,arial,sans serif,sans;
font-size: 11pt;
color: #000000;
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
}

.pic {
height: 350px;
background-image: url(panorama.jpg);
background-size: 100% 100%;  
/* background-size: cover;    */         
background-repeat: no-repeat;
background-position: center center;
}