body,html{padding:0;margin:0;background:#fff}.scrollpos{display:none;position:fixed;z-index:100;background:#fff;top:0;right:0}.kreis{background-color:#f600ff;width:100%;height:0;padding-bottom:100%;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;position:absolute;left:50%;margin-left:-50%;top:620px}#illu001{position:fixed;right:10px;background:url(001.jpg);width:253px;height:388px;z-index:5}#demo2{position:absolute;top:900px;left:50%}.meeresleuchten{background:url(meeresleuchten.png) no-repeat;background-position:0 50%;position:absolute;right:0;left:0;margin-right:auto;margin-left:auto;width:80%;height:600px;animation:pulse 4s infinite;z-index:30}.infotext{background:url('data:image/svg+xml<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 456.5 23.3"><path fill="none" d="M1.1 1.2H483V106H1.1z"/><text transform="translate(1.106 8.069)"><tspan x="0" y="0" fill="%230095D6" font-family=""Candara"" font-size="10">Johanna Mexiner </tspan><tspan x="77.3" y="0" fill="%230095D6" font-family=""Candara"" font-size="10" letter-spacing="28"></tspan><tspan x="108" y="0" fill="%230095D6" font-family=""Candara"" font-size="10">Dipl. Kommunikationswirtin </tspan></text><text transform="translate(1.106 20.069)"><tspan x="0" y="0" fill="%230095D6" font-family=""Candara"" font-size="10" letter-spacing="33"></tspan><tspan x="36" y="0" fill="%230095D6" font-family=""Candara"" font-size="10"> 0174 529 52 54 </tspan><tspan x="102.8" y="0" fill="%230095D6" font-family=""Candara"" font-size="10" letter-spacing="2"></tspan><tspan x="108" y="0" fill="%230095D6" font-family=""Candara"" font-size="10" letter-spacing="33"></tspan><tspan x="144" y="0" fill="%230095D6" font-family=""Candara"" font-size="10">Oesterleystrasse 78, 22587 Hamburg</tspan><tspan x="297.4" y="0" fill="%230095D6" font-family=""Candara"" font-size="10" letter-spacing="24"></tspan><tspan x="324" y="0" fill="%230095D6" font-family=""Candara"" font-size="10"> jm@esleuchteimmeer.de</tspan></text></svg>');background-size:contain;position:absolute;right:0;left:0;top:500px;margin-right:auto;margin-left:auto;height:100px;width:95%;z-index:29}@-moz-keyframes pulse{0%{opacity:1}25%{opacity:.7}50%{opacity:.4}75%{opacity:.7}100%{opacity:1}}@-o-keyframes pulse{0%{opacity:1}25%{opacity:.7}50%{opacity:.4}75%{opacity:.7}100%{opacity:1}}@-webkit-keyframes pulse{0%{opacity:1}25%{opacity:.7}50%{opacity:.4}75%{opacity:.7}100%{opacity:1}}@keyframes pulse{0%{opacity:1}25%{opacity:.7}50%{opacity:.4}75%{opacity:.7}100%{opacity:1}}.textkreis{background:url(textkreis.gif) no-repeat 0 50%;width:100%;height:2050px;position:absolute;left:50%;margin-left:-50%;top:800px;z-index:4}#carlos{background:url(infotext.png)}#punkte{position:fixed;left:10px;background:url(punkte.jpg);width:179px;height:269px;z-index:5}#johanna{background:url(johanna.jpg);width:900px;height:599px;position:fixed;top:2000px;left:50%;margin-left:-450px;z-index:5}#johannatxt{background:url(johannatxt.png);width:128px;height:425px;position:absolute;top:2800px;left:25%;z-index:8}#born{position:fixed;top:3000px;background:url(born.png);width:500px;height:161px;z-index:11}#hand{position:absolute;background:url(hand.jpg) no-repeat;width:100%;height:100%;z-index:1;background-size:cover}#handbox{height:100%;overflow:hidden;position:absolute;top:4800px;width:100%;z-index:14}#papier{position:absolute;top:5000px;z-index:20;right:20px;z-index:16}#wenn{color:#f600ff;height:96px;position:absolute;right:30px;top:5600px;z-index:28;font-family:arial;font-size:1em}#dunkel{height:800px;background:#000;width:100%;position:absolute;top:5700px}#johannakopf{height:100%;position:fixed;width:100%;background:url(johannakopf.jpg);background-size:cover}#frei{position:absolute;top:6100px;width:314px;height:314px;padding-left:80px;-webkit-animation-name:spin;-webkit-animation-duration:4s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spin;-moz-animation-duration:4s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:spin;-ms-animation-duration:4s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;animation-name:spin;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:linear}@-ms-keyframes spin{from{-ms-transform:rotate(0)}to{-ms-transform:rotate(360deg)}}@-moz-keyframes spin{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.box{position:absolute;left:0;height:100%;background:#09f}#dreh{position:fixed;top:100px;left:50%;width:250px;height:250px;margin-left:30px;margin-top:30px;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}a{color:#000;text-decoration:none}#danke{color:#fff;font-size:2em;position:fixed;right:-224px;text-shadow:1px 1px #333;top:20%;transform:rotate(90deg);z-index:33}#herz{background:url(herzfrei.png);width:342px;height:125px;position:fixed;top:40px;z-index:10}#fleck{background:url(fleck.gif);width:240px;height:226px;position:fixed;bottom:40px;left:20px;z-index:10}h3{margin-bottom:.2em}#text p{color:#070707;font-size:1em;margin:0 15%}@media only screen and (max-width:800px){.meeresleuchten{width:100%;background-size:contain!important;height:34vh}.infotext{top:34vh}.kreis{top:38vh}}