body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto} @-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-moz-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-moz-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-moz-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:2px solid rgba(0,0,0,0.3);background:white;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:0.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:white}.dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-ms-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,0.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,0.8);background-color:rgba(255,255,255,0.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,0.4);padding:0 0.4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-filter:blur(8px);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity 0.4s ease-in;-moz-transition:opacity 0.4s ease-in;-ms-transition:opacity 0.4s ease-in;-o-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,0.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom, #666, #444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;-moz-transition:width 300ms ease-in-out;-ms-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom, #be2626, #a92222);padding:0.5em 1.2em;color:white}.dropzone .dz-preview .dz-error-message:after{content:'';position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} .mejs__offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs__container{background:#000;box-sizing:border-box;font-family:'Helvetica',Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs__container *{box-sizing:border-box}.mejs__container video::-webkit-media-controls,.mejs__container video::-webkit-media-controls-panel,.mejs__container video::-webkit-media-controls-panel-container,.mejs__container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs__fill-container,.mejs__fill-container .mejs__container{height:100%;width:100%}.mejs__fill-container{background:0 0;margin:0 auto;overflow:hidden;position:relative}.mejs__container:focus{outline:0}.mejs__iframe-overlay{height:100%;position:absolute;width:100%}.mejs__embed,.mejs__embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs__fullscreen{overflow:hidden!important}.mejs__container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs__container-fullscreen .mejs__mediaelement,.mejs__container-fullscreen video{height:100%!important;width:100%!important}.mejs__background{left:0;position:absolute;top:0}.mejs__mediaelement{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.mejs__poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs__poster-img{display:none}.mejs__poster-img{border:0;padding:0}.mejs__overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs__layer{z-index:1}.mejs__overlay-play{cursor:pointer}.mejs__overlay-button{background:url(../../assets/mediaelement/images/mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs__overlay:hover>.mejs__overlay-button{background-position:-80px -39px}.mejs__overlay-loading{height:80px;width:80px}.mejs__overlay-loading-bg-img{-webkit-animation:mejs__loading-spinner 1s linear infinite;animation:mejs__loading-spinner 1s linear infinite;background:url(../../assets/mediaelement/images/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes mejs__loading-spinner{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes mejs__loading-spinner{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.mejs__controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs__controls:not([style*='display: none']){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs__button,.mejs__time,.mejs__time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs__button>button{background:url(../../assets/mediaelement/images/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs__button>button:focus{outline:dotted 1px #999}.mejs__container-keyboard-inactive a,.mejs__container-keyboard-inactive a:focus,.mejs__container-keyboard-inactive button,.mejs__container-keyboard-inactive button:focus,.mejs__container-keyboard-inactive [role=slider],.mejs__container-keyboard-inactive [role=slider]:focus{outline:0}.mejs__time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs__play>button{background-position:0 0}.mejs__pause>button{background-position:-20px 0}.mejs__replay>button{background-position:-160px 0}.mejs__time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs__time-total,.mejs__time-buffering,.mejs__time-loaded,.mejs__time-current,.mejs__time-float,.mejs__time-hovered,.mejs__time-float-current,.mejs__time-float-corner,.mejs__time-marker{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs__time-total{background:rgba(255,255,255,.3);margin:5px 0 0;width:100%}.mejs__time-buffering{-webkit-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite;background:-webkit-linear-gradient(135deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);background:linear-gradient(-45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}.mejs__time-loaded{background:rgba(255,255,255,.3)}.mejs__time-current,.mejs__time-handle-content{background:rgba(255,255,255,.9)}.mejs__time-hovered{background:rgba(255,255,255,.5);z-index:10}.mejs__time-hovered.negative{background:rgba(0,0,0,.2)}.mejs__time-current,.mejs__time-buffering,.mejs__time-loaded,.mejs__time-hovered{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:.15s ease-in all;transition:.15s ease-in all;width:100%}.mejs__time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs__time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs__time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs__time-handle,.mejs__time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs__time-handle-content{border:4px solid rgba(255,255,255,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs__time-rail:hover .mejs__time-handle-content,.mejs__time-rail .mejs__time-handle-content:focus,.mejs__time-rail .mejs__time-handle-content:active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs__time-float{background:#eee;border:solid 1px #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs__time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs__time-float-corner{border:solid 5px #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs__long-video .mejs__time-float{margin-left:-23px;width:64px}.mejs__long-video .mejs__time-float-current{width:60px}.mejs__broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs__fullscreen-button>button{background-position:-80px 0}.mejs__unfullscreen>button{background-position:-100px 0}.mejs__mute>button{background-position:-60px 0}.mejs__unmute>button{background-position:-40px 0}.mejs__volume-button{position:relative}.mejs__volume-button>.mejs__volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs__volume-button:hover{border-radius:0 0 4px 4px}.mejs__volume-total{background:rgba(255,255,255,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs__volume-current{background:rgba(255,255,255,.9);left:0;margin:0;position:absolute;width:100%}.mejs__volume-handle{background:rgba(255,255,255,.9);border-radius:1px;cursor:ns-resize;height:6px;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs__horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs__horizontal-volume-total{background:rgba(50,50,50,.8);border-radius:2px;font-size:1px;height:8px;left:0;margin:0;padding:0;position:absolute;top:16px;width:50px}.mejs__horizontal-volume-current{background:rgba(255,255,255,.8);border-radius:2px;font-size:1px;height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.mejs__horizontal-volume-handle{display:none}.mejs__captions-button,.mejs__chapters-button{position:relative}.mejs__captions-button>button{background-position:-140px 0}.mejs__chapters-button>button{background-position:-180px 0}.mejs__captions-button>.mejs__captions-selector,.mejs__chapters-button>.mejs__chapters-selector{background:rgba(50,50,50,.7);border:solid 1px transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs__chapters-button>.mejs__chapters-selector{margin-right:-55px;width:110px}.mejs__captions-selector-list,.mejs__chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs__captions-selector-list-item,.mejs__chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs__captions-selector-list-item:hover,.mejs__chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:rgba(255,255,255,.4)!important}.mejs__captions-selector-input,.mejs__chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs__captions-selector-label,.mejs__chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs__captions-selected,.mejs__chapters-selected{color:#21f8f8}.mejs__captions-translations{font-size:10px;margin:0 0 5px}.mejs__captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs__captions-layer a{color:#fff;text-decoration:underline}.mejs__captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs__captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs__captions-position-hover{bottom:35px}.mejs__captions-text,.mejs__captions-text *{background:rgba(20,20,20,.5);box-shadow:5px 0 0 rgba(20,20,20,.5),-5px 0 0 rgba(20,20,20,.5);padding:0;white-space:pre-wrap}.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container{display:none}.mejs__overlay-error{position:relative}.mejs__overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs__cannotplay,.mejs__cannotplay a{color:#fff;font-size:.8em}.mejs__cannotplay{position:relative}.mejs__cannotplay p,.mejs__cannotplay a{display:inline-block;padding:0 15px;width:100%} /*! * Font Awesome Free 5.0.8 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face{font-family:Font Awesome;font-style:normal;font-weight:400;src:url(../../files/fontawesome/webfonts/fa-regular-400.eot);src:url(../../files/fontawesome/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../../files/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"),url(../../files/fontawesome/webfonts/fa-regular-400.woff) format("woff"),url(../../files/fontawesome/webfonts/fa-regular-400.ttf) format("truetype"),url(../../files/fontawesome/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:Font Awesome;font-weight:400} /*! * Font Awesome Free 5.0.8 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face{font-family:Font Awesome Solid;font-style:normal;font-weight:900;src:url(../../files/fontawesome/webfonts/fa-solid-900.eot);src:url(../../files/fontawesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../../files/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"),url(../../files/fontawesome/webfonts/fa-solid-900.woff) format("woff"),url(../../files/fontawesome/webfonts/fa-solid-900.ttf) format("truetype"),url(../../files/fontawesome/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:Font Awesome Solid;font-weight:900} /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; -moz-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], /* 1 */ [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, /* 1 */ menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } html { color: #1c1700; font-size: 18px; } ::-moz-selection { background: #6c8fb5; text-shadow: none; } ::selection { background: #6c8fb5; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between audio, canvas, iframes, * images, videos and the bottom of their containers: * https://github.com/h5bp/html5-boilerplate/issues/440 */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Browser Upgrade Prompt ========================================================================== */ .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Author's custom styles ========================================================================== */ body, input, textarea { font-family: "Open Sans"; color: #1c1700; overflow-x: hidden; } p, li { font-size: 1.13rem; line-height: 1.75rem; } h1 { font-family: 'Indie Flower'; font-size: 6.4em; color: #ceb783; font-weight: normal; } h2 { font-family: 'Indie Flower'; font-size: 3.7em; color: #ceb783; font-weight: normal; } h3 { font-size: 1.5em; font-weight: 600; } h4 { font-size: 1.3em; font-weight: 600; } h5, h6 { font-size: 1.1em; font-weight: 600; } a { text-decoration: none; color: #6c8fb5; } #main .mod_article { margin-top: 8em; } #main #galerie, #footer { margin-top: 7em; } #Banner .button a, .btn, .button a, .ce_hyperlink a, button.submit { -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; } #Banner .button a { background-color: #6c8fb5; -webkit-border-radius: 1.875rem; border-radius: 1.875rem; padding: 1.2rem 4.7rem; display: block; text-decoration: none; color: #fff; font-size: 1.25em; font-weight: 600; border: none; position: relative; } #Banner .button a::before { content: '\f063'; font-family: 'Font Awesome Solid'; font-size: inherit; line-height: 3em; color: #fff; text-align: center; position: absolute; width: 100%; height: 100%; top: -100%; left: 0; right: 0; } #Banner .button span { position: relative; bottom: 0; } #Banner .button a::before, #Banner .button span { -webkit-transition: top 0.3s ease-in-out, bottom 0.3s ease-in-out; -o-transition: top 0.3s ease-in-out, bottom 0.3s ease-in-out; transition: top 0.3s ease-in-out, bottom 0.3s ease-in-out; } #Banner .button:hover span { bottom: -100px; } #Banner .button:hover a::before { top: 0; } .button a, .btn, .routinglink .submit, .ce_hyperlink a, button.submit { background-color: #6c8fb5; border: 0.2rem solid #6c8fb5; -webkit-border-radius: 1.325rem; border-radius: 1.325rem; padding: 0.6rem 2.45rem; display: block; text-decoration: none; color: #fff; font-weight: 600; cursor: pointer; } .photo .button a { display: inline-block; font-size: 0.9em; } .button a:hover, .btn:hover, .routinglink .submit:hover, .ce_hyperlink a:hover, button.submit:hover { background-color: #fff; color: #6c8fb5; } .width { max-width: 1365px; margin: 0 auto; padding-right: 10em; padding-left: 10em; } .fullwidth .width { max-width: 100%; padding: 0; } #header { position: fixed; background-color: #fff; top: 0; left: 0; right: 0; z-index: 999; -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); } #header.smaller #main-nav li { padding: 1.4em 0; } #header.smaller #logo { font-size: 3em; } #main #Banner { margin: 0; } #Banner .width { position: relative; } #Banner img { width: 100%; -o-object-fit: cover; object-fit: cover; } #Banner figure { margin: 0; } #banner-wrapper { position: absolute; bottom: 0; left: 0; right: 0; } #Banner .ce_text { background-color: rgba(28, 23, 0, 0.5); text-align: center; width: 100%; } #Banner .ce_hyperlink { margin: 4.7em auto; display: table; } #Banner h1 { margin: 0.2em 0 0; } #Banner p { color: #fff; margin-top: -0.5em; font-size: 1.37em; font-weight: 600; } #logo { position: absolute; font-family: 'Indie Flower'; font-size: 4em; color: #6c8fb5; line-height: 1.7em; z-index: 1; -webkit-transition: font-size 0.3s ease-in-out; -o-transition: font-size 0.3s ease-in-out; transition: font-size 0.3s ease-in-out; } #main-nav ul { margin: 0; padding: 0; text-align: right; } #main-nav li { display: inline-block; margin: 0 1.5em; padding: 2.2em 0; position: relative; font-size: 1em; -webkit-transition: padding 0.3s ease-in-out; -o-transition: padding 0.3s ease-in-out; transition: padding 0.3s ease-in-out; } #main-nav .first { margin-left: 0; } #main-nav .last { margin-right: 0; } #main-nav li a { font-weight: bold; letter-spacing: 1px; color: #1c1700; text-decoration: none; text-transform: uppercase; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } #main-nav .active a, #main-nav li:hover a { color: #6c8fb5; } #main-nav .active::before, #main-nav li:hover::before { bottom: 0.4em; } #main-nav .active::after, #main-nav li:hover::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } #main-nav li::before { content:''; position: absolute; width: 0; left: 50%; bottom: -100%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); border: 7px solid transparent; border-bottom-color: #6c8fb5; } #main-nav li::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); background-color: #6c8fb5; height: 0.4em; } #main-nav li::before, #main-nav li::after { -webkit-transition: bottom 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: bottom 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; -o-transition: bottom 0.3s ease-in-out, -o-transform 0.3s ease-in-out; -o-transition: bottom 0.3s ease-in-out, transform 0.3s ease-in-out; transition: bottom 0.3s ease-in-out, transform 0.3s ease-in-out; transition: bottom 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } div.burger { display: none; height: 20px; width: 30px; position: relative; cursor: pointer; z-index: 999; margin-left: auto; } div.burger.open { top: 0; } div.x, div.y, div.z { height: 3px; width: 25px; position: absolute; margin: auto; background: #6c8fb5; -webkit-border-radius:2px; border-radius:2px; -webkit-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } div.x { top: 0px; } div.y { top: 8.4px; } div.z { bottom: 0px; } div.collapse { bottom: auto; top: 50%; background: #6c8fb5; -webkit-transition: all 70ms ease-out; -o-transition: all 70ms ease-out; transition: all 70ms ease-out; } div.rotate30 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); -webkit-transition: all 50ms ease-out; -o-transition: all 50ms ease-out; transition: all 50ms ease-out; } div.rotate150 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); -webkit-transition: all 50ms ease-out; -o-transition: all 50ms ease-out; transition: all 50ms ease-out; } div.rotate45 { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out; } div.rotate135 { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out; } div.circle { display: none; z-index: 8; -webkit-border-radius: 50%; border-radius: 50%; width: 0px; height: 0px; position:absolute; top: 9px; right: 37px; background:#fff; opacity: 1; -webkit-transition: all 0.5s cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 0.5s cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 0.5s cubic-bezier(0.000, 0.995, 0.990, 1.000); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } div.circle.expand { width: -webkit-calc(200vw + 200vh); width: calc(200vw + 200vh); height: -webkit-calc(200vw + 200vh); height: calc(200vw + 200vh); position: fixed; top: -webkit-calc(-96vw - 96vh); top: calc(-96vw - 96vh); right: -webkit-calc(-96vw - 96vh); right: calc(-96vw - 96vh); -webkit-transition: all 0.5s cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 0.5s cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 0.5s cubic-bezier(0.000, 0.995, 0.990, 1.000); } #main-nav { -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } header.expand #main-nav { display: block; position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 99; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } header.expand #main-nav .width { margin: auto; } header.expand #main-nav li { width: 100%; text-align: center; margin: 0; padding: 1em; } header.expand #main-nav .active::before, header.expand #main-nav .active::after { display: none; } #willkommen h2 { margin-top: 0; } #willkommen ul { list-style-type: none; padding: 0; margin: 3em 0; } #willkommen li::before { content: '\f017'; font-family: "Font Awesome"; color: #ceb783; font-size: 2em; position: absolute; left: 0; top: 0.1em; } #willkommen li:nth-child(2)::before { content: '\f3c5'; font-family: "Font Awesome Solid"; } #willkommen li:nth-child(3)::before { content: '\f0e0'; font-family: "Font Awesome Solid"; } #willkommen li { padding-bottom: 3em; padding-left: 4em; position: relative; } #willkommen li:last-child { padding-bottom: 0; } #willkommen .ce_accordion .btn { display: inline; } .disabled_btn, .disabled_btn:hover { background-color: #f4f4f4; border-color: #f4f4f4; color: #fff; } #willkommen .ce_accordion p:first-child { margin-bottom: 2em; } .toggler { padding: 1em; padding-left: 3em; border: 1px solid #ceb783; position: relative; color: #ceb783; cursor: pointer; font-size: 1.3em; font-weight: bold; text-transform: uppercase; } .toggler::before { position: absolute; left: 1.5em; border: 0.5em solid transparent; border-left-color: #ceb783; content: ''; display: block; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .toggler.ui-state-active::before { border-left-color: transparent; border-top-color: #ceb783; -webkit-transform: translate(-25%, -25%); -ms-transform: translate(-25%, -25%); transform: translate(-25%, -25%); } .ce_accordion { margin-top: 3em; } .accordion { padding: 2rem; } #countdown { position: relative; } #countdown .image_container { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: -10; } #countdown img { -o-object-fit: cover; object-fit: cover; height: 100%; } #countdown figure { margin: 0; } #timer::after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 1; background-color: rgba(28, 23, 0, 0.4); } #countdown .width { position: relative; z-index: 9; } #timer { margin: auto; padding: 3.9em 2em; } #timer table { position: relative; z-index: 2; margin: auto; } #timer tr:first-child td { font-size: 2.2rem; font-weight: bold; padding: 0 1em 0.5em; } #timer td { color: #fff; text-align: center; } #uebernachtung-anmeldung, #uebernachtung, #anmeldung { overflow: visible; } #uebernachtung::before, #anmeldung::before { content:''; display: block; height: 33em; width: 33em; background-color: #ceb783; opacity: 0.5; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 4em; right: 4em; z-index: -10; } #anmeldung::before { background-color: #6c8fb5; top: auto; left: 4em; right: auto; bottom: 4em; } .flex-container .width { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .large-box { max-width: 34.9em; min-width: 438.5px; background-color: #fff; position: relative; border: 1px solid #ceb783; padding: 0 1.8em; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; } .large-box h2 { margin: 2rem 0 5.6rem; } #anmeldung.large-box { border-color: #6c8fb5; margin-left: 3em; } #uebernachtung { margin-right: 3em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } #anmeldung h2 { color: #6c8fb5; } .large-box p { font-size: 1em; line-height: 1.4; } #uebernachtung .ce_text:first-child { -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } #uebernachtung .ce_text:first-child::after { content: ''; background-image: url('../../files/layout/Arrow.svg'); -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; width: 6.87em; height: 1em; display: block; float: right; margin-bottom: 4em; margin-top: 2em; } .small-box { margin: 0 -1.8em; border-top: 1px solid #ceb783; padding: 1.8em; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .small-box h3 { position: absolute; top: 1.3rem; right: 4.8rem; margin: 0; font-size: 1.125em; font-weight: 800; color: #ceb783; } .small-box h3::after { content: '\f015'; font-family: 'Font Awesome Solid'; font-size: 2rem; color: #ceb783; position: absolute; bottom: -0.4rem; right: -3rem; } .small-box .image_container { margin-left: 0; } .small-box p { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; } .small-box:nth-child(3) h3 { right: auto; left: 4.8rem; color: #6c8fb5; top: 2.3rem; } .small-box:nth-child(3) h3::after { right: auto; left: -3rem; color: #6c8fb5; } .small-box:nth-child(3) { padding-top: 4em; padding-bottom: 2em; } #anmeldung .widget, #anmeldung .widget-radio span:not(.mandatory), #anmeldung .widget-radio legend { margin-bottom: 2em; } #anmeldung .widget-radio span:not(.mandatory) { display: block; } span.mandatory { color: red; } #anmeldung label { padding-left: 6px; line-height: 1.4em; } #anmeldung .widget-radio { margin-bottom: 1em; } /* remove standard-styles */ input, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; -webkit-border-radius: 0; border-radius: 0; font-size: 1em; width: 100% } /* graceful degradation for ie8 */ input[type='checkbox'], input[type='radio'] { width:auto; float:left; margin-right: .75em; background:transparent; border:none; } input[type='checkbox']:checked, input[type='checkbox']:not(:checked), input[type='radio']:checked, input[type='radio']:not(:checked) { background: transparent; position: relative; visibility: hidden; margin:0; padding:0; } input[type='checkbox'] + label, input[type='radio'] + label { cursor: pointer; position: relative; } .widget-text label, .widget-textarea label { cursor: text; } /* add custom styles */ input:focus, textarea:focus, :focus { -webkit-box-shadow: none; box-shadow: none; outline: none; } input[type='checkbox']:checked + label::before, input[type='checkbox']:not(:checked) + label::before, input[type='radio']:checked + label::before, input[type='radio']:not(:checked) + label::before { content:' '; display:inline-block; width: 17px; height:17px; position: relative; top:4px; border: 1px solid #6c8fb5; background: white; margin-right: 1em; } input[type=radio]:checked + label::before, input[type=radio]:not(:checked) + label::before { -webkit-border-radius: 30px; border-radius: 30px; } input[type='checkbox']:hover + label::before, input[type='radio']:hover + label::before { border-color: #ceb783; } input[type='checkbox']:checked + label::after { content: '\f00c'; font-family: 'Font Awesome Solid'; color: #ceb783; font-size: 10px; line-height: 17px; text-align: center; width: 17px; height: 17px; display: block; top: 50%; margin-top: -8.5px; left: 8px; position: absolute; } input[type='checkbox']:checked + label::before { border-color: #ceb783; } input[type='radio']:checked + label::before { background: #ceb783; border-color: #ceb783; -webkit-box-shadow: inset 0 0 0 5px white; box-shadow: inset 0 0 0 5px white; } input[type='text'] { border-bottom: 1px solid #6c8fb5; } input[type='text']:hover, input[type='text']:focus { border-bottom-color: #ceb783; } #psst:checked + label::after { margin-top: -6.5px; left: 2px; } div.auto { float: left; } div.plaetze { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } div.plaetze label { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; position: relative; top: 0.15em; } div.plaetze input { width: 2em; margin-left: 6px; text-align: center; } div.plaetze + .widget { clear: both; } div.plaetze + .widget, .widget-textarea, .widget-submit { margin-bottom: 2.5em; } #lbl_7_3 { line-height: 1.75; } #anmeldung div.handy, #anmeldung div.mail { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 48%; position: relative; margin-bottom: 2.5em; } .liste-essen .widget-text, .programm .widget-text, .programm .widget-textarea, .liste-essen .widget-textarea { position: relative; margin-bottom: 2.5em; } div.comment { position: relative; } div.handy { margin-right: 4%; } #anmeldung div.handy label, #anmeldung div.mail label, #anmeldung div.comment label, .liste-essen .widget-text label, .programm .widget-text label, .programm .widget-textarea label, .liste-essen .widget-textarea label { color: #6c8fb5; position: absolute; left: 0; padding-left: 0; top: 0; } #anmeldung div.handy label.input-active, #anmeldung div.mail label.input-active, #anmeldung div.comment label.input-active, .liste-essen .widget-text label.input-active, .programm .widget-text label.input-active, .liste-essen .widget-textarea label.input-active, .programm .widget-textarea label.input-active { font-size: 0.75em; color: #ceb783; top: -1rem; } div.handy input, div.mail input, div.comment textarea, .liste-essen .widget-text input, .programm .widget-text input, .liste-essen .widget-textarea textarea, .programm .widget-textarea textarea { background-color: transparent; width: 100%; border-bottom: 1px solid #6c8fb5; line-height: 1.3em; } div.handy input:focus, div.mail input:focus, div.comment textarea:focus, .liste-essen .widget-text input:focus, .programm .widget-text input:focus, .liste-essen .widget-textarea textarea:focus, .programm .widget-textarea textarea:focus { border-bottom-color: #ceb783; } label { -webkit-transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out; -o-transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out; transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out; } .widget-textarea { clear: both; } #anfahrt .width { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } #anfahrt img, #anfahrt .image_container { margin: 0; height: 100%; -o-object-fit: cover; object-fit: cover; } #anfahrt-wrapper, #anfahrt .ce_image { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } #anfahrt-wrapper { background-color: #6c8fb5; padding: 6em 10em; } #anfahrt-wrapper h2 { margin-top: 0; } #anfahrt-wrapper h2, #anfahrt-wrapper .ce_text h3, #anfahrt-wrapper .ce_text p { color: #fff; } #galerie .image_container { margin: 1em; } #galerie ul { margin-left: auto; margin-right: auto; max-height: 1500px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } body.ie #galerie ul { max-height: 100%; height: 1500px; } #galerie li { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } #headline { max-width: 480px; margin: 1em; border: 1px solid #ceb783; -webkit-box-sizing: border-box; box-sizing: border-box; display: table; text-align: center; padding: 0 1em; } #headline h2 { margin: 0; padding: 1em 0; display: table-cell; vertical-align: middle; } #footer { background-color: #1c1700; } #footer .width { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #footer .width > p { color: #ceb783; } #footer nav ul { padding-left: 0; } #footer li a { color: #ceb783; } #to-top { float: right; width: 3em; position: relative; } #to-top::after { position: absolute; content: '\f106'; font-family: 'Font Awesome Solid'; font-size: 2.5em; color: #ceb783; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } a.slick-prev, a.slick-next { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; } a.slick-prev { left: -30px; } a.slick-prev::after { content:"\f104"; font-family: 'Font Awesome Solid'; color: #6c8fb5; font-size: 3em; } a.slick-next { right: -30px; } a.slick-next::after { content:"\f105"; font-family: 'Font Awesome Solid'; color: #6c8fb5; font-size: 3em; } #cboxOverlay { background: #ceb783; } #cboxLoadedContent { border: none; } #cboxCurrent { color: #1c1700; } .cboxElement { position: relative; display: inline-block; margin: 0px; max-width: 100%; background-color: #ceb783; color: #fff; overflow: hidden; outline: 1px solid #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; } .cboxElement:hover { outline-color: #ceb783; -webkit-box-sizing: border-box; box-sizing: border-box; } .cboxElement::before { -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; top: 50%; bottom: 50%; left: -35%; right: -35%; background: rgba(255, 255, 255, 0.5); position: absolute; content: ''; -webkit-transition-delay: 0.105s; -o-transition-delay: 0.105s; transition-delay: 0.105s; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .cboxElement::after { content: '\f002'; font-family: 'Font Awesome Solid'; font-size: 2em; color: #fff; position: absolute; top: 50%; opacity: 0; left: 50%; text-shadow: 2px 2px 2px #ceb783; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .cboxElement:hover::after { opacity: 1; } .cboxElement:hover::before { top: -50%; bottom: -50%; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } #cboxTitle { display: none !important; } #cboxClose { background: none; top: 1em; right: 1em; } #cboxClose::after { content: '\f00d'; font-family: 'Font Awesome Solid'; font-size: 1.5em; color: #fff; text-indent: 0; position: absolute; left: 0; right: 0; bottom: 0; top: 0; } #cboxPrevious, #cboxNext { top: 0; left: 0; margin-top: 0; background: none; width: 50%; height: auto; bottom: 0; right: 0; display: block; text-indent: 0; } #cboxNext { left: auto; } #cboxPrevious::after, #cboxNext::after { content: '\f104'; font-family: 'Font Awesome Solid'; font-size: 2em; color: #fff; position: absolute; top: 50%; opacity: 0; left: 1em; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } #cboxNext::after { content: '\f105'; left: auto; right: 1em; } #cboxPrevious:hover::after, #cboxNext:hover::after { opacity: 1; } /* * Ablauf */ .seitenbild .image_container { margin: 0; } #main .seitenbild { margin-top: 0; overflow: visible; } .seitenbild .ce_image { position: relative; } .seitenbild .block { overflow: visible; } .seitenbild h1 { position: absolute; bottom: 0; left: 50%; margin: 0; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); background-color: #fff; border: 1px solid #ceb783; text-align: center; padding: 0.3em 0.3em 0.2em; } #table-wrapper { max-width: 38em; margin: 0 auto; padding: 3em 6em; background-color: #fff; border: 1px solid #ceb783; } #main #tabelle { margin-top: 14em; position: relative; overflow: visible; } #tabelle table { border-collapse: collapse; margin: 0 auto; } #tabelle td { padding: 0.8em 0; border-bottom: none; } #tabelle td:first-child { font-size: 1.4rem; font-weight: 300; padding-right: 2.5rem; border-right: 1px solid #ceb783; position: relative; white-space: nowrap; } #tabelle td:first-child:not(.empty)::after { position: absolute; right: 0; top: 50%; content: ''; display: block; width: 10px; height: 10px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #ceb783; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); } #tabelle td:not(:first-child) { font-size: 1.4rem; font-weight: 600; padding-left: 2.5rem; } #tabelle td.beschreibung { font-size: 1rem; font-weight: normal; line-height: 1.5; } #tabelle::before, #tabelle::after { content:''; display: block; height: 33em; width: 33em; background-color: #6c8fb5; opacity: 0.5; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 0; left: 50%; z-index: -10; } #tabelle::after { background-color: #ceb783; top: auto; bottom: 0; -webkit-transform: translate(-100%, 0) rotate(45deg); -ms-transform: translate(-100%, 0) rotate(45deg); transform: translate(-100%, 0) rotate(45deg); } #details { background-color: #f4f4f4; padding-top: 8em; padding-bottom: 8em; } .ablauf:not(.unterseite) #footer { margin-top: 0; } #details .nav { list-style-type: none; text-align: center; margin-bottom: 0; padding: 0; } #details .ui-tabs-tab { display: inline-block; border-top: 1px solid #ceb783; border-left: 1px solid #ceb783; padding: 1em 1.5em; position: relative; background-color: #fff; } #details .ui-tabs-tab:last-child { border-right: 1px solid #6c8fb5; } #details .ui-tabs-tab:nth-child(2n) { border-top-color: #6c8fb5; } #details .ui-tabs-tab:nth-child(2n) a { color: #6c8fb5; } #details .ui-tabs-tab:nth-child(2n).ui-state-active, #details .ui-tabs-tab:nth-child(2n).ui-state-active + li { border-left-color: #6c8fb5; } #details .ui-state-active::after { content: ''; display: block; position: absolute; height: 3px; left: 0; right: 0; background-color: #fff; bottom: -2px; } #details .ui-tabs-tab a { font-size: 1.4em; color: #ceb783; font-weight: 600; } #details .panel { padding: 4em 4em; border: 1px solid #6c8fb5; background-color: #fff; } #details .panel:nth-child(2n) { border-color: #ceb783; } .links_liste { width: 50%; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; } .links_liste a { display: inline-block; } .gold { border-right: 1px solid #ceb783; margin-bottom: 2em; } .gold a { background-color: #ceb783; border-color: #ceb783; } .gold a:hover { color: #ceb783; } #kuchen-und-salat .ce_text { margin-bottom: 2em; } #kuchen-und-salat::after { clear: both; content: ''; display: block; } .eintragen_btn { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .ce_comments { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .ce_comments h3 { margin-bottom: 2em; width: 100%; } .ce_comments .form { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: 1em; } .ce_comments .comment-wrapper { -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; padding-right: 2em; } .ce_comments form { position: relative; z-index: 1; } .ce_comments input, .ce_comments textarea { -webkit-box-shadow: none; box-shadow: none; } .ce_comments textarea { height: 10em; } .ce_comments .info { font-weight: 300; margin-top: 0; } .ce_comments .widget-checkbox, .ce_comments .widget-text:nth-child(5) { display: none; } .ce_comments .comment { padding-left: 3em; } .ce_comments .comment > p:not(.no-list) { display: list-item; list-style-type: disc; } .ce_comments .explanation { max-width: 25em; font-size: 1em; } .comment .no-list { margin-left: -1em; } #main #gedicht { margin-top: 14em; } #gedicht_text { position: relative; text-align: center; } #gedicht_text p { background-color: #fff; padding: 0 5em; position: relative; z-index: 1; display: inline-block; margin: 0 auto; } #gedicht_text::before { position: absolute; content: ''; display: block; height: 1px; background-color: #6c8fb5; width: 100%; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } #datenschutz ul ul { list-style-type: disc !important; } .dropzone { border-style: dashed; -webkit-border-radius: 1em; border-radius: 1em; } .widget-upload { margin: 5em 0; } .btn_back { margin: 2em auto; display: inline-block; } .programm { margin-top: 2em; } .programm .widget-text { width: 50%; } .programm form { padding: 1em 0; } .bestätigungsseite #article-33 { text-align: center; } .routinglink .text { padding: 1em 0 0; } .routinglink .submit { margin: 2em 0; width: 7em; text-align: center; padding: 0.5em; } .information-bar { background-color: #6c8fb5; position: fixed; bottom: 0; left: 0; right: 0; padding: 0 2em; display: none; z-index: 9999; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .information-bar p { color: #fff; font-size: 0.9rem; -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; } .information-bar a { color: #fff; font-weight: bold; text-decoration: underline; } .information-bar .button { -webkit-box-flex: 0; -webkit-flex: 0 0 0%; -ms-flex: 0 0 0%; flex: 0 0 0%; margin-left: 2em; } .information-bar .button a { color: #6c8fb5; background-color: #fff; text-decoration: none; } #confirm-googlemaps { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); text-align: center; cursor: pointer; padding: 2em 6em; } #footer ul li { display: inline-block; } #footer ul li:first-child { margin-right: 1em; } /* ========================================================================== Helper classes ========================================================================== */ /* * Hide visually and from screen readers */ .hidden { display: none !important; } /* * Hide only visually, but have it available for screen readers: * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility * * 1. For long content, line feeds are not interpreted as spaces and small width * causes content to wrap 1 word per line: * https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; /* 1 */ } /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; -webkit-clip-path: none; clip-path: none; height: auto; margin: 0; overflow: visible; position: static; width: auto; white-space: inherit; } /* * Hide visually and from screen readers, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } .photo .ce_gallery > ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .photo .ce_gallery > ul { margin: -1%; } .photo .ce_gallery > ul li { width: 20%; } .photo .pagination ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; list-style-type: none; } .photo .pagination ul li { padding: 0 1em; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5/4), (min-resolution: 1.25dppx), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: http://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Generated by Fontie */ @font-face { font-family:'Indie Flower'; src: url('../../files/fonts/Indie_Flower/Indie Flower.eot'); src: url('../../files/fonts/Indie_Flower/Indie Flower.eot?#iefix') format('embedded-opentype'), url('../../files/fonts/Indie_Flower/Indie Flower.woff2') format('woff2'), url('../../files/fonts/Indie_Flower/Indie Flower.woff') format('woff'), url('../../files/fonts/Indie_Flower/Indie Flower.svg#Indie Flower') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-2212; } /* Generated by Fontie */ @font-face { font-family:'Open Sans'; src: url('../../files/fonts/Open_Sans/Open Sans SemiBold.eot'); src: url('../../files/fonts/Open_Sans/Open Sans SemiBold.eot?#iefix') format('embedded-opentype'), url('../../files/fonts/Open_Sans/Open Sans SemiBold.woff2') format('woff2'), url('../../files/fonts/Open_Sans/Open Sans SemiBold.woff') format('woff'), url('../../files/fonts/Open_Sans/Open Sans SemiBold.svg#Open Sans SemiBold') format('svg'); font-weight: 600; font-style: normal; font-stretch: normal; unicode-range: U+0020-2074; } @font-face { font-family:'Open Sans'; src: url('../../files/fonts/Open_Sans/Open Sans Light.eot'); src: url('../../files/fonts/Open_Sans/Open Sans Light.eot?#iefix') format('embedded-opentype'), url('../../files/fonts/Open_Sans/Open Sans Light.woff2') format('woff2'), url('../../files/fonts/Open_Sans/Open Sans Light.woff') format('woff'), url('../../files/fonts/Open_Sans/Open Sans Light.svg#Open Sans Light') format('svg'); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+0020-2212; } @font-face { font-family:'Open Sans'; src: url('../../files/fonts/Open_Sans/Open Sans Bold.eot'); src: url('../../files/fonts/Open_Sans/Open Sans Bold.eot?#iefix') format('embedded-opentype'), url('../../files/fonts/Open_Sans/Open Sans Bold.woff2') format('woff2'), url('../../files/fonts/Open_Sans/Open Sans Bold.woff') format('woff'), url('../../files/fonts/Open_Sans/Open Sans Bold.svg#Open Sans Bold') format('svg'); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+0020-2074; } @font-face { font-family:'Open Sans'; src: url('../../files/fonts/Open_Sans/Open Sans Regular.eot'); src: url('../../files/fonts/Open_Sans/Open Sans Regular.eot?#iefix') format('embedded-opentype'), url('../../files/fonts/Open_Sans/Open Sans Regular.woff2') format('woff2'), url('../../files/fonts/Open_Sans/Open Sans Regular.woff') format('woff'), url('../../files/fonts/Open_Sans/Open Sans Regular.svg#Open Sans Regular') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-2212; } @media screen and (max-width: 2100px){ /* Res_2100.css */ html{font-size:17px}.width{max-width:1300px} } @media screen and (max-width: 1920px){ /* Res_1920.css */ html{font-size:16px}.width{max-width:1200px} } @media screen and (max-width: 1800px){ /* Res_1800.css */ html{font-size:15px} } @media screen and (max-width: 1700px){ /* Res_1700.css */ html{font-size:15px}#headline,body.ie #galerie img{max-width:400px}#galerie ul{max-height:1300px}body.ie #galerie ul{height:1300px} } @media screen and (max-width: 1400px){ /* Res_1400.css */ html{font-size:14px}#headline,body.ie #galerie img{max-width:350px}#galerie ul{max-height:1806px}body.ie #galerie ul{height:1806px}#galerie li{-webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2}#galerie .row_0.row_first.even.col_0.col_first,#galerie .row_0.row_first.even.col_0.col_first + li{-webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-box-ordinal-group: 1; -ms-flex-order: 0; order: 0}#galerie .row_1.odd.col_1{-webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1} } @media screen and (max-width: 1300px){ /* Res_1300.css */ .width,#anfahrt-wrapper{padding-right:70px;padding-left:70px} } @media screen and (max-width: 1200px){ /* Res_1200.css */ p,li{font-size:1em}div.auto{float:none}div.plaetze{padding-left: calc(19px + 1em)} } @media screen and (max-width: 1100px){ /* Res_1100_BP.css */ .photo .ce_gallery > ul li{width:25%}body.ie #galerie ul{height:auto}.ce_comments .comment-wrapper{margin-top:4em;padding-right:0;-webkit-box-flex: 1; -webkit-flex: 1 1 100%; -moz-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%}.ce_comments .form{width:100%;margin:auto;-webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-box-ordinal-group: 1; -ms-flex-order: 0; order: 0}.eintragen_btn{-webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-box-ordinal-group: 1; -ms-flex-order: 0; order: 0}.ce_comments form{max-width:300px}.seitenbild h1{font-size:5.6em}#table-wrapper{padding-right:4em;padding-left:4em}#details .ui-tabs-tab{padding-right:1em;padding-left:1em}#details .ui-tabs-tab a{font-size:1.3em}#Banner h1 + p,#Banner .ce_hyperlink a{font-size:1.2em}#main-nav{display:none;opacity: 0}div.burger,div.circle{display:block}#uebernachtung,#anmeldung{margin:0 3em}#uebernachtung{margin-bottom:8em}#anfahrt .width{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap}#anfahrt-wrapper,#anfahrt .ce_image{width:auto}#header{position:static}#header .width{padding-top:1.5em;padding-bottom:1.5em}#logo{font-size:3.5em;line-height:.7em}#main-nav ul{width:100%;text-align:center;display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-flow: column nowrap; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap;-webkit-box-align: center;-webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-pack: center;-webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center}#main-nav li::before,#main-nav li::after{display:none}#uebernachtung .ce_text:first-child::after{width:16px;height:32px;background-image:url("../../files/layout/Arrow_down.svg")} } @media screen and (max-width: 800px){ /* Res_0800.css */ .photo .ce_gallery > ul li{width:33%}#gedicht_text p{padding-right:1em;padding-left:1em}.gold{width:100%;float:none;border: none}.gold + .ce_hyperlink{width:100%;float:none;margin-bottom:2em}#details .panel{padding:2em 3em}#details .ui-state-active::after{display:none}#details .nav{overflow:auto;white-space:nowrap}#details .ui-tabs-tab{max-width:6em;text-align:center;white-space:normal;-webkit-hyphens: manual; -moz-hyphens: manual; -ms-hyphens: manual; hyphens: manual}.seitenbild h1{font-size:4.6em}#Banner h1 + p,#Banner .ce_hyperlink a{font-size:1em}#Banner .ce_hyperlink a{padding:1rem 4rem}#galerie ul{max-height:100%;display:block}.ce_gallery > ul li.col_first{clear:none}#galerie.fullwidth .width{max-width:1200px;padding-right:70px;padding-left:70px}#galerie .image_container{margin:0;text-align:center}#galerie picture{display:inline-block;vertical-align:middle}#galerie .ce_gallery{position:relative;overflow:visible}#headline{margin-right:auto;margin-bottom:3em;margin-left:auto} } @media screen and (max-width: 500px){ /* Res_0500.css */ .photo .ce_gallery > ul li{width:50%}#gedicht_text p{font-size:.9em}.programm .widget-text{width:100%}#details .ui-tabs-tab a{font-size:1.2em}#details .ui-tabs-tab{max-width:5.5em}#tabelle td:not(:first-child){padding-left:1em;font-size:1.2rem}#tabelle td:first-child{padding-right:1em;font-size:1.2rem}#tabelle td.beschreibung{font-size:1rem}#details .panel{padding-right:7%;padding-left:7%}#main #tabelle,#main #gedicht{margin-top:8em}.seitenbild h1{font-size:3.6em}#tabelle table{min-width:300px;overflow:auto}.ablauf .width{padding-right:3%;padding-left:3%}.ablauf .fullwidth .width{padding-right:0;padding-left:0}#table-wrapper{overflow:auto;padding-right:5%;padding-left:5%}#headline{margin-bottom:4em}#main .mod_article{margin-top:5em}#main #galerie,#footer{margin-top:4em}#uebernachtung{margin-bottom:5em}#details{padding-top:5em;padding-bottom:5em}h2{font-size:3em}p,li{text-align:justify;-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto}#Banner p,#Banner li{text-align: inherit}.width,#anfahrt-wrapper,#galerie.fullwidth .width{padding-right:7%;padding-left:7%}#timer tr:first-child td{font-size:1.5em}#uebernachtung figure{margin-top:2em;margin-bottom:2em}.small-box{display:block}#anmeldung div.handy,#anmeldung div.mail{width:100%;float:none}.large-box{min-width:100%}a.slick-next{right:0;top:-2em}a.slick-prev{left:0;top:-2em}#Banner .ce_hyperlink{margin-top:2rem;margin-bottom:2rem}.information-bar{-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center}.information-bar .button{margin-bottom:1.5em;margin-left:0}#confirm-googlemaps{padding-top:2em;padding-bottom:2em;padding-left: 7%;padding-right: 7%} } @media screen and (max-width: 400px){ /* Res_0400.css */ .photo .ce_gallery > ul li{width:100%} }