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; } .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%}} [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /* NUUNNAV CSS*/ .nuunnavbutton {display: none; width: 57px; cursor: pointer; position: fixed; z-index: 2500; top: 29px; right: 3%;} .nuunnavbutton .navline {height: 2px; width: 100%; box-sizing: border-box; margin-bottom: 10px; border-radius: 0px; background: #000; opacity: 1; transition: transform 0.3s ease, opacity 0.3s ease;} .nuunnavbutton .navline:last-of-type {margin-bottom: 0;} .nuunnavbutton .navline.mid {opacity: 1;} .nuunnavbutton .navline.top {transform: rotate(0); transform-origin: top right;} .nuunnavbutton .navline.bot {transform: rotate(0); transform-origin: bottom right;} .nuunnavbutton.crossed .navline.top {transform: rotate(-25deg); transform-origin: top right;} .nuunnavbutton.crossed .navline.mid {opacity: 0;} .nuunnavbutton.crossed .navline.bot {margin-left: 0; width: 100%; transform: rotate(25deg); transform-origin: bottom right;} #nuunnav {display: none; padding-top: 0px; padding-bottom: 50px; position: fixed; overflow-y: auto; top: 0; width: 100%; max-width: 500px; background: #fff; height: 100vh; z-index: 2000; box-sizing: border-box; transition:right 0.4s ease, box-shadow 0.3s ease;} #nuunnav.open {right: 0 !important; box-shadow: 0 0 10px #ababab;} #nuunnav .inside {padding: 0 3% 30px 3%;} #nuunnav .mod_navigation {margin-top: 50px; margin-bottom: 20px; display: inline-block; width: 100%;} #nuunnav li a {color: #1D1D1B; text-decoration: none; padding-left: 20px !important; border-left: 2px solid #fff; transition: border-left 0.3s ease;} #nuunnav li a.active {color: #1D1D1B; border-left: 2px solid #1D1D1B;} #nuunnav li a:hover {color: #1D1D1B; border-left: 2px solid #1D1D1B;} #nuunnav ul {list-style: none; padding-left: 0; margin-bottom: 0; display: block; width: 100%;} #nuunnav ul.level_1 {margin: 0;} #nuunnav ul.level_1 > li {} #nuunnav ul.level_1 > li > a {display: inline-block; font-size: 2.4rem; float: left; clear: left; margin: 7px 0; padding: 8px 0 11px 0;} #nuunnav ul.level_1 > li.submenu > a {margin-right: 0px; float: left; clear: left;} #nuunnav ul li.submenu .subtoggler {width: 50px; height: 50px; position: relative; top:3px; display: flex; align-items: center; justify-content: center; float: left; cursor: pointer;} #nuunnav ul.level_2 li.submenu .subtoggler {height: 34px;} #nuunnav ul li.submenu .subtoggler .subtoggline1 {width: 18px; height: 2px; background: #1D1D1B;} #nuunnav ul li.submenu .subtoggler .subtoggline2 {width: 18px; height: 2px; background: #1D1D1B; position: absolute; transform: rotate(90deg); transition: transform 0.3s ease;} #nuunnav ul li.submenu .subtoggler.down .subtoggline2 {transform: rotate(0deg);} #nuunnav ul.level_2 {display: none;} #nuunnav ul.level_2 > li > a {display: inline-block; font-size: 2rem; float: left; clear: left; padding: 5px 0 5px 20px;} #nuunnav ul.level_2 li a.active {font-family: 'WorkSansRegular'; letter-spacing:1px;} #nuunnav ul.level_2 li a:hover {color: #1D1D1B; background: url(../../files/data/files/data/graphics/icon-nav-bg.svg) center left 4vw no-repeat;} #nuunnav ul.level_2 li.last {padding-bottom: 15px; display: inline-block; width: 100%;} #nuunnav ul.level_3 {display: none; visibility: visible;} #nuunnav ul.level_3 > li > a {display: inline-block; text-transform: none; font-size: 2rem; float: left; clear: left; padding: 5px 0 5px 40px;} #nuunnav ul.level_3 li a.active {font-family: 'WorkSansRegular'; letter-spacing:1px;} #nuunnav ul.level_3 li a:hover {color: #1D1D1B; background: url(../../files/data/files/data/graphics/icon-nav-bg.svg) center left 6vw no-repeat;} #nuunnav ul.level_4 {display: none;} #nuunnav ul.level_4 > li > a {display: inline-block; text-transform: none; font-size: 1.5rem; float: left; clear: left; padding: 5px 0 5px 15px;} #nuunnav ul.level_4 li a.active {font-family: 'WorkSansRegular'; letter-spacing:1px;} #nuunnav ul.level_4 li a:hover {color: #1D1D1B; background: url(../../files/data/files/data/graphics/icon-nav-bg.svg) center left 6vw no-repeat;} @media screen and (max-width: 1100px) { .nuunnavbutton {display: block;} #nuunnav {display: block;} } /*************************************************************/ /* Design: Isofutura */ /* File: screen.css */ /*-----------------------------------------------------------*/ /* Autor: Thomas Dürig, www.nuun.ch */ /* Datum: Mai 2023 */ /* Site: www.isofutura.ch */ /*************************************************************/ /* LAYOUT */ /*************************************************************/ /*FARBEN*/ /* */ /*Cookiebar*/ .ce_cookiebarOpener {margin-bottom: 30px;} .ce_cookiebarOpener a {display: inline-block; text-decoration: none; color: #1D1D1B; border: 2px solid #1D1D1B; border-radius: 5px; padding: 13px 20px; transition: transform 0.3s ease;} .ce_cookiebarOpener a:hover {transform: scale(1.05);} .contao-cookiebar .cc-inner {max-width: 500px; font-size: 1.5rem; line-height: 1.8rem;} .contao-cookiebar h4 {font-size: 3rem; line-height: 3.5rem;} .contao-cookiebar .cc-inner label {line-height: 1.9rem;} .contao-cookiebar .cc-cookies .cc-cookie p {font-size: 1.5rem; line-height: 1.8rem;} .contao-cookiebar .cc-info > p {font-size: 1.2rem; line-height: 1.6rem;} .contao-cookiebar .cc-info > p a {color:#1D1D1B; text-decoration: none;} #container .cc-module {text-align: center; margin-top: 10vw;} #container .cc-module a {color: #1D1D1B; text-decoration: underline;} hr {border: none; height: 1px; color: #EAECF0; background-color: #EAECF0;} #map {height: 35vw;} /* GLOBAL */ /*************************************************************/ html, body {position: relative; height: 100%; width:100%; font: 62.5% "WorkSansRegular", Arial, Verdana, Helvetica, sans-serif; letter-spacing:0em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: antialiased; font-smoothing: antialiased;} /*body {font-size:20px; font-size:2rem; line-height: 2.6rem; color: #1D1D1B; background-color: #fff;}*/ body {font-size:18px; font-size:1.8rem; line-height: 2.4rem; color: #1D1D1B; background-color: #fff;} .invisible {display: none !important;} .schmal50 {width: 50% !important; margin: 0 auto;} .schmal75 {width: 75% !important; margin: 0 auto;} .zentriert {text-align: center;} strong {font-family: 'WorkSansSemiBold';} /*Backtotop*/ #backtotop {position: absolute; top: 0px; right: -40px; cursor: pointer;} #backtotop img {width: 100%;} /* HEADER / NAVIGATION */ /*************************************************************/ #header {height: 175px; width: 100%; position: fixed; top: 0; left: 0; background: #fff; border-bottom: 1px solid #EAECF0; z-index: 100; transition: height 0.3s ease;} #header .inside {width: 94%; padding: 0 3%; max-width: 1415px; margin: 0 auto;} @keyframes pulse { 0% {transform: scale(1);} 4% {transform: scale(1.1);} 8% {transform: scale(1);} 12% {transform: scale(1.1);} 16% {transform: scale(1);} 100% {transform: scale(1);} } #header .beratungbutton {position: absolute; bottom: -120px; right: 0; animation-name: pulse; animation-duration: 10s; animation-iteration-count: infinite; animation-delay: 10s; transition: bottom 0.3s ease;} #header .beratungbutton .image_container, #header .beratungbutton figure {overflow: visible;} #header .beratungbutton .image_container img, #header .beratungbutton figure img {filter: drop-shadow(0 0 7px rgba(0,0,0,0.3));} #header .logo {display: inline-block; width: 326px; margin-top: 60px; transition: width 0.3s ease, margin-top 0.3s ease;} #header .navigation {display: inline-block; float: right;} #header .navigation ul {margin-bottom: 0; margin-top: 95px; transition: margin-top 0.3s ease;} #header .navigation ul li {display: inline-block; margin-left: 20px; padding-left: 30px; padding-right: 30px; padding-bottom: 56px;} #header .navigation ul li.last, #header .navigation ul li:last-of-type {padding-right: 0;} #header .navigation ul li a {color: #000; font-size: 2rem; line-height: 2.4rem; letter-spacing: -0.46px; text-decoration: none; padding-top: 20px; padding-bottom: 58px; border-top: 2px solid #fff; transition: border-top 0.3s ease;} #header .navigation ul li a:hover, #header .navigation ul li a.active, #header .navigation ul li a.trail {border-top: 2px solid #000;} #header .navigation li.mm_container .mm_dropdown {border: none; background: #DEE1E5; top: 175px; z-index: 0; display: block; visibility: hidden; opacity: 0; transition: opacity 0.3s ease;} #header .mod_navigation li.mm_container:hover .mm_dropdown {opacity: 1; visibility: visible;} #header .mod_navigation li.mm_container .mm_dropdown>.inner {background: #DEE1E5; border: none; width: 94%; padding: 60px 3%; max-width: 1400px; margin: 0 auto;} #header .mod_navigation li.mm_container .mm_dropdown>.inner h3 {margin-top: 0; border-bottom: 2px solid #1D1D1B; padding-bottom: 20px; margin-bottom: 20px;} #header .mod_navigation li.mm_container .mm_dropdown>.inner .ce_hyperlink a, #header .mod_navigation li.mm_container .mm_dropdown>.inner .content-hyperlink a {padding-bottom: 13px; padding-top: 13px; border-top: 2px solid #1D1D1B; display: inline-block; margin-top: 20px;} .mod_navigation li.mm_container:hover>a:after, .mod_navigation li.mm_container:hover>span:after {display: none;} #header .navigation ul .navoverlay {visibility: hidden; background: rgba(0,0,0,0.55); position: fixed; width: 100%; height: 100%; left: 0; top: 175px; z-index: -1; opacity: 0; transition: opacity 0.3s ease;} #header .mod_navigation li.mm_container:hover ~ .navoverlay {display: block; visibility: visible; opacity: 1;} #header.up {height: 80px;} #header.up .logo {width: 177px; margin-top: 27px;} #header.up .navigation ul {margin-top: 38px;} #header.up .navigation ul li a {padding-bottom: 19px;} #header.up .navigation ul li {padding-bottom: 19px;} #header.up .navigation li.mm_container .mm_dropdown {top: 80px;} #nuunnav .logo {margin-top: 27px;} #nuunnav .ce_hyperlink, #nuunnav .content-hyperlink {margin-left: 20px;} #nuunnav .ce_text, #nuunnav .content-text {margin-top: 50px;} #nuunnav .ce_text p, #nuunnav .content-text p {margin-bottom: 25px;} #nuunnav .ce_text a, #nuunnav .content-text a {color: #1D1D1B; text-decoration: underline; text-decoration-color: #E20714;} /* INHALTSELEMENTE */ /*************************************************************/ #container {padding-top: 175px;} .mod_article .inside {position: relative; width: 94%; padding: 60px 3%; max-width: 1400px; margin: 0 auto;} .mod_article.vollbild .inside {padding: 0; width: 100%; max-width: initial;} .mod_article.vollbild .inside .ce_image img, .mod_article.vollbild .inside .content-image img {width: 100%; height: auto;} .mod_article.vollbild .inside .ce_text, .mod_article.vollbild .inside .content-text {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .mod_article.vollbild .inside .ce_text h2, .mod_article.vollbild .inside .content-text h2 {font-size: 7.2rem; line-height: 8.4rem; margin-top: 0; letter-spacing: -1.44px; color: #fff;} .mod_article.vollbild .inside .ce_text p, .mod_article.vollbild .inside .content-text p {color: #fff; font-family: 'WorkSansBold';} .mod_article.vollbreite .inside {padding: 60px 0; width: 100%; max-width: initial;} .mod_article.borderbot {border-bottom: 1px solid #EAECF0;} .mod_article.grau {background: #dee1e5;} h1, h2 {font-size: 4.8rem; line-height: 5.7rem; letter-spacing: -1.11px; font-family: 'WorkSansSemiBold';} h3 {font-size: 3.2rem; line-height: 3.8rem; letter-spacing: -0.6px; font-family: 'WorkSansSemiBold';} span.rot {color: #E20714;} /*Text*/ .image_container img, figure img {max-width: 100%; height: auto;} #container .ce_text, #container .content-text {margin-bottom: 30px;} #container .ce_text .image_container.float_left {width: 48.5%; float: left; margin-right: 3%;} #container .ce_text .image_container.float_right {width: 48.5%; float: right; margin-left: 3%;} #container .content-text.media--left figure {width: 48.5%; float: left; margin-right: 3%;} #container .content-text.media--right figure {width: 48.5%; float: right; margin-left: 3%;} #main .ce_text a, #main .content-text a {color: #1D1D1B; text-decoration: underline; text-decoration-color: #E20714;} .ce_image .image_container, .content-image figure {border-radius: 5px; overflow: hidden; line-height: 0;} /*Team*/ .ce_text.team, .content-text.team {margin-bottom: 40px;} .ce_text.team .image_container, .content-text.team figure {line-height: 0;} .ce_text.team .textbox, .content-text.team .rte {padding: 20px 30px; background: #EAECF0;} .ce_text.team .textbox a, .content-text.team .rte a {text-decoration: none !important;} .teambox {width: 100%; height: auto; border-radius: 5px; margin-bottom: 40px; overflow: hidden; background: #EAECF0;} .teambox .image-container {line-height: 0;} .teambox .image-container img {width: 100%; height: 100%; object-fit: cover;} .teambox .text-container {padding: 20px 30px; background: #EAECF0;} .teambox .text-container a {text-decoration: none !important; color: #1D1D1B;} .teambox .text-container .name {margin-bottom: 0 !important; font-family: 'WorkSansBold';} .teambox .text-container .telefon p {margin-bottom: 0 !important;} .teambox .text-container .links {display: inline-block; width: 30%;} .teambox .text-container .rechts {display: inline-block; width: 69%;} /*Logobox*/ .logoboxen .box {width: 22.75%; margin-right: 3%; display: inline-block; float: left; height: auto; border-radius: 5px; margin-bottom: 45px; overflow: hidden; background: #fff; box-sizing: border-box; border: 1px solid #EAECF0;} .logoboxen .box:nth-of-type(4n) {margin-right: 0;} .logoboxen .box:nth-of-type(4n+1) {clear: left;} .logoboxen .box .image-container {position: relative; line-height: 0; box-sizing: border-box; width: 100%; height: 190px; padding: 20px;} .logoboxen .box .image-container figure {width: 100%; height: 100%;} .logoboxen .box .image-container img {width: 100%; height: 100%; object-fit: contain;} .logoboxen .box .image-container .firmalink {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .logoboxen .box .text-container {padding: 20px 30px; background: #EAECF0;} .logoboxen .box .text-container a {color: #1D1D1B; text-decoration: underline; text-decoration-color: #E20714;} .logoboxen .box .text-container .firma {font-family: 'WorkSansBold'; min-height: 48px;} .logoboxen .box .text-container .name {margin-bottom: 0 !important;} /*Hyperlink*/ .ce_hyperlink a, .content-hyperlink a {display: inline-block; text-decoration: none; color: #1D1D1B; border: 2px solid #1D1D1B; border-radius: 5px; padding: 13px 20px; transition: transform 0.3s ease;} .ce_hyperlink a:hover, .content-hyperlink a:hover {transform: scale(1.05);} /*Gallery*/ #container #main .ce_gallery ul li {flex: none; max-width: initial;} #container #main .ce_gallery ul.cols_2 li {width: 48.5%; margin-right: 3%; margin-bottom: 30px; display: inline-block; float: left; line-height: 1;} #container #main .ce_gallery ul.cols_3 li {width: 31.3%; margin-right: 3%; margin-bottom: 30px; display: inline-block; float: left; line-height: 1;} #container #main .ce_gallery ul.cols_4 li {width: 22.75%; margin-right: 3%; margin-bottom: 30px; display: inline-block; float: left; line-height: 1;} #container #main .ce_gallery ul li.col_last {margin-right: 0;} #container #main .ce_gallery ul li figure {width: 100%; overflow: hidden; line-height: 0; border-radius: 4px;} #container #main .ce_gallery ul li figure img {width: 100%; height: auto; -webkit-transition: all .5s ease; transition: all .5s ease;} #container #main .ce_gallery ul li figure:hover img {-webkit-transform: scale(1.1); transform: scale(1.1);} #colorbox #cboxTitle {display: none !important;} #colorbox #cboxCurrent {font-size: 1.5rem;} .masonry .image_container img {border:10px solid #fff;} #container #main .content-gallery ul li {flex: none; max-width: initial;} #container #main .content-gallery.content-gallery--cols-2 ul li {width: 48.5%; margin-right: 3%; margin-bottom: 30px; display: inline-block; float: left; line-height: 1;} #container #main .content-gallery.content-gallery--cols-3 ul li {width: 31.3%; margin-right: 3%; margin-bottom: 30px; display: inline-block; float: left; line-height: 1;} #container #main .content-gallery.content-gallery--cols-4 ul li {width: 22.75%; margin-right: 3%; margin-bottom: 30px; display: inline-block; float: left; line-height: 1;} #container #main .content-gallery.content-gallery--cols-2 ul li:nth-of-type(2n) {margin-right: 0;} #container #main .content-gallery.content-gallery--cols-3 ul li:nth-of-type(3n) {margin-right: 0;} #container #main .content-gallery.content-gallery--cols-4 ul li:nth-of-type(4n) {margin-right: 0;} #container #main .content-gallery ul li.col_last {margin-right: 0;} #container #main .content-gallery ul li figure {width: 100%; overflow: hidden; line-height: 0; border-radius: 4px;} #container #main .content-gallery ul li figure img {width: 100%; height: auto; -webkit-transition: all .5s ease; transition: all .5s ease;} #container #main .content-gallery ul li figure:hover img {-webkit-transform: scale(1.1); transform: scale(1.1);} /*List*/ #main .projektbeschreibung ul, #main .ce_text ul, #main .content-text ul {display: table; margin-bottom: 25px;} #main .projektbeschreibung ul li, #main .ce_text ul li, #main .content-text ul li {vertical-align: middle; list-style: none; padding-left: 15px; background: url(../../files/data/graphics/icon-listbullet.svg) no-repeat top 10px left; background-size: 8px;} #main .ce_text ol, #main .content-text ol { counter-reset:li; /* Initiate a counter */ margin-left:0; /* Remove the default left margin */ padding-left:0; /* Remove the default left padding */ } #main .ce_text ol > li, #main .content-text ol > li { position:relative; /* Create a positioning context */ margin:0 0 0 20px; /* Give each list item a left margin to make room for the numbers */ list-style:none; /* Disable the normal item numbering */ } #main .ce_text ol > li:before, #main .content-text ol > li:before { content:counter(li)"."; /* Use the counter as content */ counter-increment:li; /* Increment the counter by 1 */ /* Position and style the number */ position:absolute; left: -18px; top: 1px; font-size: 1.8rem; color: #0088C9; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } /*Downloads*/ .content-download.sc.last, .content-downloads.sc.last {padding-right: 0;} .content-download, .content-downloads {position:relative; width:100%; margin:0; padding:0;} .content-download ul, .content-downloads ul {position:relative; float:left; width:100%; margin:0; padding:0 0 0 0;} .content-download ul li, .content-downloads ul li {position:relative; width:100%; line-height:21px; padding:0 0 0 0; margin:0 0 5px 0; background:#fff;} body #container .content-downloads a, body #container .content-download a, body #container .enclosure a { position:relative; z-index:300; text-decoration: underline; text-decoration-color: #DBDBDB; color: #222222; display:block; padding:8px 30px 8px 35px; margin:0 0 0 0; transition: color 0.5s ease, text-decoration-color 0.3s ease; } body #container .enclosure a:hover, body #container .content-downloads a:hover, body #container .content-downloads a:active, body #container .content-download a:hover, body #container .content-download a:active {color: #D8232A; text-decoration-color: #D8232A;} .download-element a {background: url(../../files/data/graphics/icon-download.svg) top 6px left no-repeat;} .download-element.ext-pdf a {background: url(../../files/data/graphics/icon-pdf.svg) top 6px left no-repeat;} .download-element.ext-doc a {background: url(../../files/data/graphics/icon-doc.svg) top 6px left no-repeat;} .download-element.ext-docx a {background: url(../../files/data/graphics/icon-doc.svg) top 6px left no-repeat;} .download-element.ext-xls a {background: url(../../files/data/graphics/icon-xls.svg) top 6px left no-repeat;} .download-element.ext-xlsx a {background: url(../../files/data/graphics/icon-xls.svg) top 6px left no-repeat;} .download-element.ext-jpg a {background: url(../../files/data/graphics/icon-jpg.svg) top 6px left no-repeat;} .download-element.ext-jpeg a {background: url(../../files/data/graphics/icon-jpg.svg) top 6px left no-repeat;} .download-element.ext-png a {background: url(../../files/data/graphics/icon-png.svg) top 6px left no-repeat;} .download-element.ext-ppt a {background: url(../../files/data/graphics/icon-ppt.svg) top 6px left no-repeat;} .download-element.ext-pptx a {background: url(../../files/data/graphics/icon-ppt.svg) top 6px left no-repeat;} /*Form*/ .mod_login {margin-top: 40px; width: 50%; margin-right: auto; margin-left: auto;} #container .formbody input {-webkit-appearance:none;} #container .formbody button {-webkit-appearance:none;} #container .ce_form {margin-top: 40px; width: 50%; margin-right: auto; margin-left: auto;} #container .formbody label {width: 100%; padding-top: 10px; margin-bottom: 5px; display: inline-block; float: left;} #container .formbody input {border-radius: 5px; box-sizing: border-box; width: 100%; padding:20px; margin-bottom: 5px; border:none; background-color: #fff;} #container .formbody textarea {border-radius: 5px; box-sizing: border-box; width: 100%; padding:20px; border: none; margin-bottom: 5px; background-color: #fff;} #container .formbody .submit {cursor: pointer; margin-top: 20px; background:#fff; text-decoration: none; color: #1D1D1B; border: 2px solid #1D1D1B; border-radius: 5px; padding: 13px 20px; transition: transform 0.3s ease;} #container .formbody .submit:hover {transform: scale(1.05);} #container .formbody select {border-radius: 5px; box-sizing: border-box; width: 100%; padding:20px; margin-bottom: 15px; border:none; background-color: #fff;} #container .formbody fieldset {margin-bottom: 10px;} #container .formbody fieldset legend {/*font-size: 1.6rem;*/ margin-bottom: 5px;} #container .formbody fieldset span {width:100%; float: left;} #container .formbody fieldset span input {float: left; width: 5%; height: 26px;} #container .formbody fieldset span label {padding-top: 0; width: 95%;} #container .formbody .widget-captcha {margin-bottom: 40px;} #container .formbody .widget-captcha input {margin-bottom: 5px;} #container .formbody .widget-captcha span {width: 100%; float: left;} #container .formbody .widget-captcha label span.mandatory {width: auto; float: none;} #container .formbody .widget-checkbox input {-webkit-appearance:checkbox;} #container .formbody .widget-checkbox legend span {width: auto; float: none;} #container .formbody .widget-radio input {-webkit-appearance:radio;} /*radio und checkbox templates von scayla*/ #container .formbody .checkbox_container a {color: #d67500; text-decoration: none;} #container .formbody .checkbox_container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0; background: #dedede;} #container .formbody .checkbox_container label {cursor: pointer; width: 100%; position: relative; margin-bottom: 15px; display: inline-block;} #container .formbody .checkbox_container span {width: 90px; margin-right: 15px;} #container .formbody .checkbox_container span.lname {width: auto; padding-top: 10px;} #container .formbody .checkbox_container .checkmark {cursor: pointer; position: relative; border-radius: 5px; height: 45px; width: 45px; background-color: #fff; border:1px solid #E9EBF0;} #container .formbody .checkbox_container:hover input ~ .checkmark {background-color: #fff;} #container .formbody .checkbox_container input:checked ~ .checkmark {/*background-color: #EE6930;*/} #container .formbody .checkbox_container .checkmark:after {content: ""; position: absolute; display: none;} #container .formbody .checkbox_container input:checked ~ .checkmark:after {display: block;} #container .formbody .checkbox_container .checkmark:after {top: 0px; left: 0px; border-radius: 5px; width: 45px; height: 45px; background: url(../../files/data/graphics/checkmark.svg) center no-repeat; background-size: 23px;} #container .formbody .radio_container a {color: #d67500; text-decoration: none;} #container .formbody .radio_container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0; background: #dedede;} #container .formbody .radio_container label {cursor: pointer; width: 150px; position: relative; margin-bottom: 40px; display: inline-block;} #container .formbody .radio_container span {width: 90px; margin-right: 15px;} #container .formbody .radio_container span.lname {width: auto; padding-top: 5px;} #container .formbody .radio_container .checkmark {cursor: pointer; position: relative; height: 38px; width: 38px; background-color: #fff; border:1px solid #E9EBF0; border-radius: 50px;} #container .formbody .radio_container:hover input ~ .checkmark {background-color: #fff;} #container .formbody .radio_container input:checked ~ .checkmark {/*background-color: #EE6930;*/} #container .formbody .radio_container .checkmark:after {content: ""; position: absolute; display: none;} #container .formbody .radio_container input:checked ~ .checkmark:after {display: block;} #container .formbody .radio_container .checkmark:after {top: 9px; left: 9px; width: 21px; height: 21px; background: #104D73; position: absolute; border-radius: 50px;} /*Columns*/ #container .rs-column.-large-col-2-1 {width: 48.5%; margin-right: 3%;} #container .rs-column.-large-col-2-1.-large-last {margin-right: 0;} #container .rs-column.-large-col-3-1 {width: 31.3%; margin-right: 3%;} #container .rs-column.-large-col-3-1.-large-last {margin-right: 0;} #container .rs-column.-large-col-4-1 {width: 22.75%; margin-right: 3%; margin-top: 0;} #container .rs-column.-large-col-4-1.-large-last {margin-right: 0;} /*YouTube*/ #container .content-youtube {clear: both;} #container .content-youtube embed {width: 100%;} #container .content-youtube video {width: 100%;} #container .content-youtube .me-plugin {width: 100%;} #container .content-youtube .mejs-overlay {width: 100% !important;} /*Google Map*/ .dlh_googlemap {width: 100% !important;} /*Ablauf*/ .ablauf h3 {margin-top: 0;} .ablauf .skipl {text-align: right; margin-top: 50px;} .ablauf .skipr {margin-top: 50px;} .ablauf .divide-r {box-sizing: border-box; width: 100%; padding: 0 5.3%; margin-bottom: 40px;} .ablauf .divide-l {box-sizing: border-box; width: 100%; padding: 0 5.3%; margin-bottom: 40px;} .mod_article.ablaufcontainer .inside .mobile1 {display: none;} .mod_article.ablaufcontainer .inside .mobile2 {display: none;} /* Home */ /*************************************************************/ .homekompetenz .ce_text h3, .homekompetenz .content-text h3 {padding: 20px 0px 20px 35px; background: rgba(255,255,255,0.95); border-radius: 5px; z-index: 10; position: relative; margin-left: -150px;} .homekompetenz .ce_image, .homekompetenz .content-image {margin-top: -100px;} .ce_text.titellinks h3, .content-text.titellinks h3 {padding: 20px 0px 20px 35px; background: rgba(255,255,255,0.95); border-radius: 5px; z-index: 10; position: relative; margin-left: -150px;} .ce_text.titelrechts h3, .content-text.titelrechts h3 {padding: 20px 35px 20px 0px; background: rgba(255,255,255,0.95); border-radius: 5px; z-index: 10; position: relative; margin-right: -150px;} /* PROJEKTE */ /*************************************************************/ .homeprojekt {padding: 40px 0; border-bottom: 1px solid #EAECF0;} .homeprojekt .ce_text, .homeprojekt .content-text {display: inline-block; width: 30%; margin-right: 3%; float: left;} .homeprojekt .ce_text a, .homeprojekt .content-text a {display: inline-block; margin: 10px 0; text-decoration: none !important; color: #1D1D1B; border: 2px solid #1D1D1B; border-radius: 5px; padding: 13px 20px;} .homeprojekt .ce_text h1, .homeprojekt .ce_text h2, .homeprojekt .content-text h1, .homeprojekt .content-text h2 {width: max-content; padding: 20px 35px 20px 0; background: rgba(255,255,255,0.95); border-radius: 5px; z-index: 10; position: relative;} .homeprojekt .ce_listview {display: inline-block; width: 67%; height: 600px; float: right; position: relative;} .homeprojekt .ce_listview .textlink {position: absolute; right: 0; bottom: 130px; padding: 15px 20px 15px 40px; background: rgba(255,255,255,0.95); border-top-left-radius: 5px; border-bottom-left-radius: 5px; z-index: 5;} .homeprojekt .ce_listview .textlink .boxlink {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .homeprojekt .ce_listview .textlink h2 {font-size: 2rem; line-height: 2.4rem; letter-spacing: -0.4px; font-family: 'WorkSansSemiBold'; color: #1D1D1B; margin: 0;} .homeprojekt .ce_listview .textlink h3 {font-size: 2rem; line-height: 2.4rem; letter-spacing: -0.4px; font-family: 'WorkSansRegular'; color: #868686; margin: 0;} .homeprojekt .ce_listview .bildswitcher .bild:hover {cursor: url(../../files/data/graphics/cursor-tap.svg), auto;} .homeprojekt .ce_listview .bildswitcher .bild {position: absolute; bottom: 70px; right: 0px; width: 100%; height: 520px; z-index: 1; overflow: hidden; border-radius: 5px; transition: all 0.5s ease;} .homeprojekt .ce_listview .bildswitcher .bild.active {bottom: 90px; right: 20px; z-index: 2;} .homeprojekt .ce_listview .bildswitcher img {width: 100%; height: 520px; object-fit: cover;} .homeprojekt .ce_listview .switchbuttons {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 5;} .homeprojekt .ce_listview .switchbuttons div {position: relative; display: inline-flex; align-items: center; justify-content: center; height: 46px; width: auto; padding: 0 15px; margin: 0 5px; border: 2px solid #1D1D1B; border-radius: 5px; cursor: pointer; opacity: 0.5; filter: grayscale(1); transition: opacity 0.5s ease, filter 0.5s ease;} .homeprojekt .ce_listview .switchbuttons div.active, .homeprojekt .ce_listview .switchbuttons div:hover {opacity: 1; filter: grayscale(0);} .homeprojekt .ce_listview .switchbuttons div:after {content: ""; position: absolute; top: -40px; left: 25px; display: block; width: 14px; height: 40px; background: url(../../files/data/graphics/button-pin.svg) center top no-repeat; transition: height 0.5s ease, top 0.5s ease;} .homeprojekt .ce_listview .switchbuttons div.active:after {height: 85px; top: -85px;} .homeprojekt .ce_listview .switchbuttons .button-saniert p {margin: 0; padding: 10px 0 10px 33px; background: url(../../files/data/graphics/smile.svg) center left no-repeat;} .homeprojekt .ce_listview .switchbuttons .button-unsaniert p {margin: 0; padding: 10px 0 10px 33px; background: url(../../files/data/graphics/sad.svg) center left no-repeat;} .projektliste .ctlg_teaser:first-of-type {margin-top: 0;} .projektliste .ctlg_teaser:nth-of-type(even) {margin-top: 110px;} .projektliste .ctlg_teaser {position: relative; display: inline-block; width: 48%; margin-right: 3%; float: left; border-radius: 5px; overflow: hidden;} .projektliste .ctlg_teaser:nth-of-type(even) {margin-right: 0;} .projektliste .ctlg_teaser .textlink {position: absolute; right: 20px; top: 40px; padding: 15px 20px 15px 40px; background: rgba(255,255,255,0.95); border-top-left-radius: 5px; border-bottom-left-radius: 5px; z-index: 5;} .projektliste .ctlg_teaser .boxlink {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .projektliste .ctlg_teaser .textlink h2 {font-size: 2rem; line-height: 2.4rem; letter-spacing: -0.4px; font-family: 'WorkSansSemiBold'; color: #1D1D1B; margin: 0;} .projektliste .ctlg_teaser .textlink h3 {font-size: 2rem; line-height: 2.4rem; letter-spacing: -0.4px; font-family: 'WorkSansRegular'; color: #868686; margin: 0;} .projektliste .ctlg_teaser .bildswitcher {width: 80%; position: relative;} .projektliste .ctlg_teaser .bildswitcher .bild:hover {cursor: url(../../files/data/graphics/cursor-tap.svg), auto;} .projektliste .ctlg_teaser .bildswitcher figure {line-height: 0; overflow: hidden; border-top-right-radius: 5px;} .projektliste .ctlg_teaser .bildswitcher figure img {transition: transform 0.3s ease;} .projektliste .ctlg_teaser .bildswitcher:hover figure img {transform: scale(1.1);} .projektliste .ctlg_teaser .bildswitcher .bild.saniert {position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 2; opacity: 0; transition: opacity 0.5s ease;} .projektliste .ctlg_teaser .bildswitcher.active .bild.saniert {opacity: 1;} .projektliste .ctlg_teaser .bildswitcher .bild.unsaniert {z-index: 1;} .projektliste .ctlg_teaser .weiter {padding: 30px 40px; background: #DEE1E5; width: 80%; position: relative; box-sizing: border-box;} .projektliste .ctlg_teaser .weiter p {margin-bottom: 0; display: inline-block; color: #1D1D1B; text-decoration: none; font-size: 2rem; line-height: 4rem; background: url(../../files/data/graphics/arrow-right-schwarz.svg) center right no-repeat; padding-right: 40px; transition: padding-right 0.3s ease;} .projektliste .ctlg_teaser .weiter:hover p {padding-right: 50px;} .projektliste .ctlg_teaser .bildswitcher .switchbutton {cursor: pointer; position: absolute; bottom: -17px; right: 30px; width: 35px; height: 35px; z-index: 3; border: 2px solid #1D1D1B; box-sizing: border-box; border-radius: 50%; background: #fff url(../../files/data/graphics/sad.svg) center no-repeat; background-size: 20px; transition: background 0.5s ease;} .projektliste .ctlg_teaser .bildswitcher.active .switchbutton {background: #fff url(../../files/data/graphics/smile.svg) center no-repeat; background-size: 20px;} .ctlg_master .projektinhalt {position: relative; width: 94%; padding: 0px 3%; max-width: 1400px; margin: 0 auto;} .ctlg_master .projektinhalt h1 {margin-bottom: 10px;} .ctlg_master .projektinhalt h3.sub {color: #868686; font-family: 'WorkSansRegular'; font-size: 4.8rem; line-height: 5.7rem; letter-spacing: -1.11px; margin-top: 0; margin-bottom: 40px;} .ctlg_master .projektinhalt .topbilder .bild {display: inline-block; width: 48.5%; margin-right: 3%; float: left; text-align: center;} .ctlg_master .projektinhalt .topbilder .bild img {border-radius: 5px;} .ctlg_master .projektinhalt .topbilder .bild p {margin-bottom: 0 !important;} .ctlg_master .projektinhalt .topbilder .bild.saniert {} .ctlg_master .projektinhalt .topbilder .bild.unsaniert {margin-right: 0;} .ctlg_master .projektinhalt .topbilder .bild .button-saniert {position: relative; display: inline-block; border: 2px solid #1D1D1B; border-radius: 5px; margin: 15px auto 0 auto; padding: 10px 10px 12px 40px; background: url(../../files/data/graphics/smile.svg) center left 10px no-repeat;} .ctlg_master .projektinhalt .topbilder .bild .button-saniert:after {content: ""; position: absolute; top: -55px; left: 25px; display: block; width: 14px; height: 55px; background: url(../../files/data/graphics/button-pin.svg) center top no-repeat; transition: height 0.5s ease, top 0.5s ease;} .ctlg_master .projektinhalt .topbilder .bild .button-unsaniert {position: relative; display: inline-block; border: 2px solid #1D1D1B; border-radius: 5px; margin: 15px auto 0 auto; padding: 10px 10px 12px 40px; background: url(../../files/data/graphics/sad.svg) center left 10px no-repeat;} .ctlg_master .projektinhalt .topbilder .bild .button-unsaniert:after {content: ""; position: absolute; top: -55px; left: 25px; display: block; width: 14px; height: 55px; background: url(../../files/data/graphics/button-pin.svg) center top no-repeat; transition: height 0.5s ease, top 0.5s ease;} .ctlg_master .projektinhalt .projekttext {clear: both; padding-top: 60px; margin-bottom: 60px;} .ctlg_master .projektinhalt .projekttext .links {display: inline-block; width: 40.5%; padding-left: 8%; margin-right: 3%; float: left;} .ctlg_master .projektinhalt .projekttext .rechts {display: inline-block; width: 40.5%; padding-left: 8%; margin-right: 0; float: left;} .ctlg_master .projektinhalt .projekttext .left {display: inline-block; width: 30%; margin-right: 3%; float: left;} .ctlg_master .projektinhalt .projekttext .right {display: inline-block; width: 67%;} .ctlg_master .projektnavi {width: 100%; display: block; position: relative; clear: both; padding: 0; border-top: 1px solid #EAECF0; border-bottom: 1px solid #EAECF0;} .ctlg_master .projektnavi .inside {width: 94%; padding: 60px 3%; max-width: 1180px; margin: 0 auto;} .ctlg_master .projektnavi .inside p {display: inline-block; width: 33.3332%; float: left; margin-bottom: 0;} .ctlg_master .projektnavi .inside p a {color: #1D1D1B; text-decoration: none;} .ctlg_master .projektnavi .inside p.prev {text-align: left;} .ctlg_master .projektnavi .inside p.prev a {padding-left: 25px; background: url(../../files/data/graphics/arrow-left-schwarz.svg) center left no-repeat;} .ctlg_master .projektnavi .inside p.next {text-align: right;} .ctlg_master .projektnavi .inside p.next a {padding-right: 25px; background: url(../../files/data/graphics/arrow-right-schwarz.svg) center right no-repeat;} .ctlg_master .projektnavi .inside p.back {text-align: center;} .ctlg_master .projektnavi .inside p.back a {padding-left: 35px; background: url(../../files/data/graphics/back-liste.svg) center left no-repeat;} .terminartikel {background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(222,225,229,1) 40%, rgba(222,225,229,1) 100%);} .terminartikel .inside {padding-bottom: 0;} .terminartikel .autogrid_row {align-items: flex-end;} .terminartikel .autogrid_row .ce_hyperlink, .terminartikel .autogrid_row .content-hyperlink {padding-bottom: 100px;} /* NEWS / TERMINE */ /*************************************************************/ #main .mod_article.homenews .inside {box-sizing: border-box; max-width: initial; width: 100%; padding-top: 60px; padding-bottom: 60px; padding-left: calc((100vw - 1000px) / 2); padding-right: 0;} .homenews .layout_latest {position: relative; border-radius: 5px; overflow: hidden; border: 1px solid #efefef;} .homenews .layout_latest .boxlink {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;} .homenews .layout_latest .image_container {line-height: 0; overflow: hidden;} .homenews .layout_latest .image_container img {width: 100%; transition: transform 0.3s ease;} .homenews .layout_latest:hover .image_container img {transform: scale(1.06);} .homenews .layout_latest .newstext {min-height: 185px; position: relative; box-sizing: border-box; width: 100%; padding: 25px 30px 60px 30px; background: #DEE1E5;} .homenews .layout_latest .newstext .info {transition: filter 0.3s ease;} .homenews .layout_latest .newstext h2 {font-size: 2rem; line-height: 2.6rem; color: #1D1D1B; margin: 0; font-family: 'WorkSansRegular'; text-transform: none; transition: filter 0.3s ease;} .homenews .layout_latest .newstext h2 a {color: #1D1D1B; text-decoration: none !important;} .homenews .layout_latest .newstext .more {position: absolute; bottom: 20px; left: 0; width: 100%; padding: 0 30px; box-sizing: border-box; transition: filter 0.3s ease;} .homenews .layout_latest .newstext .more a {color: #1D1D1B; text-decoration: none; font-size: 2rem; line-height: 4rem; background: url(../../files/data/graphics/arrow-right-schwarz.svg) center right no-repeat; padding-right: 40px; transition: padding-right 0.3s ease;} .homenews .layout_latest:hover .newstext .more a {padding-right: 50px;} .newsslider .newsswiper {position: relative; overflow: hidden;} .newsslider .swiper-wrapper {padding-top: 65px; margin-top: 40px;} .newsslider .newsswiper-button-prev {position: absolute; z-index: 2; top: 40px; left: 0; width: 41px; height: 41px; background: url(../../files/data/graphics/slick-prev.svg) center no-repeat; cursor: pointer; transition: transform 0.3s ease;} .newsslider .newsswiper-button-prev:hover {transform: scale(1.1);} .newsslider .newsswiper-button-next {position: absolute; z-index: 2; top: 40px; left: 60px; width: 41px; height: 41px; background: url(../../files/data/graphics/slick-next.svg) center no-repeat; cursor: pointer; transition: transform 0.3s ease;} .newsslider .newsswiper-button-next:hover {transform: scale(1.1);} .newsslider .slick-list {width: calc(100% + 20px); margin-left: -20px;} .newsslider .slick-list .slick-slide {box-sizing: border-box; margin: 0 0 0 20px;} .newsliste .layout_latest {position: relative; border: 1px solid #efefef; box-sizing: border-box; display: inline-block; width: 31.3%; margin-right: 3%; float: left; margin-bottom: 40px; border-radius: 5px; overflow: hidden;} .newsliste .layout_latest:nth-of-type(3n) {margin-right: 0;} .newsliste .layout_latest:nth-of-type(3n+1) {clear: left;} .newsliste .layout_latest .boxlink {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;} .newsliste .layout_latest .image_container {line-height: 0; overflow: hidden;} .newsliste .layout_latest .image_container img {width: 100%; transition: transform 0.3s ease;} .newsliste .layout_latest:hover .image_container img {transform: scale(1.06);} .newsliste .layout_latest .newstext {min-height: 185px; position: relative; box-sizing: border-box; width: 100%; padding: 25px 30px 60px 30px; background: #DEE1E5;} .newsliste .layout_latest .newstext .info {transition: filter 0.3s ease;} .newsliste .layout_latest .newstext h2 {font-size: 2rem; line-height: 2.6rem; color: #1D1D1B; margin: 0; font-family: 'WorkSansRegular'; text-transform: none; transition: filter 0.3s ease;} .newsliste .layout_latest .newstext h2 a {color: #1D1D1B; text-decoration: none !important;} .newsliste .layout_latest .newstext .more {position: absolute; bottom: 20px; left: 0; width: 100%; padding: 0 30px; box-sizing: border-box; transition: filter 0.3s ease;} .newsliste .layout_latest .newstext .more a {color: #1D1D1B; text-decoration: none; font-size: 2rem; line-height: 4rem; background: url(../../files/data/graphics/arrow-right-schwarz.svg) center right no-repeat; padding-right: 40px; transition: padding-right 0.3s ease;} .newsliste .layout_latest:hover .newstext .more a {padding-right: 50px;} .mod_newsreader .back {display: inline-block; width: 100%; margin-top: 40px;} .mod_newsreader .back a {display: inline-block; text-decoration: none; color: #1D1D1B; border: 2px solid #1D1D1B; border-radius: 5px; padding: 13px 20px; transition: transform 0.3s ease;} .mod_newsreader .back a:hover {transform: scale(1.05);} .pagination {clear: both; display: block; width: 100%;} .pagination p {display: inline-block; float: right;} .pagination ul {display: inline-block; float: left;} .pagination ul li {width: auto; margin-right: 5px; margin-bottom: 10px; display: inline-block;} .pagination ul li a, .pagination ul li span {border-radius: 3px; text-decoration: none; padding:1px 0 1px 0; width: 30px; display: block; text-align: center; background: #EAECF0; color: #fff; transition: color 0.3s ease, background 0.3s ease;} .pagination ul li a:hover, .pagination ul li span.active {background: #EAECF0; color: #1D1D1B;} .pagination ul li.next a, .pagination ul li.last a, .pagination ul li.first a, .pagination ul li.previous a {width: auto; padding: 1px 7px 1px 7px;} /* FOOTER */ /*************************************************************/ #footer {height: auto; display: block; clear: both; position: relative; margin-top: 70px; padding: 50px 0; border-top: 1px solid #EAECF0;} #footer .inside {width: 94%; padding: 0 3%; max-width: 1415px; margin: 0 auto; position: relative;} #footer .inside .autogrid_row {margin-bottom: 60px;} #footer .inside .column {padding-left: 15px; border-left: 1px solid #EAECF0;} #footer .ce_text a, #footer .content-text a {color: #1D1D1B; text-decoration: underline; text-decoration-color: #E20714;} /* LIGHTBOX */ /*************************************************************/ #cboxTitle {display: none !important;} #cboxLoadedContent {border: none;} #cboxNext {background: url("../../files/data/graphics/lightbox-next.svg"); width: 35px; position: absolute; right: 15px; height: 45px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain;} #cboxPrevious {background: url("../../files/data/graphics/lightbox-prev.svg"); width: 35px; position: absolute; left: 15px; height: 45px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain;} #cboxClose {background: url("../../files/data/graphics/lightbox-close.svg"); width: 35px; position: absolute; right: 15px; top: 15px; height: 35px; background-position: center; background-repeat: no-repeat; background-size: contain;} #cboxCurrent {font-size: 14px;} /* FIXES */ /*************************************************************/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height:0px;} .clearfix {display: block;} /* End hide from IE-mac */ /*Abstaende*/ .mt-0 {margin-top: 0px !important;} .mt-xxs {margin-top: 10px !important;} .mt-xs {margin-top: 30px !important;} .mt-s {margin-top: 40px !important;} .mt-m {margin-top: 50px !important;} .mt-l {margin-top: 60px !important;} .mt-xl {margin-top: 80px !important;} .mt-xxl {margin-top: 100px !important;} .mb-0 {margin-bottom: 0px !important;} .mb-xxs {margin-bottom: 10px !important;} .mb-xs {margin-bottom: 30px !important;} .mb-s {margin-bottom: 40px !important;} .mb-m {margin-bottom: 50px !important;} .mb-l {margin-bottom: 60px !important;} .mb-xl {margin-bottom: 80px !important;} .mb-xxl {margin-bottom: 100px !important;} .oben0 {margin-top: 0px !important;} .oben10 {margin-top: 10px !important;} .oben20 {margin-top: 20px !important;} .oben30 {margin-top: 30px !important;} .oben40 {margin-top: 40px !important;} .oben50 {margin-top: 50px !important;} .oben60 {margin-top: 60px !important;} .oben70 {margin-top: 70px !important;} .oben80 {margin-top: 80px !important;} .oben90 {margin-top: 90px !important;} .oben100 {margin-top: 100px !important;} .oben110 {margin-top: 110px !important;} .oben120 {margin-top: 120px !important;} .oben130 {margin-top: 130px !important;} .oben140 {margin-top: 140px !important;} .oben150 {margin-top: 150px !important;} .unten0 {margin-bottom: 0px !important;} .unten10 {margin-bottom: 10px !important;} .unten20 {margin-bottom: 20px !important;} .unten30 {margin-bottom: 30px !important;} .unten40 {margin-bottom: 40px !important;} .unten50 {margin-bottom: 50px !important;} .unten60 {margin-bottom: 60px !important;} .unten70 {margin-bottom: 70px !important;} .unten80 {margin-bottom: 80px !important;} .unten90 {margin-bottom: 90px !important;} .unten100 {margin-bottom: 100px !important;} .unten110 {margin-bottom: 110px !important;} .unten120 {margin-bottom: 120px !important;} .unten130 {margin-bottom: 130px !important;} .unten140 {margin-bottom: 140px !important;} .unten150 {margin-bottom: 150px !important;} /* MEDIA QUERIES */ /*************************************************************/ @media screen and (max-width: 1800px) { #header .beratungbutton {width: 100px; bottom: -70px;} #header.up .beratungbutton {bottom: -100px;} #backtotop {right: 3%;} .teambox .text-container {font-size: 1.7rem; line-height: 2.3rem;} .logoboxen .box .text-container {font-size: 1.7rem; line-height: 2.3rem;} } @media screen and (max-width: 1500px) { .mod_article.ablaufcontainer .inside {max-width: 900px;} .mod_article.ablaufcontainer .inside .skipl svg {height: 1070px;} .mod_article.ablaufcontainer .inside .skipr svg {height: 1845px;} } @media screen and (max-width: 1450px) { #header .navigation ul li {margin-left: 25px; padding-left: 10px; padding-right: 10px;} #header .logo {width: 230px; margin-top: 70px} } @media screen and (max-width: 1100px) { #header .navigation {display: none;} #header .beratungbutton {display: none;} #header {height: 80px;} #header .logo {width: 177px; margin-top: 27px;} #container {padding-top: 105px;} .mod_article.homeprojekt .inside {padding-left: calc(3% + 20px); width: calc(94% - 20px)} .homeprojekt .ce_listview {width: 100%; height: 62vw;} .homeprojekt .ce_listview .bildswitcher .bild {height: 55vw;} .homeprojekt .ce_listview .bildswitcher img {height: 55vw;} .homeprojekt .ce_text, .homeprojekt .content-text {width: 100%; margin-left: -20px;} .homeprojekt .ce_text h1, .homeprojekt .ce_text h2, .homeprojekt .content-text h1, .homeprojekt .content-text h2 {width: auto; padding: 10px 0;} .homekompetenz .ce_image, .homekompetenz .content-image {margin-top: 0;} .mod_article.vollbild .inside .ce_text, .mod_article.vollbild .inside .content-text {width: 94%;} #main .mod_article.homenews .inside {padding: 0 3%;} .mod_article.vollbild .inside .ce_text h2, .mod_article.vollbild .inside .content-text h2 {font-size: 5.2rem; line-height: 5.8rem; letter-spacing: -1.04px;} .ctlg_master .projektinhalt .projekttext .links {display: inline-block; width: 100%; padding-left: 0%; margin-right: 0%;} .ctlg_master .projektinhalt .projekttext .rechts {display: inline-block; width: 100%; padding-left: 0%; margin-right: 0;} .ctlg_master .projektinhalt .projekttext .left {display: inline-block; width: 100%; margin-right: 0; font-family: 'WorkSansSemiBold'; margin-bottom: 10px;} .ctlg_master .projektinhalt .projekttext .right {display: inline-block; width: 100%;} .logoboxen .box {width: 48.5%;} .logoboxen .box:nth-of-type(2n) {margin-right: 0;} .logoboxen .box:nth-of-type(2n+1) {clear: left;} .logoboxen .box .image-container {height: 30vw;} .newsliste .layout_latest {width: 48.5%;} .newsliste .layout_latest:nth-of-type(3n) {margin-right: 3%;} .newsliste .layout_latest:nth-of-type(3n+1) {clear: none;} .newsliste .layout_latest:nth-of-type(2n) {margin-right: 0 !important;} .newsliste .layout_latest:nth-of-type(2n+1) {clear: left !important;} body .mt-0-m {margin-top: 0px !important;} body .mt-xxs-m {margin-top: 10px !important;} body .mt-xs-m {margin-top: 30px !important;} body .mt-s-m {margin-top: 40px !important;} body .mt-m-m {margin-top: 50px !important;} body .mt-l-m {margin-top: 60px !important;} body .mt-xl-m {margin-top: 80px !important;} body .mt-xxl-m {margin-top: 100px !important;} body .mb-0-m {margin-bottom: 0px !important;} body .mb-xxs-m {margin-bottom: 10px !important;} body .mb-xs-m {margin-bottom: 30px !important;} body .mb-s-m {margin-bottom: 40px !important;} body .mb-m-m {margin-bottom: 50px !important;} body .mb-l-m {margin-bottom: 60px !important;} body .mb-xl-m {margin-bottom: 80px !important;} body .mb-xxl-m {margin-bottom: 100px !important;} } @media screen and (max-width: 900px) { .mod_article.ablaufcontainer .inside .desktop1 {display: none;} .mod_article.ablaufcontainer .inside .mobile1 {display: block;} .mod_article.ablaufcontainer .inside {max-width: 700px;} .mod_article.ablaufcontainer .inside .skipl svg {height: 960px;} .mod_article.ablaufcontainer .inside .skipr svg {height: 1830px;} } @media screen and (max-width: 768px) { .projektdetail .mod_article.vollbreite .inside {padding-top: 0px;} .mod_article .inside {position: relative; width: 94%; padding: 20px 3%; max-width: 1400px; margin: 0 auto;} h1, h2 {font-size: 2.6rem; line-height:2.9rem; letter-spacing: -1px; font-family: 'WorkSansSemiBold';} h3 {font-size: 2.2rem; line-height: 2.5rem; letter-spacing: -0.4px; font-family: 'WorkSansSemiBold';} .homeprojekt .ce_listview .textlink {padding: 8px 7px 6px 14px; bottom: 105px;} .homeprojekt .ce_listview .textlink h2 {font-size: 1.5rem; line-height: 1.8rem;} .homeprojekt .ce_listview .textlink h3 {font-size: 1.5rem; line-height: 1.8rem;} .ctlg_master .projektinhalt h3.sub {font-size: 2.2rem; line-height:2.5rem;} .ctlg_master .projektinhalt .topbilder .bild {display: inline-block; width: 99%; margin-right: 3%;} .ctlg_master .projektinhalt .topbilder .bild .button-saniert {padding: 5px 5px 5px 40px;} .ctlg_master .projektinhalt .topbilder .bild .button-unsaniert {padding: 5px 5px 5px 40px;} .ctlg_master .projektinhalt .topbilder .bild.saniert {margin-bottom:20px;} .ctlg_master .projektinhalt .projekttext {padding-top:12px;} .ctlg_master .projektnavi {padding-top:18px;} .ctlg_master .projektnavi .inside p {font-size:16px; line-height:18px;} .ctlg_master .projektnavi .inside p.prev a {padding-left:0; background: none;} .ctlg_master .projektnavi .inside p.next a {padding-right:0; background: none;} .ctlg_master .projektnavi .inside p.back a {padding-left:0; background: none;} #container .rs-column.-large-col-2-1 {width: 100%; margin-right: 0; margin-top: 0;} #container .rs-column.-large-col-3-1 {width: 100%; margin-right: 0; margin-top: 0;} #container .rs-column.-large-col-4-1 {width: 100%; margin-right: 0; margin-top: 0;} .schmal75 {width: 100% !important; margin: 0 auto;} .schmal50 {width: 100% !important; margin: 0 auto;} .homeprojekt .ce_listview .switchbuttons {width: 100%; left: 0; transform: none; text-align: center; bottom: 10px;} .homeprojekt .ce_listview .switchbuttons div {height: 35px; padding: 0 15px 0 10px;} .homeprojekt .ce_listview .switchbuttons div.active:after {height: 65px; top: -65px;} .homeprojekt .ce_listview .switchbuttons .button-saniert p {font-size: 1.2rem; padding: 7px 0 7px 25px; background-size: 20px;} .homeprojekt .ce_listview .switchbuttons .button-unsaniert p {font-size: 1.2rem; padding: 7px 0 7px 25px; background-size: 20px;} .homekompetenz .ce_text h3, .homekompetenz .content-text h3 {margin-left: 0; padding: 10px 0;} .ce_text.titellinks h3, .content-text.titellinks h3 {margin-left: 0; padding: 10px 0;} .ce_text.titelrechts h3, .content-text.titelrechts h3 {margin-right: 0; padding: 10px 0; text-align: left !important;} #footer .inside .column {padding-left: 0; border: none;} .teambox .text-container .links {display: inline-block; width: 100%;} .teambox .text-container .rechts {display: inline-block; width: 100%;} .newsliste .layout_latest {width: 100%; margin-right: 0;} .mod_article.ablaufcontainer .inside {max-width: 420px;} .mod_article.ablaufcontainer .inside .desktop2 {display: none;} .mod_article.ablaufcontainer .inside .mobile2 {display: block;} .ablauf .skipl {padding-right: 10px;} .ablauf .skipl svg {max-width: 100%;} .ablauf .skipl2 {text-align: right; padding-right: 10px;} .ablauf .skipl2 svg {max-width: 100%;} .mod_article.ablaufcontainer .inside .skipl svg {height: 1380px;} .mod_article.ablaufcontainer .inside .skipl2 svg {height: 960px;} .projektliste .ctlg_teaser {width: 100%; margin-right: 0; margin-top: 0px !important; margin-bottom: 40px !important;} .mod_article.vollbild .inside .ce_image img, .mod_article.vollbild .inside .content-image img {height: 60vw; object-fit: cover;} .mod_article.vollbild .inside .ce_text h2, .mod_article.vollbild .inside .content-text h2 {font-size: 4rem; line-height: 4.4rem; letter-spacing: -0.74px;} body .ce_form .autogrid_row>.column {padding-left: 0; padding-right: 0;} #container .ce_form {width: 100%;} .oben0 {margin-top: 0px !important;} .oben10 {margin-top: 0px !important;} .oben20 {margin-top: 0px !important;} .oben30 {margin-top: 0px !important;} .oben40 {margin-top: 0px !important;} .oben50 {margin-top: 0px !important;} .oben60 {margin-top: 20px !important;} .oben70 {margin-top: 20px !important;} .oben80 {margin-top: 20px !important;} .oben90 {margin-top: 20px !important;} .oben100 {margin-top: 30px !important;} .oben110 {margin-top: 30px !important;} .oben120 {margin-top: 30px !important;} .oben130 {margin-top: 30px !important;} .oben140 {margin-top: 30px !important;} .oben150 {margin-top: 30px !important;} .unten0 {margin-bottom: 0px !important;} .unten10 {margin-bottom: 0px !important;} .unten20 {margin-bottom: 0px !important;} .unten30 {margin-bottom: 0px !important;} .unten40 {margin-bottom: 0px !important;} .unten50 {margin-bottom: 0px !important;} .unten60 {margin-bottom: 20px !important;} .unten70 {margin-bottom: 20px !important;} .unten80 {margin-bottom: 20px !important;} .unten90 {margin-bottom: 20px !important;} .unten100 {margin-bottom: 30px !important;} .unten110 {margin-bottom: 30px !important;} .unten120 {margin-bottom: 30px !important;} .unten130 {margin-bottom: 30px !important;} .unten140 {margin-bottom: 30px !important;} .unten150 {margin-bottom: 30px !important;} } @media screen and (max-width: 600px) { .logoboxen .box {width: 100%; margin-right: 0;} .logoboxen .box .image-container {height: 55vw;} } @media screen and (max-width: 600px) { .ablauf .skipl {display: none;} .ablauf .skipl2 {display: none;} .mod_article.ablaufcontainer .inside .col_2 {display: none;} .mod_article.ablaufcontainer .inside .col_8 {flex: 0 0 calc((100% / 12) * 12); max-width: calc((100% / 12) * 12);} } /* FONTS */ /*************************************************************/ @font-face { font-family: 'WorkSansMedium'; src: url('../../files/data/style/Fonts/WorkSans-Medium.woff2') format('woff2'), url('../../files/data/style/Fonts/WorkSans-Medium.woff') format('woff'); font-style: normal; } @font-face { font-family: 'WorkSansExtraLight'; src: url('../../files/data/style/Fonts/WorkSans-ExtraLight.woff2') format('woff2'), url('../../files/data/style/Fonts/WorkSans-ExtraLight.woff') format('woff'); font-style: normal; } @font-face { font-family: 'WorkSansLight'; src: url('../../files/data/style/Fonts/WorkSans-Light.woff2') format('woff2'), url('../../files/data/style/Fonts/WorkSans-Light.woff') format('woff'); font-style: normal; } @font-face { font-family: 'WorkSansItalic'; src: url('../../files/data/style/Fonts/WorkSans-Italic.woff2') format('woff2'), url('../../files/data/style/Fonts/WorkSans-Italic.woff') format('woff'); font-style: italic; } @font-face { font-family: 'WorkSansBold'; src: url('../../files/data/style/Fonts/WorkSans-Bold.woff2') format('woff2'), url('../../files/data/style/Fonts/WorkSans-Bold.woff') format('woff'); font-style: normal; } @font-face { font-family: 'WorkSansExtraBold'; src: url('../../files/data/style/Fonts/WorkSans-ExtraBold.woff2') format('woff2'), url('../../files/data/style/Fonts/WorkSans-ExtraBold.woff') format('woff'); font-style: normal; } @font-face { font-family: 'WorkSansBlack'; src: url('../../files/data/style/Fonts/WorkSans-Black.woff2') format('woff2'), url('../../files/data/style/Fonts/WorkSans-Black.woff') format('woff'); font-style: normal; } @font-face { font-family: 'WorkSansSemiBold'; src: url('../../files/data/style/Fonts/WorkSans-SemiBold.woff2') format('woff2'), url('../../files/data/style/Fonts/WorkSans-SemiBold.woff') format('woff'); font-style: normal; } @font-face { font-family: 'WorkSansThin'; src: url('../../files/data/style/Fonts/WorkSans-Thin.woff2') format('woff2'), url('../../files/data/style/Fonts/WorkSans-Thin.woff') format('woff'); font-style: normal; } @font-face { font-family: 'WorkSansRegular'; src: url('../../files/data/style/Fonts/WorkSans-Regular.woff2') format('woff2'), url('../../files/data/style/Fonts/WorkSans-Regular.woff') format('woff'); font-style: normal; }