header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} .mod_navigation.dropdown { overflow: visible; } .mod_navigation li.mm_container > a, .mod_navigation li.mm_container > span, .mod_navigation li.mm_container > strong { position: relative; } .mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover > a:after, .mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover > strong:after, .mod_navigation li.mm_container.mm_container_onClickOnly.mm_isActive > a:after, .mod_navigation li.mm_container.mm_container_onClickOnly.mm_isActive > strong:after { /* hide (overlay)border bottom of main menu */ content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 3px; background-color: #F4F2F0; z-index: 110; } .mod_navigation li.mm_container .mm_dropdown { display: none; position: absolute; left: 0; right: 0; z-index: 100; } .mod_navigation li.mm_container .mm_dropdown > .inner { padding: 1rem 2rem; border: 1px solid #E5DFDC; background-color: rgba(244, 242, 240, 0.95); overflow: hidden; } .mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover .mm_dropdown, .mod_navigation li.mm_container.mm_container_onClickOnly .mm_isActive ~ .mm_dropdown { display: block; } .mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important} .autogrid_grid{display:grid;margin-left:-15px;margin-right:-15px}.autogrid_grid .column{padding-left:15px;padding-right:15px}.autogrid_grid.gutter_none{margin-left:0;margin-right:0}.autogrid_grid.gutter_none>.column{padding-left:0;padding-right:0}.autogrid_grid.gutter_s{margin-left:-15px;margin-right:-15px}.autogrid_grid.gutter_s>.column{padding-left:15px;padding-right:15px}.autogrid_grid.gutter_m{margin-left:-30px;margin-right:-30px}.autogrid_grid.gutter_m>.column{padding-left:30px;padding-right:30px}.autogrid_grid.gutter_l{margin-left:-40px;margin-right:-40px}.autogrid_grid.gutter_l>.column{padding-left:40px;padding-right:40px}.autogrid_grid.same_height>.column>.attributes{height:100%}.autogrid_grid .column .attributes{background-size:cover;position:relative}.autogrid_grid .column .attributes.p-xl{padding:200px 40px 200px 40px}.autogrid_grid .column .attributes.p-l{padding:160px 40px 160px 40px}.autogrid_grid .column .attributes.p-m{padding:115px 40px 115px 40px}.autogrid_grid .column .attributes.p-s{padding:80px 40px 80px 40px}.autogrid_grid .column .attributes.p-xs{padding:40px 40px 40px 40px}.autogrid_grid .column.align_left_top{text-align:left}.autogrid_grid .column.align_left_center{text-align:left;align-self:center}.autogrid_grid .column.align_left_bottom{text-align:left;align-self:flex-end}.autogrid_grid .column.align_center_top{text-align:center}.autogrid_grid .column.align_center_center{text-align:center;align-self:center}.autogrid_grid .column.align_center_bottom{text-align:center;align-self:flex-end}.autogrid_grid .column.align_right_top{text-align:right}.autogrid_grid .column.align_right_center{text-align:right;align-self:center}.autogrid_grid .column.align_right_bottom{text-align:right;align-self:flex-end}.autogrid_grid.same_height>.column{align-self:unset}.autogrid_grid.same_height>.column>.attributes{display:flex;flex-wrap:wrap;height:100%}.autogrid_grid.same_height>.column>.attributes>.same-height-wrap{width:100%;flex:0 0 100%}.autogrid_grid.same_height>.column.align_left_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_left_bottom>.attributes{align-items:flex-end}.autogrid_grid.same_height>.column.align_center_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_center_bottom>.attributes{align-items:flex-end}.autogrid_grid.same_height>.column.align_right_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_right_bottom>.attributes{align-items:flex-end}.autogrid_grid .column>.attributes .image_mob{display:none}.autogrid_wrapper,.autogrid_row{margin-left:-15px;margin-right:-15px;display:flex;flex-wrap:wrap;box-sizing:border-box}.autogrid,.autogrid_row>.column{padding-left:15px;padding-right:15px;flex-basis:1;flex-grow:1;width:100%;position:relative;box-sizing:border-box}.autogrid_clear{flex:0 0 100%;height:0}.col_1{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.autogrid_row>.column>.attributes{background-size:cover}.autogrid_row>.column>.attributes.p-xl{padding:200px 40px 200px 40px}.autogrid_row>.column>.attributes.p-l{padding:160px 40px 160px 40px}.autogrid_row>.column>.attributes.p-m{padding:115px 40px 115px 40px}.autogrid_row>.column>.attributes.p-s{padding:80px 40px 80px 40px}.autogrid_row>.column>.attributes.p-xs{padding:40px 40px 40px 40px}.autogrid_wrapper.gutter_none,.autogrid_row.gutter_none{margin-left:0;margin-right:0}.autogrid_wrapper.gutter_none>div,.autogrid_row.gutter_none>div{padding-left:0;padding-right:0}.autogrid_wrapper.gutter_s,.autogrid_row.gutter_s{margin-left:-15px;margin-right:-15px}.autogrid_wrapper.gutter_s>div,.autogrid_row.gutter_s>div{padding-left:15px;padding-right:15px}.autogrid_wrapper.gutter_m,.autogrid_row.gutter_m{margin-left:-30px;margin-right:-30px}.autogrid_wrapper.gutter_m>div,.autogrid_row.gutter_m>div{padding-left:30px;padding-right:30px}.autogrid_wrapper.gutter_l,.autogrid_row.gutter_l{margin-left:-40px;margin-right:-40px}.autogrid_wrapper.gutter_l>div,.autogrid_row.gutter_l>div{padding-left:40px;padding-right:40px}.autogrid_row>.column>.attributes{position:relative}.autogrid_row>.column.align_left_top{text-align:left}.autogrid_row>.column.align_left_center{text-align:left;align-self:center}.autogrid_row>.column.align_left_bottom{text-align:left;align-self:flex-end}.autogrid_row>.column.align_center_top{text-align:center}.autogrid_row>.column.align_center_center{text-align:center;align-self:center}.autogrid_row>.column.align_center_bottom{text-align:center;align-self:flex-end}.autogrid_row>.column.align_right_top{text-align:right}.autogrid_row>.column.align_right_center{text-align:right;align-self:center}.autogrid_row>.column.align_right_bottom{text-align:right;align-self:flex-end}.autogrid_row.same_height>.column{align-self:unset}.autogrid_row.same_height>.column>.attributes{display:flex;flex-wrap:wrap;height:100%}.autogrid_row.same_height>.column>.attributes>.same-height-wrap{width:100%;flex:0 0 100%}.autogrid_row.same_height>.column.align_left_center>.attributes{align-items:center}.autogrid_row.same_height>.column.align_left_bottom>.attributes{align-items:flex-end}.autogrid_row.same_height>.column.align_center_center>.attributes{align-items:center}.autogrid_row.same_height>.column.align_center_bottom>.attributes{align-items:flex-end}.autogrid_row.same_height>.column.align_right_center>.attributes{align-items:center}.autogrid_row.same_height>.column.align_right_bottom>.attributes{align-items:flex-end}.autogrid_row .column>.attributes .image_mob{display:none}.autogrid_row>.column.sticky .attributes{position:sticky;top:0}.order_1{order:1}.order_2{order:2}.order_3{order:3}.order_4{order:4}.order_5{order:5}.order_6{order:6}.full{flex:0 0 100%}.one_half{flex:0 0 calc(100% / 2)}.one_third{flex:0 0 calc(100% / 3)}.one_fourth{flex:0 0 calc(100% / 4)}.one_fifth{flex:0 0 calc(100% / 5)}.one_sixth{flex:0 0 calc(100% / 6)}.two_third{flex:0 0 calc((100% / 3) * 2)}.two_fourth{flex:0 0 calc((100% / 4) * 2)}.three_fourth{flex:0 0 calc((100% / 4) * 3)}.two_fifth{flex:0 0 calc((100% / 5) * 2)}.three_fifth{flex:0 0 calc((100% / 5) * 3)}.four_fifth{flex:0 0 calc((100% / 5) * 4)}.two_sixth{flex:0 0 calc((100% / 6) * 2)}.three_sixth{flex:0 0 calc((100% / 6) * 3)}.four_sixth{flex:0 0 calc((100% / 6) * 4)}.five_sixth{flex:0 0 calc((100% / 6) * 5)}.offset_col_1{margin-left:calc((100% / 12) * 1)}.offset_col_2{margin-left:calc((100% / 12) * 2)}.offset_col_3{margin-left:calc((100% / 12) * 3)}.offset_col_4{margin-left:calc((100% / 12) * 4)}.offset_col_5{margin-left:calc((100% / 12) * 5)}.offset_col_6{margin-left:calc((100% / 12) * 6)}.offset_col_7{margin-left:calc((100% / 12) * 7)}.offset_col_8{margin-left:calc((100% / 12) * 8)}.offset_col_9{margin-left:calc((100% / 12) * 9)}.offset_col_10{margin-left:calc((100% / 12) * 10)}.offset_col_11{margin-left:calc((100% / 12) * 11)}.autogrid.no_gutter{padding-left:0;padding-right:0}@media only screen and (min-width :768px) and (max-width :1024px){.col_1_t{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2_t{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3_t{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4_t{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5_t{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6_t{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7_t{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8_t{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9_t{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10_t{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11_t{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12_t{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.order_1_t{order:1}.order_2_t{order:2}.order_3_t{order:3}.order_4_t{order:4}.order_5_t{order:5}.order_6_t{order:6}}.autogrid_row>.column.sticky_column>.attributes{position:sticky;top:0;z-index:10;height:auto !important}@media only screen and (max-width:767px){[class*="col_"],.one_half,.one_third,.one_fourth,.one_fifth,.one_sixth,.two_third,.two_fourth,.three_fourth,.two_fifth,.three_fifth,.four_fifth,.two_sixth,.three_sixth .four_sixth,.five_sixth{flex:0 0 100%;max-width:none}.column[class*="col_"]:not([class*="_m"]),.autogrid_grid .column:not([class*="_m"]){padding-left:0 !important;padding-right:0 !important;margin-bottom:25px}.column[class*="offset_"],.autogrid[class*="offset_"],.autogrid_grid[class*="offset_"]{margin-left:0}.autogrid_wrapper,.autogrid_row,.autogrid_grid{margin-left:0 !important;margin-right:0 !important}.column:empty,.column .attributes:empty,.column:has(>.attributes:empty){display:none}.autogrid_grid>.column>.attributes.has-image.empty>.image_mob,.autogrid_grid>.column>.attributes.has-image.empty>.same-height-wrap>.image_mob,.autogrid_row>.column>.attributes.has-image.empty>.image_mob,.autogrid_row>.column>.attributes.has-image.empty>.same-height-wrap>.image_mob{display:block}.autogrid_grid>.column>.attributes.has-image.empty,.autogrid_row>.column>.attributes.has-image.empty{background:none !important}.col_1_m{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2_m{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3_m{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4_m{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5_m{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6_m{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7_m{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8_m{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9_m{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10_m{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11_m{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12_m{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.order_1_m{order:1}.order_2_m{order:2}.order_3_m{order:3}.order_4_m{order:4}.order_5_m{order:5}.order_6_m{order:6}.autogrid_grid>.column>.attributes.p-xl,.autogrid_grid>.column>.attributes.p-l,.autogrid_grid>.column>.attributes.p-m,.autogrid_grid>.column>.attributes.p-s,.autogrid_grid>.column>.attributes.p-xs,.autogrid_row>.column .attributes.p-xl,.autogrid_row>.column .attributes.p-l,.autogrid_row>.column .attributes.p-m,.autogrid_row>.column .attributes.p-s,.autogrid_row>.column .attributes.p-xs{padding:20px}.autogrid_grid .column.m_align_left_top{text-align:left}.autogrid_grid .column.m_align_left_center{text-align:left;align-self:center}.autogrid_grid .column.m_align_left_bottom{text-align:left;align-self:flex-end}.autogrid_grid .column.m_align_center_top{text-align:center}.autogrid_grid .column.m_align_center_center{text-align:center;align-self:center}.autogrid_grid .column.m_align_center_bottom{text-align:center;align-self:flex-end}.autogrid_grid .column.m_align_right_top{text-align:right}.autogrid_grid .column.m_align_right_center{text-align:right;align-self:center}.autogrid_grid .column.m_align_right_bottom{text-align:right;align-self:flex-end}.autogrid_row>.column.m_align_left_top{text-align:left}.autogrid_row>.column.m_align_left_center{text-align:left;align-self:center}.autogrid_row>.column.m_align_left_bottom{text-align:left;align-self:flex-end}.autogrid_row>.column.m_align_center_top{text-align:center}.autogrid_row>.column.m_align_center_center{text-align:center;align-self:center}.autogrid_row>.column.m_align_center_bottom{text-align:center;align-self:flex-end}.autogrid_row>.column.m_align_right_top{text-align:right}.autogrid_row>.column.m_align_right_center{text-align:right;align-self:center}.autogrid_row>.column.m_align_right_bottom{text-align:right;align-self:flex-end}}body.edge column[class*="col_"]{flex-basis:1}@media only screen and (max-width:767px){body.edge column[class*="col_"]{flex-basis:100%}} .glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster{display:none}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%;margin:auto}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}} /* HELLBLAU: #009EE2 DUNKELBLAU (Schrift Navigation): #2b82c9 Oben Logo @media screen and (max-width: 1200px) {} Tablet mit mobiles Menü @media screen and (max-width: 992px) {} Mobil klein @media screen and (max-width: 768px) {} */ /* abeezee-regular - latin */ @font-face { font-family: 'ABeeZee'; font-style: normal; font-weight: 400; src: url('../../files/theme/fonts/abeezee-v22-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/abeezee-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/abeezee-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/abeezee-v22-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/abeezee-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/abeezee-v22-latin-regular.svg#ABeeZee') format('svg'); /* Legacy iOS */ } /* poppins-regular - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url('../../files/theme/fonts/poppins-v20-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/poppins-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/poppins-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/poppins-v20-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/poppins-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/poppins-v20-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-700 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; src: url('../../files/theme/fonts/poppins-v20-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/poppins-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/poppins-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/poppins-v20-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/poppins-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/poppins-v20-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */ } .mt-10{margin-top:10px} .mt-20{margin-top:20px} .mt-30{margin-top:30px} .mt-40{margin-top:40px} .mt-50{margin-top:50px} .mt-60{margin-top:60px} .mt-70{margin-top:70px} .mt-75{margin-top:75px} .mt-80{margin-top:80px} .mt-90{margin-top:90px} .mt-100{margin-top:100px} .mt-110{margin-top:110px} .mt-120{margin-top:120px} .mt-130{margin-top:130px} .mt-140{margin-top:140px} .mt-150{margin-top:150px} .mt-160{margin-top:160px} .mt-170{margin-top:170px} .mt-180{margin-top:180px} .mt-190{margin-top:190px} .mt-200{margin-top:200px} .mb-10{margin-bottom:10px} .mb-20{margin-bottom:20px} .mb-30{margin-bottom:30px} .mb-40{margin-bottom:40px} .mb-50{margin-bottom:50px} .mb-60{margin-bottom:60px} .mb-70{margin-bottom:70px} .mb-80{margin-bottom:80px} .mb-90{margin-bottom:90px} .mb-100{margin-bottom:100px} .mb-110{margin-bottom:110px} .mb-120{margin-bottom:120px} .mb-130{margin-bottom:130px} .mb-140{margin-bottom:140px} .mb-150{margin-bottom:150px} .mb-160{margin-bottom:160px} .mb-170{margin-bottom:170px} .mb-180{margin-bottom:180px} .mb-190{margin-bottom:190px} .mb-200{margin-bottom:200px} @media (max-width:767px) { .mt-100{margin-top:70px} .mt-110{margin-top:70px} .mt-120{margin-top:70px} .mt-130{margin-top:70px} .mt-140{margin-top:70px} .mt-150{margin-top:70px} .mt-160{margin-top:100px} .mt-170{margin-top:100px} .mt-180{margin-top:100px} .mt-190{margin-top:100px} .mt-200{margin-top:100px} .mb-100{margin-bottom:70px} .mb-110{margin-bottom:70px} .mb-120{margin-bottom:70px} .mb-130{margin-bottom:70px} .mb-140{margin-bottom:70px} .mb-150{margin-bottom:70px} .mb-160{margin-bottom:100px} .mb-170{margin-bottom:100px} .mb-180{margin-bottom:100px} .mb-190{margin-bottom:100px} .mb-200{margin-bottom:100px} } .invisible { display: none !important; } html, body { font-family: ABeeZee,ABeeZee-Regular,arial,helvetica; color: #555; } h1, h2, h3, h4, h5, h6, .ce_revolutionslider_text.bold, .font_headline { font-family: Poppins,ABeeZee-Regular,arial,helvetica; } p { font-size: 15px; color: #555; line-height: 1.6em; } .startseite #wrapper .slider-header-bild h1 { font-size: 70px !important; font-family: ABeeZee,ABeeZee-Regular,arial,helvetica; line-height: 1.3em !important; margin: 0 !important; } #wrapper h1 { font-size: 60px !important; line-height: normal !important; text-align: center; color: #fff; margin-top: 0px; margin-bottom: 15px !important; line-height: 1.0; font-weight: 400; } .startseite #wrapper .slider-header-bild h2 { font-family: ABeeZee,ABeeZee-Regular,arial,helvetica; font-size: 40px !important; color: #fff; margin: 20px 0 0 0 !important; } #wrapper h2 { font-size: 35px; color: #555; margin-bottom: 20px; font-weight: 400; line-height: 1.2em; } #wrapper h3 { font-size: 16px; font-size: 28px; color: #555; margin-bottom: 20px; } #wrapper h4 { font-size: 22px; } #wrapper a { text-decoration: none; font-size: 15px; color: #555; color: #2b82c9; line-height: 1.5em; } #container .ce_text ul li, #container .content-text ul li { list-style-type: disc; list-style-position: inside; list-style-position: outside; margin-left: 14px; } body sup { font-size: 11px; vertical-align: revert; } @media (max-width:970px) { .startseite #wrapper .slider-header-bild h1 { font-size: 50px !important; } .startseite #wrapper .slider-header-bild h2 { font-size: 20px !important; margin-top: 10px !important; } } @media (max-width:767px) { .startseite #wrapper .slider-header-bild h1 { font-size: 35px !important; } .startseite #wrapper .slider-header-bild h2 { font: 16px !important; } #wrapper h2 { font-size: 24px; } } /* unterlinie */ #wrapper .mod_article .ce_text a, #wrapper .mod_article .content-text a { text-decoration: none; } #wrapper .mod_article .ce_text a:hover, #wrapper .mod_article .content-text a:hover { text-decoration: underline; } /* AutoGrid */ .autogrid_row .column { margin-bottom: 30px; } /* Bilder Cotnainer responsive */ .image_container img, .content-image figure img, .iconbox-header figure img, .content-text figure img { display: block; height: auto; max-width: 100%; } /* HEADER */ #header { position: fixed; width: 100%; z-index: 11; top: 0; } .startseite #header { height: 90px !important; z-index: 11; background-color: unset; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } body:not(.startseite) #container { margin-top: 90px; } #header .boxed { max-width: none; } .startseite #header .inside > a:first-child { z-index: 1; position: absolute; } .startseite #header .inside > a:first-child::before { content: ""; display: block; position: absolute; width: 300px; height: 47px; margin-top: 20px; background-image: url(/files/layout/logo_wassergenossenschaft_kuchl_weiss.svg); background-repeat: no-repeat; background-size: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background-position: center; margin-top: 16px; width: 335px; height: 60px; } .startseite #header .inside > a:first-child img { opacity: 0; } /* Wenn gescrollt wird Startseite Header */ .startseite #header.header-active { background-color: #fff; -webkit-box-shadow: 0px 8px 110px 0px rgba(0,0,0,.15); -moz-box-shadow: 0px 8px 110px 0px rgba(0,0,0,.15); box-shadow: 0px 8px 110px 0px rgba(0,0,0,.15); } .startseite #header.header-active .wassergenossenschaft-logo, .startseite #header.header-active .inside > a:first-child::before { width: 300px; height: 46px; margin-top: 21px; } .startseite #header.header-active .inside > a:first-child::before { opacity: 0; } .startseite #header.header-active .suche-link::before, .startseite #header.header-active .inside > a:first-child img { opacity: 1; } .mod_navigation.nav-main { right: 0; width: 100%; } .mod_navigation.nav-main .level_1 { display: table; margin-left: auto; margin-right: auto; } .mobile_menu .mod_navigation > .level_1 > li.sibling:not(.submenu_hide), .mobile_menu .mod_navigation > .level_1 > li.sibling:not(.submenu_show) { background-image: none; } @media screen and (max-width: 1200px) { .startseite #header { height: 68px !important; } body:not(.startseite) #container { margin-top: 68px; } } /* Start Header Bild Slider */ .startseite .slider-header-bild { position: relative; height: calc(100vh + 90px); width: 100%; } .startseite .slider-header-bild .ce_image, .startseite .slider-header-bild .ce_image > figure, .startseite .slider-header-bild .ce_image > figure > img, .startseite .slider-header-bild .content-image, .startseite .slider-header-bild .content-image > figure, .startseite .slider-header-bild .content-image > figure > img { position: absolute; height: 100%; width: 100%; left: 0; top: 0; object-fit: cover; } .startseite .slider-header-bild .ce_image, .startseite .slider-header-bild .content-image { z-index: -1; } .startseite .slider-header-bild .ce_image > figure > img, .startseite .slider-header-bild .content-image > figure > img { z-index: -2; } .startseite .slider-header-bild > .ce_text, .startseite .slider-header-bild > .content-text { position: absolute; width: 100%; top: 50%; right: 50%; transform: translate(50%,-190%); } .startseite .slider-header-bild > .boxed { position: absolute; bottom: 90px; left: 0; right: 0; } @media screen and (max-width: 992px) { .startseite .slider-header-bild > .boxed { display: none; } } /* Blaue Header Kasten Startseite */ .iconbox-header { background-color: #009EE2; padding: 25px 25px 30px 50px; display: flex; height: 100%; box-sizing: border-box; } .iconbox-header h4, .iconbox-header p, .iconbox-header a { color: #fff !important; } .iconbox-header a { font-weight: bold; } .iconbox-header h4 { font-size: 22px; margin-top: 0; } .iconbox-header figure { margin-right: 50px; } .iconbox-header img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -ms-transform: scale(0.9); transform: scale(0.9); } .iconbox-header:hover img { -ms-transform: scale(1.1); transform: scale(1.1); } @media (max-width:1240px) { .iconbox-header { padding: 15px 15px 20px 20px; } .iconbox-header figure { margin-right: 20px; } } /* FOOTER */ #footer { margin-top: 100px; background-color: #009EE2; } #footer .autogrid_row { padding-top: 50px; padding-bottom: 30px; } #footer h4, #footer p, #footer a { color: #fff !important; } #footer .ce_text ul, #footer .content-text ul { list-style-image: none; } #footer .ce_text ul li, #footer .content-text ul li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } #footer .ce_text ul li::before, #footer .content-text ul li::before { content: "›"; color: #fff; margin-right: 20px; } #footer .bottom-footer { background-color: #007bb0; } #footer .bottom-footer p { margin: 0; color: rgba(255,255,255,0.4) !important; } #footer .bottom-footer .boxed { display: flex; } #footer .bottom-footer .boxed .ce_text, #footer .bottom-footer .boxed .content-text { padding: 20px 0px 3px 0px; } #footer h4 { color: rgba(255,255,255,0.8) !important; margin-bottom: 30px; hyphens: auto; } /* AutoGrid */ .autogrid_row { margin: 0 !important; } /* Unterseite Header Bild und Überschrift */ .ce_rsce_wasserghintergrund { height: 400px; position: relative; margin-bottom: 100px; } .ce_rsce_wasserghintergrund h1 { position: absolute; text-align: center; text-shadow: 0px 0px 5px #000; width: 100%; margin-top: 130px !important; } .ce_rsce_wasserghintergrund .hintergrund-bild-unterseite { position: absolute; height: 100%; width: 100%; background-position: 50% 90px; background-position: center center; background-size: cover; background-repeat: no-repeat; z-index: -1; background-attachment: fixed; } @media (max-width:992px) { .ce_rsce_wasserghintergrund { height: 200px; position: relative; margin-bottom: 100px; } #wrapper .ce_rsce_wasserghintergrund h1 { font-size: 25px !important; margin-top: 80px !important; } } /* Galerie News */ .ce_gallery, .content-gallery { margin-left: -5px; margin-right: -5px; overflow: auto; } .ce_gallery li, .content-gallery li { width: calc(100% / 3 - 10px); float: left; max-width: none; margin: 5px; } .ce_gallery img, .content-gallery img { display: block; height: auto; max-width: 100%; width: 100%; } .ce_gallery img, .content-gallery img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .ce_gallery a:hover img, .content-gallery a:hover img { -ms-transform: scale(1.04); transform: scale(1.04); } .ce_gallery figure, .content-gallery figure { overflow: hidden; } @media (max-width:768px) { .ce_gallery li, .content-gallery li { width: calc(100% / 2 - 10px); } } .mod_newsreader .back { padding-top: 10px; margin-top: 40px; border-top: 1px solid #ddd; overflow: hidden; margin-left: 0; width: 100%; float: none; position: relative; clear: both; } /* newslist */ /* AKTUELLES */ .mod_newslist.block { overflow: visible; } .mod_newslist.block { display: grid; grid-template-columns: repeat(3, 1fr); height: auto !important; } .mod_newslist.block > div > .newslist-v3.block.isotope-item.item { position: relative !important; top: auto !important; left: auto !important; width: auto !important; transform: none !important; } .mod_newslist.block img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .mod_newslist.block a:hover img { -ms-transform: scale(1.04); transform: scale(1.04); } .mod_newslist.block .image_container { overflow: hidden; aspect-ratio: 3/2; } #wrapper .news img { height: 100% !important; object-fit: cover; object-position: center; } .newslist-v3 .content { min-height: 280px; box-sizing: border-box; } .newslist-v3 .date-top { background:#009EE2; } .newslist-v3 h6 a:hover { color:#009EE2; } .newslist-v3 .info {display:none;} .newslist-v3 .day {display:none;} .newslist-v3 .content { padding: 7%; padding-top: 45px; background: rgb(255,255,255); border: 1px solid rgb(220,221,221); } .newslist-v3 .date-top div { font-size: 15px; } .newslist-v3-inside { margin: 0 10px 20px 10px; position: relative; } .newslist-v3 h6 { margin-top: 0; } .newslist-v3 h6 a { font-weight: bold; font-size: 18px !important; color: #555 !important; } .newslist-v3 .date-top { pointer-events: none; position: absolute; z-index: 10; left: 0; top: 0; color: rgb(255,255,255); text-align: center; line-height: 1; padding: 15px; } @media (max-width:767px) { .mod_newslist.block { grid-template-columns: repeat(1, 1fr); } .newslist-v3 .content { min-height: unset; } } /* Trinkwasseranalyse PDF Grid */ .pdf-grid { overflow: hidden; } .pdf-grid .image_container, .pdf-grid figure { float: left; } /* Akordeon */ .ce_accordion { margin-bottom: 1px; border: 1px solid rgb(220,220,220); } .ce_accordion .toggler.ui-state-active { border-bottom: 1px dotted rgb(220,220,220); } .ce_accordion .toggler { padding: 10px 20px; margin-bottom: 0; line-height: 30px; font-weight: bold; cursor: pointer; font-size: 15px; background-color: unset; color: #555; margin-block: 0; border: unset; } .ce_accordion .accordion { padding: 20px; border: 0; background: none; } .ce_accordion .toggler .ui-accordion-header-icon { display: none; } .ce_accordion .toggler::before { width: 25px; height: 25px; float: right; clear: both; display: inline-block; margin-left: 15px; padding: 0; text-align: center; font-size: 25px; font-weight: normal; color: #2b82c9; content: "›"; transform: rotate(90deg); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; } .ce_accordion .toggler.ui-state-active::before { transform: rotate(270deg); left: -5px; } /* Tabelle */ .ce_table table, .content-table table { margin-bottom: 10px; width: 99.9%; text-align: center; /*white-space: nowrap;*/ position: relative; border-spacing: 0; margin-bottom: 50px; } .ce_table table th, .content-table table th { background: #2b82c9; text-align: left; padding: 12px; color: rgb(255,255,255); font-weight: bold; font-size: 15px; line-height: 1.8em; } .ce_table table td.col_1, .ce_table table td.col_2, .ce_table table td.col_3, .ce_table table th.head_1, .ce_table table th.head_2, .ce_table table th.head_3, .content-table table td.col_1, .content-table table td.col_2, .content-table table td.col_3, .content-table table th.head_1, .content-table table th.head_2, .content-table table th.head_3, .content-table table td:not(:first-child), .content-table table th:not(:first-child) { text-align: right; } .ce_table table tr:nth-child(2n+1) td, .content-table table tr:nth-child(2n+1) td { background: #F5F5F5; } .ce_table.table-white tr td, .content-table.table-white tr td { background: unset !important; } .ce_table table td, .content-table table td { border-top: 0; border-bottom: solid 1px rgb(227,227,227); padding: 12px; text-align: left; font-size: 15px; line-height: 1.8em; } .ce_table table td.col_1, .ce_table table td.col_2, .ce_table table td.col_3, .ce_table table th.head_1, .ce_table table th.head_2, .ce_table table th.head_3, .content-table table td.col_1, .content-table table td.col_2, .content-table table td.col_3, .content-table table th.head_1, .content-table table th.head_2, .content-table table th.head_3 { text-align: right; } /* Accordeon mit Tabelle */ .accordion td { line-height: 1.8rem; } .content-image figure figcaption, .image_container .caption { background: rgba(0,0,0,0.7); color: #fff; padding: 8px 12px; font-size: 0.8667rem; border-radius: 3px; line-height: 1.3; display: inline-block; margin-top: 5px; } /* Logo Header */ @media (max-width:1350px) { .startseite #header.header-active .wassergenossenschaft-logo, .startseite #header.header-active .inside > a:first-child::before, .wassergenossenschaft-logo-unterseite { width: 200px !important; height: 31px !important; margin-top: 27px !important; } .wassergenossenschaft-logo, .startseite #header .inside > a:first-child::before { width: 250px !important; } } #wrapper a:hover { color: #555; } #wrapper li { text-decoration: none; font-size: 15px; color: #555; line-height: 1.5em; } #wrapper #header li, #wrapper .mod_breadcrumb li a { font-size: 12px; color: #555; -webkit-transition:300ms ease; -moz-transition:300ms ease; -o-transition:300ms ease; transition:300ms ease; } #wrapper #header li, #wrapper .mod_breadcrumb li { font-size: 12px; color: #555; } #wrapper #header li .active { font-size: 15px; font-weight: normal; line-height: 1.5em; text-transform: uppercase; } #wrapper #header li li .active { color: #009EE2; text-transform: none; } #wrapper #header .level_1 > li.active, #wrapper #header .level_1 > li.trail { position: relative; } /*#wrapper #header .mod_navigation >.level_1 > li.active::before,*/ #wrapper #header .mod_navigation > .level_1 > li.trail::before { content: ""; position: absolute; display: block; width: 100%; height: 5px; background-color: #009EE2; top: -32px; left: 0; pointer-events: none; } #wrapper #header .level_1 > li > span.active { top: 3px; } #wrapper td { color: #555; font-size: 15px; } .boxed { margin-right: auto; margin-left: auto; max-width: 1440px; position: relative; padding:0 20px 0 20px; } #header { background-color: #fff; height: 90px; } .startseite #header { height: auto; width: 100%; } @media screen and (max-width: 1200px) { .boxed { padding:auto; padding:0 10px 0 10px; } } /* nav-main */ .startseite #header:not(.header-active) .level_1 .mm_container > a, .startseite #header:not(.header-active) .level_1 > .sibling > a { text-shadow: 0 0 20px rgba(0,0,0,0.7); } .level_1 .mm_container .mm_dropdown a { text-shadow: none; } .wassergenossenschaft-logo { position: absolute; margin-top: 20px; width: 300px; height: 47px; text-align: center; z-index: 1; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin-top: 16px; width: 335px; height: 60px; } .wassergenossenschaft-logo-unterseite { position: absolute; margin-top: 20px; width: 300px; height: auto; text-align: center; z-index: 1; cursor: pointer; } #wrapper .mod_navigation.nav-main li { float: left; margin-right: 30px; /*50*/ margin-top: 32px; } #wrapper .mod_navigation.nav-main li > a { color: #555; } #wrapper .mod_navigation.nav-main > ul > li > a { text-transform: uppercase; } #wrapper .mod_navigation.nav-main li.last, #wrapper .mod_navigation.nav-main li:last-child { margin-right: 0px; } #wrapper .mod_navigation.nav-main .mm_dropdown li { margin-top: 0px; width: 350px; } .mod_navigation.nav-main { position: absolute; right: 1px; /*z-index: 3; 2024 */ } .startseite #wrapper #header:not(.header-active) .mod_navigation.nav-main a, .startseite #wrapper #header:not(.header-active) .mod_navigation.nav-main strong { color: #fff; } .startseite #wrapper #header:not(.header-active) .mod_navigation.nav-main a:hover { color: #fff; } .startseite #wrapper #header:not(.header-active) .mod_navigation.nav-main .mm_dropdown a, .startseite #wrapper #header:not(.header-active) .mod_navigation.nav-main .mm_dropdown strong { color: #555; text-transform: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .startseite #wrapper #header:not(.header-active) .mod_navigation.nav-main .mm_dropdown a:hover { color: #009EE2; } .startseite #wrapper #header.header-active .mod_navigation.nav-main a { color: #555 !important; } #wrapper .nav-main .level_1 .sibling a:hover { text-decoration: none; } #wrapper .mod_navigation li.mm_container .mm_dropdown > .inner { background-color: #fff; padding: 10px 0px 20px 0px; border: none; border-bottom: 3px solid #009EE2; } #wrapper .mod_navigation li.mm_container .mm_dropdown > .inner ul li { padding: 10px 30px; } #wrapper .mod_navigation li.mm_container .mm_dropdown > .inner ul li:not(.active):hover { padding: 10px 20px 10px 40px; } #wrapper .mod_navigation li.mm_container .mm_dropdown > .inner ul li a { display: block; } #wrapper .mod_navigation li.mm_container .mm_dropdown > .inner a { display: inline-block; } #wrapper .mod_navigation li.mm_container .mm_dropdown > .inner a:hover { color:#000; } #wrapper .mod_navigation li.mm_container .mm_dropdown > .inner:hover { transition: 300ms; } .mod_navigation li.mm_container .mm_dropdown { width: 375px; display: block; visibility: hidden; opacity: 0; left: auto; right: auto; filter: alpha(opacity=0); -webkit-transition: 300ms ease; -moz-transition: 300ms ease; -o-transition: 300ms ease; transition: 300ms ease; padding-top: 40px !important; } .startseite #header:not(.header-active) .mod_navigation li.mm_container .mm_dropdown { padding-top: 0 !important; } li.mm_container:hover .mm_dropdown { visibility:visible; opacity:1; filter:alpha(opacity=100); margin-top: 0px; } li.mm_container .mm_dropdown::before { content: url('/files/layout/icon-nav-menu-pfeil.svg'); position: relative; top: 6px; left: 7%; } #top .position_right.mobile_menu { box-shadow: none !important; margin-top: 68px; } .mobile_menu .inner { background-color: #fff; } .inner .mod_navigation .level_1 li { text-align: left; width: 100%; margin-right: auto; margin-top: auto; } .mobile_menu .mod_navigation .level_1 li a { display: none; } .mobile_menu .mod_navigation .level_1 li.submenu, .mobile_menu .mod_navigation .level_2 li.submenu_hide { text-align: left; margin-right: auto; margin-top: auto; background-image: url('/files/layout/menu-aufklapp.svg') !important; background-repeat: no-repeat; background-position: center right 41px; } .mobile_menu .mod_navigation .level_1 li a { margin-right: 20px; } .mobile_menu .mod_navigation .level_1 > li.active strong { padding-left: 25px !important; font-weight: bold !important; } .inner .mod_navigation .level_1 li.submenu_show { background-image: url('/files/layout/menu-zuklapp.svg') !important; background-position-y: 20px; } .inner .mod_navigation .level_2 li { background-image: none; } .inner .mod_navigation .level_1 li a:hover { text-decoration: none; } .inner .mod_navigation .level_1 .level_2 { background-color: #fff; padding: 5px 0; margin-bottom: 0; padding: 0; } .inner .mod_navigation .level_1 .level_2 .level_3{ background-color: #fff; } .inner .mod_navigation .level_1 ul li a { color: #555; font-size: 16px; } .mobile_menu .inner .mod_navigation .level_1 ul li a { padding-left: 25px; font-size: 14px; } .mobile_menu .inner .mod_navigation .level_1 ul li a, .mobile_menu .inner .mod_navigation .level_1 ul li strong { padding-left: 40px !important; } .inner .mod_navigation .level_1 ul li a:hover { text-decoration: none; } #wrapper .mod_navigation li.mm_container:hover > a::after, #wrapper .mod_navigation li.mm_container:hover > span::after { background-color: unset; } li.mm_container .mm_dropdown.mm_264, .mod_navigation li.mm_container .mm_dropdown.mm_287 { right: 0px; } li.mm_container .mm_dropdown.mm_8 { width: 320px; right: 0px; } li.mm_container .mm_dropdown.mm_8::before { left: 15%; } .mod_navigation .mm_dropdown.mm_287::before { left: 60%; } li.mm_container .mm_dropdown.mm_264::before { left: 55%; } @media screen and (max-width: 1200px) { .mod_navigation.nav-main { display:none; } .startseite #header:not(.header-active) .hamburger-icon, .startseite #header:not(.header-active) .hamburger-icon::before, .startseite #header:not(.header-active) .hamburger-icon::after { background: #fff; } .mobile_menu_active #header .hamburger-icon { background: none !important; margin-top: -5px; margin-left: -5px; } .startseite #header .wassergenossenschaft-logo-mobil { opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .startseite #header:not(.header-active) .wassergenossenschaft-logo-mobil { opacity: 0; width: 250px; height: 60px !important; margin-left: 0; margin-top: 16px; } #header { background-color: #fff; height: 68px !important; } .nav-main { display: none; } .wassergenossenschaft-logo { display: none; } .wassergenossenschaft-logo-unterseite { display: none; } } @media screen and (max-width: 575px) { .boxed { padding:0 10px 0 10px; } #wrapper .slider-elemente { max-width: 340px; margin-left: auto; margin-right: inherit; } #wrapper .slider-elemente .unterseite img { width: auto; height: auto; top: 40px; } #wrapper .fliesstext-start { padding-right: inherit; } #wrapper .fliesstext-start { margin-top: 280px; } .mobile_menu .inner .mod_navigation .level_1 ul li a { width:calc(92% - 40px); } } /* ----- Sticky Navigation ----- */ .mobile_menu_active .startseite #header { position: fixed; opacity: 1; z-index: 3; } /* Nav-Menü MOBIL */ .mobile_menu .level_1 { margin-top:30px; } .mobile_menu .mod_navigation .invisible { display: none !important; } .mobile_menu .inner .mod_navigation .level_1 > li { border-bottom: 1px solid #ccc; } .mobile_menu .inner .mod_navigation .level_1 > li > .active, .mobile_menu .inner .mod_navigation .level_1 li li > .active { font-size: 14px; font-weight: normal !important; color: #fff; background-color: #2b82c9; padding: 8px 0 8px 12px; display: block; } .mobile_menu .mod_navigation .level_1 li a { font-size: 14px; display: block; text-decoration: none; padding-left: 25px; color: #555; padding-top: 10px; padding-bottom: 10px; } .mobile_menu .inner .mod_navigation .level_2 li { border-bottom: none; background-color: #f3f3f3; } /*.inner .mod_navigation .level_1 .level_2 li:hover { background-color: #fffaf0; }*/ .submenu a.sibling { text-shadow: none; color: #555; } .wassergenossenschaft-logo-mobil { display: none; position: absolute; margin-top: 40px; text-align: center; z-index: 3; } .mobile_menu .level_1 li { line-height: 2.5em; } .hamburger-icon-container { width: 50px; height: 50px; cursor: pointer; position: absolute; right: -10px; z-index: 4; } .hamburger-icon, .hamburger-icon:before, .hamburger-icon:after { content: ''; position: absolute; height: 1px; background: #555; transition: all .5s ease; } .hamburger-icon:before { top: -6px; width: 27px; } .hamburger-icon { top: 35px; width: 27px; background: #555; } .hamburger-icon:after { top: 6px; width: 27px; } #top .mobile_menu_overlay { z-index: 2; margin-top: 68px; } .mobile_menu.position_right.active { z-index: 3; } .mobile_menu_active .hamburger-icon { background: transparent; transform: rotate(-135deg) } .mobile_menu_active .hamburger-icon:before, .mobile_menu_active .hamburger-icon:after { top: 0px; left:-6px; width: 27px; } .mobile_menu_active .hamburger-icon:before { transform: rotate(90deg) } .mobile_menu.active { z-index: 2; } #wrapper .mobile_menu_trigger { width: 50px; position: absolute; right: 25px; } @media screen and (max-width: 1200px) { #wrapper .mobile_menu .level_1 li { font-size: 18px; } #wrapper .mobile_menu_trigger { display: block !important; } .wassergenossenschaft-logo-mobil { display: block; position: absolute; margin: auto auto auto 10px; text-align: center; height: auto; width: 200px; height: 31px !important; margin-top: 27px !important; margin-top: 20px !important; margin-left: 0 !important; } } /* --- aktuelles --- */ #wrapper .news img { width: 100%; height: auto; } #wrapper .news h2 a { font-size: 20px; color: #555; font-weight: lighter; margin-bottom: 10px; } #wrapper .news h2 a:hover { color: #555; text-decoration: none; } #wrapper .news p a { color: #555; padding: 15px 130px 15px 0px; min-width: 185px; border-bottom: solid #FEC901 3px; transition: 0.5s; font-weight: 500; text-transform: uppercase; } #wrapper .news p a:hover { text-decoration: none; background-color: rgba(254,201,1,0.1); transition: 0.5s; padding-left: 10px; } @media screen and (max-width: 992px) { #wrapper .news h2 a { font-size: 18px; } #wrapper .news p a { padding: 15px 60px 15px 0px; } } /* FORMULAR */ form label { font-size: 15px; color: #555; line-height: 1.8rem; } form input, form .widget-select > select { background-color: rgb(255,255,255); padding: 15px; font-size: 0.9rem; border: 1px solid rgba(0,0,0,0.2); transition: all 0.15s linear 0s; width: 100%; box-sizing: border-box; } form input:hover, form .widget-select > select:hover { border: 1px solid rgb(153,153,153); } form .column { padding: 0 !important; margin: 0 !important; } form .column > div { padding-left: 1%; padding-right: 1%; margin-bottom: 20px; } form .widget-submit { text-align: center; } form .widget-submit button { background: #2b82c9; width: calc(100% - 1%); display: inline-block; padding: 15px 20px; cursor: pointer; transition: all 0.2s ease-out 0s; color: #fff; border-radius: 3px; font-weight: bold; font-size: 0.8rem; min-width: 140px; text-align: center; position: relative; -webkit-appearance: none; border: none; margin-left: auto; margin-right: auto; } /* BY FEDERLEICHT */ .federleicht { display: block !important; width: 146px; height: 40px; margin-left: auto; /*margin-right: auto;*/ bottom: 0; } .federleicht a { text-decoration: none; position: relative; border-bottom: none !important; display: block; } .federleicht a::before { content: url(/files/layout/federleicht-logo.svg); position: absolute; opacity: 0; top: 1px; border: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; left: 8px; height: 32px; } .federleicht a:hover::before { opacity: 1; top: -14px; } /* WOW Animation */ @-webkit-keyframes fadeInUp{ 0% { opacity:0;-webkit-transform:translate3d(0,30px,0); transform:translate3d(0,30px,0) } to { opacity:1;-webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes fadeInUp{ 0% { opacity:0; -webkit-transform:translate3d(0,30px,0); transform:translate3d(0,30px,0) } } /* Formular 2025 */ /* Überschrift */ form .widget-explanation { padding: 0 0.5% !important; } /* Checkboxen */ form .widget-checkbox > fieldset > span { display: flex; } form input.checkbox { display: block; width: 18px; height: 18px; min-width: 18px; margin-right: 14px; margin-top: 4px; } /* Kalender Felder */ form .widget-calendar > div { position: relative; } form .widget-calendar > div > a.input-button { position: absolute; top: 14px; right: 14px; } form .widget-select > select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(/files/layout/icon-wassergenossenschaft-form-select.svg); background-repeat: no-repeat; background-position: right 17px center; } form p.error { color: red; } .goverlay { background: rgba(51, 51, 51, 0.9); } /* Altcha Captcha */ .widget-altcha{width: 100%;display:none;} /* Popup */