@charset "utf-8";

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	color: inherit; 
}

/*!
 * Fotorama 4.6.4 | http://fotorama.io/license/ kuerzer
 */
.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:transform,width;transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-duration:0ms}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__nav__frame,.fotorama__thumb-border{box-sizing:content-box}.fotorama__caption__wrap{box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(fotorama@2x.png) 0 0/96px 160px no-repeat}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:none!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child){display:none}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}@keyframes spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none}

/* ------ venobox.css kuerzer --------*/
.vbox-overlay *,.vbox-overlay :after,.vbox-overlay :before{-webkit-backface-visibility:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.vbox-overlay *{-webkit-backface-visibility:visible;backface-visibility:visible}.vbox-overlay{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;left:0;top:0;bottom:0;right:0;z-index:999999}.vbox-title{width:100%;height:40px;float:left;text-align:center;line-height:28px;font-size:12px;padding:6px 50px;overflow:hidden;position:fixed;display:none;left:0;z-index:89}.vbox-close{cursor:pointer;position:fixed;top:-1px;right:0;width:50px;height:40px;padding:6px;display:block;background-position:10px center;overflow:hidden;font-size:24px;line-height:1;text-align:center;z-index:99}.vbox-left{cursor:pointer;position:fixed;left:0;height:40px;overflow:hidden;line-height:28px;font-size:12px;z-index:99;display:flex;align-items:center}.vbox-num{display:inline-block;margin:6px 0 6px 15px}.vbox-share{line-height:28px;font-size:12px;overflow:hidden;position:fixed;left:0;z-index:98;display:flex;align-items:center;justify-content:center;width:100%;text-align:center}.vbox-share svg{max-height:28px;width:28px;z-index:10;margin-left:12px;margin-top:6px;margin-bottom:6px;vertical-align:middle}.vbox-next,.vbox-prev{position:fixed;top:50%;margin-top:-15px;overflow:hidden;cursor:pointer;display:block;width:45px;height:45px;z-index:99}.vbox-next span,.vbox-prev span{position:relative;width:20px;height:20px;border:2px solid transparent;border-top-color:#b6b6b6;border-right-color:#b6b6b6;text-indent:-100px;position:absolute;top:8px;display:block}.vbox-prev{left:15px}.vbox-next{right:15px}.vbox-prev span{left:10px;transform:rotate(-135deg)}.vbox-next span{transform:rotate(45deg);right:10px}.vbox-inline{width:420px;height:315px;height:70vh;padding:10px;background:#fff;margin:0 auto;overflow:auto;text-align:left}.venoframe{max-width:100%;width:100%;border:none;width:100%;height:260px;height:70vh}.venoframe.vbvid{height:260px}@media (min-width:768px){.vbox-inline,.venoframe{width:90%;height:360px;height:70vh}.venoframe.vbvid{width:640px;height:360px}}@media (min-width:992px){.vbox-inline,.venoframe{max-width:1200px;width:80%;height:540px;height:70vh}.venoframe.vbvid{width:960px;height:540px}}.vbox-open{overflow:hidden}.vbox-container{position:absolute;left:0;right:0;top:0;bottom:0;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;z-index:20;max-height:100%}.vbox-content{text-align:center;float:left;width:100%;position:relative;overflow:hidden;padding:20px 4%}.vbox-container img{max-width:100%;height:auto}.vbox-figlio{box-shadow:0 0 12px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);max-width:100%;text-align:initial}img.vbox-figlio{-webkit-user-select:none;user-select:none}.vbox-content.swipe-left{margin-left:-200px!important}.vbox-content.swipe-right{margin-left:200px!important}.vbox-animated{transition:margin .3s ease-out}.sk-double-bounce,.sk-rotating-plane{width:40px;height:40px;margin:40px auto}.sk-rotating-plane{background-color:#333;animation:sk-rotatePlane 1.2s infinite ease-in-out}@keyframes sk-rotatePlane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.sk-double-bounce{position:relative}.sk-double-bounce .sk-child{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;animation:sk-doubleBounce 2s infinite ease-in-out}.sk-chasing-dots .sk-child,.sk-spinner-pulse,.sk-three-bounce .sk-child{background-color:#333;border-radius:100%}.sk-double-bounce .sk-double-bounce2{animation-delay:-1s}@keyframes sk-doubleBounce{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.sk-wave{margin:40px auto;width:50px;height:40px;text-align:center;font-size:10px}.sk-wave .sk-rect{background-color:#333;height:100%;width:6px;display:inline-block;-webkit-animation:sk-waveStretchDelay 1.2s infinite ease-in-out;animation:sk-waveStretchDelay 1.2s infinite ease-in-out}.sk-wave .sk-rect1{animation-delay:-1.2s}.sk-wave .sk-rect2{animation-delay:-1.1s}.sk-wave .sk-rect3{animation-delay:-1s}.sk-wave .sk-rect4{animation-delay:-.9s}.sk-wave .sk-rect5{animation-delay:-.8s}@keyframes sk-waveStretchDelay{0%,100%,40%{transform:scaleY(.4)}20%{transform:scaleY(1)}}.sk-wandering-cubes{margin:40px auto;width:40px;height:40px;position:relative}.sk-wandering-cubes .sk-cube{background-color:#333;width:10px;height:10px;position:absolute;top:0;left:0;animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both}.sk-chasing-dots,.sk-spinner-pulse{width:40px;height:40px;margin:40px auto}.sk-wandering-cubes .sk-cube2{animation-delay:-.9s}@keyframes sk-wanderingCube{0%{transform:rotate(0)}25%{transform:translateX(30px) rotate(-90deg) scale(.5)}50%{transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{transform:rotate(-360deg)}}.sk-spinner-pulse{animation:sk-pulseScaleOut 1s infinite ease-in-out}@keyframes sk-pulseScaleOut{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}.sk-chasing-dots{position:relative;text-align:center;animation:sk-chasingDotsRotate 2s infinite linear}.sk-chasing-dots .sk-child{width:60%;height:60%;display:inline-block;position:absolute;top:0;animation:sk-chasingDotsBounce 2s infinite ease-in-out}.sk-chasing-dots .sk-dot2{top:auto;bottom:0;animation-delay:-1s}@keyframes sk-chasingDotsRotate{100%{transform:rotate(360deg)}}@keyframes sk-chasingDotsBounce{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.sk-three-bounce{margin:40px auto;width:80px;text-align:center}.sk-three-bounce .sk-child{width:20px;height:20px;display:inline-block;animation:sk-three-bounce 1.4s ease-in-out 0s infinite both}.sk-circle .sk-child:before,.sk-fading-circle .sk-circle:before{display:block;border-radius:100%;content:'';background-color:#333}.sk-three-bounce .sk-bounce1{animation-delay:-.32s}.sk-three-bounce .sk-bounce2{animation-delay:-.16s}@keyframes sk-three-bounce{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.sk-circle{margin:40px auto;width:40px;height:40px;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{margin:0 auto;width:15%;height:15%;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-circle2{transform:rotate(30deg)}.sk-circle .sk-circle3{transform:rotate(60deg)}.sk-circle .sk-circle4{transform:rotate(90deg)}.sk-circle .sk-circle5{transform:rotate(120deg)}.sk-circle .sk-circle6{transform:rotate(150deg)}.sk-circle .sk-circle7{transform:rotate(180deg)}.sk-circle .sk-circle8{transform:rotate(210deg)}.sk-circle .sk-circle9{transform:rotate(240deg)}.sk-circle .sk-circle10{transform:rotate(270deg)}.sk-circle .sk-circle11{transform:rotate(300deg)}.sk-circle .sk-circle12{transform:rotate(330deg)}.sk-circle .sk-circle2:before{animation-delay:-1.1s}.sk-circle .sk-circle3:before{animation-delay:-1s}.sk-circle .sk-circle4:before{animation-delay:-.9s}.sk-circle .sk-circle5:before{animation-delay:-.8s}.sk-circle .sk-circle6:before{animation-delay:-.7s}.sk-circle .sk-circle7:before{animation-delay:-.6s}.sk-circle .sk-circle8:before{animation-delay:-.5s}.sk-circle .sk-circle9:before{animation-delay:-.4s}.sk-circle .sk-circle10:before{animation-delay:-.3s}.sk-circle .sk-circle11:before{animation-delay:-.2s}.sk-circle .sk-circle12:before{animation-delay:-.1s}@keyframes sk-circleBounceDelay{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.sk-cube-grid{width:40px;height:40px;margin:40px auto}.sk-cube-grid .sk-cube{width:33.33%;height:33.33%;background-color:#333;float:left;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{animation-delay:.2s}.sk-cube-grid .sk-cube2{animation-delay:.3s}.sk-cube-grid .sk-cube3{animation-delay:.4s}.sk-cube-grid .sk-cube4{animation-delay:.1s}.sk-cube-grid .sk-cube5{animation-delay:.2s}.sk-cube-grid .sk-cube6{animation-delay:.3s}.sk-cube-grid .sk-cube7{animation-delay:0s}.sk-cube-grid .sk-cube8{animation-delay:.1s}.sk-cube-grid .sk-cube9{animation-delay:.2s}@keyframes sk-cubeGridScaleDelay{0%,100%,70%{transform:scale3D(1,1,1)}35%{transform:scale3D(0,0,1)}}.sk-fading-circle{margin:40px auto;width:40px;height:40px;position:relative}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle:before{margin:0 auto;width:15%;height:15%;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}.sk-fading-circle .sk-circle2{transform:rotate(30deg)}.sk-fading-circle .sk-circle3{transform:rotate(60deg)}.sk-fading-circle .sk-circle4{transform:rotate(90deg)}.sk-fading-circle .sk-circle5{transform:rotate(120deg)}.sk-fading-circle .sk-circle6{transform:rotate(150deg)}.sk-fading-circle .sk-circle7{transform:rotate(180deg)}.sk-fading-circle .sk-circle8{transform:rotate(210deg)}.sk-fading-circle .sk-circle9{transform:rotate(240deg)}.sk-fading-circle .sk-circle10{transform:rotate(270deg)}.sk-fading-circle .sk-circle11{transform:rotate(300deg)}.sk-fading-circle .sk-circle12{transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{animation-delay:-1s}.sk-fading-circle .sk-circle4:before{animation-delay:-.9s}.sk-fading-circle .sk-circle5:before{animation-delay:-.8s}.sk-fading-circle .sk-circle6:before{animation-delay:-.7s}.sk-fading-circle .sk-circle7:before{animation-delay:-.6s}.sk-fading-circle .sk-circle8:before{animation-delay:-.5s}.sk-fading-circle .sk-circle9:before{animation-delay:-.4s}.sk-fading-circle .sk-circle10:before{animation-delay:-.3s}.sk-fading-circle .sk-circle11:before{animation-delay:-.2s}.sk-fading-circle .sk-circle12:before{animation-delay:-.1s}@keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}.sk-folding-cube{margin:40px auto;width:40px;height:40px;position:relative;transform:rotateZ(45deg)}.sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;transform:scale(1.1)}.sk-folding-cube .sk-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;animation:sk-foldCubeAngle 2.4s infinite linear both;transform-origin:100% 100%}.sk-folding-cube .sk-cube2{transform:scale(1.1) rotateZ(90deg)}.sk-folding-cube .sk-cube3{transform:scale(1.1) rotateZ(180deg)}.sk-folding-cube .sk-cube4{transform:scale(1.1) rotateZ(270deg)}.sk-folding-cube .sk-cube2:before{animation-delay:.3s}.sk-folding-cube .sk-cube3:before{animation-delay:.6s}.sk-folding-cube .sk-cube4:before{animation-delay:.9s}@keyframes sk-foldCubeAngle{0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(140px) rotateX(0);opacity:1}100%,90%{transform:perspective(140px) rotateY(180deg);opacity:0}}


/*!
 * Fonts 
 */

/* @font-face {
	font-family: 'yanone_kaffeesatz';
	src: url('fonts/yanonekaffeesatz-bold-webfont.woff2') format('woff2'),
		url('fonts/yanonekaffeesatz-bold-webfont.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
} */
@font-face {
	font-family: 'halden_solidregular';
	src: url('fonts/halden_solid.woff2') format('woff2'),
	url('fonts/halden_solid.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'source_sans_pro';
	src: url('fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
	url('fonts/sourcesanspro-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'source_sans_pro';
	src: url('fonts/sourcesanspro-it-webfont.woff2') format('woff2'),
	url('fonts/sourcesanspro-it-webfont.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'source_sans_pro';
	src: url('fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
	url('fonts/sourcesanspro-bold-webfont.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'source_sans_pro';
	src: url('fonts/sourcesanspro-boldit-webfont.woff2') format('woff2'),
	url('fonts/sourcesanspro-boldit-webfont.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

/*   _____                           _________        _  _
    /     \                         |    __   \      (_)(_)
   /   _   \  __  _ ____ ____ ____  |__ |__)   )   _  ____  ____ _  __
  /   /_\   \|  \| |    \  __] __ \/ __] ___   \  | |/    \| __ \ |/ /
 /   _____   \ | | | |) |  __|    /\__ \|___)   )_| |  ()  |    /  -(
/___/     \___\|\__|____/____]_|\_\[___/_______/\___/\____/|_|\_\_|\_\
                          I D E E N J Ä G E R

	handmade css for the-newport.de by top

  TNP Gold
  color: #f2d47e;

  TNP Darkblue
  color: #131f3c;

*/

body {
	font-family: "source_sans_pro", Verdana, Geneva, sans-serif;
	font-size: 125%;
}
body > input {
	position: fixed;
	top: 50%;
	left: -2em;
}

.fotorama.versteckt {
	top: -200%;
}

.fotorama {
	position: fixed;
	z-index: 2;
	width: 100%;
	height: 100%;
}

.fotorama_phalter {
	display: block;
	content: " ";
	padding-top: 85vh;
	position: relative;
	z-index: 1;
}
.ht-titel {
	background: url(img/Hafenkran.svg) no-repeat center center, url(img/Hafentage.png) no-repeat center center, #1d223d ;
	background-size: min(200vw,150vh);
	border-bottom: solid 40px #fff;
	border-top: solid 90px #fff;
	text-align: center;
	position: fixed;
	z-index: 2;
	width: 100%;
	height: 85vh;
	box-sizing: border-box;
}

.ht-titel img {
/*	width: auto;
	height: 50vw;
	max-height: 683px; */
	
}
.stoerer {
	position: absolute;
	color: #fff;
	right: 50%;
	margin-right: max(-585px,-45vw);
	margin-top: 6vh;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	width: 10px;
	font-size: min(1em, 2vh, 2vw);
}
.stoerer span {
	float: right;
	display: inline-block;
	line-height: 0.9;
}
.stoerer span:nth-child(1) {
  color: #f2d47e;
	font-size: 3em;
}
.stoerer span:nth-child(2) {
  color: #f2d47e;
	font-size: 5em;
}
.stoerer span:nth-child(3) {
	font-size: 4.3em;
}
.stoerer span:nth-child(4) {
	font-size: 2.25em;
	border-top: solid 0.2em;
	padding-top: 0.1em;
}

main {
	width: 100%;
	overflow: hidden;
}
#top + section {
	padding-top: 100px;
	box-sizing: border-box;
	min-height: 95vh;
}
footer {
	background-color: #000;
	color: #fff;
	text-align: center;
	padding: 1em 1.5em;
	transition: padding 500ms ease-in-out; 
}
div#CybotCookiebotDialog ~ main > footer {
	padding: 1em 1.5em 20em;
}
footer a {
	text-decoration: none;
}
footer a:hover {
	text-decoration: underline;
	text-decoration-color: #f2d47e;
}
h1 {
	font-family: "halden_solidregular", "Arial Narrow", Arial, "Helvetica Condensed", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 2.5em;
	margin: 1em 0;
	display: inline-block;
	position: relative;
	padding-right: 0.66em;
	z-index: 2;
	text-transform: uppercase;
}
h1:after {
	display: block;
	background-color: #f2d47e;
	content: " ";
	width: 100%;
	height: 0.66em;
	position: absolute;
	z-index: -1;
	margin: -0.66em -0.33em;
} 

h2 {
	font-weight: bold;
	text-decoration: underline;
	text-underline-offset: 0.1em;
	text-transform: uppercase;
}
section h3 {
	font-family: "halden_solidregular", "Arial Narrow", Arial, "Helvetica Condensed", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.4em;
	margin: 1em 0 0;
	letter-spacing: 1px;
}
section {
	width: 100%;
	position: relative;
	z-index: 3;
	padding: 2em 0;
	margin-top: -2em;
	background-color: #fff;
}
main > section:first-child {
	padding-top: 4em;
	margin-top: 0;
}
section#aktuelles {
	z-index: 4;
}
section em {
	font-style: italic;
}
section strong {
	font-weight: bold;
}
section h1 *,
section h3 * {
	font-weight: normal;
	font-style: normal;
}
section ul,
section p {
	padding-bottom: 1em;
	max-width: 850px;
}
section h2 + p {
	padding-top: 1em;
}
section p img {
	max-width: 100%;
	height: auto;
}
section > div,
footer > div {
	margin: 0 auto;
	width: 90%;
	max-width: 1170px;
}
section > div.gbreite {
	max-width: 850px;
	position: relative;
	margin: 0 auto;
}

#top {
	position: absolute;
	width: 1px;
	height: 1px;
}

.phone a[href^="tel"] {	
	font-weight: bold;	
	display: inline-block;	
	padding: 0.5em 0.5em 0.5em 2em;	
	color: #f2d47e;	
	border: solid 1px #f2d47e;	
	text-decoration: none;	
	font-size: 1.2em;	
	background: #131f3c url(img/icon-phone-g.svg) no-repeat 0.5em center;	
	margin-bottom: 1em;	
}	
.video-16-9 > div {	
	position: relative;	
	width: 100%;	
	height: 0;	
	padding-bottom: 56.25%; 	
}	
.video-16-9 video {	
	position: absolute;	
	width: 100%;	
	top: 0;	
	right: 0;	
	left: 0;	
	bottom: 0;	
}	
#runter {
	position: absolute;
	content: " ";
	display: block;
	border: solid 3px #000;
	width: 42px;
	height: 70px;
	box-sizing: border-box;
	border-radius: 21px; 
	left: 50%;
	margin: -200px 0 0 -21px;
	background-color: #fff;
	z-index: 2;
}
#runter:after {
	position: absolute;
	content: " ";
	width: 6px;
	height: 8px;
	background-color: #000;
	top: 8px;
	left: 15px;
	border-radius: 3px;
	animation: mausrad 2s infinite forwards;
}
@keyframes mausrad {
  0% { height: 6px; top:8px }
  33% { height: 16px; top:8px }
  66% { height: 6px; top:18px }
  100% { height: 6px; top:8px }
}
#runter:before {
	position: absolute;
	content: " ";
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	border-right: solid 3px #000;
	border-bottom: solid 3px #000;
	top: 72px;
	left: 10px;
	transform: rotate(45deg);
	filter: drop-shadow(8px 8px 0 rgba(0, 0, 0, 1.0)) drop-shadow(-8px -8px 0 rgba(0, 0, 0, 0.0));
}
#runter:hover:before {
	transition: all 1000ms ease-in-out;
	transform: rotate(45deg) translateX(8px) translateY(8px);
	filter: drop-shadow(8px 8px 0 rgba(0, 0, 0, 0.0)) drop-shadow(-8px -8px 0 rgba(0, 0, 0, 1.0));
}


#video  {
	position: relative; 
/*	padding: 0 0 56.2%;
	height: 0;  */
	width: 100%;
	overflow: hidden;
	margin-bottom: 3em;
} 
/*#video .vvorschau, */
#video iframe {
	display: block;
	border: none;
	position: absolute; 
	z-index: 110;
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
} 
#video iframe {
	display: none;
	overflow: hidden;
} 
#video.einblenden iframe {
	display: block;
} 
/*
#video.einblenden a {
	display: none;
} 
*/
#video img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
} 
#video .vvorschau:hover {
	cursor: pointer;
} 
#video .vvorschau:after {
	display: block;
	z-index: 100;
	position: absolute;
	content: " ► ";
	color: #fff;
	font-family: Geneva, Verdana, sans-serif;
	font-size: 30px;
	text-align: center;
	line-height: 60px;
	width: 80px;
	height: 60px;
	border-radius: 16px;
	background-color: rgba(102,102,102,0.5);
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -40px;
} 
#video:hover .vvorschau:after {
	background-color: rgba(255,0,0,1);
} 
#video .vvorschau span {
	display: block;
	position: absolute;
	top: 60%;
	color: #fff;
	background-color: #0008;
	width: 100%;
	padding: 8px;
	text-align: center;
	box-sizing: border-box;
}

#video:hover .vvorschau span {
	background-color: #000;
}

#restaurant {
	background-color: #131f3c;
	color: #fff;
	border-bottom: solid 25vw #ebf2f9;
}
#restaurant .bildmosaik {
	margin-bottom: -25vw;
}
.karten {
	padding: 2em 0;
}
.karten:after {
	content: "";
	display: block;
	clear: left;
}
.karten div {
	float: left;
	padding-right: 1.5em;
	width: 25%;
	min-width: 200px;
	box-sizing: border-box;
}
.karten div:nth-child(even) {
	margin-right: -1.5em;
}
.karten a {
	font-size: 1.2em;
	display: block;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	padding: 0.4em;
	line-height: 1.2em;
}
.karten a {
	border: solid 1px #f2d47e;
	color: #f2d47e;
	text-decoration: none;
}
.karten a[href="#"] {
	border: solid 1px #aaa;
	color: #aaa;
	pointer-events: none;
}
.karten a:hover {
	background-color: #f2d47e;
	color: #000;
}

#marina {
	background-color: #ebf2f9;
	border-bottom: solid 25vw #fff;
}
#marina .bildmosaik {
	margin-bottom: -25vw;
}

.bc_form {
	padding: 0em 0 3em;
}
.bc_form form > span {
	display: block;
}
.bc_form input, 
.bc_form select, 
.bc_form button {
	border: 1px solid #000;
	padding: 8px 15px;
	font-size: inherit;
	margin: 0 1em 1em 0;
	font-family: inherit;
	min-width: 180px;
	text-align: center;
}
.bc_form button {
	background-color: #000;
	border-color: #000;
	color: #ffffff;
	cursor: pointer;
}
.bc_form button:hover {
	color: #f2d47e;
}

.liegeplatz img {
	max-width: 100%;
	height: auto;
	margin: 2% 0 5% -3%;
}

.kacheln > div {
	width: 49%;
	float: left;
	margin-right: 2%;
}

.kacheln > div:nth-of-type(2n) {
	margin-right: 0%;
}
.kacheln a {
	display: block;
	-webkit-perspective: 5000px;
	perspective: 5000px;
	-webkit-perspective-origin: 50%;
	perspective-origin: 50%;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
}
.kacheln img {
	width: 100%;
	height: auto;
	position: relative;
	vertical-align: bottom;
	transition: all 500ms ease-in-out;
	/*box-shadow: 0 0 1px 1px rgba(0,0,0,0.3);*/
	box-shadow: 0 0 8px -1px rgba(0,0,0,0.3);
	-webkit-perspective-origin: 50%;
	perspective-origin: 50%;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: perspective(5000px) rotateY(0deg) rotateX(0deg) rotateZ(0deg);
}
.kacheln a:hover img {
	/*box-shadow: 2px 4px 16px 1px rgba(0,0,0,0.3);*/
	box-shadow: 8px 8px 16px -0px rgba(0,0,0,0.3);
	transform: perspective(5000px) rotateY(-20deg) rotateX(15deg) rotateZ(-2.5deg);
}
.kacheln:after {
	clear: left;
	content: " ";
	display: block;
}

.bildmosaik {
	word-spacing: 0em;
}
.bildmosaik img {
	width: 50%;
	height: auto;
	vertical-align: bottom;
	margin: 0 -4px 0 0;
	box-shadow: 0 0 8px -1px rgba(0,0,0,0.3);
	/*
	transform-origin: 0 0;;
	transition: all 500ms ease-in-out;
}
.bildmosaik a:hover img {
	box-shadow: 8px 8px 16px -0px rgba(0,0,0,0.3);
	transform: perspective(5000px) rotateY(-20deg) rotateX(15deg) rotateZ(-2.5deg); */
}

/* x-Schalter Leuchtkasten */
.vbox-close {
	font-size: 2.5em;
}

.bootsdeck div {
	text-align: center;
}
section.bootsdeck h2  {
	padding-top: 1em;
}
section.bootsdeck h1  {
	margin-left: 0.66em;
}
section.bootsdeck h2 + p {
	padding-top: 0.2em;
}

a.buchung {
	font-size: 1.2em;
	background-color: #000;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	padding: 0.5em 2em;
	box-shadow: 4px 8px 16px -4px rgba(0,0,0,0.2);
	margin-bottom: 2em;
	transition: all 300ms ease-in-out;
	border: solid 1px #fff;
}

a.buchung:hover,
a.buchung:focus {
	box-shadow: 8px 12px 20px -4px rgba(0,0,0,0.5);
  color: #f2d47e;
  border-color: #f2d47e;
}

section ul {
	list-style: initial;
	list-style-color: #f2d47e;
}
section h2 + ul {
	margin: 0.5em 0 0.5em 0;
}
section p + ul {
	margin: -0.5em 0 0.5em 0;
}
section ul li {
	margin: 0 0 0.5em 1em;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

@media screen and (min-width: 640px) {
	.bildmosaik img {
		width: 33.3%;
	}
	.karten div:nth-child(even) {
		margin-right: 0;
	}
	.kacheln > div {
		width: 32%;
	}
	.kacheln > div:nth-of-type(2n) {
		margin-right: 2%;
	}
	.kacheln > div:nth-of-type(3n) {
		margin-right: 0%;
	}
}




/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

@media screen and (max-width: 639px) {
	.bildmosaik a:last-child:nth-child(odd) img {
		width: 100%;
	}
}




/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

@media screen and (max-width: 959px) {
	
	.ht-titel {
		border-width: 60px 0 40px;
	}
	header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 100;
		background-color: rgba(255,255,255,0.8);
		box-shadow: 0 0 16px 8px rgba(0,0,0,0.1);
		
		text-align: center;
		height: 60px;
	}
	#logo {
		position: relative;
		z-index: 1050;
	}
	
	#logo img {
		width: auto;
		
		height: 40px;
		padding: 10px 0 0 0;
	}
	nav > ul {
		position: absolute;
		height: calc(100vh - 60px);
		background-color: rgba(255,255,255,0.5);
		overflow-y: auto;
		top: -110vh;
		right: 0;
		left: 0;
		height: calc(100vh - 60px) ;
		display: block;
		box-sizing: border-box;
		padding-top: 10vh;
	}
	nav > ul li {
		height: 10vh;
		min-height: 2em;
		font-weight: bold;
		font-size: 150%;
	}
	nav > ul li.lang {
		font-size: 100%;
	}
	nav > ul li.lang span {
		color: #aaa;
	}
	nav > ul li a {
		text-decoration: none;
	}
	nav > label { 
		position: absolute;
		display: block;
		box-sizing: border-box;
		z-index: 1020;
		top: 16px;
		right: 2%;
		width: 40px;
		height: 27px;
		border-top: solid 5px rgba(0,0,0,1);
		border-bottom: solid 5px rgba(0,0,0,1);
		cursor: pointer;
	}
	input#Burgermenue:checked ~ header  {
		background-color: rgba(255,255,255,1);
	}
	input#Burgermenue:checked ~ header nav ul {
		background-color: rgba(255,255,255,1);
		top: 60px;
		z-index: 1010;
	}
	header,
	nav > ul,
	nav > label,
	nav > label:before,
	nav > label:after {
		transition: all 500ms ease-out;
	}
	nav > label:before,
	nav > label:after {
		display: block;
		content: " ";
		width: 40px;
		height: 5px;
		background-color: #000;
		top: 6px;
		position: absolute;
	}
	input#Burgermenue:checked ~ header nav > label {
		border-top: solid 5px rgba(0,0,0,0);
		border-bottom: solid 5px rgba(0,0,0,0);
	}
	input#Burgermenue:checked ~  header nav > label:before {
		transform: rotate(-405deg);
	}
	input#Burgermenue:checked ~  header nav > label:after {
		transform: rotate(225deg);
	}
	
}




/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

@media screen and (min-width: 960px) {
	header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 100;
		background-color: rgba(255,255,255,0.8);
		box-shadow: 0 0 16px 8px rgba(0,0,0,0.1);
		
		height: 90px;
	}
	nav {
		margin: 0 auto;
		width: 90%;
		max-width: 1170px;
	}
	nav ul {
		float: right;
		max-width: calc(100% - 212px);
		text-align: right;
		position: relative
	}
	nav li {
		font-weight: bold;
		display: inline-block;
		padding: 32px 0 0 16px;
		line-height: 1.5em;
	}
	nav a {
		text-decoration: none;
	}
	nav li.lang {
		position: absolute;
		padding: 0 16px;
		right: 0;
		font-size: 0.8em;
	}
	nav li.lang span {
		color: #aaa;
	}
	nav li a:hover {
		text-decoration: underline;
		text-decoration-color: #f2d47e;
		text-decoration-thickness: 4px;
	}
	nav li a:hover img {
		border-bottom: solid 4px #f2d47e;
		margin-bottom: -4px;
	}
	nav li img {
		vertical-align: bottom;
		margin: 0 -2px 0 4px;
		padding: 2px;
	}
	#logo {
		float: left;
		padding: 16px 16px 0 0;
	}
	#logo img {
		height: 60px;
		width: auto;
	}
	main > section:first-child {
		padding-top: 6em;
	}
	#aktuelles:before {
		content: " ";
		position: absolute;
		width: 511px;
		height: 475px;
		pointer-events: none;
		z-index: 50;
		background: url(img/krake.svg) no-repeat;
		background-size: contain;
		left: 50%;
		margin: 25% 0 0 520px;
	}
	#restaurant:before {
		content: " ";
		position: absolute;
		width: 265px;
		height: 369px;
		pointer-events: none;
		z-index: 50;
		background: url(img/moewe.svg) no-repeat;
		background-size: contain;
		right: 50%;
		margin: -128px 600px 0 0;
	}
	#marina .liegeplatz:before {
		content: " ";
		position: absolute;
		width: 459px;
		height: 269px;
		pointer-events: none;
		z-index: 50;
		background: url(img/Containerschiff.svg) no-repeat;
		background-size: contain;
		left: 50%;
		margin: 150px 0 0 200px;
	}
	#catering:after {
		content: " ";
		position: absolute;
		width: 209px;
		height: 360px;
		pointer-events: none;
		z-index: 50;
		background: url(img/herz.svg) no-repeat;
		background-size: contain;
		left: 50%;
		margin: -280px 0 0 620px;
	}
}



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

@media screen and (min-width: 1240px) {
	#restaurant,
	#marina {
		border-bottom-width: 320px;
	}
	#restaurant .bildmosaik,
	#marina .bildmosaik {
		margin-bottom: -299px;
	}
}
ol{list-style:unset;}