@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}
div#gallery {width: 100%;overflow:hidden;margin:70px 0 70px 0;}
figure.slider {position: relative; width: 500%;font-size: 0; animation: 20s slidy infinite; }
figure.slider figure.gallery {width: 20%; height: auto;  display: inline-block;  position: inherit; }
figure.slider img {width: 100%;height: auto;}
figure.slider figure figcaption.slider { position: absolute; bottom: 0;  background: rgba(0,0,0,0.4);  color: #fff; width: 100%;  font-size: 15px; padding: 5px;}
main{position:relative;}
video{width:100%;height:auto;}
*{margin:0;padding:0;}
html{background-image: url(muscheln.jpg);background-position: center;background-repeat:no-repeat;background-attachment: fixed;background-size:cover;}
body{width:950px;font:17px Arial,sans-serif;font-style:normal;font-weight:500;color:#474747;margin:20px auto;background:#fff;}
main{display:block;width:100%;}
article,section{float:right;width:98%;padding-right:10px;padding-left:10px;background:#fff}
section{width:98%}h1,h3{font:1.3em Arial,sans-serif}
h1{font:22px Arial,sans-serif;}
h1,h1 a{color:#ffff;}
h1{float:left;padding:10px;}
h2{font:22px Verdana,sans-serif;color:#08088a;margin:80px 0 30px 0;}
h2.header1{font:22px Verdana,sans-serif;color:#08088a;margin:80px 0 10px 0;}
h2.section{font:22px Verdana,sans-serif;color:#08088a;margin:80px 0 10px 0;}
h2.aside{font:19px Arial,sans-serif;margin:80px 0 50px 5px;border-bottom:1px solid #bbbcbe;}
h3,h4{color:#08088a;}
h3.links{font:18px Arial,sans-serif;margin: 60px 0 20px 0;padding-bottom:15px; border-bottom:1px solid #bbbcbe;}
h3.index{font:21px Arial,sans-serif;}
h3.header2{float:left;font:21px Verdana,sans-serif;margin: 30px 0 10px 0;}
h3.list{float:left;font:21px Verdana,sans-serif;margin: 100px 0 10px 0;}
h3.section{float:left;font:21px Verdana,sans-serif;margin: 30px 0 10px 0;}
h3.video{font:18px Arial,sans-serif;margin:40px 0 20px 0;}
h4.section{font:19px Verdana,sans-serif;}
h4.video{font:19px Arial,sans-serif;margin:40px 0 40px 0;}
h4.question-list{font:18px Arial,sans-serif;}
h4.question-text{font:20px Arial,sans-serif;font-style:italic;}
a{color:#0b0b3b;font-weight:400;}
a.weiter{margin-top:20px;margin-bottom:15px;float:right;}
a.weiter:after{content:" >";font:19px Arial,sans-serif;color:#fff;display:inline-block;height:1em;padding:.1em .5em;border-radius:20%/20%;background:#0101df;margin:10px 0 20px 10px;}
a.weiter:hover{color:#c00;}
a.gallery:after{content:" >";font:19px Arial,sans-serif;color:#fff;display:inline-block;height:1em;padding:.1em .5em;border-radius:20%/20%;background:#0101df;margin:10px 0 20px 10px;}
a.gallery:hover{color:#c00;}
header{width:100%;height:342px;}
header.index{background:url(../bilder-galerie-amrum.jpg);background-size:cover;}
header.bilder{background:url(../amrum-bilder.jpg);background-size:cover;}
header.struktur{background:url(../adresse-neu.jpg);background-size:cover;}
#logo,nav ul li a{float:left;text-decoration:none;}
nav,nav ul{width:100%;list-style-type:none;}
nav{position:absolute;display:block;text-align:center;margin:0 5px 0 0;}
nav ul{background:#5882fa;}
nav,nav ul,nav ul li{float:left;}
nav ul li a{font:17px Arial,sans-serif;padding:4px 8px;color:#fff;}
nav li a:focus,nav li a:hover{background:#03c;}
#navlink{display:none;float:left;text-decoration:none;font:700 22px Arial,sans-serif;color:#000;padding:1px 5px 3px;margin-right:10px;border:1px solid #000;background:#ced8f6;}
ol.breadcrumb{font:16px Arial,sans-serif;margin-top:80px;margin-left:0;margin-bottom:0;padding-left:0;}
ol.breadcrumb li{font:16px Arial,sans-serif;display:inline;list-style-type:none;color:#000000;}
li.breadcrumb:not(:first-child)::before{content:">";margin:8px;color: #000000;}
li.breadcrumb:last-child::before{color:inherit;}
p{line-height:24px;}
p.section{font:17px Verdana,sans-serif;font-weight:500;line-height:27px;float:left;margin:30px 0 30px 0;}
p.links{float:left;padding:20px 0 20px 0;}
a.list{float:left;font:40px Verdana,sans-serif;color:#08088a;padding:10px 20px 10px 20px;}
p.links img{float:left;width:133px;height:100px;padding-right:20px;}
p.rechte{float:left;margin:10px 0 20px 0; padding:10px 0 20px 0;}
p.autor{float:left;margin:20px 0 20px 0; padding:20px 0 20px 0; border-top:1px solid #bbbcbe;border-bottom:1px solid #bbbcbe;}
p.autor img{float:left;width:150px;height:200px;padding-right:20px;}
p.video {font:17px Arial,sans-serif;font-weight:500;font-style:italic;padding:15px 0 15px 0;}
ul.web-links { list-style-type:none; margin-left: 2em; margin-top:1em; margin-bottom:1em; padding-top:1em; padding-bottom:1em; font:16px Arial,sans-serif; font-style:italic;}
ul.web-links li { position: relative; line-height: 150%; margin-bottom:1em; padding-left:30px;}
ul.web-links li:before {content: url(../style/extern.ico) ' '; position:absolute;  left: -0.5em; width:2em; height:1em}
div.video {margin:20px 0 20px 0;}
div.clip {font-style:italic;}
div.image0 {font:17px Arial,sans-serif;font-weight:500;font-style:italic;padding:20px 0 20px 0;}
div.image1 {font:17px Arial,sans-serif;font-weight:500;font-style:italic;margin:200px 0 40px 0;}
div.image2 {font:17px Arial,sans-serif;font-weight:500;font-style:italic;margin:40px 0 40px 0;line-height:21px;}
div.image3 {font:17px Arial,sans-serif;font-weight:500;font-style:italic;margin:40px 0 70px 0;}
div.gallery {margin:70px 0 70px 0;}
div.place {margin:40px 0 50px 0;font-style:italic;}
div.geo {margin:40px 0 50px 0; font:21px Verdana,sans-serif;font-style:italic;}
div.article {font:17px Arial,sans-serif;font-weight:500;font-style:italic;margin:50px 0 50px 0;}
div.video {font:17px Arial,sans-serif;font-weight:500;font-style:italic;margin:40px 0 40px 0;}
div.text {margin:50px 0 100px 0;}
div.question {font:17px Arial,sans-serif;font-weight:500;font-style:italic;margin:40px 0 50px 0;}
div.question-intro {margin:40px 0 50px 0;}
figcaption.image{font-style:italic;}
figcaption.video{font-style:italic; margin-top:10px;}
figcaption.galleria,figcaption.karte{font-style:italic;margin-top:30px;margin-bottom:10px;}
img.figure{float:left;width:100%;margin:10px 0 10px 0;}
img.section{max-width:100%;height:auto;margin:20px 0 20px 0;}
img.aside{width:90%;height:auto;padding-left:10px;margin:10px 0 10px 0;}
section img.links{float:left;margin:1em;}
p.aside{float:left;padding-left:10px;padding-right:10px;margin-bottom:20px;border-bottom:1px solid #bbbcbe;}
dd,dl{font:16px Arial,sans-serif;}
dd,dl,dt{line-height:22px;}dl{margin-bottom:50px;clear:left;}
dd,dt{font:700 17px Arial,sans-serif;padding:30px 0 10px 10px;}
dd{padding:20px 0 10px 50px;}
footer{float:left;width:100%;background:#fff;border-top:2px solid #bbbcbe;}
footer ul{float:left;list-style-type:none;padding:20px 0;}
footer ul li{display:inline-block;border-left:1px solid #989898;padding:0 8px;}
footer p{float:right;padding:10px 20px 20px 0;text-align:right;}
@media screen and (max-width:950px){body{width:100%;}section{width:72%;}aside{width:23%;}}
@media screen and (max-width:800px){body,nav{background:#fff;}body{margin:0 auto;}h2{margin-top:60px;}aside,section{float:none;width:98%;}aside{position:relative;}header{height:250px;}#navlink,nav ul{display:block;}li.breadcrumb,ol.breadcrumb{margin-top:30px;margin-left:0;margin-bottom:0;padding-left:0;}img.aside{width:200px;height:150px;padding-left:10px;margin-top:10px;margin-bottom:10px;}p.autor{float:left;margin:40px 0 40px 0; padding:20px 0 20px 0;}
p.autor img{float:left;width:100px;height:133px;padding-right:20px;}nav{position:relative;}nav ul{background:0 0;margin:3em 0 2em;}nav ul li{width:70%;margin:5px 2%;}nav ul li a{width:70%;background:#5882fa;margin:5px 5%;border-radius:10px;}nav ul li a:after{display:none;}}circle {fill:red;opacity:1.0;}circle:hover {fill: yellow;opacity:1.0;}