body{display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;max-width:1820px;font-family:'Merienda', cursive;margin:0 auto;height:100.2%;background:url(design/sonjablau_n1.jpg);background-attachment:fixed;background-color:silver;}
.back-to-top{background:;position:fixed;bottom:10px;right:20px;padding:2em;}
header,
nav,
nav a,
article,
section,
footer{border-radius:0px 0.5em 0.5em;border:0px solid;padding:0px;margin:0px;-webkit-flex:1 100%;flex:1 100%;}
a:link{color:#caf8de;font-size:1.0em;}
a:visited{color:#caf8de;font-size:1.0em;}
a:hover{color:#caf8de;font-size:1.0em;}
figure,
figcaption{margin:0;padding:0;}
figure{display:inline-block;}
}
figure img{width:500px;display:block;}
.bild{position:relative;border:1px solid;border-color:#999999;width:20%;height:auto;}
.foto{border:0px solid;border-color:#999999;max-width:90%;width:100%;height:auto;}
.banner{border:0px solid;border-color:#999999;max-width:90%;width:100%;height:auto;}
figure, figcaption{position:relative;margin:0;padding:0;}
figure.einzel{border:1px solid;border-color:#999999;position:relative;display:inline-block;width:30%;}
figure.einzeln{position:relative;display:inline-block;width:100%;}
figure.nav{position:relative;display:inline-block;width:50%;}
figure img{width:100%;display:block;}
figcaption{position:absolute;bottom:0;width:100%;text-align:center;line-height:2.5em;color:white;background:rgba(0,0,0,0.5);}
.gesamt{position:relative;color:black;background:transparent;}
@media only screen and (max-width:800px){body{width:100%;margin:2% 0;padding:1%;}
figure.foto{width:85%;}
}
@media only screen and (max-width:600px){figure.foto{width:70%;}
}
@media only screen and (max-width:800px){body{width:100%;margin:2% 0;padding:1%;}
figure.banner{width:85%;}
}
@media only screen and (max-width:600px){figure.banner{width:99%;}
}
@media only screen and (max-width:800px){body{width:100%;margin:2% 0;padding:1%;}
figure.bild{width:54%;}
}
@media only screen and (max-width:600px){figure.bild{width:90%;}
}
@media only screen and (max-width:800px){body{width:100%;margin:2% 0;padding:1%;}
figure.einzel{width:60%;}
}
@media only screen and (max-width:600px){figure.einzel{width:99%;}
}
@media only screen and (max-width:800px){body{width:100%;margin:2% 0;padding:1%;}
figure.einzeln{width:90%;}
}
@media only screen and (max-width:600px){figure.einzeln{width:90%;}
}
section{background:transparent;border-color:slateblue;}
article{background:transparent;border-color:#df6c20;margin-left:0.1em;}
footer{background:transparent;border:1px solid;margin-right:0.2em;border-color:#cccccc;display:-webkit-flex;-webkit-flex-flow:row wrap;display:flex;flex-flow:row wrap;}
footer *{-webkit-flex:1 1 0;-webkit-justify-content:space-between;flex:1 1 0;justify-content:space-between;}
footer p{font-size:0.9em;text-align:right;color:#b9eace;font-style:italic;}
.left{text-align:left;}
footer a{color:#cccccc;font-size:0.8em;font-style:italic;}
table{max-width:50em;border-collapse:collapse;border:0px solid;margin:0 auto;}
tr{border-top:0px solid;border-bottom:1px solid #666666;}
tr:first-child{border-top:0 none;}
th, td{padding:1em;border-bottom:1px solid #666666;text-align:center;}
th{font-size:1.0em;}
tbody th{text-align:center;}
code{font-size:1.0em;}
@media screen and (max-width:60em){table{width:100%;margin:0;border:none;}
td{hyphens:auto;}
table a{white-space:normal;hyphens:none;}
}
@media screen and (max-width:45em){tr, th, td{display:block;}
tr{padding:0.5em;border-top:0 none;}
th{padding:0;}
td{padding:1em 0 0;}
}
.zentriert{margin-left:auto;margin-right:auto;}
@media all and (min-width:35em){article{webkit-order:2;order:2;}
nav{-webkit-flex:auto;-webkit-order:3;flex:1 auto;order:3;}
footer{webkit-order:4;order:4;}
}
@media all and (min-width:50em){article{-webkit-flex:5 1 0;-webkit-order:3;order:3;flex:5 1 0;}
nav{flex:1 1 0;-webkit-flex:1 1 0;}
}
hr{width:70%;height:3px;margin:0 auto;color:green;background:#666666;}
h1{background:transparent;border:none;padding-left:0;text-align:center;font-size:1.5em;font-style:italic;color:white;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
#eins{background-image:linear-gradient(#ccffcc 25%, #6666cc);}
h2{background:transparent;border:none;padding-left:0;text-align:center;font-size:1.5em;font-style:italic;font-weight:bolder;color:#b9eace;}
h3{background:transparent;border:none;padding-left:0;text-align:center;font-size:1.3em;font-style:italic;color:#cccccc;font-weight:normal;text-decoration:underline;}
h4{background:transparent;border:none;padding-left:0;text-align:center;font-size:1.2em;font-style:italic;font-weight:lighter;color:#cccccc;text-decoration:underline;}
p{background:transparent;border:none;padding-left:0;padding-right:1em;font-size:1.4em;color:#b9eace;text-align:center;}
.red{font-size:1.2em;color:#b9eace;text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.justify{text-align:justify;}
.start{text-align:start;}
.lighter{font-weight:lighter;font-size:1.em;}
.nav{color:#cccccc;font-size:1.0em;font-style:italic;}
.marquee{font-size:1.3em;font-style:italic;color:#cccc99;}
article a{color:#cccccc;}
header{height:120px;margin:0px 0;font-size:xx-large;color:#cccccc;font-weight:bolder;padding:0px;text-align:center;}
@media all and (max-width:45em){header{height:100px;}
}
@media all and (max-width:30em){header{height:150px;}
}
article .panorama{width:100%;}
article img.rechts{float:right;margin:0 0 1.5em 0.5em;}
td img.center{max-width:100%;width:550px;height:auto;}
}