html{
	background-image:url('bilder/test-19.gif')
}

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

#wrapper {
max-width:600px;
margin-top:40px;
margin-right:auto;
margin-left:auto;
}

h1{
font-size: 200%;
max-width: 600px;
padding-right: 40px;
padding-left: 10px;
margin-top: 10px;
text-align: center;
} 

.gastgeber{
font-family: "Times New Roman", Times, Georgia, Serif;
font-size:120%;
font-style:italic;
color: #FFF65D;
letter-spacing: 1.5px;
text-shadow: 2px 1px 3px #006699;
}

.gastgeberland{
font-family:Georgia, "Times New Roman", Times, Serif;
font-size:80%;
font-style:italic;
color:#006699;
text-shadow: 1px 1px 3px yellow;
} 

.ep{
text-align: right;
font-size: 70%;
margin-top: -20px;
color: #FFF65D;
}

.panorama img {
width: 100%; 
height: auto;
}

#flexbox {
display: flex;
flex-wrap: wrap; 
justify-content: space-around;
margin-top: 40px;
}

.nav{
width: 290px;
color: #EB7E70;
font-family: arial, sans-serif;
font-size: 90%;
}

.nav ul{
list-style-type: circle;
}

.direkt a:link{
text-decoration: none;
display: block;
width: 110px;
height: 25px;
font-family:Arial, sans-serif;
letter-spacing: 1.5px;
font-size: 80%;
text-align: center;
color: white;
background-color: #dabd8b;
padding: 40px 0 40px 0;
margin: 0px auto 0px auto;
border-radius: 100px;
}  

.direkt a:visited {
 color: white;
 text-decoration: none
}

.direkt a:hover {
 color: white;
 background-color: #DEB887;
} 

.info {
width: 290px;
text-align: justify;
font-size: 80%;
color: gray;
}

article{
margin-top: 20px;
font-family: times, 'Times New Roman', Georgia, serif;
font-style: italic;
}

.link{
text-align: justify;
font-size: 80%;
margin-top: 30px;
}

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

a:visited {
 color: #669966;
 color: gray;
 text-decoration: none
} 

a:hover {
 /*color: #cf423b;*/
 color: gray;
 /*background-color: #FFFFCC;*/
  background-color: #DABD8B;
}

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

/* ......................................... */

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

html{
	background-image:url('bilder/h6.gif')
} 

/*  380  */
#wrapper{
margin-top:15px;
}

hr{
width: 90%; 
}

.panorama {
width: 90%; 
height: auto;
margin-right: auto;
margin-left: auto;
}

h1{
text-align: center;
}

.gastgeber{
font-family: "Times New Roman", Times, Georgia, Serif;
font-size:80%;
letter-spacing: 1.0px;
color: #006699;
text-shadow: 2px 1px 3px #FFF65D;
}

.ep{
padding-right: 40px;
margin-top: -30px;
color: #006699;
} 

.nav{
margin-top: -30px;
}

.nav li{
margin-top: 5px;
letter-spacing: 1.5px;
}
 
.link{
padding:  20px 20px;
margin-top: 30px;
}

}

/* ...................................... */

@media screen and (min-width : 411px) {
/*  381  */
.nav{
width: 190px;
}

.info {
width: 260px;
}

.link{
padding:  20px 20px;
}

hr{
width: 95%; 
}




}