*{ margin: 0; padding: 0; border: 0;}h1 { font-style: italic;}.h1 { font-weight: bold; font-size: 1.2em;}.h2 { font-weight: bold; font-size: 1.1em;}.h3 { font-weight: bold; font-size: 1em;}.h4 { font-weight: bold; font-size: .9em;}.h5 { font-weight: bold; font-size: .8em;}.left{ float: left;}.right { float: right;}.rwrapper { clear: right; } .lwrapper { clear: left; } .nosee{ display: none; }.zentrum { text-align: center; }.fehler, noscript { color: #f00; font-style: italic; font-size: 60%; padding: 5px 0;}.positiv { color: #5b7805 !important;}a { color: #4e5634; cursor: pointer; }html, body {width: 100%; height: 100%; font-size: 1em; font-family: georgia, "palatino linotype", "times new roman", serif;background: #333; background-image: url('../pics/background.png');}div#wrapper { max-width: 1080px; margin: 0 auto; background: #a6c44b; box-shadow: 0 5px 20px rgba(230, 245, 183, 0.9) inset; -webkit-box-shadow: 0 5px 20px rgba(230, 245, 183, 0.9) inset; -moz-box-shadow: 0 5px 20px rgba(230, 245, 183, 0.9) inset;}header#header {position: relative; margin: 0 auto;background: #717f47;}div#logo { position: relative; text-align: center; background: #717f47 url("../pics/wald.jpg"); border-bottom: 2px solid #4e5634; width: 100%; overflow: hidden; z-index: 2;}div.Schnee { background: #717f47 url("../pics/waldSchnee.jpg") !important;}div#logo img { margin: 20px auto; max-width: 500px; width: 100%;}div#navwrapper { margin: -18px auto; border-top: 2px solid #4e5634;}div#navi { position: relative; z-index: 20;}div#contwrapper { max-width: 1080px; min-height: 100%; padding: 10px;}div#content { position: relative; margin: 20px; max-width: 1040px; height: auto; z-index: 1;}#footwrapper { margin: 20px 0 0 0; position: relative; display: block; max-width: 1080px; background: #717f47; border-top: 2px solid #4e5634; width: 100%; bottom: 0;}div#footinfo { position: relative; margin: 0 10px 0 0; bottom: 0; left: 0; width: 100%; text-align: center; color: #333; float: left; z-index: 1;}div#footer { position: relative; margin: 10px 10px 0 0; bottom: 0; left: 0; min-height: 2em; text-align: center; color: #4d4d4d; font-size: .8em; z-index: 0;}div#footer img { height: 3%; max-height: .8em; width: 3%; max-width: .8em; margin: -1px 0; opacity: .5;}div.mittig { margin: auto; text-align: center;}.footinfo_l { margin: 20px 0 0 0; padding: 0 10px; text-align: left; color: #c2c2c2; float: left;}.footinfo_l > div { float: left;}.footinfo_l > div:nth-of-type(4) { font-size: 68%;}.footinfo_l > div:nth-of-type(4) > address { margin: 5% 0; font-size: 141% !important;}.footinfo_l > a { text-decoration: none;}.footinfo_l .kopf { font-weight: bold; font-size: 1.1em;}.infobox { background: #717f47; max-width: 400px; border: 1px solid #4e5634; color: #333; padding: 10px; margin: 10px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 5px 20px rgba(0,0,0,.4); background: -moz-linear-gradient(top, #4e5634, #a6c44b); background: -webkit-linear-gradient(top, #4e5634, #a6c44b);background: -ms-linear-gradient(top, #4e5634, #a6c44b);background: -o-linear-gradient(top, #4e5634, #a6c44b);box-shadow: 1px 2px 4px rgba(0,0,0, .2);}.adresse { float: left; max-width: 400px;}.karte { float: left; margin: 0 60px; border: solid 2px #717f47;}div.cont404 { max-width: 1060px; width: 100%; height: 100%; text-align: center; color: #333; }div.cont404 div { z-index: 500;} div.paul { margin: 10px 0; float: left; z-index: 1; } div.paul img.paul { position: absolute; width: 100%; right: 0; max-width: 350px; z-index: 1; opacity: .7; }div.oben404 { padding: 20px 0; text-align: center; z-index: 5; } div.cont404 div img.stempel { padding: 50px 0; z-index: 5; } div#content div.unten404 { padding: 50px 0; text-align: center; z-index: 5;}div#content div.half { max-width: 360px; float: left;}#impressum { overflow: hidden;}#disclaim { overflow: hidden; color: #333333;}#disclaim iframe { width: 100%; min-height: 1670px; height: 100%;}#datenschutz ul { margin: 5px 20px;}#cookieDatenschutz { outline: 1px solid #7b92a9; text-align: center; border-top: 1px solid #fff; background: #d6e0eb; font-size: .8em; line-height: 1em; position: fixed; bottom: 0px; width: 100%; z-index: 1000000; }#cookieDatenschutz div { padding: 5px 20px;}#cookieDatenschutzCloser { color: #d6e0eb; background: #811; position: absolute; right: 5px; text-decoration: none; text-shadow: 0 1px 0 #fff; top: 5px; cursor: pointer; border-top: 1px solid white; border-left: 1px solid white; border-bottom: 1px solid #7b92a9; border-right: 1px solid #7b92a9; padding: 3px; cursor: pointer; } #cookieDatenschutzCloser:hover { border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}#TopButton { display: inline-block; background-color: #717f47; width: 30px; height: 30px; text-align: center; border: 2px solid #4e5634; border-radius: 15px; position: fixed; bottom: 30px; right: 30px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 30000;}#TopButton::after { content: "^"; font-weight: bold; font-size: 2em; line-height: 40px; color: #a6c44b;}#TopButton:hover { cursor: pointer; background-color: #333;}#TopButton:active { background-color: #555;}#TopButton.show { opacity: .5; visibility: visible;}.loginform { margin: 3em auto; width: 100%; position: absolute; color: #4e5634;}.cancelBtn { padding: 0 0 6px 0; display:block; position:absolute; top:3px; right:10px; background:rgb(100,0,0); border: 2px solid #213016; color: #9c9c9c; height:20px; width:25px; font-size:20px; text-decoration:none; text-align:center; font-weight:bold; }#coverLogin { position:fixed; top:0; left:0; background:rgba(0,0,0,0.8); z-index:99998; width:100%; height:100%; display:block; } #overlayLogin, #overlayLogin:target, #overlayLogin:target + #coverLogin { max-width:1040px; margin:0 auto; position:relative; z-index:99999; display:block; background-size: 100% 100%; opacity: .9;} .seobility { width: 3em; height: 3em;}.dbl_underline { border-bottom: double 2px #333;}.dtd_underline { border-bottom: dotted 2px #333;}a[href^="tel"]:link,a[href^="tel"]:visited,a[href^="tel"]:hover { text-decoration: none;}.footinfo_l a { color: inherit;}@media all and (max-width: 840px) {div#footinfo > .right { float: left !important;}#disclaim { margin: 0 -20px 0 -70px;}#disclaim iframe {}.karte { margin: 0;}.karte iframe { width: 100%;} }#nav { box-sizing: border-box; float: left; width: 100%; background: #811; border-bottom: 2px solid #4e5634; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}#nav ol { margin: 0; padding: 0; list-style: none; }#nav ol > li > a { padding: 20px; display: none; color: #f9f9f9; text-decoration: none;}#nav ul { margin: 0; padding: 0; }#nav ul li { position: relative; float: left; list-style: none;}#nav ul li a { display: block; padding: 20px; color: #f9f9f9; text-decoration: none; transition: background-color .3s ease-in;}#nav ul li a:focus,#nav ul li a:hover,#nav ul li a:active { color: #e9e9e9; background-color: #4e5634; transition: background-color 0.03s;}#nav ul ol { position: absolute; top: -1000px; opacity: 0; background: #800; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6); z-index: 9999; border-top: 2px solid #4e5634;}#nav ul li:hover ol { opacity: 1; padding: 0;}#nav ul ol li { float: none; max-width: 170px; border-bottom: 1px solid #4e5634;}#nav ul ol li a { padding: 15px 20px; color: #f9f9f9; transition: background-color .40s ease-in;}#nav ul ol li a:focus,#nav ul ol li a:hover { color: #333; background-color: #a6c44b; transition: background-color 0.03s;}#nav ul li:hover > ol { top: 100%; left: 0;}#nav ul li.submenu > a:after { position: relative; float: right; content: ''; margin-left: 10px; margin-top: 7px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #f9f9f9; border-bottom: 5px solid transparent;}#nav ul ol li:last-child { border-bottom: none;}#nav ol li li.submenu a { color: #f9f9f9;}#nav li { -webkit-transition: all 0.2s;}#nav li a { -webkit-transition: all 0.5s;}#nav li ol { -webkit-transition: all .5s;}#nav li ol li { -webkit-transition: height 0.5s;}#nav ul ol li.submenu > a:after { position: relative; float: right; content: ''; margin-left: 10px; margin-top: 5px; border-left: 5px solid #f9f9f9; border-right: 5px solid transparent; border-top: 5px solid transparent; border-bottom: 5px solid transparent;}#nav ul ol li:hover > ol { top: 0; left: 100%; margin: -2px 0; display: block;}#nav ul ol li > ol { display: none;}@media all and (max-width: 600px) {#navlink::before { content: '\2630';}#navlink:hover::before,#navlink:focus::before,#navlink:active::before { content: '_';}#nav ol > li > a { display: block;}#nav ol li { float: left; list-style: none;}#nav ol li a:focus,#nav ol li a:hover,#nav ol li a:active { color: #e9e9e9; background-color: #4e5634; transition: background-color 0.03s;}#nav ol ul { position: absolute; top: -9999px; left: -9999px; background: #800; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6); z-index: 9998; border-top: 2px solid #4e5634; margin: 60px 0;}#nav ol ul li { float: none; max-width: 170px; border-bottom: 1px solid #4e5634;}#nav ol ul li a { padding: 15px 20px; color: #f9f9f9; transition: background-color .40s ease-in;}#nav ol ul li a:focus,#nav ol ul li a:hover { color: #333; background-color: #a6c44b; transition: background-color 0.03s;}#nav ol li:hover > ul { top: 100%; left: 0;}#nav ol ul li:hover > ol { top: 0; left: 100%; margin: -2px 0;}#nav ul li.submenu > a:after { position: relative; float: right; content: ''; margin-left: 10px; margin-top: 5px; border-left: 5px solid #f9f9f9; border-right: 5px solid transparent; border-top: 5px solid transparent; border-bottom: 5px solid transparent;}#nav ol ul ol li:first-child { border-top: none;}}.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .tada { -webkit-animation-name: tada; animation-name: tada; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } }.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .galerieImg-1-1 { background: url("../pics/galerie/restaurant/IMG_7327.JPG"); }.galeriePart-1-1 .galeriePart-back-inner { -webkit-transform: translate(-0vw, -0vw); transform: translate(-0vw, -0vw); }.galerieImg-1-2 { background: url("../pics/galerie/restaurant/IMG_7324.JPG"); }.galeriePart-1-2 .galeriePart-back-inner { -webkit-transform: translate(-17.48vw, -0vw); transform: translate(-17.48vw, -0vw); }.galerieImg-1-3 { background: url("../pics/galerie/restaurant/IMG_3521.JPG"); }.galeriePart-1-3 .galeriePart-back-inner { -webkit-transform: translate(-34.96vw, -0vw); transform: translate(-34.96vw, -0vw); }.galerieImg-1-4 { background: url("../pics/galerie/restaurant/IMG_4269.JPG"); }.galeriePart-1-4 .galeriePart-back-inner { -webkit-transform: translate(-52.44vw, -0vw); transform: translate(-52.44vw, -0vw); }.galerieImg-1-5 { background: url("../pics/galerie/restaurant/IMG_3517.JPG"); }.galeriePart-1-5 .galeriePart-back-inner { -webkit-transform: translate(-69.92vw, -0vw); transform: translate(-69.92vw, -0vw); }.galerieImg-2-1 { background: url("../pics/galerie/restaurant/IMG_3516.JPG"); }.galeriePart-2-1 .galeriePart-back-inner { -webkit-transform: translate(-0vw, -17.48vw); transform: translate(-0vw, -17.48vw); }.galerieImg-2-2 { background: url("../pics/galerie/restaurant/IMG_3522.JPG"); }.galeriePart-2-2 .galeriePart-back-inner { -webkit-transform: translate(-17.48vw, -17.48vw); transform: translate(-17.48vw, -17.48vw); }.galerieImg-2-3 { background: url("../pics/galerie/restaurant/IMG_3523.JPG"); }.galeriePart-2-3 .galeriePart-back-inner { -webkit-transform: translate(-34.96vw, -17.48vw); transform: translate(-34.96vw, -17.48vw); }.galerieImg-2-4 { background: url("../pics/galerie/restaurant/IMG_3515.JPG"); }.galeriePart-2-4 .galeriePart-back-inner { -webkit-transform: translate(-52.44vw, -17.48vw); transform: translate(-52.44vw, -17.48vw); }.galerieImg-2-5 { background: url("../pics/galerie/restaurant/IMG_7318.JPG"); }.galeriePart-2-5 .galeriePart-back-inner { -webkit-transform: translate(-69.92vw, -17.48vw); transform: translate(-69.92vw, -17.48vw); }.galerieImg-3-1 { background: url("../pics/galerie/restaurant/IMG_3518.JPG"); }.galeriePart-3-1 .galeriePart-back-inner { -webkit-transform: translate(-0vw, -34.96vw); transform: translate(-0vw, -34.96vw); }.galerieImg-3-2 { background: url("../pics/galerie/restaurant/IMG_3519.JPG"); }.galeriePart-3-2 .galeriePart-back-inner { -webkit-transform: translate(-17.48vw, -34.96vw); transform: translate(-17.48vw, -34.96vw); }.galerieImg-3-3 { background: url("../pics/galerie/restaurant/IMG_4270.JPG"); }.galeriePart-3-3 .galeriePart-back-inner { -webkit-transform: translate(-34.96vw, -34.96vw); transform: translate(-34.96vw, -34.96vw); }.galerieImg-3-4 { background: url("../pics/galerie/restaurant/IMG_3520.JPG"); }.galeriePart-3-4 .galeriePart-back-inner { -webkit-transform: translate(-52.44vw, -34.96vw); transform: translate(-52.44vw, -34.96vw); }.galerieImg-3-5 { background: url("../pics/galerie/restaurant/IMG_7606.JPG"); }.galeriePart-3-5 .galeriePart-back-inner { -webkit-transform: translate(-69.92vw, -34.96vw); transform: translate(-69.92vw, -34.96vw); }.galerie *, .galerie *:before, .galerie *:after { box-sizing: border-box; margin: 0; padding: 0;}.galerie { display: flex; flex-direction: column; align-items: center; margin: 10px 0;}.galeriePics { width: 87.8vw; padding: 0 0 0.2vw 0.2vw; flex-shrink: 0; -webkit-perspective: 89vw; perspective: 89vw; border-radius: 5px;}.galeriePart { position: relative; float: left; width: 17.28vw; height: 17.28vw; margin: 0.2vw 0.2vw 0 0; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transition: all 0.3s ease-in-out;}.galeriePart:hover .galeriePart-front { box-shadow: 0 0 5px black; -webkit-transform: scale(0.96); transform: scale(0.96);}.galeriePart:hover .galeriePart-front:after { opacity: 0;}.galeriePart-front, .galeriePart-back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 5px; cursor: pointer;}.galeriePart-front { background-color: lightslategrey; background-size: cover; background-position: center; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); transition: all 0.2s ease;}.galeriePart-front:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; content: ""; opacity: 0.4; transition: all 0.2s ease;}.galeriePart-back { -webkit-transform: rotateY(180deg) rotateX(0deg); transform: rotateY(180deg) rotateX(0deg);}.galeriePart-back-inner { width: 87.8vw; height: 52.84vw; background-image: url("../pics/galerie/restaurant/IMG_7327.JPG"); background-size: cover; background-position: center; -webkit-backface-visibility: hidden; backface-visibility: hidden;}@media all and (min-width: 1080px) {#galerieinfo { margin: 0 20px;}.galeriePics { width: 839px; padding: 0 0 2px 2px; -webkit-perspective: 851px; perspective: 851px;}.galeriePart { width: 165px; height: 165px; margin: 2px 2px 0 0;}.galeriePart-back-inner { width: 839px; height: 505px; background-image: url("../pics/galerie/restaurant/IMG_7327.JPG");}.galeriePart-1-1 .galeriePart-back-inner { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }.galeriePart-1-2 .galeriePart-back-inner { -webkit-transform: translate(-167px, 0px); transform: translate(-167px, 0px); }.galeriePart-1-3 .galeriePart-back-inner { -webkit-transform: translate(-334px, 0px); transform: translate(-334px, 0px); }.galeriePart-1-4 .galeriePart-back-inner { -webkit-transform: translate(-501px, 0px); transform: translate(-501px, 0px); }.galeriePart-1-5 .galeriePart-back-inner { -webkit-transform: translate(-668px, 0px); transform: translate(-668px, 0px); }.galeriePart-2-1 .galeriePart-back-inner { -webkit-transform: translate(0px, -167px); transform: translate(0px, -167px); }.galeriePart-2-2 .galeriePart-back-inner { -webkit-transform: translate(-167px, -167px); transform: translate(-167px, -167px); }.galeriePart-2-3 .galeriePart-back-inner { -webkit-transform: translate(-334px, -167px); transform: translate(-334px, -167px); }.galeriePart-2-4 .galeriePart-back-inner { -webkit-transform: translate(-501px, -167px); transform: translate(-501px, -167px); }.galeriePart-2-5 .galeriePart-back-inner { -webkit-transform: translate(-668px, -167px); transform: translate(-668px, -167px); }.galeriePart-3-1 .galeriePart-back-inner { -webkit-transform: translate(0px, -334px); transform: translate(0px, -334px); }.galeriePart-3-2 .galeriePart-back-inner { -webkit-transform: translate(-167px, -334px); transform: translate(-167px, -334px); }.galeriePart-3-3 .galeriePart-back-inner { -webkit-transform: translate(-334px, -334px); transform: translate(-334px, -334px); }.galeriePart-3-4 .galeriePart-back-inner { -webkit-transform: translate(-501px, -334px); transform: translate(-501px, -334px); }.galeriePart-3-5 .galeriePart-back-inner { -webkit-transform: translate(-668px, -334px); transform: translate(-668px, -334px); }}.show-front { -webkit-transform: none; transform: none;}#galerieinfo { margin: 0 1.5vw; text-align: justify; font-style: italic;} .no-js { display: none;}#galeriebtn { padding: 4vw 0 0 0; position: relative;}.kreis { position: absolute; bottom: 17%; left: 83%; -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 5vw; height: 5vw; -webkit-transition: transform 0.5s, background-color 0.5s, opacity 0.2s; -moz-transition: transform 0.5s, background-color 0.5s, opacity 0.2s; -ms-transition: transform 0.5s, background-color 0.5s, opacity 0.2s; -o-transition: transform 0.5s, background-color 0.5s, opacity 0.2s; transition: transform 0.5s, background-color 0.5s, opacity 0.2s; background-color: #FFF; border-radius: 50%;}.kreis.open { cursor: pointer;}.kreis.open#terrasse { background-color: #bb0000; -moz-transform: translate3d(-175%, -150%, 0); -o-transform: translate3d(-175%, -150%, 0); -ms-transform: translate3d(-175%, -150%, 0); -webkit-transform: translate3d(-175%, -150%, 0); transform: translate3d(-175%, -150%, 0);}.kreis.open#restaurant { background-color: #f5dd11; -moz-transform: translate3d(-50%, -200%, 0); -o-transform: translate3d(-50%, -200%, 0); -ms-transform: translate3d(-50%, -200%, 0); -webkit-transform: translate3d(-50%, -200%, 0); transform: translate3d(-50%, -200%, 0);}.kreis.open#speisen { background-color: #007ee5; -moz-transform: translate3d(75%, -150%, 0); -o-transform: translate3d(75%, -150%, 0); -ms-transform: translate3d(75%, -150%, 0); -webkit-transform: translate3d(75%, -150%, 0); transform: translate3d(75%, -150%, 0);}.kreis.open:hover { opacity: 0.6; filter: alpha(opacity=60);}.kreis.open:active { opacity: 0.75; filter: alpha(opacity=75);}.kreis.no-animation { animation: none;}.anteil { position: relative; bottom: 0%; left: 83%; -moz-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0);}.hauptkreis { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; width: 8vw; height: 8vw; background-color: #717f47; border-radius: 50%; cursor: pointer; overflow: hidden;}.urkreis { color: #FFF;}.urkreis:before { padding: 0 0 1.1vw .8vw;}.arkreis:before { padding: 0 0 .7vw 2.4vw;}.kreispos { position: relative; top: 50%; left: 50%; -moz-transform: translate3d(-50%, -50%, 0) rotate(0deg); -o-transform: translate3d(-50%, -50%, 0) rotate(0deg); -ms-transform: translate3d(-50%, -50%, 0) rotate(0deg); -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg); transform: translate3d(-50%, -50%, 0) rotate(0deg);}.waldhausPic:before{content: url('../pics/tools/icons/allIcon.png');}.waldhausPic:hover{opacity: .5;}.restaurantPic:before{content: url('../pics/tools/icons/restaurantIcon.png');}.terrassePic:before{content: url('../pics/tools/icons/terrasseIcon.png');}.speisenPic:before{content: url('../pics/tools/icons/speisenIcon.png');}@media all and (min-width: 1080px) {#galeriebtn { padding: 30px 0 0 0;}.kreis { width: 50px; height: 50px;}.hauptkreis { width: 75px; height: 75px;}.urkreis:before {padding: 0 0 10px 7px;}.arkreis:before {padding: 0 0 7px 20px;}}@media all and (max-width: 900px) {#galeriebtn { padding: 25px 0 0 0;}.kreis { width: 45px; height: 45px;}.hauptkreis { width: 65px; height: 65px;}.urkreis:before {padding: 0 0 9px 5px;}.arkreis:before {padding: 0 0 7px 15px;}}