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} /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .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}.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.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}.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}}@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{display:none}.autogrid_grid>.column>.attributes.has-image.empty>.image_mob,.autogrid_grid>.column>.attributes.has-image.empty>.same-height-wrap>.image_mob,.autogrid_row>.column>.attributes.has-image.empty>.image_mob,.autogrid_row>.column>.attributes.has-image.empty>.same-height-wrap>.image_mob{display:block}.autogrid_grid>.column>.attributes.has-image.empty,.autogrid_row>.column>.attributes.has-image.empty{background:none!important}.col_1_m{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2_m{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3_m{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4_m{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5_m{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6_m{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7_m{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8_m{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9_m{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10_m{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11_m{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12_m{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.order_1_m{order:1}.order_2_m{order:2}.order_3_m{order:3}.order_4_m{order:4}.order_5_m{order:5}.order_6_m{order:6}.autogrid_grid>.column>.attributes.p-xl,.autogrid_grid>.column>.attributes.p-l,.autogrid_grid>.column>.attributes.p-m,.autogrid_grid>.column>.attributes.p-s,.autogrid_grid>.column>.attributes.p-xs,.autogrid_row>.column .attributes.p-xl,.autogrid_row>.column .attributes.p-l,.autogrid_row>.column .attributes.p-m,.autogrid_row>.column .attributes.p-s,.autogrid_row>.column .attributes.p-xs{padding:20px}.autogrid_grid .column.m_align_left_top{text-align:left}.autogrid_grid .column.m_align_left_center{text-align:left;align-self:center}.autogrid_grid .column.m_align_left_bottom{text-align:left;align-self:flex-end}.autogrid_grid .column.m_align_center_top{text-align:center}.autogrid_grid .column.m_align_center_center{text-align:center;align-self:center}.autogrid_grid .column.m_align_center_bottom{text-align:center;align-self:flex-end}.autogrid_grid .column.m_align_right_top{text-align:right}.autogrid_grid .column.m_align_right_center{text-align:right;align-self:center}.autogrid_grid .column.m_align_right_bottom{text-align:right;align-self:flex-end}.autogrid_row>.column.m_align_left_top{text-align:left}.autogrid_row>.column.m_align_left_center{text-align:left;align-self:center}.autogrid_row>.column.m_align_left_bottom{text-align:left;align-self:flex-end}.autogrid_row>.column.m_align_center_top{text-align:center}.autogrid_row>.column.m_align_center_center{text-align:center;align-self:center}.autogrid_row>.column.m_align_center_bottom{text-align:center;align-self:flex-end}.autogrid_row>.column.m_align_right_top{text-align:right}.autogrid_row>.column.m_align_right_center{text-align:right;align-self:center}.autogrid_row>.column.m_align_right_bottom{text-align:right;align-self:flex-end}}body.edge column[class*="col_"]{flex-basis:1}@media only screen and (max-width:767px){body.edge column[class*="col_"]{flex-basis:100%}} .glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0;overflow:hidden}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;opacity:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';display:block;position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;background:0 0;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc string{color:#fff}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}} /* NUUNNAV CSS*/ .nuunnavbutton {display: none; width: 38px; background: initial; padding: 0; height: 40px; box-sizing: border-box; border-radius: 0; cursor: pointer; position: fixed; z-index: 2500; top: 20px; right: 4%; background:url(../../files/data/graphics/nuunnav-open.svg) center no-repeat; transition: background 0.3s ease;} .nuunnavbutton .navline {display: none; height: 3px; width: 100%; box-sizing: border-box; margin-bottom: 7px; border-radius: 5px; background: #1D1C1B; 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 {background:url(../../files/data/graphics/nuunnav-close.svg) center no-repeat;} .nuunnavbutton.crossed .navline.top {transform: rotate(-45deg) translateY(-1px) translateX(0px);} .nuunnavbutton.crossed .navline.mid {opacity: 0;} .nuunnavbutton.crossed .navline.bot {margin-left: 0; width: 100%; transform: rotate(-135deg) translateY(-1px) translateX(35px);} #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:left 0.4s ease, box-shadow 0.3s ease;} #nuunnav.open {left: 0 !important; box-shadow: 0px 0px 20px rgba(0,0,0,0.1);} #nuunnav .inside {padding: 0 30px 30px 30px;} #nuunnav .mod_navigation {margin-top: 50px; margin-bottom: 20px; display: inline-block; width: 100%;} #nuunnav li a {font-family: 'roboto_condensedregular'; color: #1D1C1B; text-decoration: none; padding-bottom: 20px; background-position: bottom left; transition: background 0.3s ease;} #nuunnav ul.level_1 > li > a.active, #nuunnav ul.level_1 > li > a.trail, #nuunnav ul.level_1 > li > a:hover {background: url(../../files/data/graphics/nav-bg-line.svg) no-repeat; background-position: bottom left;} #nuunnav li a.active {color: #91B297; font-family: 'roboto_condensedregular';} #nuunnav li a:hover {color: #91B297;} #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.6rem; text-transform: uppercase; float: left; clear: left; margin: 7px 0 0px -15px; padding: 8px 0 7px 15px;} #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: #1D1C1B;} #nuunnav ul li.submenu .subtoggler .subtoggline2 {width: 18px; height: 2px; background: #1D1C1B; 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 {font-family: 'roboto_condensedregular'; display: inline-block; font-size: 2rem; float: left; clear: left; padding: 5px 0 5px 0px;} #nuunnav ul.level_2 li a.active {color: #91B297; font-family: 'roboto_condensedregular';} #nuunnav ul.level_2 li a:hover {color: #91B297;} #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 {font-family: 'roboto_condensedregular'; display: inline-block; text-transform: none; font-size: 2rem; float: left; clear: left; padding: 5px 0 5px 20px;} #nuunnav ul.level_3 li a.active {color: #91B297; font-family: 'roboto_condensedregular';} #nuunnav ul.level_3 li a:hover {color: #91B297;} #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 {color: #91B297; font-family: 'roboto_condensedregular';} #nuunnav ul.level_4 li a:hover {color: #91B297;} @media screen and (max-width: 1024px) { .nuunnavbutton {display: block;} #nuunnav {display: block;} } /*************************************************************/ /* Design: BILDOGRAPHIE SWISS */ /* File: screen.css */ /*-----------------------------------------------------------*/ /* Autor: Thomas Dürig, www.nuun.ch */ /* Datum: Dezember 2024 */ /* Site: www.bildographie.swiss */ /*************************************************************/ /* LAYOUT */ /*************************************************************/ /*FARBEN*/ /* */ /*Cookiebar*/ body .contao-cookiebar .cc-inner {background: #fff; color: #1D1C1B; font-size: 1.6rem; max-width: 550px;} body .contao-cookiebar .cc-inner .cc-head h3 {font-size: 2.3rem; line-height: 2.7rem; letter-spacing: 0; text-transform: none; margin-bottom: 7px;} body .contao-cookiebar .cc-inner .cc-head p {color: #1D1C1B; line-height: 1.8rem;} body .contao-cookiebar .cc-group {border: 1px solid #1D1C1B;} /*body .contao-cookiebar .cc-cookies {background: #123F5A;} body .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info {background: #185275; border: 1px solid #1D1C1B; font-size: 1.6rem; line-height: 1.8rem;} body .contao-cookiebar .cc-cookies > p, body .contao-cookiebar .cc-cookies > .cc-cookie {border-top: 1px solid #1D1C1B;}*/ body .contao-cookiebar .highlight .success {background: #91B297;} /*body .contao-cookiebar .cc-group > label {font-family: 'Volte Bold';} body .contao-cookiebar .cc-group .cc-detail-btn {font-family: 'Volte Light'; color: #1D1C1B;} body .contao-cookiebar .cc-group .cc-detail-btn-details.cc-active span:nth-child(2) {color: #1D1C1B;} body .contao-cookiebar .cc-group .cc-detail-btn-details {color: #1D1C1B;} body .contao-cookiebar .cc-cookies .cc-cookie p {font-size: 1.6rem; line-height: 1.8rem; color: #1D1C1B;}*/ body .contao-cookiebar .cc-cookies .cc-cookie p a {color: #91B297;} body .contao-cookiebar label.group {font-weight: normal;} /*body .contao-cookiebar input + label:before {top: 3px;} body .contao-cookiebar input + label:after {top: 7px;} body .contao-cookiebar input + label:before {background: #0C2D41; border-color: #1D1C1B;} body .contao-cookiebar input + label:after {background: #91B297;} body .contao-cookiebar input:checked + label:before {background: #0C2D41; border-color: #22FF77;} body .contao-cookiebar input:checked + label:after {background: #22FF77;} body .contao-cookiebar .cc-btn {font-family: 'Volte Bold'; color: #1D1C1B; background: #0C2D41; border: 1px solid #1D1C1B; border-radius: 4px; text-transform: uppercase;} body .contao-cookiebar .cc-btn:hover {background: #0C2D41;}*/ body .cc-cookie-info {font-size: 1.275rem;} body .contao-cookiebar .cc-info > p {font-size: 1.4rem; color: #1D1C1B;} body .contao-cookiebar .cc-info > p a {color: #91B297; text-decoration: none;} /* GLOBAL */ /*************************************************************/ html, body {position: relative; height: 100%; width:100%; font: 62.5% "roboto_condensedregular", 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.8rem; color: #1D1C1B; 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: 'roboto_condensedbold'; font-weight: normal;} /*Preloader*/ #preloader {z-index: 10000; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; display: flex; align-items: center; justify-content: center;} #preloader img {width: 50px;} /*Popup*/ .kontaktpopup {position: fixed; bottom: 20px; right: 20px;} .kontaktpopup .kpopener {position: absolute; bottom: 0; right: 0; width: 63px; height: 63px; cursor: pointer; background: url(../../files/data/graphics/popup-open.png) center no-repeat; transition: background 0.5s ease;} .kontaktpopup.active .kpopener {background: url(../../files/data/graphics/popup-close.svg) center no-repeat;} .kontaktpopup .kpbubble {overflow: hidden; white-space: nowrap; position: absolute; bottom: 14px; right: 80px; width: 215px; background: #1D1C1B; padding: 5px 0; border-radius: 4px; text-align: center; color: #fff; font-size: 1.6rem; line-height: 1.9rem; transition: width 0.5s ease;} .kontaktpopup .kpbubble:after {content: ""; width: 10px; height: 10px; background: #1D1C1B; display: block; position: absolute; top: 9px; right: -4px; transform: rotate(45deg);} .kontaktpopup.active .kpbubble {width: 0px;} .kontaktpopup .kpcontainer {visibility: hidden; opacity: 0; position: absolute; bottom: 80px; right: 0px; width: 370px; min-height: 330px; overflow: hidden; border-radius: 15px; box-shadow: 0px 2px 30px rgba(0,0,0,0.3); transition: visibility 0.5s ease, opacity 0.5s ease;} .kontaktpopup .kpcontainer .top {position: relative; min-height: 85px; width: 100%; background: #1D1C1B; color: #fff; box-sizing: border-box; padding: 20px;} .kontaktpopup .kpcontainer .top .avatar {display: inline-block; margin-right: 20px;} .kontaktpopup .kpcontainer .top .text {display: inline-block;} .kontaktpopup .kpcontainer .top .text h5 {transform: none; color: #fff; margin: 0; padding: 0;} .kontaktpopup .kpcontainer .top .text p {font-size: 1.6rem; line-height: 1.9rem; margin-bottom: 0;} .kontaktpopup .kpcontainer .top .closer {position: absolute; cursor: pointer; display: block; width: 16px; height: 13px; top: 20px; right: 20px; background: url(../../files/data/graphics/popup-closearrow.svg) center no-repeat;} .kontaktpopup .kpcontainer .bot {background: #EAEAEA; width: 100%; padding: 10px 0 30px 0;} .kontaktpopup .kpcontainer .bot .bar {padding: 12px 0; margin: 0 20px; width: calc(100% - 40px); border-bottom: 1px solid #CCB4B9;} .kontaktpopup .kpcontainer .bot .bar .klein {font-size: 1.6rem; line-height: 2.6rem; margin-bottom: 0;} .kontaktpopup .kpcontainer .bot .bar p {margin-bottom: 0;} .kontaktpopup .kpcontainer .bot .bar p a {color: #1D1C1B; text-decoration: none;} .kontaktpopup .kpcontainer .bot .bar1 .links {display: inline-block;} .kontaktpopup .kpcontainer .bot .bar1 .rechts {display: inline-block; float: right;} /*.kontaktpopup .kpcontainer .bot .bar3 p a {padding-right: 20px; background: url(../../files/data/graphics/popup-linkout.svg) center right no-repeat;}*/ .kontaktpopup.active .kpcontainer {visibility: visible; opacity: 1;} /* HEADER / NAVIGATION */ /*************************************************************/ #header .navigation ul li a { box-shadow: inset 0 0 0 2px #fff; color: #1D1C1B; transition: color 0.25s 0.0833333333s; position: relative; } #header .navigation ul li a::before, #header .navigation ul li a::after { border: 0 solid transparent; box-sizing: border-box; content: ""; pointer-events: none; position: absolute; width: 0; height: 0; bottom: 0; right: 0; } #header .navigation ul li a::before, #header .navigation ul li a.active::before, #header .navigation ul li a.trail::before { border-bottom-width: 2px; border-left-width: 2px; } #header .navigation ul li a::after, #header .navigation ul li a.active::after, #header .navigation ul li a.trail::after { border-top-width: 2px; border-right-width: 2px; } #header .navigation ul li a:hover, #header .navigation ul li a.active, #header .navigation ul li a.trail { color: #91B297; } #header .navigation ul li a:hover::before, #header .navigation ul li a:hover::after, #header .navigation ul li a.active::before, #header .navigation ul li a.active::after, #header .navigation ul li a.trail::before, #header .navigation ul li a.trail::after { border-color: #91B297; transition: border-color 0s, width 0.25s, height 0.25s; width: 100%; height: 100%; } #header .navigation ul li a:hover::before, #header .navigation ul li a.active::before { transition-delay: 0s, 0s, 0.25s; } #header .navigation ul li a:hover::after, #header .navigation ul li a.active::after { transition-delay: 0s, 0.25s, 0s; } #header .navigation ul li a { background: none; border: none; cursor: pointer; padding: 0.5em 1em; } #header {position: fixed; display: block; top: 0; left: 0; width: 100%; height: 170px; background: #fff; z-index: 100; transition: height 0.3s ease, box-shadow 0.3s ease;} #header .inside {width: 90%; padding: 0 5%;} #header .logo {display: inline-block; margin-top: 50px; width: 360px; transition: width 0.3s ease, margin-top 0.3s ease;} #header .navigation {display: inline-block; float: right; margin-top: 70px; transition: margin-top 0.3s ease;} #header .navigation ul li {display: inline; margin: 0 5px;} #header .navigation ul li a {position: relative; color: #1D1C1B; text-decoration: none;} /*#header .navigation ul li a:after {content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 0%; height: 2px; background: #91B297; transition: width 0.3s ease;} #header .navigation ul li a:hover:after, #header .navigation ul li a.active:after, #header .navigation ul li a.trail:after {width: 100%;}*/ #header .linkedin {display: inline-block; float: right; margin-top: 68px; margin-left: 25px; transition: margin-top 0.3s ease;} #header.up {height: 80px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);} #header.up .logo {width: 220px; margin-top: 19px;} #header.up .navigation {margin-top: 26px;} #header.up .linkedin {margin-top: 26px;} #nuunnav .logo {width: 220px; margin-top: 19px;} /* INHALTSELEMENTE */ /*************************************************************/ #container {padding-top: 170px;} .mod_article .inside {position: relative; width: 90%; padding: 60px 5%; max-width: 1410px; margin: 0 auto;} .mod_article.breit .inside {max-width: 1830px;} .mod_article.grau {background: #F7F8F9;} /*Artikel vollbild*/ .mod_article.vollbild {max-width: initial; height: 40vw;} .mod_article.vollbild .inside {width: 100%; height: 40vw; padding: 0; max-width: initial; position: relative;} .mod_article.vollbild .inside .content-image, .mod_article.vollbild .inside .content-player {width: 100%; height: auto; position: relative; overflow: hidden;} .mod_article.vollbild .inside .content-image img, .mod_article.vollbild .inside .content-player video {width: 100%; height: 100%; object-fit: cover;} .mod_article.vollbild.map {height: 22vw;} .mod_article.vollbild.map .inside {height: 22vw;} .mod_article.vollbild.map .inside #map {height: 22vw;} .mod_article.vollbild.map .cc-module {padding-top: 8vw;} .mod_article.vollbild.map .cc-module .my-btn {margin: 0 auto; cursor: pointer; border: none; display: block; font-size: 2.4rem; line-height: 2.9rem; letter-spacing: 6.4px; color: #fff; font-family: 'bufalino'; font-weight: 700; text-decoration: none; padding: 10px 23px 8px 23px; text-transform: uppercase;text-transform: uppercase; box-shadow: 0 0 40px 40px #91B297 inset, 0 0 0 0 #91B297; transition: box-shadow 0.3s ease, color 0.3s ease;} .mod_article.vollbild.map .cc-module .my-btn:hover {box-shadow: 0 0 10px 0 #91B297 inset, 0 0 10px 4px #91B297; color: #91B297;} .mod_article.linksaus {max-width: initial;} .mod_article.linksaus .inside {width: 100%; height: auto; padding: 0; max-width: initial; position: relative;} .mod_article.linksaus .inside .autogrid_row {margin-left: 0; margin-right: 0;} .mod_article.linksaus .inside .autogrid_row>.column {padding-left: 0; padding-right: 0;} .mod_article.linksaus .inside .autogrid_row .column:last-child {padding-right: calc((100vw - 1420px) / 2); padding-left: 80px; position: relative;} /*.mod_article.linksaus .inside .autogrid_row .column:last-child .content-text {margin-top: 10vw;} .mod_article.linksaus .inside .autogrid_row .column:last-child .content-text.groesser h2 {width: 200%; float: right;}*/ .mod_article.linksaus .inside .autogrid_row .column .content-image {height: 100%;} .mod_article.linksaus .inside .autogrid_row .column .content-image figure {line-height: 0;height: 100%;} .mod_article.linksaus .inside .autogrid_row .column .content-image figure img {width: 100%; height: 100%; object-fit: cover; object-position: top left;} h1, h2 {font-family: 'bufalino'; font-weight: 800; font-size: 12rem; line-height: 12rem; color: #91B297;} h3 {font-family: 'bufalino'; font-weight: 800; font-size: 7rem; line-height: 7.2rem; color: #91B297;} h4 {font-family: 'bufalino'; font-weight: 700; font-size: 4rem; line-height: 4.8rem; color: #B2B2B2;} h5 {width: auto; display: inline-block; font-family: 'Caveat-Bold'; color: #B2B2B2; font-size: 2.4rem; line-height: 3rem; transform: rotate(-5deg);} body.h3kleiner h3 {font-size: 6.5rem; line-height: 6.8rem;} h3 sup {line-height: 1rem; vertical-align: super;} sup {vertical-align: super; font-size: 0.6em; line-height: 1rem;} /*Special*/ #start .toptext {position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 750px; padding: 40px 80px; background: rgba(255,255,255,0.85); z-index: 2;} #start .toptext .slick {position: absolute; bottom: 80%; width: 400px; /*transform: rotate(-5deg);*/} #start .toptext .slick .slick-slide {display: flex; align-items: flex-end; height: 160px;} #start .toptext h1 {margin-top: 25px;} #start .inside .autogrid_row {margin-left: 0; margin-right: 0;} #start .inside .autogrid_row>.column {padding-left: 0; padding-right: 0;} /*Team*/ .swhover {margin-bottom: 40px;} body .swhover img {filter: grayscale(1); transition: filter 0.4s ease, border-radius 0.4s ease;} .swhover:hover img {filter: grayscale(0);} .swhover .content-text .image-container {transition: transform 0.3s ease;} .swhover .content-text .image-container:hover {transform: scale(1.15);} .swhover.ambassador .content-text .image-container:hover {transform: scale(1.1);} #team {background: url(../../files/data/graphics/ambassador-bg.png) center no-repeat; background-size: cover;} .rund img {border-radius: 100%; transition: border-radius 0.4s ease;} .swhover.ambassador:hover .rund img {border-radius: 0;} .swhover.ambassador .image-container {cursor: pointer; position: relative; display: inline-block; width: auto; max-width:350px;} .swhover.ambassador .image-container .overlay {opacity: 0; position: absolute; bottom: 0; left: 0; flex-wrap: wrap; width: 100%; padding: 12px; display: flex; align-items: center; background: rgba(255,255,255,0.85) url(../../files/data/graphics/quote-icon.svg) bottom 17px right 15px no-repeat; background-size: 22px; box-sizing: border-box;} .swhover.ambassador .image-container .overlay p {display: block; line-height: 2.4rem; width: 100%; margin: 2px 0;} .swhover.ambassador:hover .image-container .overlay {opacity: 1; transition: opacity 0.4s ease;} .swhover.col_2 {margin-bottom: 40px;} .swhover.col_2 .content-text br {display: none;} .swhover.col_2 .content-text p {margin-top: 12px;} #container .swhover.col_2 .content-text {margin-bottom: 10px;} #container #main .swhover .content-text a {text-decoration: none;} .ambassador .quotedesktop {z-index: 5; opacity: 0; border-radius: 100%; position: absolute; bottom: 0; left: 0; flex-wrap: wrap; width: 100%; height: 100%; padding: 20px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.85) url(../../files/data/graphics/quote-close.svg) top 17px right 15px no-repeat; background-size: 18px; box-sizing: border-box; transition: opacity 0.4s ease, border-radius 0.4s ease;} .ambassador .quotedesktop p {font-size: 1.8rem; line-height: 2.3rem;} .ambassador:hover .quotedesktop {opacity: 1; border-radius: 0;} .ambassador .quotemobile {display: none;} .cursortail {opacity: 0; position: absolute; z-index: 4; pointer-events: none; overflow: hidden; white-space: nowrap; background: #1D1C1B; padding: 5px; border-radius: 4px; text-align: center; color: #fff; font-size: 1.6rem; line-height: 1.9rem; transition: opacity 0.3s ease;} .cursortail.aus {opacity: 0 !important;} #container .mod_article.parallax .content-text {margin-bottom: 0; position: absolute; bottom: 10px; left: 10px; font-size: 1.4rem; line-height: 1.4rem; z-index: 50; padding: 3px 5px 2px 4px; background: rgba(0,0,0,0.5); border-radius: 3px; color: #fff; white-space: nowrap; width: auto;} #container .mod_article.parallax .content-text p {margin-bottom: 0;} #container .mod_article.parallax .content-text p a {color: #fff;} .danioverlay {position: relative; display: inline-block; width: 100%;} .danioverlay .overlaytext {display: none; position: absolute; top: 0; left: 0; flex-wrap: wrap; width: 100%; height: 100%; padding: 20px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.85) url(../../files/data/graphics/quote-close.svg) top 17px right 15px no-repeat; background-size: 18px; box-sizing: border-box;} .danioverlay .overlaytext .rte {max-width: 500px;} .daniportrait .overlaytoggle p {text-align: right;} .daniportrait {cursor: pointer;} /*Accordion*/ @media screen and (min-width: 768px) { .team.content-accordion .handorgel__header {display: none;} .team.content-accordion .handorgel__content {height: auto;} } .team.content-accordion .handorgel__content {min-height: 1550px;} .team.content-accordion .handorgel__header {text-align: center; padding-top: 25px;} .team.content-accordion .handorgel__header.handorgel__header--open {display: none;} .team.content-accordion .handorgel__header__button {display: inline-block; width: auto; font-size: 2.4rem; line-height: 2.9rem; letter-spacing: 6.4px; color: #fff; font-family: 'bufalino'; font-weight: 700; text-decoration: none; padding: 10px 23px 8px 23px; /*background: #91B297;*/ text-transform: uppercase; box-shadow: 0 0 40px 40px #91B297 inset, 0 0 0 0 #91B297; transition: box-shadow 0.3s ease, color 0.3s ease;} .team.content-accordion .handorgel__header__button:hover {box-shadow: 0 0 10px 0 #91B297 inset, 0 0 10px 4px #91B297; color: #91B297;} .content-accordion {border-bottom: none;} .content-accordion .handorgel__content {background: initial; border-top: none;} .content-accordion .handorgel__header__button {border-top: none;} /*Testimonials*/ .testimonialslider {position: relative; max-width: 935px; border: 2px solid #EAEAEA; padding: 100px 180px; margin: 0 auto; box-sizing: border-box;} .testimonialslider h3 {font-size: 4rem; line-height: 4.8rem; color: #0E1012;} .testimonialslider:before {content: ""; display: block; width: 38px; height: 28px; position: absolute; top: 40px; left: 50%; transform: translateX(-50%); background: url(../../files/data/graphics/testimonial-up.svg) center no-repeat;} .testimonialslider:after {content: ""; display: block; width: 38px; height: 28px; position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); background: url(../../files/data/graphics/testimonial-down.svg) center no-repeat;} .testimonialslider .slick-slider {position: initial;} .testimonialslider .slick-prev {position: absolute; top: 0; left: 0; height: 100%; width: 150px; background: url(../../files/data/graphics/slick-prev.svg) center no-repeat; cursor: pointer;} .testimonialslider .slick-next {position: absolute; top: 0; right: 0; height: 100%; width: 150px; background: url(../../files/data/graphics/slick-next.svg) center no-repeat; cursor: pointer;} .testimonialslider .content-text.media--left {width: 80%; margin: 0 auto;} #container .testimonialslider .content-text.media--left figure {width: 85px; margin-right: 15px;} #container .testimonialslider .content-text.media--left figure img {border-radius: 85px;} #container .testimonialslider .content-text.media--left .rte {width: calc(100% - 105px);} /*Architektur*/ .mod_article.architektur .inside {max-width: 100%; padding: 80px 0 0 0; width: 100%;} .architektur .inner {position: relative; width: 90%; padding: 0px 5%; max-width: 1410px; margin: 0 auto;} .architektur .architekturslider {height: 25vw;} .architektur .architekturslider .slick-slide {padding: 0 20px;} .architektur .architekturslider .slick-slide img {width: auto; height: 25vw;} .architektur .architekturslider .slick-prev {position: absolute; top: -85px; left: calc((100% - 1410px) / 2 + 230px); width: 36px; height: 36px; background: url(../../files/data/graphics/slick-prev.svg) center no-repeat; cursor: pointer;} .architektur .architekturslider .slick-next {position: absolute; top: -85px; left: calc((100% - 1410px) / 2 + 275px); width: 36px; height: 36px; background: url(../../files/data/graphics/slick-next.svg) center no-repeat; cursor: pointer;} /*#portrait .inside {padding: 0 5%;}*/ #portrait h3 {margin-left: -300px; width: 890px; box-sizing: border-box; padding: 40px 70px; background: rgba(255,255,255,0.85);} .boxweiss {padding: 40px; background: #fff;} .boxweiss .logoline figure {width: 100%; padding: 20px 0 35px 0; text-align: center; position: relative;} .boxweiss .logoline figure img {padding: 0 40px; z-index: 2; background: #fff; position: relative;} .boxweiss .logoline figure:after {content: ""; width: 100%; height: 2px; background: #EAEAEA; left: 0; top: 51px; position: absolute;} .boxweiss .logogalerie li {height: 135px; border: 2px solid #EAEAEA; transition: border 0.5s ease;} .boxweiss .logogalerie li:hover {border: 2px solid #91B297;} .boxweiss .logogalerie li figure {height: 100%;} .boxweiss .logogalerie li a {display: block; box-sizing: border-box; width: 100%; height: 100%; padding: 40px;} .boxweiss .logogalerie li img {width: 100%; height: 100%; object-fit: scale-down;} .boxweiss .b-unit {height: 135px; border: 2px solid #EAEAEA; transition: border 0.5s ease;} .boxweiss .b-unit:hover {border: 2px solid #91B297;} .boxweiss .b-unit figure {height: 100%;} .boxweiss .b-unit a {display: block; box-sizing: border-box; width: 100%; height: 100%; padding: 40px;} .boxweiss .b-unit img {width: 100%; height: 100%; object-fit: scale-down; -webkit-transition: all .5s ease; transition: all .5s ease;} .boxweiss .b-unit:hover img {-webkit-transform: scale(1.1); transform: scale(1.1);} .boxweiss .b-text {margin-top: 9px; font-size: 1.6rem; line-height: 2rem; color: #b2b2b2;} /*Text*/ figure {line-height: 0;} figure img {max-width: 100%; height: auto;} #container .content-text {margin-bottom: 30px;} #container .content-text.media--left figure {display: inline-block; width: 42%; margin-right: 3%; vertical-align: top;} #container .content-text.media--left .rte {display: inline-block; width: 54%; vertical-align: top;} #container .content-text.media--right:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #container .content-text.media--right figure {display: inline-block; float: right; width: 42%; margin-left: 3%; vertical-align: top;} #container .content-text.media--right .rte {display: inline-block; width: 54%; vertical-align: top;} #container .content-text p a {color: #1D1C1B; text-decoration: underline; text-decoration-color: #91B297; transition: color 0.3s ease;} #container .content-text p a:hover {color: #91B297;} /*Gallery*/ .content-gallery:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .content-gallery.content-gallery--cols-2 ul li {box-sizing: border-box; width: 48.5%; margin-right: 3%; margin-bottom: 20px; display: inline-block; float: left; line-height: 1;} .content-gallery.content-gallery--cols-3 ul li {box-sizing: border-box; width: 31.3%; margin-right: 3%; margin-bottom: 20px; display: inline-block; float: left; line-height: 1;} .content-gallery.content-gallery--cols-4 ul li {box-sizing: border-box; width: 22.75%; margin-right: 3%; margin-bottom: 20px; display: inline-block; float: left; line-height: 1;} .content-gallery.content-gallery--cols-2 ul li:nth-of-type(2n) {margin-right: 0;} .content-gallery.content-gallery--cols-3 ul li:nth-of-type(3n) {margin-right: 0;} .content-gallery.content-gallery--cols-4 ul li:nth-of-type(4n) {margin-right: 0;} body .content-gallery.masonry ul li {width: calc(25% - 15px); margin-right: 0;} .content-gallery ul li figure {width: 100%; overflow: hidden; line-height: 0;} .content-gallery ul li figure img {width: 100%; height: auto; border-radius: 0px; -webkit-transition: all .5s ease; transition: all .5s ease;} .content-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;} .content-gallery.extragalerie ul li {display: none;} .content-gallery.extragalerie ul li:nth-of-type(1), .content-gallery.extragalerie ul li:nth-of-type(2), .content-gallery.extragalerie ul li:nth-of-type(3) {display: inline-block;} .content-gallery.extragalerie:after {content: ""; display: block; width: 100%; height: 15px; background: url(../../files/data/graphics/galerie-plus.svg) center no-repeat; visibility: visible;} /*Hyperlink*/ .content-hyperlink {margin: 20px 0;} .content-hyperlink.inline {display: inline-block; margin-right: 20px;} .content-hyperlink a {display: inline-block; font-size: 2.4rem; line-height: 2.9rem; letter-spacing: 6.4px; color: #fff; font-family: 'bufalino'; font-weight: 700; text-decoration: none; padding: 10px 23px 8px 23px; /*background: #91B297;*/ text-transform: uppercase; box-shadow: 0 0 40px 40px #91B297 inset, 0 0 0 0 #91B297; transition: box-shadow 0.3s ease, color 0.3s ease;} .content-hyperlink a:hover {box-shadow: 0 0 10px 0 #91B297 inset, 0 0 10px 4px #91B297; color: #91B297;} /*List*/ #main .content-text ul {display: table; margin-bottom: 25px;} #main .content-text ul li {vertical-align: middle; list-style: none; padding-left: 20px; background: url(../../files/data/graphics/icon-listbullet.svg) no-repeat top 13px left; background-size: 12px;} #main .content-text ul li a {color: #1D1C1B; text-decoration: underline; text-decoration-color: #91B297; transition: color 0.3s ease;} #main .content-text ul li a:hover {color: #91B297;} #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 .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 .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; text-decoration: underline; text-decoration-color: #DBDBDB; color: #222222; display:block; padding:8px 30px 8px 40px; 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 left no-repeat;} .download-element.ext-pdf a {background: url(../../files/data/graphics/icon-pdf.svg) top left no-repeat;} .download-element.ext-doc a {background: url(../../files/data/graphics/icon-doc.svg) top left no-repeat;} .download-element.ext-docx a {background: url(../../files/data/graphics/icon-doc.svg) top left no-repeat;} .download-element.ext-xls a {background: url(../../files/data/graphics/icon-xls.svg) top left no-repeat;} .download-element.ext-xlsx a {background: url(../../files/data/graphics/icon-xls.svg) top left no-repeat;} .download-element.ext-jpg a {background: url(../../files/data/graphics/icon-jpg.svg) top left no-repeat;} .download-element.ext-jpeg a {background: url(../../files/data/graphics/icon-jpg.svg) top left no-repeat;} .download-element.ext-png a {background: url(../../files/data/graphics/icon-png.svg) top left no-repeat;} .download-element.ext-ppt a {background: url(../../files/data/graphics/icon-ppt.svg) top left no-repeat;} .download-element.ext-pptx a {background: url(../../files/data/graphics/icon-ppt.svg) top left no-repeat;} /*Form*/ #container .formbody input {-webkit-appearance:none;} #container .formbody button {-webkit-appearance:none;} #container .content-form {margin-top: 40px; margin-right: auto; margin-left: auto;} #container .formbody label {font-size: 1.6rem; line-height: 3rem; width: 100%; padding-top: 10px; margin-bottom: 5px; display: inline-block; float: left;} #container .formbody input {box-sizing: border-box; width: 100%; padding:15px 20px; margin-bottom: 15px; border:2px solid #EAEAEA; background-color: #F8F8F8; border-radius: 0px; transition: background-color 0.3s ease;} #container .formbody input:focus {background-color: #fff; outline: none;} #container .formbody textarea {box-sizing: border-box; width: 100%; padding:15px 20px; border: 2px solid #EAEAEA; margin-bottom: 15px; background-color: #F8F8F8; border-radius: 0px; transition: background-color 0.3s ease;} #container .formbody textarea:focus {background-color: #fff; outline: none;} /*#container .formbody .submit {background-color: #005fab; margin-top: 7px; padding: 5px 0; color: #fff; margin-left: 0; width: 200px;}*/ #container .formbody .submit {float: right; cursor: pointer; border: none; display: inline-block; font-size: 2.4rem; line-height: 2.9rem; letter-spacing: 6.4px; color: #fff; font-family: 'bufalino'; font-weight: 700; text-decoration: none; padding: 10px 23px 8px 23px; text-transform: uppercase;text-transform: uppercase; box-shadow: 0 0 40px 40px #91B297 inset, 0 0 0 0 #91B297; transition: box-shadow 0.3s ease, color 0.3s ease;} #container .formbody .submit:hover {box-shadow: 0 0 10px 0 #91B297 inset, 0 0 10px 4px #91B297; color: #91B297;} #container .formbody select {box-sizing: border-box; width: 100%; height: 63px; padding:15px 20px; margin-bottom: 15px; border:2px solid #EAEAEA; background-color: #F8F8F8; border-radius: 0px; appearance: none; -webkit-appearance: none; background-image: url(../../files/data/graphics/select-arrow.svg); background-position: center right 20px; background-repeat: no-repeat; transition: background-color 0.3s ease;} #container .formbody select:focus {background-color: #fff; outline: none;} #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;} #container .formbody .widget.datumfeld {position: relative;} #container .formbody .widget.datumfeld:after {content: ""; pointer-events: none; cursor: pointer; width: 30px; height: 30px; position: absolute; bottom: 30px; right: 15px; display: block; background: #F8F8F8 url(../../files/data/graphics/icon-datepicker.svg) center no-repeat;} /*radio und checkbox templates von scayla*/ #container .formbody .checkbox_container a {color: #d67500; text-decoration: none;} #container .formbody .checkbox_container input {position: absolute; padding: 0; opacity: 0;cursor: pointer;height: 0;width: 0; background: #dedede;} #container .formbody .checkbox_container label {cursor: pointer; width: 100%; position: relative; margin-bottom: 40px; display: inline-block;} #container .formbody .checkbox_container span {/*width: 90px;*/ margin-right: 15px;} #container .formbody .checkbox_container span.lname {width: calc(100% - 60px); padding-top: 5px; margin-right: 0;} #container .formbody .checkbox_container .checkmark {cursor: pointer; position: relative; height: 38px; width: 38px; background-color: #F8F8F8; border:2px solid #EAEAEA; border-radius: 0px;} #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; width: 38px; height: 38px; 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;} /*Player*/ #container .content-player {clear: both;} #container .content-player embed {max-width: 100%;} #container .content-player video {max-width: 100%;} #container .content-player iframe {max-width: 100%;} #container .content-player .me-plugin {max-width: 100%;} #container .content-player .mejs-overlay {max-width: 100% !important;} /*YouTube*/ #container .content-youtube {clear: both;} #container .content-youtube embed {max-width: 100%;} #container .content-youtube video {max-width: 100%;} #container .content-youtube iframe {max-width: 100%;} #container .content-youtube .me-plugin {max-width: 100%;} #container .content-youtube .mejs-overlay {max-width: 100% !important;} /*Google Map*/ .dlh_googlemap {width: 100% !important;} /* NEWS / TERMINE */ /*************************************************************/ .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: #C32021; color: #fff; transition: color 0.3s ease, background 0.3s ease;} .pagination ul li a:hover, .pagination ul li span.active {background: #C32021; color: #2E2E2E;} .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; background: #F8F8F8;} #footer .inside {position: relative; width: 90%; padding: 60px 5%; max-width: 1410px; margin: 0 auto;} #footer .content-text p a {color: #1D1C1B; text-decoration: none; transition: color 0.3s ease;} #footer .content-text p a:hover {color: #91B297;} #footer .content-text h4 {color: #1D1C1B; font-family: 'roboto_condensedregular'; text-transform: uppercase; font-size: 2rem; line-height: 3rem; font-weight: normal; margin-bottom: 25px;} #footer .content-text.footerpartner img {vertical-align: middle; margin-right: 15px;} #footer .content-text.footersocials a {display: flex; align-items: center;} #footer .content-text.footersocials img {margin-right: 10px;} #footer #backtotop {position: absolute; top: 60px; right: 5%; cursor: pointer;} /* 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*/ .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: 1700px) { #portrait h3 {width: auto; padding: 40px; margin-left: 0;} } @media screen and (max-width: 1600px) { .architektur .architekturslider .slick-prev {left: calc(5% + 230px);} .architektur .architekturslider .slick-next {left: calc(5% + 275px);} } @media screen and (max-width: 1500px) { #header .navigation ul li a {padding: 0.5em 0.6em;} #header .navigation ul li {margin: 0;} } @media screen and (max-width: 1400px) { #portrait h3 {width: auto;} .mod_article.vollbild.map {height: 40vw;} .mod_article.vollbild.map .inside {height: 40vw;} .mod_article.vollbild.map .inside #map {height: 40vw;} } @media screen and (max-width: 1300px) { #header .logo {width: 280px; margin-top: 55px;} } @media screen and (max-width: 1200px) { #header .logo {width: 130px; margin-top: 65px;} #header.up .logo {width: 130px; margin-top: 26px;} } @media screen and (max-width: 1024px) { #header {height: 80px;} #header .logo {width: 220px; margin-top: 19px;} #header.up .logo {width: 220px; margin-top: 19px;} #header .navigation {display: none;} #header .linkedin {margin-top: 26px; margin-right: 60px;} #container {padding-top: 80px;} h1, h2 {font-size: 5rem; line-height: 6rem;} h3 {font-size: 3.7rem; line-height: 4rem;} h4 {font-size: 3rem; line-height: 3.5rem;} #start .inside {width: 100%; padding: 0;} #start .inside .toptext {position: relative; width: 90%; padding-left: 5%; padding-right: 5%; top: 0; transform: none;} #start .inside .toptext .slick {position: relative; width: 350px;} #portrait h3 {margin-left: 0; padding: 0; background: initial;} .mod_article.linksaus .inside .autogrid_row .column:last-child {padding: 5px 5% 40px 5% !important;} #businessunits .content-gallery.content-gallery--cols-4 ul li {width: 48.5%;} #businessunits .content-gallery.content-gallery--cols-4 ul li:nth-of-type(2n) {margin-right: 0;} .architektur .architekturslider .slick-slide {padding: 0 10px;} .architektur .architekturslider .slick-prev {top: -75px; left: calc(5% + 125px);} .architektur .architekturslider .slick-next {top: -75px; left: calc(5% + 167px);} .daniportrait .overlaytoggle p {text-align: left; padding: 0 5%;} } @media screen and (max-width: 850px) { .testimonialslider {padding: 60px 80px;} .testimonialslider .slick-prev {width: 60px;} .testimonialslider .slick-next {width: 60px;} .testimonialslider:before {top: 20px;} .testimonialslider:after {bottom: 20px;} .testimonialslider h3 {font-size: 3rem; line-height: 3.8rem;} .testimonialslider .content-text.media--left {width: 100%; text-align: center;} #container .testimonialslider .content-text.media--left figure {margin: 0 auto; margin-bottom: 15px;} #container .testimonialslider .content-text.media--left .rte {width: 100%;} .mod_article.architektur .inside {padding: 40px 0 0 0;} } @media screen and (max-width: 767px) { .ambassador .quotedesktop {display: none !important;} .ambassador .quotemobile {display: block; padding-left: 30px; background: url(../../files/data/graphics/quote-icon.svg) top 5px left no-repeat; background-size: 20px;} .swhover.ambassador .image-container .overlay {background: rgba(255,255,255,0.85);} .daniportrait .overlaytoggle {display: none;} .danioverlay .overlaytext {position: relative; opacity: 1 !important; display: block !important; background: initial; padding: 20px 5%;} .danioverlay .overlaytext .rte {max-width: initial;} } @media screen and (max-width: 600px) { .swhover.ambassador .image-container .overlay {opacity: 1; position: relative; background: initial;} #businessunits .content-gallery.content-gallery--cols-4 ul li {width: 100%; margin-right: 0;} .boxweiss .logoline figure img {width: 100%; height: auto; padding: 0;} .kontaktpopup .kpcontainer {width: 335px;} .mod_article.vollbild {height: 50vw;} .mod_article.vollbild .inside {height: 50vw;} #start .toptext .slick .slick-slide {height: 110px;} #start .toptext .slick .slick-slide h5 {margin: 0;} #start .toptext .slick .slick-slide .content-text {margin-bottom: 10px;} #start .inside .toptext {padding-top: 20px;} #portrait {margin-top: 0 !important;} .mod_article .inside {padding: 20px 5%;} .architektur .architekturslider .slick-slide {padding: 0 7px;} .mobileaus {display: none !important;} .ce_form .row {grid-gap: 0 var(--grid__gutter);} #container .formbody select {padding: 10px 15px; height: 51px; margin-bottom: 8px; color: #1D1C1B;} #container .formbody input {padding: 10px 15px; margin-bottom: 8px;} #container .formbody textarea {padding: 10px 15px; margin-bottom: 8px;} #footer .content-text h4 {margin-bottom: 20px;} #container .mod_article.parallax .content-text {font-size: 1.2rem; line-height: 1.2rem;} .mod_article.vollbild.map {height: 60vw;} .mod_article.vollbild.map .inside {height: 60vw;} .mod_article.vollbild.map .inside #map {height: 60vw;} #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;} /*Abstaende*/ /*.oben0 {margin-top: 0px !important;} .oben10 {margin-top: 10px !important;} .oben20 {margin-top: 10px !important;} .oben30 {margin-top: 10px !important;} .oben40 {margin-top: 10px !important;} .oben50 {margin-top: 10px !important;}*/ .oben60 {margin-top: 10px !important;} .oben70 {margin-top: 10px !important;} .oben80 {margin-top: 10px !important;} .oben90 {margin-top: 10px !important;} .oben100 {margin-top: 10px !important;} .oben110 {margin-top: 10px !important;} .oben120 {margin-top: 10px !important;} .oben130 {margin-top: 10px !important;} .oben140 {margin-top: 10px !important;} .oben150 {margin-top: 10px !important;} /*.unten0 {margin-bottom: 0px !important;} .unten10 {margin-bottom: 10px !important;} .unten20 {margin-bottom: 10px !important;} .unten30 {margin-bottom: 10px !important;} .unten40 {margin-bottom: 10px !important;} .unten50 {margin-bottom: 10px !important;}*/ .unten60 {margin-bottom: 10px !important;} .unten70 {margin-bottom: 10px !important;} .unten80 {margin-bottom: 10px !important;} .unten90 {margin-bottom: 10px !important;} .unten100 {margin-bottom: 10px !important;} .unten110 {margin-bottom: 10px !important;} .unten120 {margin-bottom: 10px !important;} .unten130 {margin-bottom: 10px !important;} .unten140 {margin-bottom: 10px !important;} .unten150 {margin-bottom: 10px !important;} } @media screen and (max-width: 550px) { .team.content-accordion .handorgel__content {min-height: calc(228vw + 295px);} } /* FONTS */ /*************************************************************/ @font-face { font-family: 'roboto_condensedbold'; src: url('../../files/data/style/Fonts/robotocondensed-bold-webfont.woff2') format('woff2'), url('../../files/data/style/Fonts/robotocondensed-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condensedlight'; src: url('../../files/data/style/Fonts/robotocondensed-light-webfont.woff2') format('woff2'), url('../../files/data/style/Fonts/robotocondensed-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condensedregular'; src: url('../../files/data/style/Fonts/robotocondensed-regular-webfont.woff2') format('woff2'), url('../../files/data/style/Fonts/robotocondensed-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condenseditalic'; src: url('../../files/data/style/Fonts/robotocondensed-italic-webfont.woff2') format('woff2'), url('../../files/data/style/Fonts/robotocondensed-italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Caveat-Bold'; src: url('../../files/data/style/Fonts/Caveat-Bold.woff2') format('woff2'), url('../../files/data/style/Fonts/Caveat-Bold.woff') format('woff'); font-style: normal; } @font-face { font-family: 'Caveat-Medium'; src: url('../../files/data/style/Fonts/Caveat-Medium.woff2') format('woff2'), url('../../files/data/style/Fonts/Caveat-Medium.woff') format('woff'); font-style: normal; } @font-face { font-family: 'Caveat-SemiBold'; src: url('../../files/data/style/Fonts/Caveat-SemiBold.woff2') format('woff2'), url('../../files/data/style/Fonts/Caveat-SemiBold.woff') format('woff'); font-style: normal; } @font-face { font-family: 'Caveat-Regular'; src: url('../../files/data/style/Fonts/Caveat-Regular.woff2') format('woff2'), url('../../files/data/style/Fonts/Caveat-Regular.woff') format('woff'); font-style: normal; } /* Bufalino Regular font-family: "bufalino", sans-serif; font-weight: 500; font-style: normal; Bufalino Semibold font-family: "bufalino", sans-serif; font-weight: 600; font-style: normal; Bufalino Bold font-family: "bufalino", sans-serif; font-weight: 700; font-style: normal; Bufalino Extrabold font-family: "bufalino", sans-serif; font-weight: 800; font-style: normal; Bufalino Black font-family: "bufalino", sans-serif; font-weight: 900; font-style: normal; /*