@import url('http://fonts.googleapis.com/css?family=Oswald:300,400:latin,latin-ext');body{background:url("../img/rausch.png") repeat scroll 0 0 rgba(0,0,0,0);padding-top:50px;color:#646464;background-color:#fff}.container{width:auto;margin-left:8.6%;margin-right:8.6%}.navbar{box-shadow:0 0 10px rgba(0,0,0,0.4);background-image:url("../img/original_himmel.png");background-size:100% auto;color:#fff;margin-bottom:0;border-width:0}.navbar a{font-family:'Oswald',arial narrow,sans-serif;color:#eee;font-size:14px;text-transform:uppercase;letter-spacing:.08em}.navbar .nav>li>a:hover,.navbar .nav>li>a:focus{background-image:url("../img/original_wolken.png");background-position:0 0;background-repeat:repeat-x;animation:animatedBackground 20s linear infinite;color:white;text-shadow:0 2px 2px #7290ac}#schynen_img{height:52px}.navbar-nav>li>.dropdown-menu{margin-top:3px;left:-1px}#searchfeld{min-width:250px;left:inherit}@media screen and (max-width:1340px){.navbar-nav>li>.dropdown-menu{left:-172px}}.icon-bar{background-color:#fff}.navbar .caret{color:#fff}.navbar .dropdown-menu>li{text-align:center;text-shadow:none}.navbar-form input,.form-inline input{width:auto}.navbar-toggle{color:#fff;border-width:0}.navbar-toggle:hover{background-color:#fff}.navbar .nav .open>a,.navbar .nav .open>a:hover,.navbar .nav .open>a:focus{background-color:#eee;border-color:#428bca;background-image:url("../img/original_wolken.png");background-position:0 0;background-repeat:repeat-x;animation:animatedBackground 20s linear infinite}@keyframes animatedBackground{from{background-position:0 0}to{background-position:100% 0}}#panorama{background-color:#004;background:-webkit-gradient(linear,left top,left bottom,from(#74b8d7),to(#437fbc));background:-moz-linear-gradient(top,#74b8d7,#437fbc);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74b8d7',endColorstr='#437fbc');background-image:url(../img/schoenau_panorama2012_DSC04979.jpg);color:white;box-shadow:inset 0 0 10px rgba(0,0,0,0.9);background-size:100% auto;background-repeat:no-repeat;min-height:250px;min-height:0;height:0;overflow:hidden;transition:max-height .7s ease-in-out;-webkit-transition:max-height .7s ease-in-out;-moz-transition:max-height .7s ease-in-out;background-position:left 30%}#panorama.pic1{background-image:url(../img/Smilebox_8039558.jpg);background-position:left 30%;color:#aac}#panorama.pic2{background-image:url(../img/IMG_5226.jpg);background-position:left 40%;color:#aac}#panorama.pic3{background-image:url(../img/schoenau_panorama2012_DSC04978.jpg);color:#aac}#panorama.pic4{background-image:url(../img/IMG_0981520a4a7ea2757.jpg);color:#aac}#panorama.pic5{background-image:url(../img/schoenau_panorama2012_DSC04978.jpg);color:#aac}#panorama .menuboard{margin:0;background-color:rgba(220,220,200,0.1);border-color:#002;color:#efefff;box-shadow:1px 2px 3px #333;border:0;padding:10px;border-radius:6px}#panorama .menuboard h4{color:#eee;font-size:14px;text-transform:uppercase;letter-spacing:.08em}#wappenbox{position:absolute;top:5px;right:1.5em}#wappenbox .logo-schrift{position:absolute;right:-10px;top:105px}@media(min-width:1024px){#wappenbox .logo-schrift{position:absolute;right:110px;top:0}}#wappenbox .logo-front,#wappenbox .logo-back{transform-style:preserve-3d;-webkit-transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;width:87px;height:110px;position:absolute;top:10px;right:0;background:url(../img/HOG_logo_wappen2.png) no-repeat left center;transition:.8s;position:absolute;right:1.5em;top:5px}#wappenbox .logo-back{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);background-position:right center}#wappenbox:hover .logo-front{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}#wappenbox:hover .logo-back{transform:rotateY(360deg);-webkit-transform:rotateY(360deg)}#menue_table{margin:0 0 1em 0}#menue_table .nav>li>a{padding:2px 5px}#menue_table .infoboard{padding:15px;color:white;font-weight:bold}#menue_table .infoboard a{color:white;font-weight:bold}#menue_table ul.nav{background-color:#eee;opacity:.7;padding:5px}#menue_table ul.nav li a:hover{background-color:#428bca}#menue_table ul.nav li a{color:#111;font-weight:bold}#menue_table ul.nav li:hover a{color:#fff}#menue_table ul.nav:hover{opacity:1.0}#menue_table ul.nav li a.dummy:hover{color:#111;background-color:#eee;cursor:default}#menue_table .background{background-color:#eee;opacity:.7;padding:5px}#infoboard_sz{color:white}#infoboard_sz a{color:white}#welcome-introduction.in{-webkit-animation-duration:2s;-webkit-animation-delay:2s;-moz-animation-duration:2s;-moz-animation-delay:2s;-ms-animation-duration:2s;-ms-animation-delay:2s;animation-duration:2s;animation-delay:2s}h1,h2,h3,.highlight,#panorama h4{font-family:'Oswald',arial narrow,sans-serif}a,a:hover{color:#234;text-decoration:none}blockquote.type1{background:#fcfcfc;border-left:1px solid #ccc;margin:1.5em 10px;padding:.5em 10px}blockquote.type1:before{color:#ccc;content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.4em}blockquote.type1 small{display:inline}blockquote.type1 small::before,blockquote.type1 .small::before{content:""}canvas{display:inline;position:relative;top:5px;cursor:pointer}footer{padding-bottom:40px;background-color:#fefefe}.slogen{position:relative;font-size:35px;margin-top:0;font-family:'Lobster',helvetica,arial;text-shadow:rgba(0,0,0,.2) 3px 3px 3px;transform:rotateY(-10deg)}.slogen span{text-decoration:none;color:snow;position:absolute;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,1)),color-stop(50%,rgba(0,0,0,.5)),to(rgba(0,0,0,1)))}.letterpress{font-family:Tahoma,Helvetica,Arial,sans-serif;font-size:1em;text-align:center;text-shadow:0 1px 1px #7290ac}.insetType{font-family:Rockwell,Georgia,"Times New Roman",Times,serif;color:#0d4383;text-shadow:rgba(0,0,0,0.5) -1px 0,rgba(0,0,0,0.3) 0 -1px,rgba(255,255,255,0.5) 0 1px,rgba(0,0,0,0.3) -1px -2px}.stitching{outline:1px dashed #98abb9;outline-offset:-5px;background-color:#556068;-webkit-box-shadow:2px 2px 2px #000;-moz-box-shadow:2px 2px 2px #000;box-shadow:2px 2px 2px #000}.text-justify{padding:0 10px;text-align:justify}.invisible{visibility:hidden}.dimm .dimm{opacity:.13}.dimm:hover .dimm{opacity:1}.box h3{text-align:center;position:relative;top:80px}.box{min-height:200px;background:#FFF;margin:40px auto;padding:30px}.margin-bottom-40{margin-bottom:40px}.dotcenter{border-radius:50%;display:block;height:100px;padding-top:6px;position:relative;text-align:center;top:-55px;width:100px;margin:0 auto;box-shadow:0 0 4px rgba(0,0,0,0.8);animation:20s linear 0 normal none infinite running animatedBackground;background-image:url("../img/original_wolken.png");z-index:1000}.dotcenter img{position:relative;top:6px;left:9px;height:85px}.bottom-line .dotcenter{width:80px;height:80px}.bottom-line .dotcenter img{height:65px}.bottom-line .dotcenter.left{position:absolute;top:-35px;margin-left:1em}.bottom-line{margin-top:80px;position:relative;height:1.5em}.bottom-line::before{background:rgba(0,0,0,0) linear-gradient(to right,rgba(0,0,0,0) 0,rgba(147,147,147,1) 50%,rgba(0,0,0,0) 100%) repeat scroll 0 0;content:"";display:block;height:1px}.scrollToTop{width:64px;height:64px;padding:10px;text-align:center;font-weight:bold;color:#444;text-decoration:none;position:fixed;bottom:20px;right:20px;display:none}.scrollToTop a:focus{outline:0}.scrollToTop:hover{text-decoration:none}.scrollToTop .dot{background:none repeat scroll 0 0 #00aeef;border-radius:50%;color:#fff;display:block;float:right;font-family:"Open Sans Condensed",Arial,sans-serif;font-size:12px;font-weight:bold;height:30px;overflow:hidden;padding-top:7.5px;position:relative;text-align:center;top:-15px;width:30px}#footeraddress,#newsletterbox{position:absolute;top:39px}#newsletter{-moz-animation-duration:1.5s;-moz-animation-delay:1s;-moz-animation-iteration-count:2}.moreduration{-moz-animation-duration:1.5s;-moz-animation-delay:1s;-moz-animation-iteration-count:2}#content{background-image:url("../img/Chorographia_Transylvaniae_Sybembuergen_BG2.jpg");background-size:100%;background-repeat:no-repeat}#content.honteruskartefixed{background-attachment:fixed;background-position:0 100px}#content .container,#content .container-fluid{background:rgba(255,255,255,0.65) url("../img/rausch.png") repeat scroll 0 0}.rausch{background:rgba(255,255,255,0.65) url("../img/rausch.png") repeat scroll 0 0}.contentheader{margin-top:30px}.contentheader h1,.contentheader h2,.lobster{font-family:"Lobster",helvetica,arial;text-shadow:2px 2px 2px rgba(0,0,0,0.2)}.contentheader h2>span{font-family:"Arial",helvetica,arial;text-shadow:2px 2px 2px rgba(0,0,0,0.2)}ul.gallery{list-style:none}ul.gallery li a{position:relative;float:left;padding:10px 10px 10px 10px;background:ivory;border:1px solid #eee;box-shadow:1px 1px 5px rgba(0,0,0,0.1);-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.1);-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.1);-ms-box-shadow:1px 1px 5px rgba(0,0,0,0.1);-o-box-shadow:1px 1px 5px rgba(0,0,0,0.1);transition:-moz-transform .5s linear;-moz-transition:-moz-transform .3s linear;-webkit-transition:-moz-transform .3s linear;-ms-transition:-moz-transform .3s linear;-o-transition:-moz-transform .3s linear}ul.gallery li a>span{margin-bottom:8px}ul.gallery li a.pic-1{z-index:1;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg)}ul.gallery li a.pic-2{z-index:5;-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg)}ul.gallery li a.pic-3{z-index:3;-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg)}ul.gallery li a.pic-4{z-index:4;-webkit-transform:rotate(14deg);-moz-transform:rotate(14deg)}ul.gallery li a.pic-5{z-index:2;-webkit-transform:rotate(-12deg);-moz-transform:rotate(-12deg)}ul.gallery li a.pic-6{z-index:6;-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg)}ul.gallery li a:hover{z-index:10;-moz-box-shadow:3px 5px 15px #333}ul.gallery li a:hover,ul.gallery li a:focus,ul.gallery li a:active{z-index:999;-webkit-box-shadow:15px 15px 20px rgba(0,0,0,0.4);-moz-box-shadow:15px 15px 20px rgba(0,0,0,0.4);-ms-box-shadow:15px 15px 20px rgba(0,0,0,0.4);-o-box-shadow:15px 15px 20px rgba(0,0,0,0.4);box-shadow:15px 15px 20px rgba(0,0,0,0.4);-webkit-transform:rotate(0) scale(1.6);-moz-transform:rotate(0) scale(1.6);-ms-transform:rotate(0) scale(1.6);-o-transform:rotate(0) scale(1.6);transform:rotate(0) scale(1.6)}.blueimp-gallery{background:rgba(255,255,255,0.7);box-shadow:0 0 1px #000;box-shadow:1px 2px 3px #333}#blueimp-video-carousel{opacity:.1}.blueimp-gallery-carousel{margin:0}.modal-backdrop{background-color:snow}.zoom{overflow:hidden}span.zoom{overflow:hidden;display:block}.zoomme{width:100%;-webkit-transform-origin:20% 80%;-webkit-transition:-webkit-transform 15s linear;-moz-transform-origin:20% 80%;-moz-transition:-moz-transform 15s linear;-ms-transform-origin:20% 80%;-ms-transition:-moz-transform 15s linear}.zoomme:hover{-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2)}.zoom .transform-origin8338{-moz-transform-origin:83% 38%;-webkit-transform-origin:83% 38%;-ms-transform-origin:83% 38%;-o-transform-origin:83% 38%;transform-origin:83% 38%}.zoom .transform-origin8552{-moz-transform-origin:83% 38%;-webkit-transform-origin:83% 38%;-ms-transform-origin:83% 38%;-o-transform-origin:83% 38%;transform-origin:83% 38%;-webkit-transition:-webkit-transform 1s linear}.zoom .transform-origin9000{-moz-transform-origin:83% 38%;-webkit-transform-origin:83% 38%;-ms-transform-origin:83% 38%;-o-transform-origin:83% 38%;transform-origin:83% 38%;-webkit-transition:-webkit-transform 1s linear}.foto-center{width:100%;text-align:center;display:block}.foto-center>img{display:inline-block;margin-left:auto;margin-right:auto}img.borderframe{border:1px solid snow;box-shadow:0 4px 6px rgba(0,0,0,0.3)}c_white{color:white}.row-left{margin-left:-15px}.row-right{margin-right:-15px}.modal-lg{width:70%}#index_{background-image:url("../img/index/br2.png"),url("../img/index/IMG_5226_pola2.jpg"),url("../img/index/rinnenwagen.png");background-position:95% 80%,50% bottom,3% 80%;background-repeat:no-repeat,no-repeat,no-repeat;background-size:250px,150px,250px;background-attachment:fixed,scroll,fixed}#index-carousel{padding:0 10px 30px 10px;margin-top:30px}#index-carousel .carousel-control{background:0;color:#cacaca;font-size:2.3em;text-shadow:none;margin-top:30px}#index-carousel .carousel-control.left{left:-60px}#index-carousel .carousel-control.right{right:-60px}#index-carousel .carousel-indicators{right:50%;top:auto;bottom:0;margin-right:-19px}#index-carousel .carousel-indicators li{width:50px;height:50px;margin:5px;cursor:pointer;border:4px solid #CCC;border-radius:50px;opacity:.4;overflow:hidden;transition:all .4s}#index-carousel .carousel-indicators .active{background:#333;width:128px;height:128px;border-radius:100px;border-color:#f33;opacity:1;overflow:hidden}#index-carousel .carousel-inner{min-height:300px}#index-carousel .item blockquote{border-left:0;margin:0}#index-carousel .item blockquote p:before{content:"\f10d";font-family:'Fontawesome';float:left;margin-right:10px}.modal-footer{border:0}.modal-footer::before{background:rgba(0,0,0,0) linear-gradient(to right,rgba(0,0,0,0) 0,rgba(147,147,147,1) 50%,rgba(0,0,0,0) 100%) repeat scroll 0 0;content:"";display:block;height:1px;margin:15px}.modal-header{border:0}.modal-header::after{background:rgba(0,0,0,0) linear-gradient(to right,rgba(0,0,0,0) 0,rgba(147,147,147,1) 50%,rgba(0,0,0,0) 100%) repeat scroll 0 0;content:"";display:block;height:1px;margin:15px}#lieder-liste{padding:0 20px}#lieder-liste a,#lieder-liste a:link,#lieder-liste a:visited,#lieder-liste a:hover,#lieder-liste a:focus,#lieder-liste a:active{color:#009be3}ol{counter-reset:li;list-style:none;*list-style:decimal;font:15px 'trebuchet MS','lucida sans';padding:0;margin-bottom:4em;text-shadow:0 1px 0 rgba(255,255,255,.5)}ol ol{margin:0 0 0 2em}.circle-list li{padding:1.05em 1.5em .5em 1em}.circle-list small{display:none}.circle-list li:after{content:"";height:2px;width:100%;float:right;background:rgba(255,255,255,1);background:-moz-linear-gradient(left,rgba(255,255,255,1) 0,rgba(246,246,246,1) 8%,rgba(237,237,237,1) 100%);background:-webkit-gradient(left top,right top,color-stop(0,rgba(255,255,255,1)),color-stop(8%,rgba(246,246,246,1)),color-stop(100%,rgba(237,237,237,1)));background:-webkit-linear-gradient(left,rgba(255,255,255,1) 0,rgba(246,246,246,1) 8%,rgba(237,237,237,1) 100%);background:-o-linear-gradient(left,rgba(255,255,255,1) 0,rgba(246,246,246,1) 8%,rgba(237,237,237,1) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,1) 0,rgba(246,246,246,1) 8%,rgba(237,237,237,1) 100%);background:linear-gradient(to right,rgba(255,255,255,1) 0,rgba(246,246,246,1) 8%,rgba(237,237,237,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed',GradientType=1);margin-top:.5em}.circle-list h5{position:relative;margin:0}.circle-list p{margin:0}.circle-list h5:before{content:counter(li);counter-increment:li;position:absolute;z-index:-1;left:-1.3em;left:1.5em;top:-0.9em;background:#f5f5f5;height:1.5em;width:1.5em;border:.1em solid rgba(0,0,0,.05);text-align:center;font:italic bold 1em/1.5em Georgia,Serif;color:#ccc;-moz-border-radius:1.5em;-webkit-border-radius:1.5em;border-radius:1.5em;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}.circle-list li:hover h5:before{background-color:#ffd797;border-color:rgba(0,0,0,.08);border-width:.2em;color:#444;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}.circle-list li.active h5:before{background-color:#ffd797;border-color:rgba(255,0,0,.3);border-width:.2em;color:#444;-webkit-transform:scale(2.0);-moz-transform:scale(2.0);-ms-transform:scale(2.0);-o-transform:scale(2.0);transform:scale(2.0)}#player ul{list-style-type:none}#player li{float:left;margin-right:1em}#liedtext{background:#FFF;padding:30px 50px}#vorstand_info{border:1px dotted lightgrey;margin:2em auto;padding:10px;width:70%}#satzung{background:#fff;padding:10px 30px 30px}.profile{margin-bottom:20px;position:relative}.profile-header{position:absolute;top:0}.profile-header img{float:left}.profile-content{font-size:14px;line-height:1.4em;margin:0 0 0 125px;padding:27px 20px 0 0}.profile-content h3{margin:0}.profile-content .lead{font-size:1.3em;line-height:100%;margin:3px 0 20px;text-align:left}.profile-content .lead a,.profile-content .lead div{font-style:normal}.profile-content:before{background:none repeat scroll 0 0 #EEE;content:"";height:1px;position:absolute;top:0;width:67%}.profile-content p{margin:0 0 10px}.profile-footer{position:absolute;text-align:center;top:121px;width:100px}.profile-footer a{display:inline-block;line-height:18px;margin:0 3px}.profile-footer a:hover i{color:#595959}.profile-footer a:active i{color:#000}.profile-footer i{font-size:18px;position:relative}.profile-footer i.fa-envelope{font-size:16px;top:-1px}.profile-footer i.fa-linkedin{font-size:16px;top:-1px}form .invalid{background:rgba(255,150,150,0.06)}#brief{background:white}#brief canvas{margin-left:auto;margin-right:auto;cursor:auto}.nav-pills>li>a.download{background:0;color:#234}.nav-pills>li:hover>a.download{background:0;color:#234}.nav-pills>li:hover>a.download span{color:blue}.youtube_link{border-top:1px solid lightblue;border-bottom:1px solid lightblue;padding:5px 15px 8px 15px}.youtube_link:hover{background:#f0f0f0}.foto-item_ figure{width:100%;-webkit-transition:width 1300ms ease-in-out,height 1300ms ease-in-out;-moz-transition:width 1300ms ease-in-out,height1 300ms ease-in-out;-o-transition:width 1300ms ease-in-out,height 1300ms ease-in-out;transition:width 1300ms ease-in-out,height 1300ms ease-in-out}.foto-item_.shrink figure{width:0;height:0}.foto-item_{-webkit-transition:width 300ms ease-in-out,height 300ms ease-in-out;-moz-transition:width 300ms ease-in-out,height 300ms ease-in-out;-o-transition:width 300ms ease-in-out,height 300ms ease-in-out;transition:width 300ms ease-in-out,height 300ms ease-in-out}.foto-item_.shrink{width:0;height:0}.foto-item figure{-webkit-transition:height 300ms ease-out;-moz-transition:height 300ms ease-out;-o-transition:height 300ms ease-out;transition:height 300ms ease-out}.foto-item.shrink figure{height:0}.foto-item.shrink.grow figure{height:210px}.foto-item{-webkit-transition:width 300ms ease-out,padding 300ms ease-out;-moz-transition:width 300ms ease-out,padding 300ms ease-out;-o-transition:width 300ms ease-out,padding 300ms ease-out;transition:width 300ms ease-out,padding 300ms ease-out}.foto-item.shrink{width:0;padding:0;visibility:hidden}.foto-item.shrink.grow{width:auto;padding:15px 0}.foto-item.grow{visibility:hidden}#medien_bestell_info{background:#428bca;border-radius:5px;border:1px solid #fffafa;box-shadow:0 4px 6px rgba(0,0,0,0.3);color:#fff;padding:10px}.medien:hover{border-color:lightblue;cursor:pointer}.medien{padding:15px;margin:15px;min-height:265px}.medien blockquote .small::before,.medien blockquote footer::before,.medien blockquote small::before{content:none}.medien blockquote{padding-right:0}.medien .more_info{padding-left:25px}@media screen and (min-width:1200px){.row-eq-height{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.medien{height:90%}}.media-carousel{margin-bottom:0;padding:0 40px 30px 40px;margin-top:30px}.media-carousel .carousel-control.left{left:-12px;background-image:none;background:none repeat scroll 0 0 #222;border:4px solid #fff;border-radius:23px 23px 23px 23px;height:40px;width:40px;margin-top:30px}.media-carousel .carousel-control.right{right:-12px !important;background-image:none;background:none repeat scroll 0 0 #222;border:4px solid #fff;border-radius:23px 23px 23px 23px;height:40px;width:40px;margin-top:30px}.media-carousel .carousel-indicators{right:50%;top:auto;bottom:0;margin-right:-19px}.media-carousel .carousel-indicators li{background:silver}.media-carousel .carousel-indicators .active{background:#333}.media-carousel img{width:250px;height:100px}@media screen and (min-width:840px){.container_hint{padding:1px 0}.container_hint li::after{position:absolute;top:57px;left:-100%;width:300%;content:attr(data-title);opacity:0;-webkit-transition:opacity .4s;transition:opacity .4s}.container_hint li:hover::after{opacity:1}}@media screen and (max-width:1300px){.container{margin-left:7%;margin-right:7%}}@media screen and (max-width:1260px){.navbar-nav>li>a{padding-left:10px;padding-right:10px}}@media screen and (max-width:1213px){.container{margin-left:5%;margin-right:5%}.scrollToTop{right:3px}}@media screen and (max-width:1120px){.container{margin-left:4%;margin-right:4%}.scrollToTop{right:5px}}@media screen and (max-width:1090px){.navbar a,#panorama h4{letter-spacing:.02em}}@media screen and (max-width:1020px){.container{margin-left:3%;margin-right:3%}.slogen{font-size:30px;margin-top:4px}}@media screen and (max-width:930px){.breakpoint1{display:none}}@media screen and (max-width:840px){#fullpanorama{display:none}}@media screen and (min-width:765px) and (max-width:810px){#schynen_img{height:35px;position:relative;top:7px}}@media screen and (max-width:767px){.navbar-collapse{max-height:auto;overflow-x:hidden}}.xs-submenues{margin-top:1em;padding-left:2em;border-left:1px solid;background-color:#eee;padding:10px;opacity:.7;display:none}@media screen and (max-width:500px){.xs-submenues{display:block}.xs-tabmenues{display:none}.xs-hidden{display:none}#menue_table{margin-top:1em}#footeraddress{color:white;top:10px}}.xs2-visible{display:none}.xs2-visible-table-row{display:none}@media screen and (max-width:450px){.xs2-hidden{display:none}.xs2-visible{display:block}.xs2-visible-table-row{display:table-row}}.effect1{-webkit-box-shadow:0 10px 6px -6px #777;-moz-box-shadow:0 10px 6px -6px #777;box-shadow:0 10px 6px -6px #777;border:1px solid lightgray}.effect2{position:relative;border:1px solid lightgray}.effect2:before,.effect2:after{z-index:-1;position:absolute;content:"";bottom:15px;left:10px;width:50%;top:80%;max-width:300px;background:#777;-webkit-box-shadow:0 15px 10px #777;-moz-box-shadow:0 15px 10px #777;box-shadow:0 15px 10px #777;-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);-ms-transform:rotate(-3deg);transform:rotate(-3deg)}.effect2:after{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg);right:10px;left:auto}.effect3{position:relative;border:1px solid lightgray}.effect3:before{z-index:-1;position:absolute;content:"";bottom:15px;left:10px;width:50%;top:80%;max-width:300px;background:#777;-webkit-box-shadow:0 15px 10px #777;-moz-box-shadow:0 15px 10px #777;box-shadow:0 15px 10px #777;-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);-ms-transform:rotate(-3deg);transform:rotate(-3deg)}.effect4{position:relative;border:1px solid lightgray}.effect4:after{z-index:-1;position:absolute;content:"";bottom:15px;right:10px;left:auto;width:50%;top:80%;max-width:300px;background:#777;-webkit-box-shadow:0 15px 10px #777;-moz-box-shadow:0 15px 10px #777;box-shadow:0 15px 10px #777;-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg)}.effect5{position:relative;border:1px solid lightgray}.effect5:before,.effect5:after{z-index:-1;position:absolute;content:"";bottom:25px;left:10px;width:50%;top:80%;max-width:300px;background:#777;-webkit-box-shadow:0 35px 20px #777;-moz-box-shadow:0 35px 20px #777;box-shadow:0 35px 20px #777;-webkit-transform:rotate(-8deg);-moz-transform:rotate(-8deg);-o-transform:rotate(-8deg);-ms-transform:rotate(-8deg);transform:rotate(-8deg)}.effect5:after{-webkit-transform:rotate(8deg);-moz-transform:rotate(8deg);-o-transform:rotate(8deg);-ms-transform:rotate(8deg);transform:rotate(8deg);right:10px;left:auto}.effect6{position:relative;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset}.effect6:before,.effect6:after{content:"";position:absolute;z-index:-1;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);box-shadow:0 0 20px rgba(0,0,0,0.8);top:50%;bottom:0;left:10px;right:10px;-moz-border-radius:100px / 10px;border-radius:100px / 10px}.effect6:after{right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg)}.effect7{position:relative;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset}.effect7:before,.effect7:after{content:"";position:absolute;z-index:-1;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);box-shadow:0 0 20px rgba(0,0,0,0.8);top:0;bottom:0;left:10px;right:10px;-moz-border-radius:100px / 10px;border-radius:100px / 10px}.effect7:after{right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg)}.effect8{position:relative;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset}.effect8:before,.effect8:after{content:"";position:absolute;z-index:-1;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);box-shadow:0 0 20px rgba(0,0,0,0.8);top:10px;bottom:10px;left:0;right:0;-moz-border-radius:100px / 10px;border-radius:100px / 10px}.effect8:after{right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg)}.tilt{overflow:hidden;position:relative;width:100%;height:100%;margin:0 auto}.tilt__back,.tilt__front{width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;-webkit-backface-visibility:hidden;backface-visibility:hidden}.tilt__back{position:relative}.tilt__front{position:absolute;top:0;left:0}.hero{position:absolute;top:0;left:0;bottom:54px;right:0;overflow:hidden}.hero__imgwrap{position:relative;width:100%;height:100%;overflow:hidden}.hero__imgwrap::after{content:'';position:absolute;background:rgba(76,0,1,0.1);top:0;left:0;width:100%;height:100%;pointer-events:none}.hero__img{position:absolute;top:50%;left:50%;width:auto;height:100vh;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.hero__imgwrap .tilt__back,.hero__imgwrap .tilt__front{background-size:auto 100vh}.tiltgrid{position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;list-style:none;padding:3em 0 0 0;margin:0 auto;max-width:1020px}.grid__item{margin:0 65px 100px;width:100%}.grid--xray .grid__item{margin:0 20px 20px;width:300px}.grid__item-title{font-family:'Playfair Display',Georgia,serif;font-size:1em;padding:1em 0;font-weight:bold}.grid__item-title code{color:#aaa;font-weight:normal;font-size:.85em}.grid--xray .grid__img{width:300px;height:300px}.grid__img img{max-width:100%;display:block}.grid__img--border .tilt__back,.grid__img--border .tilt__front{border:1px solid #333}.grid__img--border .tilt{overflow:visible}.grid--examples{max-width:830px}.grid--examples .grid__img{position:relative;height:0;padding-bottom:66.714%;overflow:hidden}.grid--examples .tilt{position:absolute;top:0}.grid__img--example-2::after_{content:'';position:absolute;box-shadow:inset 0 0 50px 30px rgba(2,0,37,0.8);pointer-events:none;width:100%;height:100%;top:0;left:0}.grid__img--example-3 .tilt{-webkit-filter:grayscale(100%) brightness(105%) contrast(120%);filter:grayscale(100%) brightness(105%) contrast(120%);-webkit-transition:filter .5s,-webkit-filter .5s;transition:filter .5s,-webkit-filter .5s}.grid__img--example-3 .tilt:hover{-webkit-filter:none;filter:none}.grid__img--example-4 .tilt{width:120%;height:120%;top:-10%;left:-10%}@media screen and (min-aspect-ratio:1440/960){.hero__imgwrap .tilt__back,.hero__imgwrap .tilt__front,.codrops-header{background-size:100vw auto}.hero__img{width:100vw;height:auto}}#outdated{display:none;position:fixed;top:0;left:0;width:100%;height:170px;text-align:center;text-transform:uppercase;z-index:1500;background-color:#f25648;color:#fff}* html #outdated{position:absolute}#outdated h6{font-size:25px;line-height:25px;margin:30px 0 10px}#outdated p{font-size:12px;line-height:12px;margin:0}#outdated #btnUpdateBrowser{display:block;position:relative;padding:10px 20px;margin:30px auto 0;width:230px;color:#fff;text-decoration:none;border:2px solid #fff;cursor:pointer}#outdated #btnUpdateBrowser:hover{color:#f25648;background-color:#fff}#outdated .last{position:absolute;top:10px;right:25px;width:20px;height:20px}#outdated .last[dir='rtl']{right:auto !important;left:25px !important}#outdated #btnCloseUpdateBrowser{display:block;position:relative;width:100%;height:100%;text-decoration:none;color:#fff;font-size:36px;line-height:36px}.border{border:1px solid black}@-webkit-keyframes blink{0{background:rgba(255,0,0,0.5)}50%{background:rgba(255,0,0,0)}100%{background:rgba(255,0,0,0.5)}}@keyframes blink{0{background:rgba(255,0,0,0.5)}50%{background:rgba(255,0,0,0)}100%{background:rgba(255,0,0,0.5)}}@-webkit-keyframes blinkingBorder{0{border-color:rgba(255,0,0,0.5)}50%{border-color:rgba(255,0,0,0)}100%{border-color:rgba(255,0,0,0.5)}}@keyframes blinkingBorder{0{border-color:rgba(255,0,0,0.5)}50%{border-color:rgba(255,0,0,0)}100%{border-color:rgba(255,0,0,0.5)}}.background_blink{background:rgba(255,255,255,1)}.background_blink{-webkit-animation-direction:normal;-webkit-animation-duration:3s;-webkit-animation-iteration-count:1;-webkit-animation-name:blink;-webkit-animation-timing-function:ease;animation-direction:normal;animation-duration:3s;animation-iteration-count:1;animation-name:blink;animation-timing-function:ease}.border_blink{border-color:rgba(221,221,221,1)}.border_blink{-webkit-animation-direction:normal;-webkit-animation-duration:1s;-webkit-animation-iteration-count:3;-webkit-animation-name:blinkingBorder;-webkit-animation-timing-function:ease;animation-direction:normal;animation-duration:1s;animation-iteration-count:3;animation-name:blinkingBorder;animation-timing-function:ease}#content a.redline){position:relative;color:#000;text-decoration:none}#content a.redline:hover{color:#000}#content a.redline:before{content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:#000;background-color:red;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .3s ease-in-out 0;transition:all .3s ease-in-out 0}#content a.redline:hover:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}.row-centered{text-align:center}.col-centered{display:inline-block;float:none;text-align:left;margin-right:-4px}.col-fixed{width:320px}.col-min{min-width:320px}.col-max{max-width:320px}