/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ 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} /* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ @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} /** * Global TinyMCE style sheet * * Use this style sheet to define CSS classes for the rich text editor. The * stlye sheet will be included in the editor and the page layout automatically. * Although the stlye sheet is shared by all themes, you can override its * formattings in any of your theme style sheets. * * files/tinymce.css (this is how it looks like in TinyMCE) * .warning { color:#c55; } * * theme_a.css (this is how it looks like in theme A) * .warning { font-weight:bold; } * * theme_b.css (this is how it looks like in theme B) * .warning { color:#000; } * * If you do not want to use a global TinyMCE style sheet at all, simply delete * this file (files/tinymce.css). */ .warning { color:#c55; font-size:1.1em; } .confirmation { color:#090; font-size:1.1em; } .information { color:#999; font-size:0.9em; } /* ColorBox, (c) 2011 Jack Moore, MIT license */ #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#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/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background: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/jquery/colorbox/1.6.1/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/jquery/colorbox/1.6.1/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/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} /* MediaElement.js, (c) 2010-2014 John Dyer, MIT license */ .mejs-offscreen{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:polygon(0 0,0 0,0 0,0 0);position:absolute!important;height:1px;width:1px;overflow:hidden}.mejs-container{position:relative;background:#000;font-family:Helvetica,Arial;text-align:left;vertical-align:top;text-indent:0}.mejs-audio{margin-top:18px}.mejs-container:focus{outline:none}.me-plugin{position:absolute}.mejs-embed,.mejs-embed body{width:100%;height:100%;margin:0;padding:0;background:#000;overflow:hidden}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{width:100%;height:100%}.mejs-clear{clear:both}.mejs-background{position:absolute;top:0;left:0}.mejs-mediaelement{position:absolute;top:0;left:0;width:100%;height:100%}.mejs-poster{position:absolute;top:0;left:0;background-size:contain;background-position:50% 50%;background-repeat:no-repeat}:root .mejs-poster img{display:none}.mejs-poster img{border:0;padding:0;border:0}.mejs-overlay{position:absolute;top:0;left:0}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:url("../../assets/jquery/mediaelement/2.21.2/images/bigplay.svg") no-repeat}.no-svg .mejs-overlay-button{background-image:url("../../assets/jquery/mediaelement/2.21.2/images/bigplay.png")}.mejs-overlay:hover .mejs-overlay-button{background-position:0 -100px}.mejs-overlay-loading{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;background:#333;background:url("../../assets/jquery/mediaelement/2.21.2/images/background.png");background:rgba(0,0,0,.9);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.9)),to(rgba(0,0,0,.9)));background:-webkit-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-moz-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-o-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-ms-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:linear-gradient(rgba(50,50,50,.9),rgba(0,0,0,.9))}.mejs-overlay-loading span{display:block;width:80px;height:80px;background:url("../../assets/jquery/mediaelement/2.21.2/images/loading.gif") 50% 50% no-repeat}.mejs-container .mejs-controls{position:absolute;list-style-type:none;margin:0;padding:0;bottom:0;left:0;background:url("../../assets/jquery/mediaelement/2.21.2/images/background.png");background:rgba(0,0,0,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.7)),to(rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-moz-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-o-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-ms-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:linear-gradient(rgba(50,50,50,.7),rgba(0,0,0,.7));height:30px;width:100%}.mejs-container .mejs-controls div{list-style-type:none;background-image:none;display:block;float:left;margin:0;padding:0;width:26px;height:26px;font-size:11px;line-height:11px;font-family:Helvetica,Arial;border:0}.mejs-controls .mejs-button button{cursor:pointer;display:block;font-size:0;line-height:0;text-decoration:none;margin:7px 5px;padding:0;position:absolute;height:16px;width:16px;border:0;background:url("../../assets/jquery/mediaelement/2.21.2/images/controls.svg") no-repeat}.no-svg .mejs-controls .mejs-button button{background-image:url("../../assets/jquery/mediaelement/2.21.2/images/controls.png")}.mejs-controls .mejs-button button:focus{outline:dotted 1px #999}.mejs-container .mejs-controls .mejs-time{color:#fff;display:block;height:17px;width:auto;padding:10px 3px 0 3px;overflow:hidden;text-align:center;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.mejs-container .mejs-controls .mejs-time a{color:#fff;font-size:11px;line-height:12px;display:block;float:left;margin:1px 2px 0 0;width:auto}.mejs-controls .mejs-play button{background-position:0 0}.mejs-controls .mejs-pause button{background-position:0 -16px}.mejs-controls .mejs-stop button{background-position:-112px 0}.mejs-controls div.mejs-time-rail{direction:ltr;width:200px;padding-top:5px}.mejs-controls .mejs-time-rail span,.mejs-controls .mejs-time-rail a{display:block;position:absolute;width:180px;height:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer}.mejs-controls .mejs-time-rail .mejs-time-total{margin:5px;background:#333;background:rgba(50,50,50,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,30,30,.8)),to(rgba(60,60,60,.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-moz-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-o-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-ms-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:linear-gradient(rgba(30,30,30,.8),rgba(60,60,60,.8))}.mejs-controls .mejs-time-rail .mejs-time-buffering{width:100%;background-image:-o-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:15px 15px;-moz-background-size:15px 15px;-o-background-size:15px 15px;background-size:15px 15px;-webkit-animation:buffering-stripes 2s linear infinite;-moz-animation:buffering-stripes 2s linear infinite;-ms-animation:buffering-stripes 2s linear infinite;-o-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite}@-webkit-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-moz-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-ms-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-o-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-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8;background:rgba(60,170,200,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(44,124,145,.8)),to(rgba(78,183,212,.8)));background:-webkit-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-moz-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-o-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-ms-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:linear-gradient(rgba(44,124,145,.8),rgba(78,183,212,.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;background:rgba(255,255,255,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.9)),to(rgba(200,200,200,.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-moz-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-o-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-ms-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:linear-gradient(rgba(255,255,255,.9),rgba(200,200,200,.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-handle{display:none;position:absolute;margin:0;width:10px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;border:solid 2px #333;top:-2px;text-align:center}.mejs-controls .mejs-time-rail .mejs-time-float{position:absolute;display:none;background:#eee;width:36px;height:17px;border:solid 1px #333;top:-26px;margin-left:-18px;text-align:center;color:#111}.mejs-controls .mejs-time-rail .mejs-time-float-current{margin:2px;width:30px;display:block;text-align:center;left:0}.mejs-controls .mejs-time-rail .mejs-time-float-corner{position:absolute;display:block;width:0;height:0;line-height:0;border:solid 5px #eee;border-color:#eee transparent transparent transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:15px;left:13px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float{width:48px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current{width:44px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner{left:18px}.mejs-controls .mejs-fullscreen-button button{background-position:-32px 0}.mejs-controls .mejs-unfullscreen button{background-position:-32px -16px}.mejs-controls .mejs-mute button{background-position:-16px -16px}.mejs-controls .mejs-unmute button{background-position:-16px 0}.mejs-controls .mejs-volume-button{position:relative}.mejs-controls .mejs-volume-button .mejs-volume-slider{display:none;height:115px;width:25px;background:url("../../assets/jquery/mediaelement/2.21.2/images/background.png");background:rgba(50,50,50,.7);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:-115px;left:0;z-index:1;position:absolute;margin:0}.mejs-controls .mejs-volume-button:hover{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,.5);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,.9);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle{position:absolute;left:4px;top:-3px;width:16px;height:6px;background:#ddd;background:rgba(255,255,255,.9);cursor:N-resize;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:0}.mejs-controls a.mejs-horizontal-volume-slider{height:26px;width:56px;position:relative;display:block;float:left;vertical-align:middle}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#333;background:rgba(50,50,50,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,30,30,.8)),to(rgba(60,60,60,.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-moz-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-o-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-ms-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:linear-gradient(rgba(30,30,30,.8),rgba(60,60,60,.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#fff;background:rgba(255,255,255,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.9)),to(rgba(200,200,200,.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-moz-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-o-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-ms-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:linear-gradient(rgba(255,255,255,.9),rgba(200,200,200,.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{display:none}.mejs-controls .mejs-captions-button{position:relative}.mejs-controls .mejs-captions-button button{background-position:-48px 0}.mejs-controls .mejs-captions-button .mejs-captions-selector{visibility:hidden;position:absolute;bottom:26px;right:-51px;width:85px;height:100px;background:url("../../assets/jquery/mediaelement/2.21.2/images/background.png");background:rgba(50,50,50,.7);border:solid 1px transparent;padding:10px 10px 0 10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-captions-button:hover .mejs-captions-selector{visibility:visible}.mejs-controls .mejs-captions-button .mejs-captions-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{width:55px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-controls .mejs-captions-button .mejs-captions-translations{font-size:10px;margin:0 0 5px 0}.mejs-chapters{position:absolute;top:0;left:0;-xborder-right:solid 1px #fff;width:10000px;z-index:1}.mejs-chapters .mejs-chapter{position:absolute;float:left;background:#222;background:rgba(0,0,0,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.7)),to(rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-moz-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-o-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-ms-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:linear-gradient(rgba(50,50,50,.7),rgba(0,0,0,.7));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);overflow:hidden;border:0}.mejs-chapters .mejs-chapter .mejs-chapter-block{font-size:11px;color:#fff;padding:5px;display:block;border-right:solid 1px #333;border-bottom:solid 1px #333;cursor:pointer}.mejs-chapters .mejs-chapter .mejs-chapter-block-last{border-right:none}.mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666;background:rgba(102,102,102,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(102,102,102,.7)),to(rgba(50,50,50,.6)));background:-webkit-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-moz-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-o-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-ms-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:linear-gradient(rgba(102,102,102,.7),rgba(50,50,50,.6));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232)}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{font-size:12px;font-weight:700;display:block;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px 0;line-height:12px}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{font-size:12px;line-height:12px;margin:3px 0 4px 0;display:block;white-space:nowrap;text-overflow:ellipsis}.mejs-captions-layer{position:absolute;bottom:0;left:0;text-align:center;line-height:20px;font-size:16px;color:#fff}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs-captions-position{position:absolute;width:100%;bottom:15px;left:0}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text{padding:3px 5px;background:url("../../assets/jquery/mediaelement/2.21.2/images/background.png");background:rgba(20,20,20,.5);white-space:pre-wrap}.me-cannotplay a{color:#fff;font-weight:700}.me-cannotplay span{padding:15px;display:block}.mejs-controls .mejs-loop-off button{background-position:-64px -16px}.mejs-controls .mejs-loop-on button{background-position:-64px 0}.mejs-controls .mejs-backlight-off button{background-position:-80px -16px}.mejs-controls .mejs-backlight-on button{background-position:-80px 0}.mejs-controls .mejs-picturecontrols-button{background-position:-96px 0}.mejs-contextmenu{position:absolute;width:150px;padding:10px;border-radius:4px;top:0;left:0;background:#fff;border:solid 1px #999;z-index:1001}.mejs-contextmenu .mejs-contextmenu-separator{height:1px;font-size:0;margin:5px 6px;background:#333}.mejs-contextmenu .mejs-contextmenu-item{font-family:Helvetica,Arial;font-size:12px;padding:4px 6px;cursor:pointer;color:#333}.mejs-contextmenu .mejs-contextmenu-item:hover{background:#2c7c91;color:#fff}.mejs-controls .mejs-sourcechooser-button{position:relative}.mejs-controls .mejs-sourcechooser-button button{background-position:-128px 0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url("../../assets/jquery/mediaelement/2.21.2/images/background.png");background:rgba(50,50,50,.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-postroll-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:url("../../assets/jquery/mediaelement/2.21.2/images/background.png");background:rgba(50,50,50,.7);z-index:1000;overflow:hidden}.mejs-postroll-layer-content{width:100%;height:100%}.mejs-postroll-close{position:absolute;right:0;top:0;background:url("../../assets/jquery/mediaelement/2.21.2/images/background.png");background:rgba(50,50,50,.7);color:#fff;padding:4px;z-index:100;cursor:pointer}div.mejs-speed-button{width:46px!important;position:relative}.mejs-controls .mejs-button.mejs-speed-button button{background:0 0;width:36px;font-size:11px;line-height:normal;color:#fff}.mejs-controls .mejs-speed-button .mejs-speed-selector{display:none;position:absolute;top:-100px;left:-10px;width:60px;height:100px;background:url("../../assets/jquery/mediaelement/2.21.2/images/background.png");background:rgba(50,50,50,.7);border:solid 1px transparent;padding:0;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-speed-button:hover>.mejs-speed-selector{display:block}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected{color:#21f8f8}.mejs-controls .mejs-speed-button .mejs-speed-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li{margin:0 0 6px 0;padding:0 10px;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px;display:none}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label{width:60px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:11.5px;color:#fff;margin-left:5px;cursor:pointer}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover{background-color:#c8c8c8!important;background-color:rgba(255,255,255,.4)!important}.mejs-controls .mejs-button.mejs-jump-forward-button{background:url("../../assets/jquery/mediaelement/2.21.2/images/jumpforward.png") no-repeat;background-position:3px 3px}.mejs-controls .mejs-button.mejs-jump-forward-button button{background:0 0;font-size:9px;line-height:normal;color:#fff}.mejs-controls .mejs-button.mejs-skip-back-button{background:url("../../assets/jquery/mediaelement/2.21.2/images/skipback.png") no-repeat;background-position:3px 3px}.mejs-controls .mejs-button.mejs-skip-back-button button{background:0 0;font-size:9px;line-height:normal;color:#fff} /* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */ .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} /** * Contao Open Source CMS * * Copyright (c) 2005-2015 Leo Feyer * * @license LGPL-3.0+ */ table.sortable thead th { background-image:url("../../assets/jquery/tablesorter/2.0.5/images/default.gif"); background-repeat:no-repeat; background-position:center right; } table.sortable thead th.headerSortDown { background-image:url("../../assets/jquery/tablesorter/2.0.5/images/asc.gif"); } table.sortable thead th.headerSortUp { background-image:url("../../assets/jquery/tablesorter/2.0.5/images/desc.gif"); } .cookiebar{box-sizing:border-box;position:fixed;left:0;width:100%;padding:.6em 1.2em;background-color:#4b4b4b;color:#fff;font-size:1em;text-align:center;z-index:10}.cookiebar *{box-sizing:border-box}.cookiebar--active{display:flex!important;justify-content:center;align-items:center;flex-wrap:wrap}.cookiebar--position-top{top:0}.cookiebar--position-bottom{bottom:0}.cookiebar__message,.cookiebar__text{margin-right:1.5em}.cookiebar__link{margin-left: -1.3vw; color:#fff;text-decoration:underline}.cookiebar__link:hover{text-decoration:none}.cookiebar__button{margin:0;padding:.6em 1.2em;border:none;border-radius:0;background-color:#4ea55e;color:#fff;font-weight:700;cursor:pointer}.cookiebar__button:hover{background-color:#3e824a} /* Responsive design grid breakpoins sm - 640px md - 768px lg - 1024px xl - 1280px 2xl - 1536px */ /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+0370-03FF; } /* hebrew */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+0370-03FF; } /* hebrew */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+0370-03FF; } /* hebrew */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+0370-03FF; } /* hebrew */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-stretch: 100%; src: url("../../files/jg-hannover/fonts/opensans/OpenSans.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } body { border: 0 none; /* color: #161296; */ font-family: "Open Sans",sans-serif; font-feature-settings: inherit; font-kerning: inherit; font-language-override: inherit; font-size: 0.9vw; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-synthesis: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0; padding: 0; vertical-align: baseline; } body, #kontaktformular input.submit, .kontaktformular-field, .veranstaltungen-menu h1.not-active{ color: #405CB0; /* #3B5EC7; #40536D; #4A6289; #4169E1; */ } body, .veranstaltungen-programm-separator, .aktuelles-separator{ background: none repeat scroll 0 0 #D0EAEB; /* #b8dede; #DBF5FA; #f1f1f1; #e8ecf0;*/ } .display-not, .d-none{ display: none!important; } table.full-width{ width: 100%; } td.col-50-perc{ width: 50%; } td.vert-top{ vertical-align: top; } td.pad-left-2vw{ padding-left: 2vw; } #kontaktformular input.submit, div.ui-accordion-header{ border: 3px solid #405CB0; /*#161296; #40536D; #4A6289; #4169E1 */ } #kontaktformular input.submit, div.ui-accordion-header, .menu-box, .border-box, table.veranst-tabelle td{ /* border-color: #4A6289; #161296; #40536D; */ border: 3px solid #405CB0; /*#161296; #40536D; #4169E1 */ } #header, .ui-accordion-header:hover, .ui-accordion-header-active, h2.header-box, .veranstaltungen-1-monat-menu h1,.veranstaltungen-2-monats-menu h1.active, #footer{ background: none repeat scroll 0 0 #405CB0; /*#40536D; #4A6289; #4169E1; */ } #kontaktformular input.submit, .infoblatt-gallery h1 { background-color: #fff; } .article.kontakt h1, #impressum h1, .article.veranstaltungen-laufende h1, .article.veranstaltungen h1, h2.header-box, h1{ font-size: 3.5vw !important; letter-spacing: 0.05vw !important; margin: 0; } h1.menu-box { text-align: center; font-size: 4vw!important; letter-spacing: 0.3vw; text-transform: uppercase; margin-top: 0.2vw; margin-bottom: 0.2vw; padding-top: 1vw; padding-bottom: 1vw; } h2.header-box{ width: 60vw; padding: 2vw; font-size: 4vw!important; letter-spacing: 0.3vw; margin-bottom: 0.2vw; margin-top: 5vw; text-align: center; text-transform: uppercase; display: inline-block; } h1{ border: none; } h2{ font-size: 5vw; } h3{ font-size: 4vw; margin: 0; padding-top: 2vw; padding-bottom: 2vw; } ul li{ font-size: 3vw; line-height: 5vw; } p.abgesagt-table-cell-1{ position: absolute; width: 55%!important; color: red; font-size: 5vw!important; margin-top: 2.2vw!important; } figure{ height: inherit; } figcaption{ margin: 0 auto; } #container{ text-align: center; margin-top: 16vw; margin-bottom: 8vw; } .img-border img{ border: 1px solid; } #header { /* background: none repeat scroll 0 0 #002366; */ top:0; height: 16vw; display: flex; position: fixed; width: 100%; z-index: 1030; } #header .inside{ width: 100%; height: inherit; display: flex; justify-content: center; } #logo{ /*background: url("../../files/jg-hannover/css/files/jg-hannover/img-blau-modern/blau-modern-logo-kerzen.png");*/ float: left; display: table; height: inherit; margin-top: 0; width: 40vw; margin-left: 0 /*12vw; */ } #logo figure{ display: table-cell; vertical-align: middle; } .ui-accordion-header:hover{ transition:all 500ms; } .navi-header{ height: auto; vertical-align: middle; } .copyright-text, .copyright-text a, .navi-header a, h2.header-box, .navi-header span, .ui-accordion-header:hover, .ui-accordion-header-active,.veranstaltungen-1-monat-menu, .veranstaltungen-2-monats-menu h1.active, .veranstaltungen-2-monats-menu h1:hover, #kontaktformular input.submit:hover{ color: white; /* !important; */ } .navi-header a, .navi-header span, .ui-accordion-header:hover, .ui-accordion-header-active, #kontaktformular input.submit:hover{ text-decoration: none; text-transform: uppercase; font-weight: bold; } .navi li { list-style-type: none; text-align: center; } .navi-1-line a, .navi-1-line span{ font-size: 4.5vw; line-height: 9vw; padding-left: 0.3vw; padding-right: 1vw; padding-top: 0.3vw; padding-bottom: 0.3vw; letter-spacing: 0.15vw; border: 3px solid transparent; } .navi-1-line a:hover, .navi-1-line span.active, .navi-2-lines span.active, .navi-1-line span.trail, .navi-2-lines span.trail{ border-color: #fff; } .navi-1-line a.trail, .navi-2-lines a.trail, .navi-1-line span.trail, .navi-2-lines span.trail{ border-color: #fff; } .navi-2-lines ul{ margin-top: 0.2vw !important; } .navi-2-lines a, .navi-2-lines span{ font-size: 0.75vw; display: block; padding-left: 0.1vw; padding-right: 0.1vw; border: 2px solid transparent; } .navi-2-lines li{ height: 1.7vw; display: block !important; text-align: left !important; } .navi-2-lines li:hover a{ color: #c4c4c4; } .navi-2-lines li.first{ margin-top: 0.3vw; } .navi-2-lines li.last{ margin-top: -0.5vw; } .navi-header ul{ padding: 0; margin: 0; } .navi-header li{ display: block; } #left-navi{ display: none; } #middle-navi{ display: none; } #right-navi{ display: none; } .mobile-menu-button{ display: flex; color: white; } #mobile-menu-button{ height: inherit; float: right; justify-content: flex-end; align-items: center; width: 30%; } #mobile-menu-button span.fa{ margin-right: 4vw; font-size: 8vw; } #mobile-menu{ position: absolute; left: 0; margin-top: 16vw; width: 100%; display: none; border-top: 1px solid white; } #mobile-menu.navi-header li{ text-align: left; margin-left: 45%; } #mobile-menu.navi-header li.page-level-2{ padding-left: 5vw; } #mobile-menu.navi-header a, #mobile-menu.navi-header span{ font-weight: normal; text-transform: none; } #mobile-menu.opened, #onepage-navi.opened{ display: flex; flex-direction: column; } #mobile-menu ul{ height: auto; padding-left: 0; margin: 0; width: 100%; display: block; background-color: #405CB0; } #mobile-onepage-menu-button{ height: inherit; float: left; justify-content: flex-start; align-items: center; width: 30%; } #mobile-onepage-menu-button span.fa{ margin-left: 4vw; font-size: 10vw; } #mobile-onepage-menu-button span.fa.display-not{ display: none; } #onepage-navi{ position: fixed; left: 0; width: 100%; top:16vw; display: none; z-index: 500; } #onepage-navi ul{ padding-left: 0; list-style-type: none; margin: 0; width: 100%; display: table; height: auto; background-color: #405CB0; } #onepage-navi ul li { height: 1.8vw; vertical-align: middle; /* border-bottom: 1px solid black; */ width: 100%; text-align: left; list-style-type: none; display: table-row; } /*#one-page-navi ul li:after{ content: "□"; color: #c10b13; font-size: 2vw; position: fixed; margin-left: -1vw; margin-top: -0.25em; } #one-page-navi ul li.active:after{ content: "■"; color: #c10b13; font-size: 2vw; position: fixed; margin-left: -1vw; margin-top: -0.25em; } */ #onepage-navi ul a, #one-page-navi ul span{ text-decoration: none; padding-top: 0.2em; padding-bottom: 0.2em; padding-right: 0; padding-left: 2vw; border-bottom: 1px solid white; display: block; color: white; font-weight: normal; font-size: 4.5vw; line-height: 9vw; } #onepage-navi ul li.active a, #one-page-navi ul li.active span{ color: #dc5e6a; } #onepage-navi ul a:before, #one-page-navi ul span:before{ content: "□"; color: #405CB0; font-size: 1.7vw; position: fixed; margin-left: -1.5vw; margin-top: -0.15em; display: none; } #onepage-navi ul li.active a:before, #one-page-navi ul li.active span:before{ content: "■"; } /*#onepage-navi ul li.active a, #one-page-navi ul li.active span{ text-decoration: underline; }*/ #main{ margin-left: 0; width: 100%; text-align: center; display: inline-block; float: none; } #main div.inside{ display: block; width: 100%; } #aktuelles-header:before{ content: '\f0f6'; } #ueber-uns-header:before{ content:'\f0e5'; } #vorstand-header:before{ content: '\f0c0'; } #geschichte-header:before{ content: '\f1da'; } #kontakt-header:before{ content:'\f041'; } #veranstaltungen-header:before { content: '\f073'; } #infoblatt-header:before { content: '\f1c1'; } #bildergalerie-header:before { content: '\f03e'; } /*#impressum-header:before { content: '\f19c'; } */ #datenschutzerklaerung-header:before{ content: '\f132'; } #infoblaetter-archiv-header:before{ content: '\f187'; } #danke-fuer-anfrage-header:before{ content: '\f0a2'; } #juedischer-kalender-header:before{ content: '\f073'; } #litvan-chor-header:before { content: '\f19c'; } #soziales-header{ width: 100vw; display: flex; justify-content: center; align-items: center; } #soziales-header .header-icon{ width: 7vw; margin-left: 0; margin-top: 0; margin-right: 3vw; } #soziales-header h1{ display: block; margin-top: 0; margin-left: 0; text-align: left; line-height: 15vw; } /*#soziales-header:before{ content: '\f234'; }*/ .page-header{ /* color:#161296; */ text-align: center; font-size: 10vw; font-weight: bold; text-transform: uppercase; letter-spacing: 0.3vw; /* top: 0.4vw; */ height: 15vw; position: relative; padding-top: 1vw; /* padding-bottom: 2.5vw; */ } .page-header h1{ font-size: 4vw!important; display: inline-table; line-height: normal; /*3vw */ padding-top: 1.3vw; } .page-header.hoch{ height: auto; } .page-header:before{ font-size: 8vw; font-family: "FontAwesome"; margin-right:1vw; font-weight:normal; position: relative; top: 1vw; } #hauptseite-text-block{ font-size: 4vw; margin-bottom: 3vw; } #hauptseite-text-block p{ margin-top: 1vw; margin-bottom: 0.5vw; } #hauptseite-text-block span.juedish{ font-size: 9vw; } #hauptseite-text-block span.latin{ font-size: 7vw; line-height: 9vw; } #vorstand-header{ padding-top: 3vw; padding-bottom: 3vw; } /* #ueber-uns-header{ padding-top: 1vw; padding-bottom: 3vw; } */ .article{ background: none repeat scroll 0 0 #fff; display: block; padding-left: 5vw; padding-right: 5vw; padding-top: 2vw; padding-bottom: 2vw; min-height: 15vw; } .article.last{ padding-bottom: 7vw; } .article.onepage-article{ margin-bottom: 2em; } .article.kontakt{ padding-top: 0; } .no-header-article{ margin-top: 10vw!important; } #kontaktdaten{ padding-top: 2vw; } .juedischer-kalender-article{ margin-bottom: 2vw; } .juedischer-kalender-article table.timetable-1{ width: 40vw; display: inline-table; } .juedischer-kalender-article table.timetable-1 td{ vertical-align: top; } .juedischer-kalender-article table.timetable-1 td.col-1{ width: 4vw; } .juedischer-kalender-article table.timetable-1 td.col-2{ width: 6vw; } .juedischer-kalender-article table.timetable-1 td.col-3{ width: 2vw; } .chanukka-kerzen-tabelle table{ width: 100%; } .chanukka-kerzen-tabelle table p{ text-align: center; } .gratulieren-karte-article{ width: 35vw; display: inline-block; vertical-align: bottom; } .gratulieren-karte-article.top{ /* border:3px solid #405CB0; */ border-bottom: none; } .gratulieren-karte-article.bottom{ /* border:3px solid #405CB0; */ border-top: none; } .gratulieren-karte-article.top h1{ padding-top: 0.5vw; } .gratulieren-karte-article.top h2{ margin-bottom: 0; } .gratulieren-karte-article.bottom h4{ padding-right: 0.5vw; } .gratulieren-karte-article.leftfoto-small img{ vertical-align: bottom; width: 15vw; float: left; } .with-small-top-left-foto-1 figure{ margin-top: 3.8vw; margin-right: 0.8vw; } .with-small-top-left-foto-1 img{ vertical-align: bottom; float: left; margin-right: 0.8vw; width: 30vw; } .with-small-top-left-foto-2 figure{ margin-top: 0.8vw; margin-bottom: 1vw; margin-right: 0.8vw; } .with-small-top-left-foto-2 img{ vertical-align: bottom; float: left; margin-right: 3vw; width: 20vw; } .small-vertical-left-foto{ vertical-align: bottom; float: left; margin-right: 0.8vw; width: 20vw; } .small-foto-article figure{ width: 50vw; display: inline-block; } .beige-brown-ground{ background: none repeat scroll 0 0 #fce8d3 !important; border-radius: 10px; margin-bottom: 2vw; } .beige-yellow-ground{ background: none repeat scroll 0 0 #fdfae7 !important; border-radius: 10px; margin-bottom: 2vw; } .beige-brown-ground p, .beige-yellow-ground p{ padding-right: 1vw; padding-left: 1vw; width: 96%!important; } .article, .page-header{ display: block; /* table-cell; */ } .article.first,.page-header.first { margin-top: 0; /* 3vw; */ } .article h1{ padding-bottom: 0.5vw; padding-top: 0.5vw; font-size: 4vw!important; } div.article p{ width: 100%; /* color: #161296; */ font-size: 3vw; line-height: 5vw; margin-top: 1vw; margin-bottom: 1vw; text-align: justify; } div.article ol{ margin-left: 0; width: 83%; text-align: left; } div.article ol li{ font-size: 3vw; line-height: 5vw; } div.article ul{ margin-left: 0; width: 81%; text-align: left; } div.centered-image-block{ display: block; text-align: center; width: 90%; margin: 0 auto; } .bigfoto img{ width: 100%; } #hauptseite-foto-block{ margin-top: 3vw; } #hauptseite-mainfoto img{ border: 1px solid; margin-top: 1vw; /* background: none repeat scroll 0 0 #A3D5F2 !important; */ /* background: url("../../files/jg-hannover/img-blau-modern/blue-sky2.png"); background-size: cover; */ } div.article-image-block-left{ display: block; float: left; width: 26vw; padding-top: 1vw; padding-right: 1vw; } .text-article-block{ width: inherit; float: left; } .text-article-block-header{ width: inherit; margin-top: 1.5vw; margin-bottom: 1.5vw; text-align: center; } .article-right-text-block-centered{ padding-left: 3vw; padding-top: 1.6vw; } .article-text-block-left{ display: block; float: left; padding-right: 1vw; width: 26vw; } .article-text-block-left ol{ margin-left: 15% !important; } .article-img.full-width img{ width: 53vw; } .article .content-for-download h4{ font-size: 3vw; } .article .content-for-download img{ width: 7vw; } .article .content-for-download a{ font-size: 3vw; } .article .content-for-download.last{ padding-bottom: 5vw; } .video-caption{ margin-left: 10%; } #Vorstand{ display: flex; justify-content: center; padding-bottom: 3vw; } #Vorstand h1{ text-align: left; padding-left: 0; } #Vorstand p{ margin-left: 0; line-height: 5vw; font-size: 3vw; } #Vorstand .article-text-block-left{ margin-right: 5vw; } #purim-2015-1{ margin-top: 100px; margin-left: 100px; } #koscher-verkauf-in-gemeinde table{ width: 100%; } #koscher-verkauf-in-gemeinde table td{ text-align: left; font-size: 4vw; } #koscher-verkauf-in-gemeinde table td.col-1{ width: 30%; } #koscher-verkauf-in-gemeinde table td.col-2{ width: 70%; } #chanukka-kalender{ background-image: url("../../files/jg-hannover/kerzen-chanukka-imgs/chanukka-kerzen-background-2 .jpg"); background-size: contain; } #chanukka-kalender .table-block{ display: flex; flex-direction: column; align-items: center; } #chanukka-kalender .table-block table{ width: 80vw; } #chanukka-kalender .table-block table td{ font-size: 3vw; } section.ce_accordion.standard{ text-align: center; } section.ce_accordion.standard div.ui-accordion-header{ /* color: #161296; */ float: left; border: none; font-size: 0.9vw; padding: 0; text-decoration: underline; font-weight: normal; text-transform: none; cursor: pointer; display: block; width: auto; } #woche-der-bruederlichkeit-2019 section.ce_accordion.standard div.ui-accordion-header{ float: none; display: inline; } section.ce_accordion.standard div.ui-accordion-content{ position: relative; top: auto; width: 100%; margin-left: 0; background: none repeat scroll 0 0 #fff; padding-right: 0; padding-left: 0; padding-bottom: 2vw; min-height: 0; } section.ce_accordion{ text-align: center; display: flex; justify-content: center; } #geschichte section.ce_accordion{ flex-direction: column; align-items: center; } div.ui-accordion-header{ /* color: #161296; */ float: left; /* border: 3px solid #161296; */ font-size: 3vw; padding: 0.2vw 0.3vw; text-decoration: none; cursor: pointer; display: block; width: 70%; height: 5vw; } /* .ui-accordion-header:hover, .ui-accordion-header-active{ background: none repeat scroll 0 0 #002366; color: #fff !important; } */ div.ui-accordion-header, div.article h1{ /* color: #161296; */ font-weight: bold; text-align: center; margin-top: 1vw; float: none; letter-spacing: 0.3vw; line-height: 5vw; text-transform: uppercase; } /* div.ui-accordion-header{ cursor: pointer; display: inline-block; } */ div.ui-accordion-content{ position: relative; width: auto; margin-left: 0; background: none repeat scroll 0 0 #fff; padding-right: 3.5vw; padding-left: 3.5vw; padding-bottom: 5vw; min-height: 40vh; display: flex; } #geschichte .ui-accordion-content{ margin-left: 0; } #geschichte-start-text{ position: relative; width: auto; margin-left: 0; padding-right: 3.5vw; padding-left: 3.5vw; display: flex; } #bergen-belsen-obelisk-foto img{ border: 1px solid #c4c4c4; } div.article-section{ margin-top: 3em; margin-bottom: 3em; } .blanc-cover-1{ display: block; position: relative; height: 5vw; } #footer{ height: 18vw; width: 100%; display: flex; align-items: center; /* color: #fff; */ /* background: none repeat scroll 0 0 #002366; */ margin-top: 5vw; bottom: 0; position: fixed; } #footer .inside{ display: flex; align-items: center; } div.copyright-text{ width: 100%; display: inline-flex; /* padding-top: 2vw; */ margin-left: 0; font-size: 3.3vw; } .copyright-text a{ /* color: #fff; */ } .copyright-social-logo{ width: 12vw; display: flex; align-items: center; } #bottom-left{ width: inherit; text-align: center; margin-left: 1vw; } #footer div.ce_toplink{ text-align: center; float: none; width: 100%; } #footer div.ce_toplink a{ color: #e0e0e0; font-size: 3.3vw; } div.content-for-download, div.content-for-browsing{ text-align: center; /* font-size: 1vw !important; */ } .content-for-download span.size{ display: none; } #ortsmap{ margin-left: 0; width: 100%; padding: 0; margin-top: 1vw; margin-bottom: 4vw; display: inline-block; } #ortsmap h1{ margin-left: 1%; font-size: 1vw; } #ortsmap div.dlh_googlemap { height: 15vw !important; width: 100% !important; } #adresse-article{ padding-bottom: 0; } #kontaktformular{ float: none; text-align: left; width: 80%; margin: 0 auto; } #kontaktformular h1 { font-size: 1vw; float: left; margin-top: 0; margin-bottom: 0.1vw; } #kontaktformular form{ display: block; position: relative; float: left; } .kontaktformular-field{ float: left; position: relative; width: 100%; } select.kontaktformular-field.thema { border: 1px solid #405cb0; margin-top: 0.5vw; margin-bottom: 2vw; height: 6vw; font-size: 4vw; } #kontaktformular label, #kontaktformular span.sicherheitsfrage{ padding-right: 1%; font-size: 4vw; display: block; float: left; position: relative; } #kontaktformular label{ width: 100%; } #kontaktformular span.sicherheitsfrage{ width: auto; } #kontaktformular input.captcha{ float: right; width: 45%; } #kontaktformular input.text, #kontaktformular input.captcha{ height: 4vw; } #kontaktformular input, #kontaktformular textarea{ width: 95%; background-color: #f1f1f1; border: medium none; margin-bottom: 2vw; padding: 1vw; display: inline-block; font-size: 4vw; } #kontaktformular input:hover, #kontaktformular textarea:hover{ background-color: #dfdfdf; } #kontaktformular textarea{ height: 50vw; } #kontaktformular .sicherheitsfrage{ margin-top: 2vw; display: flex; flex-direction: column; align-items: center; } #kontaktformular .sicherheitsfrage label{ display: flex; flex-direction: row; } #kontaktformular .explanation p{ font-size: 3.2vw; } #kontaktformular .checkbox_container{ margin-bottom: 0.6vw; font-size: 4vw; } #kontaktformular .checkbox_container, #kontaktformular input, #kontaktformular textarea, #kontaktformular input.submit{ border: 1px solid #405CB0; } #kontaktformular .checkbox_container input[type="checkbox"]{ color: #405CB0!important; width: auto; transform: scale(1.5); margin-top: 3vw; margin-bottom: 3vw; } #kontaktformular .checkbox_container label{ text-align: left; width: 100%; font-size: 4vw; } #kontaktformular input.submit{ /* border: 3px solid #161296; */ /* color: #161296; */ display: block; float: left; font-size: 4vw; font-weight: bold; letter-spacing: 0.3vw; margin-top: 3vw; padding: 1.5vw 1vw; text-align: center; text-decoration: none; text-transform: uppercase; cursor: pointer; } #kontaktformular input.submit:hover, .veranstaltungen-2-monats-menu h1:hover{ background: none repeat scroll 0 0 #4169E1; /* color: #fff !important; */ } #kontaktformular .widget-google-recaptcha{ display: block; float: left; margin-bottom: 0.4vw; } #kontaktformular .widget-google-recaptcha label{ margin-bottom: 0.2vw; } #kontaktformular .widget-google-recaptcha p.error{ color: red; } #gemeinde-adresse{ float: none; display: block; width: 90%; margin: 0 auto; } #gemeinde-adresse h1{ font-size: 1.4vw; } #gemeinde-adresse p{ margin-left: 0; text-align: center; font-size: 4vw; } #sprechzeiten{ float: none; display: block; /* width: 80%; */ margin: 0 auto; } #sprechzeiten table{ width: 100%; } #sprechzeiten table td{ text-align: left; vertical-align: top; font-size: 3vw; } #sprechzeiten table td.col-1{ width: 12vw; } #sprechzeiten td.col-2{ width: 30vw; } #sprechzeiten table td.col-3{ width: auto; } .friedhof-adresse{ width: 100%; float: none; display: inline-block; padding-top: 1.5vw; } .friedhof-adresse p{ line-height: 100%; } .friedhof-adresse span.bigfont{ font-size: 3vw; } .friedhof-ortsmap{ padding: 0; width: 100%; float: right; display: inline-block; margin-top: 0.8vw; } .friedhof-ortsmap div.dlh_googlemap { height: 10vw !important; width: 100% !important; } .friedhof-info{ width: 100%; text-align: center; } #kontakt .text-article-block{ width: 100%; } .kontakt p{ font-size: 1vw; letter-spacing: 0.1vw; } #impressum h1 { text-align: left; margin-left: 15%; } #impressum table td{ width: min-content; text-align: left; font-size: 3vw; } /*#impressum-blau-modern p{ padding-left: 3vw; padding-right: 3vw; } */ .kontakt p, #impressum p{ line-height: 110%; margin-top: 0.8vw; margin-bottom: 0.8vw; } div.infoblatt-gallery{ margin-left: 0; margin-top: 3em; text-align: center; } div.infoblatt-gallery ul{ margin-left: 0; text-align: left; } div.infoblatt-gallery li{ margin-left: 3px; border: 1px solid; } .video-standard{ width: 100%; height: auto; margin-left: 0; } .mejs-container{ width: 100%!important; height: 50vw!important; } .mejs-container .mejs-controls{ position: absolute!important; } .mejs-layer{ width: 100%!important; height: 50vw!important; } video{ width: 100%!important; height: auto!important; } .foto-galerie-header{ margin-bottom: 1.5vw; } #colorbox{ font-size: 0.6vw; } .infoblaetter-archiv section.ce_accordion{ display: flex; flex-direction: column; align-items: center; text-align: center; } .infoblaetter-archiv .article{ min-height: 0; padding: 1vw; } .infoblaetter-archiv .infoblatt-gallery{ margin-top: 1em; margin-bottom: 1em; float: none; width: auto; display: inline-block; } .infoblaetter-archiv .ui-accordion-header{ width: 70vw; height: 17vw; margin-left: 0; margin-bottom: 2vw; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 4vw; } .infoblaetter-archiv .ui-accordion-content{ display: inline; float: none; min-height: 0; padding: 0; position: relative; top: auto; width: auto; } div.infoblatt-gallery ul{ width: auto; display: flex; justify-content: center; flex-wrap: wrap; } div.infoblatt-article .content-for-download{ margin-left: 0; margin-bottom: 3vw; text-align: center; display: inline-block; float: none; width: 100%; } .article.veranstaltungen{ margin-bottom: 2em; min-height: 5em; } .veranstaltungen-1-monat-menu{ display: inline-block; text-align: center; width: 70vw; margin-top: 1vw; margin-bottom: 4vw; } .veranstaltungen-2-monats-menu{ display: inline-block; text-align: center; width: 53vw; margin-top: 1vw; margin-bottom: 1.5vw; } .veranstaltungen-2-monats-menu h1{ width: 20vw; cursor: pointer; } .veranstaltungen-2-monats-menu h1.first{ float: left; margin-left: 2vw; } .veranstaltungen-2-monats-menu h1.last{ float: right; margin-right: 2vw; } .veranstaltungen.not-active{ left: 10000px; display: none; } div.veranstaltungen-programm-article, div.aktuelles-article{ margin-right: 0; margin-left: 0; background-color: white; padding-bottom: 2em; width: 100%; } div.veranstaltungen-programm-separator, div.aktuelles-separator{ width: 100%; margin-left: -5vw; padding-left: 10vw; } div.veranstaltungen-programm-article.img-article-list, div.aktuelles-article.img-article-list { width: 100%; } .img-article-list.trauerrand img{ border: 10px solid black; } .img-article-list.img-border img{ border: 1px solid black; } .img-article-list.not-last{ padding-bottom: 0; } .img-article-list.not-last figure{ display: flex; justify-content: center; } .img-article-list.not-last img{ height: 100%; } div.veranstaltungen-programm-article h3{ text-transform: uppercase; } table.veranst-tabelle{ width: 100%; border-collapse: collapse; border: none; border-bottom: 1px dashed; /* border-spacing: 0 2vw; font-weight: bold; */ } /* table-layout: fixed; */ /* border-style: solid; */ table.veranst-tabelle tr{ margin-top: 1vw; margin-bottom: 1vw; } table.veranst-tabelle tr td{ /* width: 50%; */ margin-left: 5px; vertical-align: top; padding: 1.2vw; } table.veranst-tabelle td.col-1{ border-right: none; border-bottom: none; border-top: 1px dashed; border-left: 4px solid; width: 30%; } table.veranst-tabelle td.col-2{ border-left: none; border-bottom: none; border-top: 1px dashed; border-right: 4px solid; width: 70%; } table.veranst-tabelle.one-col-table { border: 4px solid; } table.veranst-tabelle tr:first-child td{ border-top: 4px solid; } table.veranst-tabelle tr:last-child td{ border-bottom: 4px solid; } table.veranst-tabelle td ul{ margin-left: 0; } table.veranst-tabelle td p{ margin-left: 0 !important; width: 100%; margin-top: 0; /* font-weight: 600; */ } table.veranst-tabelle td h2{ margin-top: 0; } #veranstaltungskalender-article .veranstaltungen-programm-article.mod_kalender{ text-align: center; } #veranstaltungskalender-article table{ display: inline-table; width: 100%; } #veranstaltungskalender-article table th.head{ font-size: 4vw; } h2.infoblatt-monat-header{ display: inline-block; width: 60vw; padding: 1.5vw; color: white; background-color: #405CB0; font-size: 4vw; } .kalender-article table{ border-collapse: collapse; display: inline-block; } .kalender-article table th{ width: auto; } .kalender-article table th.head{ padding-bottom: 3vw; } .kalender-article table th.label{ height: auto; vertical-align: middle; padding-top: 1vw; padding-bottom: 1vw; border: 2px solid; font-size: 2vw; font-weight: bold; background-color: #D6DFE9; } .kalender-article table td.days{ vertical-align: top; border: 2px solid; font-size: 2vw; line-height: 2.2vw; font-weight: bold; } .kalender-article .kalender-event{ line-height: 2vw; } .kalender-article .kalender-event a{ font-size: 1.8vw; line-height: 2vw; display: block; margin-bottom: 1vw; padding-bottom: 0.4vw; } .kalender-article .kalender-event.freizeit-kultur a, #kalender-bezeichnung span.freizeit-kultur{ color: #9F8F3C; } .kalender-article .kalender-event.religion a, #kalender-bezeichnung span.religion{ color: #B03826; } .kalender-article .kalender-event.religion-fest a{ font-weight: bold; } .kalender-article .kalender-event.soziales a, #kalender-bezeichnung span.soziales{ color: #22A04A; } .kalender-article .kalender-event.judentum a, #kalender-bezeichnung span.judentum{ color: #405CB0; } .kalender-article .kalender-event.organisatorisches a, .kalender-article .kalender-event.organisatorisch a, #kalender-bezeichnung span.organisatorisches{ color: #292020; } .kalender-article .kalender-event.abgesagt a{ text-decoration: line-through; font-weight: normal; } .kalender-article a{ color: #405CB0; } #kalender-bezeichnung p{ text-align: center; font-weight: bold; } #jahres-feiertage-kalender .time, #jahres-feiertage-kalender .teaser, #jahres-feiertage-kalender .more{ display: none; } #jahres-feiertage-kalender .event h2{ margin-top: 0; } #jahres-feiertage-kalender{ margin-top: 0; margin-bottom: 0; min-height: 1px; } .feiertage-event-article{ margin-top: 0; margin-bottom: 0; padding-top: 0; min-height: 1px; } .feiertage-event-article{ display: flex; align-items: center; justify-content: center; margin-top: 0; margin-bottom: 0; padding-top: 1vw; min-height: 1px; } .feiertage-event-article .last{ padding-bottom: 2vw; margin-bottom: 2vw; } .feiertage-event-article .ui-accordion-header{ width: 30vw; } .jahres-feiertage-kalender-icon{ width: 8vw; min-width: 8vw; padding-right: 2vw; display: none; } body.juedische-kalender .jahres-kalender-whole-width-article{ display: none; } #datumskonverter .warning-block p{ text-align: center; } #gregorian-to-hebrew-converter{ margin-top: 0.7vw; } #gregorian-to-hebrew-converter-form .formbody{ display: flex; flex-direction: column; align-items: center; } #gregorian-to-hebrew-converter-form .formbody .widget{ margin-bottom: 2vw; font-size: 4vw; } #gregorian-to-hebrew-converter-form .select{ background-color: #fff; } #gregorian-to-hebrew-converter-form input.submit{ width: auto; margin-top: 0.2vw; padding: 1.5vw; font-size: 3.5vw; letter-spacing: 0.3vw; text-align: right; text-decoration: none; color: #405CB0; background-color: #fff; cursor: pointer; border: 1px solid #405CB0; box-sizing: border-box; } #gregorian-to-hebrew-converter .errors-and-warning-block.di-true{ display: flex; flex-direction: column; justify-content: flex-start; } #gregorian-to-hebrew-converter .errors-and-warning-block .di-true{ display: block; float: left; } #gregorian-to-hebrew-converter .errors-and-warning-block.di-false{ display: none; } #gregorian-to-hebrew-converter .errors-and-warning-block .di-false{ display: none; } #gregorian-to-hebrew-converter .heb-datum-block.di-false{ display: none; } #gregorian-to-hebrew-converter .heb-datum-block .text-block{ display: flex; justify-content: center; } #gregorian-to-hebrew-converter .heb-datum-block .text-block-content{ display: flex; justify-content: center; align-items: center; padding: 1vw; border: 2px solid #405CB0; } #gregorian-to-hebrew-converter .heb-datum-block .text-block-content p{ font-size: 3.5vw; font-weight: bold; } #gregorian-to-hebrew-converter .heb-datum-block .text-block-content .heb-month{ margin-left: 0.3vw; margin-right: 0.4vw; padding: 1vw; } #cboxZoom110{ background-image: url("../../files/jg-hannover/img-pc/plus-110.png"); right: 110px; } #cboxZoom120{ background-image: url("../../files/jg-hannover/img-pc/plus-120.png"); right: 60px; } #cboxZoom130{ background-image: url("../../files/jg-hannover/img-pc/plus-130.png"); right: 15px; } #cboxZoom110, #cboxZoom120, #cboxZoom130{ cursor: pointer; background-repeat: no-repeat; background-color: rgba(0,0,0,0); position: absolute; height: 21px; width: 38px; top: 100%; margin-top: -1.7em; border: none; text-indent: -9999px; } div.zoom-110{ /* zoom: 110%; */ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-zoom: 1.1; } div.zoom-120{ /* zoom: 120%; */ -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-zoom: 1.2; } div.zoom-130{ /* zoom: 130%; */ -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -ms-zoom: 1.3; } div.bildergalerie-article.with-margin-bottom{ margin-bottom: 2em; } div.bildergalerie-article img{ width: auto; height: auto; } div.foto-galerie{ text-align: center; } .foto-galerie.video-standard{ text-align: left; } div.foto-galerie h1{ margin-bottom: 1em; font-size: 2vw; } div.foto-galerie ul{ display: inline-block; margin: 0 auto; margin-left: 9%; position: relative; width: auto; } .ce_gallery>ul li.col_first { clear: none; } #jom-kipur-einladung img, #jom-kipur-einladung-aktuelles img, #jom-kipur-einladung-ru img, #jom-kipur-einladung-ru-aktuelles img{ width: 42vw; } .gratkarte2{ background: none repeat scroll 0 0 #d0eaeb !important; } .gratkarte3{ background: none repeat scroll 0 0 #A3B0F2 !important; } .gratkarte4{ background: none repeat scroll 0 0 #A3D5F2 !important; } .gratkarte5{ background: none repeat scroll 0 0 #C7D3D6 !important; } .gratkarte6{ background: none repeat scroll 0 0 #fff !important; } .cookiebar_link{ margin-left: -2vw; } #marlis-fetmann-trifft-michael-fuerst .mejs-container{ height: 30px !important; } #proekt-juriya-kudlacha .mejs-container { height: 50vw !important; } #proekt-juriya-kudlacha .video-standard { height: 50vw !important; } .foto-galerie.ce_youtube iframe{ width: 100%; height: 100%; } .juedischer-kalender-article table.timetable-1{ width: 85vw; display: inline-table; font-size: 3.2vw; } .juedischer-kalender-article table.timetable-1 td{ vertical-align: top; padding-bottom: 1vw; } .juedischer-kalender-article table.timetable-1 td p{ padding-left: 0; padding-right: 0; } .juedischer-kalender-article table.timetable-1 td.col-1{ width: 2vw; } .juedischer-kalender-article table.timetable-1 td.col-2{ width: 58vw; } .juedischer-kalender-article table.timetable-1 td.col-3 { width: 20vw; } /* Bookmark - S. Prefix - sm. Small devices (landscape phones, 640px and up. Thi is Tailwing Framework breakpoint) The navbar appears at this breakpoint. */ @media (min-width: 640px) { h3{ font-size: 2.7vw; } h2{ font-size: 2.9vw } #container{ margin-top: 8vw; } #header{ height: 7vw; } #logo figure{ text-align: center; } #mobile-onepage-menu-button span.fa{ font-size: 7vw; } #mobile-menu-button span.fa{ font-size: 5vw; } #mobile-menu{ margin-top: 7vw; } #mobile-menu ul{ height: 70vh; overflow-x: hidden; } .navi-1-line a, .navi-1-line span { font-size: 3vw; line-height: 5vw; } #onepage-navi{ position: fixed; top: -0.8vw } #onepage-navi ul{ display: block; height: 70vh; overflow-x: hidden; } #onepage-navi ul li{ height: auto; display: block; } #onepage-navi ul a, #one-page-navi ul span { font-size: 3vw; line-height: 5vw; } .article h1{ font-size: 3.2vw!important; } div.article p, div.article ol li, ul li{ font-size: 2vw; line-height: 2.7vw; } .small-vertical-left-foto, img.small-vertical-left-foto{ vertical-align: bottom; float: left; margin-right: 0.8vw; width: 10vw; } .with-small-top-left-foto-1 img{ width: 10vw; } #koscher-verkauf-in-gemeinde table td { font-size: 2.7vw; } table.timetable-1{ font-size: 2vw; } #footer{ height: 7vw; justify-content: center; } #footer .inside{ display: flex; align-items: center; height: inherit; } div.copyright-text{ font-size: 1.7vw; } #footer div.ce_toplink a { font-size: 1.7vw; } #footer .copyright-social-logo{ width: auto; margin-left: 1vw; } #footer .copyright-social-logo a{ display: flex; } #footer .copyright-social-logo a img{ width: 5vw; } .juedischer-kalender-article table.timetable-1{ width: 70vw; font-size: 2vw; } .juedischer-kalender-article table.timetable-1 td{ vertical-align: top; padding-bottom: 1vw; } .juedischer-kalender-article table.timetable-1 td p{ padding-left: 0; padding-right: 0; } .juedischer-kalender-article table.timetable-1 td.col-1{ width: 4vw; } .juedischer-kalender-article table.timetable-1 td.col-2{ width: 22vw; } .juedischer-kalender-article table.timetable-1 td.col-3 { width: 10vw; } #gemeinde-adresse p{ font-size: 2.2vw; } #kontaktformular h1{ font-size: 3vw!important; } #kontaktformular label, #kontaktformular span.sicherheitsfrage { font-size: 2.8vw; } #kontaktformular input, #kontaktformular textarea { font-size: 2.8vw; } #kontaktformular input.text, #kontaktformular input.captcha { height: 3vw; } select.kontaktformular-field.thema { height: 5vw; font-size: 2.8vw; } #kontaktformular .checkbox_container label { font-size: 2.8vw; } #kontaktformular input.submit { font-size: 3.5vw; } #sprechzeiten p{ font-size: 2.5vw; } #sprechzeiten table td { font-size: 2.5vw; } } /* Bookmark - M. Prefix - md. Medium devices (tablets, 768px and up) together with Small devices. */ @media (min-width: 768px) { } /* Bookmark - L. Prefix - lg. Large devices (desktops, 1024px and up) */ /*@media (min-width: 1024px) { } */ /* Bookmark - X. Prefix - xl. Extra large devices (Notebooks and desktops from 1280px and large desktops, 1280px and up) */ @media (min-width: 1280px) { .d-xl-none{ display: none!important; } body { border: 0 none; /* color: #161296; */ font-family: "Open Sans",sans-serif; font-feature-settings: inherit; font-kerning: inherit; font-language-override: inherit; font-size: 0.9vw; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-synthesis: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0; padding: 0; vertical-align: baseline; } body, #kontaktformular input.submit, .kontaktformular-field, .veranstaltungen-menu h1.not-active{ color: #405CB0; /* #3B5EC7; #40536D; #4A6289; #4169E1; */ } body, .veranstaltungen-programm-separator, .aktuelles-separator{ background: none repeat scroll 0 0 #D0EAEB; /* #b8dede; #DBF5FA; #f1f1f1; #e8ecf0;*/ } .display-not{ display: none; } table.full-width{ width: 100%; } #kontaktformular h1 { font-size: 1.7vw!important; } #sprechzeiten p{ font-size: 1vw; } #kontaktformular input, #kontaktformular textarea { font-size: 0.9vw; } #kontaktformular input.submit, div.ui-accordion-header{ border: 3px solid #405CB0; /*#161296; #40536D; #4A6289; #4169E1 */ } #kontaktformular input.submit, div.ui-accordion-header, .menu-box, .border-box, table.veranst-tabelle td{ /* border-color: #4A6289; #161296; #40536D; */ border: 3px solid #405CB0; /*#161296; #40536D; #4169E1 */ } #header, .ui-accordion-header:hover, .ui-accordion-header-active, h2.header-box, .veranstaltungen-1-monat-menu h1,.veranstaltungen-2-monats-menu h1.active, #footer{ background: none repeat scroll 0 0 #405CB0; /*#40536D; #4A6289; #4169E1; */ } #kontaktformular input.submit, .infoblatt-gallery h1 { background-color: #fff; } .article.kontakt h1, #impressum h1, .article.veranstaltungen-laufende h1, .article.veranstaltungen h1, h2.header-box, h1{ font-size: 1.7vw !important; letter-spacing: 0.05vw !important; margin: 0; } h1.menu-box { text-align: center; font-size: 1vw!important; letter-spacing: 0.3vw; text-transform: uppercase; margin-top: 0.2vw; margin-bottom: 0.2vw; padding-top: 0.2vw; padding-bottom: 0.2vw; } h2.header-box{ width: 26vw; padding: 0.3vw; font-size: 1vw; letter-spacing: 0.3vw; margin-bottom: 0.2vw; margin-top: 0.2vw; text-align: center; text-transform: uppercase; display: inline-block; } h1{ border: none; } h2{ font-size: 1.4vw; } h3{ font-size: 1.2vw; margin: 0; padding: 0; } ul li{ font-size: 0.9vw; line-height: 1.2vw; } figure{ height: inherit; } figcaption{ margin: 0 auto; } #container{ text-align: center; margin-top: 3.8vw; margin-bottom: 0; } .img-border img{ border: 1px solid; } #header { /* background: none repeat scroll 0 0 #002366; */ top:0; height: 3.8vw; position: fixed; width: 100%; z-index: 1; } #header .inside{ height: inherit; display: flex; } #logo{ /*background: url("../../files/jg-hannover/css/files/jg-hannover/img-blau-modern/blau-modern-logo-kerzen.png");*/ float: left; display: table; height: inherit; margin-top: 0; width: 12vw; margin-left: 0 /*12vw; */ } #logo figure{ display: table-cell; vertical-align: middle; } .ui-accordion-header:hover{ transition:all 500ms; } .navi-header{ display: table-cell; height: 3.6vw; vertical-align: middle; } .copyright-text, .copyright-text a, .navi-header a, h2.header-box, .navi-header span, .ui-accordion-header:hover, .ui-accordion-header-active,.veranstaltungen-1-monat-menu, .veranstaltungen-2-monats-menu h1.active, .veranstaltungen-2-monats-menu h1:hover, #kontaktformular input.submit:hover{ color: white; /* !important; */ } .navi-header a, .navi-header span, .ui-accordion-header:hover, .ui-accordion-header-active, #kontaktformular input.submit:hover{ text-decoration: none; text-transform: uppercase; font-weight: bold; } .navi li { list-style-type: none; text-align: center; } .navi-1-line a, .navi-1-line span{ font-size: 0.77vw; padding-left: 0.3vw; padding-right: 0.3vw; padding-top: 0.3vw; padding-bottom: 0.3vw; letter-spacing: 0.15vw; border: 3px solid transparent; line-height: normal; } .navi-1-line a:hover, .navi-1-line span.active, .navi-2-lines span.active{ border-color: #fff; } .navi-1-line a.trail, .navi-2-lines a.trail, .navi-1-line span.trail, .navi-2-lines span.trail{ border-color: #fff; } .navi-2-lines ul{ margin-top: 0.2vw !important; } .navi-2-lines a, .navi-2-lines span{ font-size: 0.75vw; display: block; padding-left: 0.1vw; padding-right: 0.1vw; border: 2px solid transparent; } .navi-2-lines li{ height: 1.7vw; display: block !important; text-align: left !important; } .navi-2-lines li:hover a{ color: #c4c4c4; } .navi-2-lines li.first{ margin-top: 0.3vw; } .navi-2-lines li.last{ margin-top: -0.5vw; } .navi-header ul{ padding: 0; margin: 0; } .navi-header li{ display: inline-table; } #left-navi, #middle-navi, #right-navi{ display: flex; } #left-navi{ padding-left: 1.2vw; } #middle-navi{ width: auto; /*47vw;*/ padding-left: 1vw; } #middle-navi ul.level_1 li{ padding-top: 1.2vw; padding-bottom: 1.3vw; } #middle-navi ul.level_2{ display: none; position: absolute; width: auto; height: auto; margin-top: 1.3vw; padding-top: 0; padding-right: 0.5vw; background-color: #405CB0; /*z-index: -5; */ } #middle-navi ul.level_2 li{ height: 1.5vw; margin-bottom: 0.6vw; padding-top: 0; padding-bottom: 0; text-align: left; } #middle-navi ul.level_1 li:hover ul.level_2{ display: flex; flex-direction: column; } #middle-navi ul.level_2 li a, #middle-navi ul.level_2 li span{ margin-left: 0.5vw; } #right-navi{ padding-left: 2vw; } #onepage-navi{ display: block; position: fixed; top: 0; bottom: 3vw; left: 0; width: 17%; margin-top: 5vw; z-index: auto; overflow-y: auto; } /* #onepage-navi{ position: absolute; left: -18vw; width: 25%; top:8em; display: block; } */ #onepage-navi ul{ padding-left: 0; list-style-type: none; margin: 0; width: 100%; display: table; height: auto; background-color: transparent; } #onepage-navi ul li { height: 1.8vw; vertical-align: middle; /* border-bottom: 1px solid black; */ width: 100%; text-align: left; list-style-type: none; display: table-row; } /*#one-page-navi ul li:after{ content: "□"; color: #c10b13; font-size: 2vw; position: fixed; margin-left: -1vw; margin-top: -0.25em; } #one-page-navi ul li.active:after{ content: "■"; color: #c10b13; font-size: 2vw; position: fixed; margin-left: -1vw; margin-top: -0.25em; } */ #onepage-navi ul a, #one-page-navi ul span{ text-decoration: none; padding-top: 0.2em; padding-bottom: 0.2em; padding-right: 0; padding-left: 2vw; line-height: 1.1vw; border-bottom: 1px solid #405CB0; display: block; color: #405CB0; font-weight: bold; font-size: 0.75vw; } #onepage-navi ul li.active a, #one-page-navi ul li.active span{ color: #405cb0; } #onepage-navi ul a:before, #one-page-navi ul span:before{ content: "□"; color: #405CB0; font-size: 1.7vw; position: absolute; /* position: absolute; */ margin-left: -1.5vw; margin-top: -0.15em; display: block; } #onepage-navi ul li.active a:before, #one-page-navi ul li.active span:before{ content: "■"; } /*#onepage-navi ul li.active a, #one-page-navi ul li.active span{ text-decoration: underline; }*/ #main{ margin-left: 0; width: 63vw; text-align: center; display: inline-block; float: none; } #main div.inside{ display: table; width: 100%; } #aktuelles-header:before{ content: '\f0f6'; } #ueber-uns-header:before{ content:'\f0e5'; } #ueber-uns-foto-block img{ width: auto; } #vorstand-header:before{ content: '\f0c0'; } #geschichte-header:before{ content: '\f1da'; } #kontakt-header:before{ content:'\f041'; } #veranstaltungen-header:before { content: '\f073'; } #infoblatt-header:before { content: '\f1c1'; } #bildergalerie-header:before { content: '\f03e'; } /* #impressum-header:before { content: '\f19c'; } */ #datenschutzerklaerung-header:before{ content: '\f132'; } #infoblaetter-archiv-header:before{ content: '\f187'; } #danke-fuer-anfrage-header:before{ content: '\f0a2'; } #juedischer-kalender-header:before{ content: '\f073'; } #litvan-chor-header:before { content: '\f19c'; } #soziales-header{ width: auto; display: block; } #soziales-header .header-icon{ width: 4.5vw; margin-left: 35%; margin-top: 0.5vw; } #soziales-header h1{ display: block; margin-top: -5vw; margin-left: 45%; text-align: left; line-height: normal; } /*#soziales-header:before{ content: '\f234'; }*/ .page-header{ /* color:#161296; */ text-align: center; font-size: 2vw; font-weight: bold; text-transform: uppercase; letter-spacing: 0.3vw; /* top: 0.4vw; */ height: 6vw; position: relative; padding-top: 1vw; /* padding-bottom: 2.5vw; */ } .page-header h1{ font-size: 2vw!important; display: inline-table; line-height: 2.2vw; /*3vw */ padding-top: 1.3vw; vertical-align: top; } .page-header.hoch{ height: 10.5vw; } .page-header:before{ font-size: 3.8vw; font-family: "FontAwesome"; margin-right:1vw; font-weight:normal; position: relative; top: 1vw; } #hauptseite-foto-block { margin-top: 2.2vw; } #hauptseite-text-block{ font-size: 1.3vw; margin-bottom: 1vw; } #hauptseite-text-block p{ margin-top: 1vw; margin-bottom: 0.5vw; } #hauptseite-text-block span.juedish{ font-size: 3vw; } #hauptseite-text-block span.latin{ font-size: 2.2vw; line-height: 2.3vw; } #vorstand-header{ padding-top: 3vw; padding-bottom: 3vw; } /* #ueber-uns-header{ padding-top: 1vw; padding-bottom: 3vw; } */ .article{ background: none repeat scroll 0 0 #fff; display: block; padding-left: 5vw; padding-right: 5vw; padding-top: 2vw; padding-bottom: 2vw; min-height: 15vw; } .article.last{ padding-bottom: 0; } .article.onepage-article{ margin-bottom: 2em; } .article.kontakt{ padding-top: 0; } .header-article{ min-height: 0; margin-bottom: 0; } .no-header-article{ margin-top: 3vw!important; } .article.onepage-article.header-article{ margin-bottom: 0; } #aktuelles-foto-block .bigfoto img{ width: 50vw; } #kontaktdaten{ padding-top: 2vw; } .juedischer-kalender-article{ margin-bottom: 2vw; } .juedischer-kalender-article table.timetable-1{ width: 40vw; display: inline-table; font-size: 1.2vw; } .juedischer-kalender-article table.timetable-1 td{ vertical-align: top; padding-bottom: 1vw; } .juedischer-kalender-article table.timetable-1 td p{ padding-left: 0; padding-right: 0; } .juedischer-kalender-article table.timetable-1 td.col-1{ width: 4vw; } .juedischer-kalender-article table.timetable-1 td.col-2{ width: 12vw; } .juedischer-kalender-article table.timetable-1 td.col-3{ width: 2vw; } .jahres-kalender-article{ display: flex; } #gregorian-to-hebrew-converter-form .formbody{ display: flex; flex-direction: row; justify-content: center; } #gregorian-to-hebrew-converter-form .formbody .widget{ font-size: 0.9vw; margin-bottom: 0; } #gregorian-to-hebrew-converter-form .widget-select{ margin-right: 0.7vw; } #gregorian-to-hebrew-converter-form .widget-text{ margin-right: 0.7vw; } #gregorian-to-hebrew-converter-form .checkbox_container{ border: none; } #gregorian-to-hebrew-converter-form input.submit{ width: 10vw; font-size: 1vw; letter-spacing: 0.3vw; margin-top: 0; padding: 0.2vw; text-align: right; text-decoration: none; color: #405CB0; background-color: #fff; cursor: pointer; border: 1px solid #405CB0; box-sizing: border-box; } #gregorian-to-hebrew-converter-form input.submit:hover{ background: none repeat scroll 0 0 #4169E1; color: #fff; } #gregorian-to-hebrew-converter .heb-datum-block .text-block-content p { font-size: 1.5vw; } .jahres-kalender-article-section{ display: flex; flex-direction: column; width: 50%; align-items: center; justify-content: center; } .jahres-kalender-article-section .ce_accordion{ width: 30vw; } .jahres-kalender-article-section .ce_accordion .ui-accordion-header{ width: 70%; font-size: 0.6vw; margin-bottom: 1vw; border: 2px solid #405CB0; } body.juedische-kalender .jahres-kalender-whole-width-article{ display: none; } .gratulieren-karte-article{ width: 35vw; display: inline-block; vertical-align: bottom; } .gratulieren-karte-article.top{ /* border:3px solid #405CB0; */ border-bottom: none; } .gratulieren-karte-article.bottom{ /* border:3px solid #405CB0; */ border-top: none; } .gratulieren-karte-article.top h1{ padding-top: 0.5vw; } .gratulieren-karte-article.top h2{ margin-bottom: 0; } .gratulieren-karte-article.bottom h4{ padding-right: 0.5vw; } .gratulieren-karte-article.leftfoto-small img{ vertical-align: bottom; width: 15vw; float: left; } .with-small-top-left-foto-1 figure{ margin-top: 3.8vw; margin-right: 0.8vw; } .with-small-top-left-foto-1 img{ vertical-align: bottom; float: left; margin-right: 0.8vw; width: 8vw; } .with-small-top-left-foto-2 img{ vertical-align: bottom; float: left; margin-right: 0.8vw; width: 15vw; } .small-vertical-left-foto, img.small-vertical-left-foto{ vertical-align: bottom; float: left; margin-right: 0.8vw; width: 4vw; } .small-foto-article figure{ width: 50vw; display: inline-block; } .beige-brown-ground{ background: none repeat scroll 0 0 #fce8d3 !important; border-radius: 10px; margin-bottom: 2vw; } .beige-yellow-ground{ background: none repeat scroll 0 0 #fdfae7 !important; border-radius: 10px; margin-bottom: 2vw; } .beige-brown-ground p, .beige-yellow-ground p{ padding-right: 1vw; padding-left: 1vw; width: 96%!important; } .article, .page-header{ display: block; /* table-cell; */ } .article.first,.page-header.first { margin-top: 0; /* 3vw; */ } .article h1{ padding-bottom: 0.5vw; padding-top: 0.5vw; font-size: 1.7vw!important; } div.article p{ width: 100%; /* color: #161296; */ font-size: 0.9vw; line-height: 1.2vw; margin-top: 0.3vw; margin-bottom: 0.3vw; text-align: justify; } div.article ol{ margin-left: 10%; width: 83%; text-align: left; } div.article ol li{ font-size: 0.9vw; line-height: 1.2vw; } div.article ul{ margin-left: 12%; width: 81%; text-align: left; } div.article .ce_text.wide-bullet-list ul{ margin-left: 5%; } div.centered-image-block{ display: block; text-align: center; } .bigfoto img{ width: 35vw; height: auto; } #hauptseite-mainfoto img{ border: 1px solid; margin-top: 0; /* background: none repeat scroll 0 0 #A3D5F2 !important; */ /* background: url("../../files/jg-hannover/img-blau-modern/blue-sky2.png"); background-size: cover; */ } div.article-image-block-left{ display: block; float: left; width: 26vw; padding-top: 1vw; padding-right: 1vw; } .text-article-block{ width: inherit; float: left; } .text-article-block-header{ width: inherit; margin-top: 1.5vw; margin-bottom: 1.5vw; text-align: center; } .article-right-text-block-centered{ padding-left: 3vw; padding-top: 1.6vw; } .article-text-block-left{ display: block; float: left; padding-right: 1vw; width: 26vw; } .article-text-block-left ol{ margin-left: 15% !important; } .article-img.full-width img{ width: 53vw; } .article .content-for-download h4{ font-size: 0.9vw; } .article .content-for-download img{ width: auto; } .article .content-for-download a{ font-size: 0.9vw; } .article .content-for-download.last{ padding-bottom: 0; } .low-component-img{ margin-top: -2px; } #Vorstand{ padding-bottom: 2vw; } #Vorstand h1{ text-align: left; padding-left: 0; } #Vorstand p{ margin-left: 15%; line-height: 1.7vw; font-size: 1vw; } #Vorstand .article-text-block-left{ width: auto; margin-right: 5vw; } #purim-2015-1{ margin-top: 100px; margin-left: 100px; } section.ce_accordion.standard{ text-align: center; } #koscher-verkauf-in-gemeinde table{ width: 36vw; } #koscher-verkauf-in-gemeinde table td{ font-size: 0.9vw; } #koscher-verkauf-in-gemeinde table td.col-1{ width: 10vw; } #koscher-verkauf-in-gemeinde table td.col-2{ width: 40vw; } #chanukka-kalender .table-block{ display: flex; flex-direction: column; align-items: center; } #chanukka-kalender .table-block table{ width: 45vw; } #chanukka-kalender .table-block table td{ font-size: 0.9vw; } section.ce_accordion.standard div.ui-accordion-header{ /* color: #161296; */ float: left; border: none; font-size: 0.9vw; padding: 0; text-decoration: underline; font-weight: normal; text-transform: none; cursor: pointer; display: block; width: auto; } #woche-der-bruederlichkeit-2019 section.ce_accordion.standard div.ui-accordion-header{ float: none; display: inline; } section.ce_accordion.standard div.ui-accordion-content{ position: relative; top: auto; width: 100%; margin-left: 0; background: none repeat scroll 0 0 #fff; padding-right: 0; padding-left: 0; padding-bottom: 2vw; min-height: 0; } section.ce_accordion{ text-align: center; display: block; } div.ui-accordion-header{ /* color: #161296; */ float: left; /* border: 3px solid #161296; */ font-size: 1vw; padding: 0.2vw 0.3vw; text-decoration: none; cursor: pointer; display: block; width: 26vw; height: auto; } /* .ui-accordion-header:hover, .ui-accordion-header-active{ background: none repeat scroll 0 0 #002366; color: #fff !important; } */ div.ui-accordion-header, div.article h1{ /* color: #161296; */ font-weight: bold; text-align: center; margin-top: 1vw; float: none; letter-spacing: 0.3vw; line-height: 2vw; text-transform: uppercase; } /* div.ui-accordion-header{ cursor: pointer; display: inline-block; } */ div.ui-accordion-content{ position: absolute; top: 12.5vw; width: 24vw; margin-left: 0; background: none repeat scroll 0 0 #fff; padding-right: 3.5vw; padding-left: 3.5vw; padding-bottom: 5vw; min-height: 40vh; display: block; } #geschichte .ui-accordion-content{ margin-left: 27vw; } #geschichte-start-text{ position: absolute; top: 12.5vw; width: 24vw; margin-left: 27vw; padding-right: 3.5vw; padding-left: 3.5vw; } #geschichte section.last{ margin-bottom: 2vw; } #bergen-belsen-obelisk-foto img{ border: 1px solid #c4c4c4; } div.article-section{ margin-top: 3em; margin-bottom: 3em; } #beratung-zum-thema-demenz table.two-same-width-cols{ width: 100%; } table.two-same-width-cols tr{ display: flex; flex-direction: row; } table.two-same-width-cols td.col-1, table.two-same-width-cols td.col-2{ display: flex; flex-direction: column; width: 50%; } .blanc-cover-1{ display: block; position: relative; height: 5vw; } #footer{ height: 3vw; width: 100%; display: flex; justify-content: center; /* color: #fff; */ /* background: none repeat scroll 0 0 #002366; */ margin-top: 5vw; bottom: 0; position: fixed; } div.copyright-text{ display: inline-flex; /* margin-left: 18vw; */ width: auto; margin-left: auto; margin-right: auto; padding-top: 0; font-size: 0.7vw; } .copyright-text a{ /* color: #fff; */ } #bottom-left{ margin-left: 1vw; } #footer .copyright-social-logo a img{ width: 2vw; } #footer div.ce_toplink, #footer .scroll-to-top-block{ margin-right: 0; text-align: center; float: right; width: 30%; } #footer .scroll-to-top-block{ display: none; } #footer div.ce_toplink a, #footer .scroll-to-top-block p{ color: #e0e0e0; font-size: 0.7vw; } #footer .scroll-to-top-block p{ text-decoration: underline; } #footer .scroll-to-top-block p:hover{ cursor: pointer; } #footer .besucher-zaeler{ display: none; } div.content-for-download, div.content-for-browsing{ text-align: center; /* font-size: 1vw !important; */ } .content-for-download span.size{ display: none; } #ortsmap{ margin-left: 0; width: 100%; padding: 0; margin-top: 1vw; margin-bottom: 4vw; display: inline-block; } #ortsmap h1{ margin-left: 1%; font-size: 1vw; } #ortsmap div.dlh_googlemap { height: 15vw !important; width: 100% !important; } #adresse-article{ padding-bottom: 0; } #kontaktformular{ float: none; text-align: left; width: 60%; margin: 0 auto; } #unvergessliche-abende #kontaktformular{ width: 80%; } #kontaktformular h1 { font-size: 1vw; float: left; margin-top: 0; margin-bottom: 0.1vw; } #kontaktformular form{ display: block; position: relative; float: left; } .kontaktformular-field{ float: left; position: relative; width: 100%; } select.kontaktformular-field.thema { border: 1px solid #405cb0; margin-top: 0.5vw; margin-bottom: 0.5vw; height: 1.5vw; font-size: 99%; } #kontaktformular label, #kontaktformular span.sicherheitsfrage{ padding-right: 1%; font-size: 0.85vw; display: block; float: left; position: relative; } #kontaktformular label{ width: 100%; } #kontaktformular span.sicherheitsfrage{ width: auto; } #kontaktformular input.captcha{ float: right; width: 45%; } #kontaktformular input.text, #kontaktformular input.captcha{ height: 1.5vw; box-sizing: border-box; } #kontaktformular input, #kontaktformular textarea{ width: 100%; background-color: #f1f1f1; border: medium none; margin-bottom: 0.4vw; padding: 0.4vw; display: inline-block; } #kontaktformular input:hover, #kontaktformular textarea:hover{ background-color: #dfdfdf; } #kontaktformular textarea{ height: 10vw; } #kontaktformular .sicherheitsfrage{ margin-top: 0; display: block; } #kontaktformular .sicherheitsfrage label{ display: block; } #kontaktformular .explanation p{ font-size: 99%; } #kontaktformular .checkbox_container{ margin-bottom: 0.6vw; font-size: 0.85vw; } #kontaktformular .checkbox_container, #kontaktformular input, #kontaktformular textarea, #kontaktformular input.submit{ border: 1px solid #405CB0; box-sizing: border-box; } #kontaktformular .checkbox_container input[type="checkbox"]{ color: #405CB0!important; width: 2vw; } #kontaktformular .checkbox_container label{ text-align: left; width: 27vw; font-size: 0.7vw; } #kontaktformular input.submit{ /* border: 3px solid #161296; */ /* color: #161296; */ display: block; float: left; font-size: 1vw; font-weight: bold; letter-spacing: 0.3vw; margin-top: 0.3vw; padding: 0.2vw 0.3vw; text-align: center; text-decoration: none; text-transform: uppercase; cursor: pointer; } #kontaktformular input.submit:hover, .veranstaltungen-2-monats-menu h1:hover{ background: none repeat scroll 0 0 #4169E1; /* color: #fff !important; */ } #gemeinde-adresse{ float: none; display: block; width: 90%; margin: 0 auto; } #gemeinde-adresse h1{ font-size: 1.4vw; } #gemeinde-adresse p{ margin-left: 40%; font-size: 1.2vw; line-height: 1.4vw; text-align: justify; } #sprechzeiten{ float: none; display: block; /* width: 80%; */ margin: 0 auto; } #sprechzeiten table{ width: 80%; margin-left: 10%; } #sprechzeiten table td{ text-align: left; font-size: 99%; } #sprechzeiten table td.col-1{ width: 12vw; } #sprechzeiten td.col-2{ width: 18vw; } #sprechzeiten table td.col-3{ width: 18vw; } .friedhof-adresse.d-xl{ width: 24vw; float: none; display: inline-block!important; padding-top: 1.5vw; } .friedhof-adresse p{ line-height: 100%; } .friedhof-adresse span.bigfont{ font-size: 3vw; } .friedhof-ortsmap{ padding: 0; width: 25vw; float: right; display: inline-block; margin-top: 0.8vw; } .friedhof-ortsmap div.dlh_googlemap { height: 10vw !important; width: 100% !important; } .friedhof-info{ width: 100%; text-align: center; } #kontakt .text-article-block{ width: 100%; } .kontakt p{ font-size: 1vw; letter-spacing: 0.1vw; } #impressum h1 { text-align: left; margin-left: 15%; } #impressum table td{ font-size: 0.9vw; } /*#impressum-blau-modern p{ padding-left: 3vw; padding-right: 3vw; } */ .kontakt p, #impressum p{ line-height: 110%; margin-top: 0.8vw; margin-bottom: 0.8vw; } div.infoblatt-gallery{ margin-left: 0; margin-top: 3em; text-align: center; } div.infoblatt-gallery ul{ margin-left: 0; text-align: left; } div.infoblatt-gallery li{ margin-left: 3px; border: 1px solid; } .video-standard{ width: 100%; height: 23vw; margin-left: 10%; } .mejs-container{ width: 80%!important; height: 23vw!important; } .mejs-layer{ width: 100%!important; height: 23vw!important; } #marlis-fetmann-trifft-michael-fuerst .mejs-container{ height: 30px !important; } #proekt-juriya-kudlacha .mejs-container { height: 25vw !important; } #proekt-juriya-kudlacha .video-standard { height: 25vw !important; } video{ width: 100%!important; height: auto!important; } .foto-galerie-header{ margin-bottom: 1.5vw; } #colorbox{ font-size: 0.6vw; } .infoblaetter-archiv section.ce_accordion{ display: inline-block; text-align: center; } .infoblaetter-archiv .article{ min-height: 0; padding: 1vw; } .infoblaetter-archiv .infoblatt-gallery{ margin-top: 1em; margin-bottom: 1em; float: none; width: auto; display: inline-block; } .infoblaetter-archiv .ui-accordion-header{ height: auto; width: 26vw; margin-left: 0; margin-bottom: 0; text-align: center; display: inline-block; font-size: 1vw; } .infoblaetter-archiv .ui-accordion-content{ display: inline; float: none; min-height: 0; padding: 0; position: relative; top: auto; width: auto; } div.infoblatt-gallery ul{ width: auto; display: inline-block; } div.infoblatt-article .content-for-download{ margin-left: 0; margin-bottom: 0; text-align: center; display: inline-block; float: none; width: 100%; } .article.veranstaltungen{ margin-bottom: 2em; min-height: 5em; } .veranstaltungen-1-monat-menu{ display: inline-block; text-align: center; width: 26vw; margin-top: 1vw; margin-bottom: 1.5vw; } .veranstaltungen-2-monats-menu{ display: inline-block; text-align: center; width: 53vw; margin-top: 1vw; margin-bottom: 1.5vw; } .veranstaltungen-2-monats-menu h1{ width: 20vw; cursor: pointer; } .veranstaltungen-2-monats-menu h1.first{ float: left; margin-left: 2vw; } .veranstaltungen-2-monats-menu h1.last{ float: right; margin-right: 2vw; } .veranstaltungen.not-active{ left: 10000px; display: none; } div.veranstaltungen-programm-article, div.aktuelles-article{ margin-right: 0; margin-left: 0; background-color: white; padding-bottom: 2em; width: 100%; } div.veranstaltungen-programm-separator, div.aktuelles-separator{ width: 100%; margin-left: -5vw; padding-left: 10vw; } div.veranstaltungen-programm-article.img-article-list, div.aktuelles-article.img-article-list { width: 53vw; } .img-article-list.trauerrand img{ border: 10px solid black; } .img-article-list.img-border img{ border: 1px solid black; } div.veranstaltungen-programm-article h3{ text-transform: uppercase; } h2.infoblatt-monat-header{ display: inline-block; width: 26vw; padding: 0.4vw; color: white; background-color: #405CB0; font-size: 1.2vw; } table.veranst-tabelle{ width: 100%; border-collapse: collapse; border: none; border-bottom: 1px dashed; /* border-spacing: 0 2vw; font-weight: bold; */ } /* table-layout: fixed; */ /* border-style: solid; */ table.veranst-tabelle tr{ margin-top: 1vw; margin-bottom: 1vw; } table.veranst-tabelle tr td{ /* width: 50%; */ margin-left: 5px; vertical-align: top; padding: 1.2vw; } table.veranst-tabelle td.col-1{ border-right: none; border-bottom: none; border-top: 1px dashed; border-left: 4px solid; width: 30%; } table.veranst-tabelle td.col-2{ border-left: none; border-bottom: none; border-top: 1px dashed; border-right: 4px solid; width: 70%; } table.veranst-tabelle.one-col-table { border: 4px solid; } table.veranst-tabelle tr:first-child td{ border-top: 4px solid; } table.veranst-tabelle tr:last-child td{ border-bottom: 4px solid; } table.veranst-tabelle td ul{ margin-left: 0; } table.veranst-tabelle td p{ margin-left: 0 !important; width: 100%; margin-top: 0; /* font-weight: 600; */ } table.veranst-tabelle td h2{ margin-top: 0; } .chanukka-kerzen-tabelle table{ width: 100%; } .chanukka-kerzen-tabelle table p{ text-align: center; } #veranstaltungskalender-article .veranstaltungen-programm-article.mod_kalender{ text-align: center; } #veranstaltungskalender-article table{ display: inline-table; width: 87%; } #veranstaltungskalender-article table th.head{ font-size: 1.1vw; } .kalender-article table{ border-collapse: collapse; display: inline-block; } .kalender-article table th{ width: 7vw; } .kalender-article table th.head{ padding-bottom: 0.7vw; } .kalender-article table th.label{ height: 2vw; vertical-align: middle; border: 2px solid; font-size: 0.9vw; font-weight: bold; background-color: #D6DFE9; } .kalender-article table td.days{ vertical-align: top; border: 2px solid; font-size: 0.9vw; line-height: inherit; font-weight: bold; } .kalender-article .kalender-event{ line-height: 0.7vw; } .kalender-article .kalender-event a{ font-size: 0.65vw; line-height: 0.7vw; display: block; margin-bottom: 0.3vw; padding-bottom: 0.3vw; } .kalender-article .kalender-event.freizeit-kultur a, #kalender-bezeichnung span.freizeit-kultur{ color: #9F8F3C; } .kalender-article .kalender-event.religion a, #kalender-bezeichnung span.religion{ color: #B03826; } .kalender-article .kalender-event.religion-fest a{ font-weight: bold; } .kalender-article .kalender-event.soziales a, #kalender-bezeichnung span.soziales{ color: #22A04A; } .kalender-article .kalender-event.judentum a, #kalender-bezeichnung span.judentum{ color: #405CB0; } .kalender-article .kalender-event.organisatorisches a, .kalender-article .kalender-event.organisatorisch a, #kalender-bezeichnung span.organisatorisches{ color: #292020; } .kalender-article .kalender-event.abgesagt a{ text-decoration: line-through; font-weight: normal; } .kalender-article a{ color: #405CB0; } #kalender-bezeichnung p{ text-align: center; font-weight: bold; } #jahres-feiertage-kalender .time, #jahres-feiertage-kalender .teaser, #jahres-feiertage-kalender .more{ display: none; } #jahres-feiertage-kalender .event h2{ margin-top: 0; } #jahres-feiertage-kalender{ margin-top: 0; margin-bottom: 0; min-height: 1px; } .feiertage-event-article{ margin-top: 0; margin-bottom: 0; padding-top: 0; min-height: 1px; } .feiertage-event-article{ display: flex; align-items: center; justify-content: center; margin-top: 0; margin-bottom: 0; padding-top: 1vw; min-height: 1px; } .feiertage-event-article .last{ padding-bottom: 2vw; margin-bottom: 2vw; } .feiertage-event-article .ui-accordion-header{ width: 30vw; } .jahres-feiertage-kalender-icon{ width: 8vw; min-width: 8vw; padding-right: 2vw; display: block; } .feiertage-event-article #cboxZoom110{ background-image: url("../../files/jg-hannover/img-pc/plus-110.png"); right: 110px; } #cboxZoom120{ background-image: url("../../files/jg-hannover/img-pc/plus-120.png"); right: 60px; } #cboxZoom130{ background-image: url("../../files/jg-hannover/img-pc/plus-130.png"); right: 15px; } #cboxZoom110, #cboxZoom120, #cboxZoom130{ cursor: pointer; background-repeat: no-repeat; background-color: rgba(0,0,0,0); position: absolute; height: 21px; width: 38px; top: 100%; margin-top: -1.7em; border: none; text-indent: -9999px; } div.zoom-110{ /* zoom: 110%; */ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-zoom: 1.1; } div.zoom-120{ /* zoom: 120%; */ -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-zoom: 1.2; } div.zoom-130{ /* zoom: 130%; */ -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -ms-zoom: 1.3; } div.bildergalerie-article.with-margin-bottom{ margin-bottom: 2em; } div.bildergalerie-article img{ width: 5.15vw; height: auto; } div.foto-galerie{ text-align: center; } div.foto-galerie h1{ margin-bottom: 1em; font-size: 2vw; } div.foto-galerie ul{ display: inline-block; margin: 0 auto; position: relative; width: auto; } .ce_gallery>ul li.col_first { clear: left; } #jom-kipur-einladung img, #jom-kipur-einladung-aktuelles img, #jom-kipur-einladung-ru img, #jom-kipur-einladung-ru-aktuelles img{ width: 42vw; } .gratkarte2{ background: none repeat scroll 0 0 #d0eaeb !important; } .gratkarte3{ background: none repeat scroll 0 0 #A3B0F2 !important; } .gratkarte4{ background: none repeat scroll 0 0 #A3D5F2 !important; } .gratkarte5{ background: none repeat scroll 0 0 #C7D3D6 !important; } .gratkarte6{ background: none repeat scroll 0 0 #fff !important; } .cookiebar_link{ margin-left: -2vw; } a[data-scroll = "organisatorisches-wichtige-mitteilung"], a[data-scroll = "organisatorisches-wichtige-mitteilung"]::before{ color: #ff0000!important; } a[data-scroll = "wichtige-information"], a[data-scroll = "wichtige-information"]::before{ color: #ff0000!important; } a[data-scroll = "sommerferienlager-der-zwst-2020-wichtige-mitteilung"], a[data-scroll = "sommerferienlager-der-zwst-2020-wichtige-mitteilung"]::before{ color: #ff0000!important; } } /* Bookmark - G. Prefix - 2xl. Extra-extra large devices (large desktops, 1536px and up. This is a Teilwing framework breakpoint.) */ @media (min-width: 1536px) { } /*media-query for smartphones (portrait)-----------------------------------------------------------------------------------*/ /* @media only screen and (orientation: portrait) and (min-width:320px) and (max-width:450px) { #header{ height: 16vw; } #logo{ width: 40vw; margin-left: 30vw; } #left-navi, #middle-navi, #right-navi{ display: none; } #container{ margin-top: 25vw; } #main{ width: 100%; } .page-header.hoch{ height: auto; } #hauptseite-text-block{ font-size: 4vw; } #hauptseite-text-block span.juedish{ font-size: 9vw; } #hauptseite-text-block span.latin{ font-size: 7vw; } #hauptseite-foto-block{ margin-top: 8vw; width: 80%; margin-left: 10%; } .bigfoto img{ width: 100%; } #footer{ height: 14vw; } div.copyright-text{ width: 100%; font-size: 3vw; margin-left: 0; padding-top: 2vw; } #bottom-left{ width: inherit; text-align: center; } #footer div.ce_toplink { float: none; width: 100%; text-align: center; } #footer div.ce_toplink a { font-size: 3vw; } } */