body {
background-color: white;
font-size: 100%;
margin: 0 0;
}

#wrapper {
max-width: 600px; 
margin: 0 auto;
}  

header{
margin-top: 40px;
}


.panorama img {
width: 100%; 
height: auto;
margin: 0 0;
border-radius: 5px;
}

.gastgeber{
font-family: "Times New Roman", Times, Georgia, Serif;
font-size:100%;
font-style:italic;
Color:#669966;
letter-spacing: 1.5px;
text-shadow: 1px 1px 3px #669966;
}

.gastgeberland{
font-family:Georgia, "Times New Roman", Times, Serif;
font-size:60%;
font-style:italic;
color:#006699;
} 

#flexbox {
display: flex;
flex-wrap: wrap; 
justify-content: space-around;
}

.nav {
width: 280px;
}

.nav li{
font-size: 100%;
/*color: #669966;*/
color: #006699;
color: red;
}

.info{
width: 300px;
font-family: times, 'Times New Roman', Georgia, serif;
color: black;
text-align: justify;
font-size: 80%;
padding:  10px 10px;
}

article{
font-size: 110%;
font-style: italic;
}

.Link{
font-size: 80%;
text-align: justify;
padding-right: 10px;
padding-left: 10px;
}

a:link
{
 color: #7F7F7F;
 text-decoration: none
}

a:hover {
 color: #cf423b;
 background-color: #FFFFCC;
}
a:visited {
 color: #669966;
 text-decoration: none
}

.counter{
text-align: center;
margin-top: 40px;
}


/* -------------------------------------------- */

@media screen and (max-width:510px) {

h1{
text-align: center;
}

.gastgeber{
font-family: "Times New Roman", Times, Georgia, Serif;
font-size:80%;
}
 

header{
margin-top: 0px;
}   

}