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

.header1 {
position: fixed;
top: 0px;
background-color: #FFFFFF);
background-image: url(xynav-com.jpg);
background-repeat: no-repeat;
background-position: 50px 10px;
width:50vw;
height: 120px;
font-family: verdana,arial,sans serif,sans;
font-size: 11pt;
color: #000000;
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
}

.header2 {
position: fixed;
top: 0px;
left: 50%;
background-color: #FFFFFF);
width:50vw;
height: 120px;
font-family: verdana,arial,sans serif,sans;
font-size: 14pt;
font-weight: bold;
text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
color: #000000;
display: flex;
align-items: center;
justify-content: center;
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
}

.panorama {
position: fixed;
top: 124px;
width:100vw;
height: 300px;
background-image: url(panorama.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;  
}

.textlinks {
position: absolute;
width: 50vw;
top: 424px;
background-color: #5C142A;
font-family: verdana,arial,helvetica,sans-serif,sans;
color: #FFFFFF;
padding-top: 10px;
line-height: 25px;
text-align: left;
font-size: 11pt;
text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
}

.textrechts {
position: absolute;
width: 50vw;
top: 424px;
left: 50%;
background-color: #8FE2B7;
font-family: verdana,arial,helvetica,sans-serif,sans;
color: #0E2455;
padding-top: 10px;
line-height: 25px;
text-align: left;
font-size: 11pt;
text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
}

.footer {
position: fixed;
bottom: 0px;
background-image: linear-gradient(to bottom, #5C142A 0%, #FFFFFF 95%);
text-align: center;
display: flex;
align-items: center;
justify-content: center;
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;
}