@font-face{font-family:Josefin-Sans;font-style:normal;font-weight:400;src:url(../fonts/jo-sans-regular.eot);src:local('Josefin Sans Regular'),local('JosefinSans-Regular'),url(../fonts/jo-sans-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/jo-sans-regular.woff2) format('woff2'),url(../fonts/jo-sans-regular.woff) format('woff'),url(../fonts/jo-sans-regular.ttf) format('truetype'),url(../fonts/jo-sans-regular.svg#JosefinSans) format('svg')}@font-face{font-family:Josefin-Sans-italic;font-style:italic;font-weight:400;src:url(../fonts/jo-sans-italic.eot);src:local('Josefin Sans Italic'),local('JosefinSans-Italic'),url(../fonts/jo-sans-italic.eot?#iefix) format('embedded-opentype'),url(../fonts/jo-sans-italic.woff2) format('woff2'),url(../fonts/jo-sans-italic.woff) format('woff'),url(../fonts/jo-sans-italic.ttf) format('truetype'),url(../fonts/jo-sans-italic.svg#JosefinSans) format('svg')}@font-face{font-family:Josefin-Sans-bold;font-style:normal;font-weight:700;src:url(../fonts/jo-sans-700.eot);src:local('Josefin Sans Bold'),local('JosefinSans-Bold'),url(../fonts/jo-sans-700.eot?#iefix) format('embedded-opentype'),url(../fonts/jo-sans-700.woff2) format('woff2'),url(../fonts/jo-sans-700.woff) format('woff'),url(../fonts/jo-sans-700.ttf) format('truetype'),url(../fonts/jo-sans-700.svg#JosefinSans) format('svg')}@font-face{font-family:Josefin-Sans-bold-italic;font-style:italic;font-weight:700;src:url(../fonts/jo-sans-700italic.eot);src:local('Josefin Sans Bold Italic'),local('JosefinSans-BoldItalic'),url(../fonts/jo-sans-700italic.eot?#iefix) format('embedded-opentype'),url(../fonts/jo-sans-700italic.woff2) format('woff2'),url(../fonts/jo-sans-700italic.woff) format('woff'),url(../fonts/jo-sans-700italic.ttf) format('truetype'),url(../fonts/jo-sans-700italic.svg#JosefinSans) format('svg')}.josefin-reg{font-family:Josefin-Sans,serif}.josefin-italic{font-family:Josefin-Sans-italic,serif;font-style:italic}.josefin-bold{font-family:Josefin-Sans-bold,serif}.josefin-bold-italic{font-family:Josefin-Sans-bold-italic,serif}:focus{outline:0}body,html{font-family:Josefin-Sans,serif;height:100%;padding:0;margin:0}body{background:#fff url(../img/intro_pic.jpg) no-repeat fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position-x:right;background-position-y:center}p{font-size:14px;line-height:1.4em}a{text-decoration:none;color:#d7b43b}.center{text-align:center}.column{-moz-column-width:300px;-webkit-column-width:300px;-moz-column-gap:1em;-webkit-column-gap:1em;column-width:300px;column-gap:1em}#wrapper{min-width:335px;position:relative;left:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);max-width:1500px;width:100%;height:100%}#stoerer{bottom:57%;left:48%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);position:fixed;height:30%;width:50%;background:url(../img/take-your-own-photo.png) no-repeat;background-position:center center;background-size:contain}#introVideo{min-height:100%;min-width:100%;display:block;position:fixed;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:0;left:50%}#HOME{width:100%;position:relative;height:100%;max-width:1500px;min-height:390px;overflow:hidden;cursor:url(../img/mouseDown.png),url(../img/mouseDown.gif),url(../img/mouseDown.cur),auto}#bildmarke{position:absolute;bottom:0;left:0;width:100%;z-index:50;height:75px;cursor:url(../img/mouseDown.png),url(../img/mouseDown.gif),url(../img/mouseDown.cur),auto;background:#fff}#bildmarke img{position:relative;top:-250px;left:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);height:300px;width:300px;cursor:pointer}#photoautomat{position:absolute;top:5%;left:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:10%;height:90%;z-index:1;background:#000}#PICTOMAT{position:relative;top:0;left:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%;min-height:100%;z-index:0;background:#fff}#snapshot{display:block;height:100%;width:auto;z-index:49;position:absolute;left:0}#photo{height:100%;width:100%;z-index:5;-webkit-box-shadow:0 5px 5px 0;box-shadow:0 5px 5px 0;-moz-transform:scale(-1,1);-webkit-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1);filter:FlipH}#photo canvas{height:100%;width:100%}#photoautomat,#picCanvas1,#picCanvas2,#picCanvas3,#picCanvas4,#prefView,#preview,#printPic{display:none}button#selftimer{width:300px;position:absolute;top:50%;left:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:51}#counter{height:52px;width:52px;margin:0;padding:0;display:none;position:absolute;top:50%;left:50%;-moz-transform:translateX(-50%) translateY(-50%) rotate(0);-webkit-transform:translateX(-50%) translateY(-50%) rotate(0);-o-transform:translateX(-50%) translateY(-50%) rotate(0);-ms-transform:translateX(-50%) translateY(-50%) rotate(0);transform:translateX(-50%) translateY(-50%) rotate(0);background:#fff;border-radius:50%;z-index:200}#counter h1{font-family:Josefin-Sans-bold,serif;font-size:15px;line-height:52px;height:52px;width:52px;position:absolute;top:0;left:0;text-align:center;margin:0;padding:0;z-index:90}#blende{height:50px;width:50px;background:url(../img/blende.png) no-repeat 0 0;position:absolute;top:0;left:0;z-index:91;border-radius:50%;border:1px solid #fff}#recommendation{text-align:right;width:100%;max-width:1500px;position:fixed;bottom:20px;left:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}#recommendation a{text-align:center;vertical-align:bottom;display:inline-block;height:32px;width:32px}#recommendation p{font-family:Josefin-Sans-italic,serif;font-style:italic;color:#999;display:inline;line-height:32px;margin-right:20px;padding:2px}#recommendation a img{opacity:.5;width:24px;height:24px;margin-right:10px;-moz-transform:translateX(4px) translateY(4px) rotate(0);-webkit-transform:translateX(4px) translateY(4px) rotate(0);-o-transform:translateX(4px) translateY(4px) rotate(0);-ms-transform:translateX(4px) translateY(4px) rotate(0);transform:translateX(4px) translateY(4px) rotate(0);-webkit-transition:-webkit-transform .5s ease-out;-moz-transition:-moz-transform .5s ease-out;-o-transition:-o-transform .5s ease-out;-ms-transition:-ms-transform .5s ease-out;transition:transform .5s ease-out}#recommendation a:hover img{-moz-transform:translateX(0) translateY(0) rotate(0);-webkit-transform:translateX(0) translateY(0) rotate(0);-o-transform:translateX(0) translateY(0) rotate(0);-ms-transform:translateX(0) translateY(0) rotate(0);transform:translateX(0) translateY(0) rotate(0);opacity:1;width:32px;height:32px}#recommendation .addthis_bubble_style{font-family:Josefin-Sans-italic,serif;font-style:italic;color:#999!important;height:16px;margin:8px 50px 8px 0;display:inline-block!important}#mainNavi{display:block;position:fixed;z-index:1;top:0;left:-200%;height:100%;width:100%;background:rgba(0,0,0,.6);opacity:0;-webkit-transition:opacity .5s ease-out,left 0s linear .5s;-moz-transition:opacity .5s ease-out,left 0s linear .5s;-o-transition:opacity .5s ease-out,left 0s linear .5s;-ms-transition:opacity .5s ease-out,left 0s linear .5s;transition:opacity .5s ease-out,left 0s linear .5s;-webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;perspective:1000px}#mainNavi #innerMainNavi{position:absolute;right:-350px;width:190px;top:-50%;height:200%;background:#fff;-webkit-transition:-webkit-transform .5s ease-out,right .5s ease-out;-moz-transition:-moz-transform .5s ease-out,right .5s ease-out;-o-transition:-o-transform .5s ease-out,right .5s ease-out;-ms-transition:-ms-transform .5s ease-out,right .5s ease-out;transition:transform .5s ease-out,right .5s ease-out;-webkit-transform:translate3d(0,0,0) rotate3d(0,0,1,-20deg);-moz-transform:translate3d(0,0,0) rotate3d(0,0,1,-20deg);-o-transform:translate3d(0,0,0) rotate3d(0,0,1,-20deg);-ms-transform:translate3d(0,0,0) rotate3d(0,0,1,-20deg);transform:translate3d(0,0,0) rotate3d(0,0,1,-20deg)}#mainNavi #innerMainNavi #linkList{position:relative;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;perspective:1000px}#mainNavi #innerMainNavi #linkList a{font-family:Josefin-Sans-italic,serif;font-style:italic;display:block;color:#000;line-height:56px;font-size:14px;opacity:1;margin:20px;padding-left:70px;z-index:210;opacity:.7;-webkit-transition:-webkit-transform .4s ease-out,opacity .4s ease-out;-moz-transition:-moz-transform .4s ease-out,opacity .4s ease-out;-o-transition:-o-transform .4s ease-out,opacity .4s ease-out;-ms-transition:-ms-transform .4s ease-out,opacity .4s ease-out;transition:transform .4s ease-out,opacity .4s ease-out;-webkit-transform:translate3d(0,0,0) rotate3d(0,0,0,0deg);-moz-transform:translate3d(0,0,0) rotate3d(0,0,0,0deg);-o-transform:translate3d(0,0,0) rotate3d(0,0,0,0deg);-ms-transform:translate3d(0,0,0) rotate3d(0,0,0,0deg);transform:translate3d(0,0,0) rotate3d(0,0,0,0deg)}#mainNavi #innerMainNavi #linkList a:hover{-webkit-transform:translate3d(0,0,40px) rotate3d(0,0,0,0deg);-moz-transform:translate3d(0,0,40px) rotate3d(0,0,0,0deg);-o-transform:translate3d(0,0,40px) rotate3d(0,0,0,0deg);-ms-transform:translate3d(0,0,40px) rotate3d(0,0,0,0deg);transform:translate3d(0,0,40px) rotate3d(0,0,0,0deg);opacity:1}#mainNavi #innerMainNavi #linkList #nav_element_1{background:url(../img/navi_sprite.png) no-repeat 0 0}#mainNavi #innerMainNavi #linkList #nav_element_2{background:url(../img/navi_sprite.png) no-repeat 0 -56px}#mainNavi #innerMainNavi #linkList #nav_element_3{background:url(../img/navi_sprite.png) no-repeat 0 -112px}#mainNavi.open{left:0;opacity:1;-webkit-transition:opacity .5s ease-out,left 0s linear 0s;-moz-transition:opacity .5s ease-out,left 0s linear 0s;-o-transition:opacity .5s ease-out,left 0s linear 0s;-ms-transition:opacity .5s ease-out,left 0s linear 0s;transition:opacity .5s ease-out,left 0s linear 0s}#mainNavi.open #innerMainNavi{right:-100px;-webkit-transform:translate3d(0,0,0) rotate3d(0,0,0,0deg);-moz-transform:translate3d(0,0,0) rotate3d(0,0,0,0deg);-o-transform:translate3d(0,0,0) rotate3d(0,0,0,0deg);-ms-transform:translate3d(0,0,0) rotate3d(0,0,0,0deg);transform:translate3d(0,0,0) rotate3d(0,0,0,0deg)}#mainNavi.open #innerMainNavi:hover{right:0}#naviBtn{height:30px;width:32px;background:url(../img/naviSprite.jpg) no-repeat -268px 0;position:fixed;top:76px;right:76px;cursor:pointer;transition:background-position .4s;-webkit-transition:background-position .4s;z-index:2}#naviBtn:hover{background:url(../img/naviSprite.jpg) no-repeat 0 0}#naviCloseBtn{display:none;height:30px;width:32px;background:url(../img/naviSprite.jpg) no-repeat -268px -30px;position:fixed;top:76px;right:76px;cursor:pointer;transition:background-position .4s;-webkit-transition:background-position .4s;z-index:2}#naviCloseBtn:hover{background:url(../img/naviSprite.jpg) no-repeat 0 -30px}#shareBtn{font-size:14px;height:30px;width:32px;background:url(../img/naviSprite.jpg) no-repeat -268px -60px;position:absolute;top:0;left:34px;cursor:pointer;transition:background-position .4s;-webkit-transition:background-position .4s}#shareBtn:hover{background:url(../img/naviSprite.jpg) no-repeat 0 -60px}.lightbox .innerLightbox #sharePic{position:absolute;right:415px;height:104%;width:auto;top:-15px;-moz-transform:scale(-1,1) rotate(0);-ms-transform:scale(-1,1) rotate(0);-o-transform:scale(-1,1) rotate(0);-webkit-transform:scale(-1,1) rotate(0);transform:scale(-1,1) rotate(0);filter:FlipH;-webkit-transition:-webkit-transform .5s ease-out 1s;-moz-transition:-moz-transform .5s ease-out 1s;-o-transition:-o-transform .5s ease-out 1s;-ms-transition:-ms-transform .5s ease-out 1s;transition:transform .5s ease-out 1s}.lightbox.open .innerLightbox #sharePic{-moz-transform:scale(-1,1) rotate(3deg);-ms-transform:scale(-1,1) rotate(3deg);-o-transform:scale(-1,1) rotate(3deg);-webkit-transform:scale(-1,1) rotate(3deg);transform:scale(-1,1) rotate(3deg);filter:FlipH}aside{background:#E7E7E7;top:5%;min-height:90%;width:335px;z-index:1;position:absolute;left:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}aside div{margin:80px 40px}aside h1,aside h2{font-family:Josefin-Sans,serif;font-size:23px;line-height:1.3em;margin-bottom:30px}.tutorial div{display:none}.tutorial div.active{display:block}button{font-size:16px;cursor:pointer;font-family:Josefin-Sans,serif;background:#d7b43b;color:#fff;width:100%;margin-bottom:40px;padding:0;transition:background .4s;-webkit-transition:background .4s;border:none;padding:20px 34px 20px;-webkit-box-shadow:0 2px 0 1px rgba(40,40,40,.8);box-shadow:0 2px 0 1px rgba(40,40,40,.8)}button:active,button:hover{font-size:16px;font-family:Josefin-Sans,serif;color:#fff;background:#333;border:none;padding:22px 34px 18px;-webkit-box-shadow:0 2px 0 1px #333;box-shadow:0 2px 0 1px #333}#photoFlash{position:fixed;bottom:0;left:0;width:100%;height:100%;z-index:1200;background:#fff;display:none}#advice{display:block;height:10px;width:100%;position:fixed;top:-20px;left:0;background:#d7b43b url(../img/advice.gif) repeat-x;z-index:2;opacity:0;transition:all .4s;-webkit-transition:all .4s}#advice.active{top:0;opacity:1}#saveLocal,#sendToFB,#sendToPrinter{display:inline-block;width:70px;height:70px;margin:20px -3px 0 0;padding:0;background-color:#d7b43b;background-image:url(../img/icons_sprite.png);transition:background .4s;-webkit-transition:background .4s;-webkit-box-shadow:0 2px 0 1px rgba(40,40,40,.8);box-shadow:0 2px 0 1px rgba(40,40,40,.8);vertical-align:top}#sendToPrinter{background-position:0 0}#sendToFB{background-position:-70px 0}#saveLocal{background-position:-140px 0;-webkit-box-shadow:0 2px 0 1px #333;box-shadow:0 2px 0 1px #333}#sendToPrinter:active,#sendToPrinter:hover{background-position:0 2px;background-color:#333}#sendToFB:active,#sendToFB:hover{background-position:-70px 2px;background-color:#333}#saveLocal:active,#saveLocal:hover{background-position:-140px 2px;background-color:#333}.lightbox{-webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;perspective:1000px;position:absolute;top:0;left:0;height:200%;width:100%;background:rgba(0,0,0,.6);z-index:200;display:none}.innerLightbox{padding:90px 40px;position:absolute;width:60%;max-width:1460px;min-width:255px;background:#fff;top:100px;left:50%;color:#333;-webkit-transform:translate3d(-50%,200px,0) rotate3d(1,0,0,-30deg);-moz-transform:translate3d(-50%,200px,0) rotate3d(1,0,0,-30deg);-o-transform:translate3d(-50%,200px,0) rotate3d(1,0,0,-30deg);-ms-transform:translate3d(-50%,200px,0) rotate3d(1,0,0,-30deg);transform:translate3d(-50%,200px,0) rotate3d(1,0,0,-30deg);opacity:0;z-index:210;-webkit-transition:-webkit-transform .8s ease-out,opacity .2s linear;-moz-transition:-moz-transform .8s ease-out,opacity .2s linear;-o-transition:-o-transform .8s ease-out,opacity .2s linear;-ms-transition:-ms-transform .8s ease-out,opacity .2s linear;transition:transform .8s ease-out,opacity .2s linear}#PREFERENCESLightbox .innerLightbox{max-width:500px}.innerLightbox h1{font-family:Josefin-Sans,serif;font-size:30px;line-height:1.3em;margin:30px 0;color:#000;text-transform:uppercase;text-align:center}.innerLightbox h2{font-family:Josefin-Sans,serif;font-size:21px;line-height:1.3em;margin:30px 0 10px 0;color:#000;text-align:center}.innerLightbox p{font-size:15px}.innerLightbox h6{text-transform:uppercase;font-family:Josefin-Sans,serif}#profilPic{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position:relative;left:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin:20px 0}.lightbox.open .innerLightbox{-moz-transform:translateX(-50%) translateY(0) rotate(0);-webkit-transform:translateX(-50%) translateY(0) rotate(0);-o-transform:translateX(-50%) translateY(0) rotate(0);-ms-transform:translateX(-50%) translateY(0) rotate(0);transform:translateX(-50%) translateY(0) rotate(0);opacity:1;-webkit-transition:-webkit-transform .8s ease-out .5s,opacity .2s linear .7s;-moz-transition:-moz-transform .8s ease-out .5s,opacity .2s linear .7s;-o-transition:-o-transform .8s ease-out .5s,opacity .2s linear .7s;-ms-transition:-ms-transform .8s ease-out .5s,opacity .2s linear .7s;transition:transform .8s ease-out .5s,opacity .2s linear .7s}#nextStepDialogLightbox{height:100%;position:fixed}#nextStepDialogLightbox div.spacer{margin:100px 40px 40px 100px}#nextStepDialogLightbox div.innerLightbox{width:480px;height:80%;min-height:480px;top:10%;padding:0;background:#E7E7E7}#nextStepDialogLightbox div.innerLightbox h1{text-align:left;color:#000}#nextStepDialogLightbox div.innerLightbox h2{font-size:23px;text-align:left;color:#000}#nextStepDialogLightbox{background:rgba(255,255,255,.95)}#nextStepDialogLightbox div.innerLightbox p a.closeBtn{display:inline;position:inherit;background:rgba(0,0,0,0);color:#BD9D2D}#nextStepDialogLightbox div.innerLightbox p a.closeBtn:hover{color:#333}#prefViewContainer{position:relative;left:50%;height:300px;width:300px;margin-bottom:10px;-webkit-box-shadow:0 5px 5px 0;box-shadow:0 5px 5px 0;-moz-transform:scale(-1,1) translateX(50%);-webkit-transform:scale(-1,1) translateX(50%);-o-transform:scale(-1,1) translateX(50%);transform:scale(-1,1) translateX(50%);filter:FlipH}#canvasOverlay{height:300px;width:300px;background:url(../img/look.png) -13px -29px no-repeat;background-size:330px auto;position:absolute;top:0;left:0}ul#preferences{display:block;list-style:none;text-align:center}ul#preferences li{font-size:11px;display:inline-block;vertical-align:top;text-transform:uppercase;margin:20px}.closeBtn{display:block;height:30px;width:32px;background:url(../img/naviSprite.jpg) no-repeat -268px -30px;position:absolute;top:0;right:0;cursor:pointer;transition:background-position .4s;-webkit-transition:background-position .4s}.closeBtn:hover{background:url(../img/naviSprite.jpg) no-repeat 0 -30px}@media only screen and (max-width:768px){#bildmarke img{top:-177px;position:relative;left:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);height:200px;width:200px}#recommendation{text-align:center;bottom:15px}#recommendation .addthis_bubble_style{margin:8px 0}#nextStepDialogLightbox div.innerLightbox{width:255px}#nextStepDialogLightbox div.spacer{margin:100px 20px}.lightbox .innerLightbox #sharePic{position:absolute;right:-9px;height:200px;width:auto;top:42px}#naviBtn,#naviCloseBtn{top:0;right:0}#stoerer{display:none}}@media only screen and (max-width:1000px){#recommendation p{display:none}}@media print{#stoerer,div,nav,section,video{visibility:hidden;display:none}body{font-size:10px;height:75em}#printPic{display:block;visibility:visible;height:75em;width:20.227em;position:absolute;top:0;left:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}}