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} .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%}} /*! * ClockPicker v0.0.7 for jQuery (http://weareoutman.github.io/clockpicker/) * Copyright 2014 Wang Shenwei. * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE) * * Bootstrap v3.1.1 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;white-space:normal;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;overflow:visible;margin:0;padding:0;z-index:auto;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;bottom:auto;left:auto;right:auto;top:auto;-webkit-transform:none;-ms-transform:none;transform:none}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.btn{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent}.btn.active:focus,.btn:active:focus,.btn:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default.active,.btn-default:active,.open .dropdown-toggle.btn-default{background-image:none}.btn-block{display:block;width:100%}.text-primary{color:#428bca}.clockpicker .input-group-addon{cursor:pointer}.clockpicker-moving{cursor:move}.clockpicker-align-left.popover>.arrow{left:25px}.clockpicker-align-top.popover>.arrow{top:17px}.clockpicker-align-right.popover>.arrow{left:auto;right:25px}.clockpicker-align-bottom.popover>.arrow{top:auto;bottom:6px}.clockpicker-popover .popover-title{background-color:#fff;color:#999;font-size:24px;font-weight:700;line-height:30px;text-align:center}.clockpicker-popover .popover-title span{cursor:pointer}.clockpicker-popover .popover-content{background-color:#f8f8f8;padding:12px}.popover-content:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.clockpicker-plate{background-color:#fff;border:1px solid #ccc;border-radius:50%;width:200px;height:200px;overflow:visible;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.clockpicker-canvas,.clockpicker-dial{width:200px;height:200px;position:absolute;left:-1px;top:-1px}.clockpicker-minutes{visibility:hidden}.clockpicker-tick{border-radius:50%;color:#666;line-height:26px;text-align:center;width:26px;height:26px;position:absolute;cursor:pointer}.clockpicker-tick.active,.clockpicker-tick:hover{background-color:#c0e5f7;background-color:rgba(0,149,221,.25)}.clockpicker-button{background-image:none;background-color:#fff;border-width:1px 0 0;border-top-left-radius:0;border-top-right-radius:0;margin:0;padding:10px 0}.clockpicker-button:hover{background-image:none;background-color:#ebebeb}.clockpicker-button:focus{outline:0!important}.clockpicker-dial{-webkit-transition:-webkit-transform 350ms,opacity 350ms;-moz-transition:-moz-transform 350ms,opacity 350ms;-ms-transition:-ms-transform 350ms,opacity 350ms;-o-transition:-o-transform 350ms,opacity 350ms;transition:transform 350ms,opacity 350ms}.clockpicker-dial-out{opacity:0}.clockpicker-hours.clockpicker-dial-out{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}.clockpicker-minutes.clockpicker-dial-out{-webkit-transform:scale(.8,.8);-moz-transform:scale(.8,.8);-ms-transform:scale(.8,.8);-o-transform:scale(.8,.8);transform:scale(.8,.8)}.clockpicker-canvas{-webkit-transition:opacity 175ms;-moz-transition:opacity 175ms;-ms-transition:opacity 175ms;-o-transition:opacity 175ms;transition:opacity 175ms}.clockpicker-canvas-out{opacity:.25}.clockpicker-canvas-bearing,.clockpicker-canvas-fg{stroke:none;fill:#0095dd}.clockpicker-canvas-bg{stroke:none;fill:#c0e5f7}.clockpicker-canvas-bg-trans{fill:rgba(0,149,221,.25)}.clockpicker-canvas line{stroke:#0095dd;stroke-width:1;stroke-linecap:round}.clockpicker-button.am-button{margin:1px;padding:5px;border:1px solid rgba(0,0,0,.2);border-radius:4px}.clockpicker-button.pm-button{margin:1px 1px 1px 136px;padding:5px;border:1px solid rgba(0,0,0,.2);border-radius:4px} /* NUUNNAV CSS*/ .nuunnavbutton {display: none; width: 55px; cursor: pointer; position: fixed; z-index: 2500; top: 51px; right: 3%;} .nuunnavbutton .navline {height: 1px; width: 100%; box-sizing: border-box; margin-bottom: 12px; border-radius: 0px; background: #8b8b8b; opacity: 1; transition: transform 0.3s ease, opacity 0.3s ease, margin-left 0.3s ease, width 0.3s ease;} .nuunnavbutton .navline:last-of-type {margin-bottom: 0; margin-left: 20%; width: 80%;} .nuunnavbutton.crossed .navline.top {transform: rotate(-45deg) translateY(5px) translateX(-10px);} .nuunnavbutton.crossed .navline.mid {opacity: 0;} .nuunnavbutton.crossed .navline.bot {margin-left: 0; width: 100%; transform: rotate(-135deg) translateY(9px) translateX(13px);} #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 .mod_navigation {margin-top: 20px; margin-bottom: 20px; display: inline-block; width: 100%;} #nuunnav li a {color: #303233; text-decoration: none; transition:color 0.3s ease;} #nuunnav li a.active {color: #E1171A;} #nuunnav li a:hover {color: #E1171A;} #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; text-transform: uppercase; font-size: 2.4rem; float: left; clear: left; padding: 14px 0 10px 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; 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: 15px; height: 2px; background: #303233;} #nuunnav ul li.submenu .subtoggler .subtoggline2 {width: 15px; height: 2px; background: #303233; 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; text-transform: uppercase; font-size: 2rem; float: left; clear: left; padding: 5px 0 5px 0;} #nuunnav ul.level_2 li a.active {font-family: 'robotobold'; letter-spacing:1px;} #nuunnav ul.level_2 li a:hover {color: #E1171A; 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;} #nuunnav ul.level_3 > li > a {display: inline-block; text-transform: none; font-size: 1.7rem; float: left; clear: left; padding: 5px 0 5px 0;} #nuunnav ul.level_3 li a.active {font-family: 'robotobold'; letter-spacing:1px;} #nuunnav ul.level_3 li a:hover {color: #E1171A; 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: 'robotobold'; letter-spacing:1px;} #nuunnav ul.level_4 li a:hover {color: #E1171A; background: url(../../files/data/files/data/graphics/icon-nav-bg.svg) center left 6vw no-repeat;} @media screen and (max-width: 1000px) { .nuunnavbutton {display: block;} #nuunnav {display: block;} } /*************************************************************/ /* Design: NEUE BLUMENAU */ /* File: screen.css */ /*-----------------------------------------------------------*/ /* Autor: Thomas Dürig, www.nuun.ch */ /* Datum: September 2022 */ /* Site: www.neueblumenau.ch */ /*************************************************************/ /* LAYOUT */ /*************************************************************/ /*FARBEN*/ /* dunkel: #1A1919 lemon: #D5D85A grau: #8B8B8B */ /*SR Layer*/ body #srl_layer {width: 100% !important; max-width: 320px !important; height: auto !important; margin: 0 !important; transform: translate(-50%, -50%) !important; background:#F8F6EE !important; border: 10px solid #D4D759 !important;} body #srl_layer .srl_content {padding: 30px;} body #srl_layer #srl_closeBtn {width: 30px; height: 30px; background: url(../../files/data/graphics/desktopnav-close.svg) center no-repeat;} body #srl_layer h2 {display: inline-block; color: #fff; font-size: 2.4rem; line-height: 2.9rem; font-family: 'apaxregular'; letter-spacing: 0.93px; padding: 10px 40px; background: #D67500; margin: 0;} body #srl_layer .content-text figure {display: block; width: 70%; margin: 0 15% 30px 15%;} body #srl_layer .content-text {display: block !important; box-sizing: border-box; width: 100%; padding: 20px 0px 10px 0px; margin: 0 0 30px 0;} body #srl_layer .content-text p {margin: 0; font-size: 1.8rem; line-height: 2.2rem;} body #srl_layer .content-hyperlink a {font-size: 1.8rem; padding: 17px 30px 15px 30px;} /* GLOBAL */ /*************************************************************/ html, body {position: relative; height: 100%; width:100%; font: 62.5% 'robotoregular', Arial, Verdana, Helvetica, sans-serif; letter-spacing:0em;} body {font-size:15px; font-size:1.5rem; line-height: 2.8rem; color: #1A1919; background-color: #fff;} .invisible {display: none !important;} .schmal50 {width: 50% !important; margin: 0 auto;} .schmal75 {width: 75% !important; margin: 0 auto;} .links {text-align:left !important;} strong {font-family: 'robotoregular';} .ce_text a, .content-text a {color: #1A1919; text-decoration: underline;} .ce_form a {color: #1A1919; text-decoration: underline;} .mod_article.dunkel .ce_text a, .mod_article.dunkel .content-text a {color: #fff; text-decoration: underline;} .zentriert {text-align: center;} /*Backtotop*/ #backtotop {width: 70px; height: 70px; position: fixed; bottom: 45px; right: 20px; cursor: pointer; opacity: 0; z-index: 5000; background: url(../../files/data/graphics/backtotop.svg) center no-repeat; background-size: contain;} .cookiebar {z-index: 10000;} /*Flipbert*/ .flipbook.df-floating .df-ui-controls:before, .flipbook .df-floating .df-ui-controls:before, .df-lightbox-wrapper.df-floating .df-ui-controls:before, .df-lightbox-wrapper .df-floating .df-ui-controls:before {display: none;} .flipbook.df-floating .df-ui-controls:after, .flipbook .df-floating .df-ui-controls:after, .df-lightbox-wrapper.df-floating .df-ui-controls:after, .df-lightbox-wrapper .df-floating .df-ui-controls:after {display: none;} body .nuunnavbutton .navline {background: #1A1919;} body #nuunnav li a {color: #1A1919; font-family: 'robotobold';} body #nuunnav li a:hover, body #nuunnav li a.active, body #nuunnav li a.trail {color: #D5D85A;} body #nuunnav .content-text {display: block; padding: 7px 0 7px 0; margin-top: 0px;} body #nuunnav .logo {margin-top: 37px;} body #nuunnav .inside {padding: 0 3%;} /* HEADER / NAVIGATION */ /*************************************************************/ #header {position: absolute; left: 0; top: 0; width: 390px; height: 100%; background:#fff; box-shadow: rgba(0,0,0,0.04) 0 0 30px 0; z-index: 1500;} /*#header.headerabs {position: absolute;}*/ #header.headerfix {position: fixed;} #header > .inside {display: inline-block; width: 100%;} #header .logo {margin-top: 35px; margin-bottom: 40px; text-align: center;} #header .logomobile {display: none;} #header .homelink {padding-left: 90px; margin-top: 65px;} #header .navigation li {margin: 0 38px 0px 0; text-align: right;} #header .navigation ul.level_2 {display: none;} #header .navigation li.active ul.level_2, #header .navigation li.trail ul.level_2 {display: block;} #header .navigation a {display: block; padding: 5px 15px; color: #8B8B8B; font-family: 'robotolight'; font-size: 1.7rem; line-height: 3rem; text-decoration: none; letter-spacing: 0.3rem; text-transform: uppercase; transition: color 0.3s ease;} #header .navigation ul.level_2 a {font-family: 'robotoregular'; padding-left: 97px; text-transform: none; letter-spacing: 0.1rem; line-height: 2.5rem; transition: color 0.3s ease, border-color 0.3s ease; font-size: 16px;} #header .navigation ul.level_3 a {padding-left: 113px; font-family: 'robotolight';} #header .navigation ul li a.naviklein {display: block; padding: 3px 18px 3px 18px; margin-right: 0px; color: #8B8B8B; font-family: 'robotolight'; font-size: 1.6rem; line-height: 1.8rem; text-decoration: none; letter-spacing: 0.05rem; text-transform: none; transition: color 0.3s ease;} #header .navigation ul li.kontakt {margin-bottom: 20px;} #header .navigation li a:hover, #header .navigation li a.active, #header .navigation ul li a.naviklein:hover, #header .navigation ul li a.naviklein.active {color: #1A1919;} #header .navigation li a.active, #header .navigation li a.naviklein.active {background-color: #D5D85A;} #header .navigation li a.trail {color: #1A1919;} #header .navigation li.abstand {margin-bottom: 40px;} /*#header .headertext {position: absolute; bottom: 92px; left: 0;} #header.headerabs .headertext {position: relative; bottom: initial;}*/ #header.headerfix .headertext {position: absolute; bottom: 92px; left: 0;} #header .headertext {position: relative; bottom: initial;} #header .mobileheadertop {display: none; height: 29px; background: #D5D85A; box-sizing: border-box; width: 100%; padding: 0 3%;} #header .mobileheadertop .content-text {display: inline-block; color: #1A1919; text-transform: uppercase; font-size: 1.2rem; line-height: 2.8rem; margin: 1px 0 0 0; margin-bottom: 0; padding: 0;} #header .mobileheadertop .content-text a {color: #1A1919; text-decoration: none;} #header .mobileheadertop .content-text p {margin: 0;} #header .mobileheadertop .content-text.links {float: left;} #header .mobileheadertop .content-text.rechts {float: right;} .mobilebtn-ct {display: none;} .mm-menu.mm-theme-black li a {color: #fff;} .mm-menu.mm-theme-dark li a:hover, .mm-menu.mm-theme-dark li a.active, .mm-menu.mm-theme-dark li a.trail, .mm-menu.mm-theme-dark li span.active {color: #fff;} .mm-menu.mm-theme-black .mm-listview>li .mm-next:after {border-color: #fff;} .mm-menu.mm-theme-black em.mm-counter {color: #fff;} .mm-menu.mm-theme-black .mm-navbar a, .mm-menu.mm-theme-black .mm-navbar>* {color: #fff;} .mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview>li.mm-selected>span {color: #fff;} #header .content-text {margin-left: 55px; margin-top: 80px; color: #1A1919; font-size: 1.6rem; line-height: 2.5rem;} #header .content-text a {color: #1A1919; text-decoration: none;} /*Social Media Buttons*/ .socialmediabuttons {position: fixed; right: -174px; top: 10%;} .socialmediabuttons .button {width: 220px; height: 46px; background: #1A1919; margin-bottom: 8px; margin-left: 0px; transition: margin-left 0.3s ease;} .socialmediabuttons .button:hover {margin-left: -174px;} .socialmediabuttons .button a {display: block; width: 100%; height: 100%;} .socialmediabuttons .button .smbbild {display: inline-block; float: left; height: 46px;} .socialmediabuttons .button .smbbild img {width: 30px; padding: 8px;} .socialmediabuttons .button p {display: inline-block; float: left; margin: 10px; color: #fff;} .nuunnavbutton .navline {background: #fff; transition: transform 0.3s ease, background 0.3s ease;} .nuunnavbutton.crossed .navline {background: #1A1919;} #header .buttonsrechts {position: fixed; z-index: 50; right: 0px; top: 130px;} #header .buttonsrechts .button {position: relative; width: 95px; height: 95px; margin-bottom: 20px; border-radius: 0px; box-shadow: 0 15px 50px rgba(0,0,0,0.05); transition: transform 0.3s ease;} #header .buttonsrechts .button:hover {transform: scale(1.05);} #header .buttonsrechts .button a {display: block; width: 100%; height: 100%;} #header .buttonsrechts .gm {background: #fff url(../../files/data/graphics/icon-gault-millau.svg) center no-repeat; background-size: 70px;} #header .buttonsrechts .michelin {background: #fff url(../../files/data/graphics/icon-michelin.svg) center no-repeat; background-size: 70px;} #header .buttonsrechts .gt {background: #fff url(../../files/data/graphics/icon-grand-tables.svg) center no-repeat; background-size: 50px;} #header .buttonsrechts .cpm {background: #fff url(../../files/data/graphics/icon-prosper-montagne.png) center no-repeat; background-size: 70px;} /* SLIDER */ /*************************************************************/ .smallheader {position: fixed; top: 0; right: 0; width: calc(100% - 390px); height: 55px; text-align: right; box-sizing: border-box; padding-right: 55px; z-index: 10; background: #fff;} .smallheader .content-text {display: inline-block; font-size: 1.7rem; line-height: 2.8rem; letter-spacing: 3px; font-family: 'robotolight'; margin: 13px 0 0 30px; text-transform: uppercase; color: #8B8B8B;} .smallheader .content-text a {color: #8B8B8B; text-decoration: none; padding: 0 10px;} .smallheader .content-text a:hover {color: #1A1919;} body.noslider #slider {height: auto; padding: 20px;} #slider .mod_article {height: calc(33vw - 110px); overflow: hidden;} #slider {width: 100%; height: 33vw; box-sizing: border-box; padding: 55px;} #slider .homeslider .swiper {height: calc(33vw - 110px);} #slider .homeslider .swiper-slide {height: calc(33vw - 110px);} #slider .homeslider {width: 100%; height: calc(33vw - 110px);} #slider .homeslider .content-text {height: calc(33vw - 110px);} #slider .homeslider figure img {height: calc(33vw - 110px);} #slider .homeslider .content-image {height: calc(33vw - 110px);} #slider .dlh_googlemap {height: calc(33vw - 110px);} body.home #slider .mod_article {height: calc(100vh - 110px); overflow: hidden;} body.home #slider {width: 100%; height: 100vh; box-sizing: border-box; padding: 55px;} body.home #slider .homeslider .swiper {height: calc(100vh - 110px);} body.home #slider .homeslider .swiper-slide {height: calc(100vh - 110px);} body.home #slider .homeslider {width: 100%; height: calc(100vh - 110px);} body.home #slider .homeslider .content-text {height: calc(100vh - 110px);} body.home #slider .homeslider figure img {height: calc(100vh - 110px);} body.home #slider .homeslider .content-image {height: calc(100vh - 110px);} body.home #slider .homeslider .swiper-pagination {display: none;} #slider .homeslider .content-text {width: 100%;} #slider .homeslider figure img {width: 100%; height: 100%; object-fit: cover;} #slider .homeslider .swiper-button-prev {opacity: 0; position: absolute; z-index: 500; top: 50%; left: 50px; width: 70px; height: 60px; cursor: pointer; transition:opacity 0.3s ease; background: url(../../files/data/graphics/slider-prev.svg) center no-repeat;} #slider .homeslider .swiper-button-prev svg {display: none;} #slider .homeslider .swiper-button-next {opacity: 0; position: absolute; z-index: 500; top: 50%; right: 50px; width: 70px; height: 60px; cursor: pointer; transition:opacity 0.3s ease; background: url(../../files/data/graphics/slider-next.svg) center no-repeat;} #slider .homeslider .swiper-button-next svg {display: none;} body.home #slider .sliderdown {display: block;} #slider .sliderdown {display: none; opacity: 0; position: absolute; bottom: 35px; z-index: 500; width: 100%; text-align: center; transition:opacity 0.3s ease;} #slider .sliderdown img {width: 60px; height: 60px;} #slider:hover .swiper-button-prev {opacity: 1;} #slider:hover .swiper-button-next {opacity: 1;} #slider:hover .sliderdown {opacity: 1;} #slider .homeslider .content-text .rte {position: absolute; z-index: 500; bottom: 200px; left: 50%; transform: translateX(-50%); width: 85%;} #slider .homeslider .textblock h1, #slider .homeslider .textblock h2, #slider .homeslider .textblock h3, #slider .homeslider .textblock h4 {width: 100%; position: relative; font-family: 'robotolight'; font-size: 7rem; line-height: 9.5rem; color: #FFFFFF; padding: 5px 20px 3px 20px; margin: 0 0 15px 0; bottom: 0; display: inline-block; float: left; clear: left;} #slider .homeslider .textblock p {color: #FFFFFF; background: #1A1919; display: inline-block; float: left; clear: left; font-size: 1.8rem; line-height: 3rem; padding: 5px 30px 5px 30px; margin: 0;} #slider .homeslider .textblock a {text-decoration: none; color: #FFFFFF;} /* #slider, .swiper-slide, .slick-slider, .slick-slide .image_container, .ce_slick-slider .image_container {height: 30vw;} .slick-slide .image_container .image_div, .ce_slick-slider .image_container .image_div {height: 30vw; background-size: cover; background-position: center;} */ #slider .content-headline {font-family: 'robotolight'; color: #fff; font-size: 6rem; line-height: 7.5rem; width: 100%; text-align: center; position: absolute; bottom: 170px;} #slider .content-headline.gruen {color: #D5D85A;} /*#slider .ce_headline span {background: #1A1919; padding: 15px 30px 10px 30px; color:#FFFFFF;}*/ /*Menuslider*/ .menuslider .swiper-slide img {width: 100%; height: auto;} .menuslider .swiper-button-prev {position: absolute; z-index: 500; top: 50%; left: 20px; width: 70px; height: 60px; cursor: pointer; transition:opacity 0.3s ease; transform: translateY(-50%); background: url(../../files/data/graphics/slider-prev.svg) center no-repeat;} .menuslider .swiper-button-prev svg {display: none;} .menuslider .swiper-button-next {position: absolute; z-index: 500; top: 50%; right: 20px; width: 70px; height: 60px; cursor: pointer; transition:opacity 0.3s ease; transform: translateY(-50%); text-align: right; background: url(../../files/data/graphics/slider-next.svg) center no-repeat;} .menuslider .swiper-button-next svg {display: none;} .menuslider .swiper-pagination {position: absolute; bottom: 20px; right: initial; left: 20px; width: auto; box-sizing: border-box; padding-left: 0px; z-index: 20; margin-bottom: 0;} .menuslider .swiper-pagination .swiper-pagination-bullet {cursor: pointer; display: inline-block; width: 11px; height: 11px; border-radius: 20px; border: 2px solid #fff; margin: 0 3px; background: rgba(255,255,255,0); transition: background 0.3s ease;} .menuslider .swiper-pagination .swiper-pagination-bullet:hover, .menuslider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #fff;} .menuslider .swiper-pagination .swiper-pagination-bullet button {display: none;} /* INHALTSELEMENTE */ /*************************************************************/ /*Layout*/ #container {box-shadow: rgba(0,0,0,0.04) 0 30px 30px 0; box-sizing: border-box; z-index: 500; position: relative; display: inline-block; width: 100%; padding-left: 390px; margin-bottom: 0px; background: #fff;} #container.headerfixed {margin-bottom: 410px;} body.gelb #container {background:#FAFB9A;} /*Articles*/ #main .mod_article {padding: 40px 10%;} #main .mod_article.vollbild {padding: 0; width: 100%; height: 30vw; overflow: hidden;} #main .mod_article.vollbild .content-image {width: 100%; margin: 0; padding: 0; height: 30vw;} #main .mod_article.vollbild .content-image figure {width: 100%; margin: 0; padding: 0; height: 30vw; display: flex; justify-content: center; align-items: center;} #main .mod_article.vollbild .content-image figure img {width: 100%; margin: 0; padding: 0; height: auto;} #main .mod_article.grau {background:#F6F6F6;} #main .mod_article.gruen {background:#D5D85A;} #main .mod_article.gruen p {color: #FFFFFF;} #main .mod_article.gruen h1, #main .mod_article.gruen h2, #main .mod_article.gruen h3, #main .mod_article.gruen h1.ce_headline, #main .mod_article.gruen h2.ce_headline, #main .mod_article.gruen h3.ce_headline {color: #FFFFFF;} #main .mod_article .inside {max-width: 1100px; margin: 0 auto;} /*Article Gelb*/ body #main .mod_article.gelb {background: #FAFB9A;} body #main .mod_article.gelb h1, body #main .mod_article.gelb h2, body #main .mod_article.gelb h3, body #main .mod_article.gelb h4 {color: #1A1919;} body .mod_article.gelb .divider {background: url(../../files/data/graphics/divider.svg) center no-repeat; background-size: 200px;} body #main .mod_article.gelb .content-text.lead {color: #1A1919;} /*Headlines*/ #main h1, #main h2 {font-family: 'robotolight'; font-size: 4rem; line-height: 5rem; color: #8B8B8B;} #main h1:first-child {margin-top:0px;} #main h3 {font-size: 4rem; line-height: 5rem; font-family: 'robotolight'; color: #8B8B8B; margin-bottom:30px; padding-top: 20px; background: url(../../files/data/graphics/headline-line.svg) top left no-repeat;} #main h4 {font-size: 2.8rem; line-height: 3.5rem; font-family: 'robotolight'; color: #8B8B8B; margin-bottom:12px;} #header h6, #footer h6 {font-size: 1.5rem; line-height: 2rem; font-family: 'robotolight'; color: #8B8B8B; margin-bottom:18px; letter-spacing: 0.2rem; text-transform: uppercase;} /*Custom*/ .divider {display: block; clear: both; width: 100%; height: 60px; margin: 20px auto; background:url(../../files/data/graphics/divider.svg) center no-repeat; background-size: 45px;} /*Text*/ .image_container img, figure img {max-width: 100%; height: auto;} #container .ce_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%;} .ce_text a {transition: color 0.3s ease;} .ce_text a:hover {color: #D5D85A;} .medienspiegel .ce_text a {text-decoration: none;} #main .ce_text.lead {text-align: center; margin-top: 15px;} #main .ce_text.lead p {font-size: 3rem; line-height: 4rem;} #main .ce_text.lead em {font-size: 2rem; line-height: 3rem;} #container .content-text {margin-bottom: 30px;} #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%;} .content-text a {transition: color 0.3s ease;} .content-text a:hover {color: #D5D85A;} .medienspiegel .content-text a {text-decoration: none;} #main .content-text.lead {text-align: center; margin-top: 15px;} #main .content-text.lead p {font-size: 3rem; line-height: 4rem;} #main .content-text.lead em {font-size: 2rem; line-height: 3rem;} #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 {flex:none; max-width: initial;} #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; box-shadow: 0 0 30px rgba(0,0,0,0.05);} #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.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 {flex:none; max-width: initial;} #container #main .content-gallery ul li figure {width: 100%; overflow: hidden; line-height: 0; box-shadow: 0 0 30px rgba(0,0,0,0.05);} #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 .ce_text ul, #main .content-text ul {display: table; margin-bottom: 25px;} #main .ce_text ul li, #main .content-text ul li {vertical-align: middle; list-style: none; padding-left: 35px; margin-bottom: 15px; background: url(../../files/data/graphics/icon-listbullet.svg) no-repeat top 5px left;} #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.6rem; color: #1A1919; -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; display: inline-block; float: left; width:100%; margin-right: 3%; margin-bottom: 30px; min-height: 95px; box-sizing: border-box; padding:20px 50px 20px 100px; border-radius: 4px; background:#F5F5F5 url(../../files/data/graphics/icon-download.svg) right 20px center no-repeat; box-shadow: 0 10px 10px rgba(0,0,0,0.06); transition: box-shadow 0.3s ease;} .content-download ul li:hover, .content-downloads ul li:hover {box-shadow: 0 0 0 rgba(0,0,0,0);} .content-download ul li:nth-of-type(2n), .content-downloads ul li:nth-of-type(2n) {margin-right: 0;} .content-download ul li figure, .content-downloads ul li figure {display: inline-block; float: left; width: 80px; height: 100%; line-height: 0; position: absolute; top: 0; left: 0;} .content-download ul li figure img, .content-downloads ul li figure img {border-radius: 4px; width: 100%; height: 100%; object-fit: cover;} body #container .content-download ul li figure a, body #container .content-downloads ul li figure a {padding: 0; width: 100%; height: 100%;} body #container .content-downloads a, body #container .content-download a, body #container .enclosure a {position:relative; text-decoration: underline; text-decoration-color: #DBDBDB; color: #5E5E5E; text-decoration: none; display:block; padding:0; margin:0 0 0 0; transition: color 0.5s ease, text-decoration-color 0.3s ease;} body #container .content-downloads a.dllink, body #container .content-download a.dllink, body #container .enclosure a.dllink {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;} body #container .content-downloads a .size, body #container .content-download a .size, body #container .enclosure a .size {font-size: 1.4rem;} body #container .content-downloads a .extension, body #container .content-download a .extension, body #container .enclosure a .extension {font-size: 1.4rem; text-transform: uppercase; margin-left: 15px;} body #container .enclosure a.dllink:hover ~ a, body #container .content-downloads a.dllink:hover ~ a, body #container .content-downloads a.dllink:active ~ a, body #container .content-download a.dllink:hover ~ a, body #container .content-download a.dllink:active ~ a {color: #D5D85A; text-decoration-color: #D5D85A;} .content-download ul li.ext-doc figure img, .content-downloads ul li.ext-doc figure img {display: none;} .content-download ul li.ext-docx figure img, .content-downloads ul li.ext-docx figure img {display: none;} .content-download ul li.ext-zip figure img, .content-downloads ul li.ext-zip figure img {display: none;} .content-download ul li.ext-xls figure img, .content-downloads ul li.ext-xls figure img {display: none;} .content-download ul li.ext-xlsx figure img, .content-downloads ul li.ext-xlsx figure img {display: none;} .content-download ul li.ext-ppt figure img, .content-downloads ul li.ext-ppt figure img {display: none;} .content-download ul li.ext-pptx figure img, .content-downloads ul li.ext-pptx figure img {display: none;} .content-download ul li.ext-doc figure, .content-downloads ul li.ext-doc figure {background: url(../../files/data/graphics/icon-download-doc.svg) center no-repeat;} .content-download ul li.ext-docx figure, .content-downloads ul li.ext-docx figure {background: url(../../files/data/graphics/icon-download-doc.svg) center no-repeat;} .content-download ul li.ext-zip figure, .content-downloads ul li.ext-zip figure {background: url(../../files/data/graphics/icon-download-zip.svg) center no-repeat;} .content-download ul li.ext-xls figure, .content-downloads ul li.ext-xls figure {background: url(../../files/data/graphics/icon-download-xls.svg) center no-repeat;} .content-download ul li.ext-xlsx figure, .content-downloads ul li.ext-xlsx figure {background: url(../../files/data/graphics/icon-download-xls.svg) center no-repeat;} .content-download ul li.ext-ppt figure, .content-downloads ul li.ext-ppt figure {background: url(../../files/data/graphics/icon-download-ppt.svg) center no-repeat;} .content-download ul li.ext-pptx figure, .content-downloads ul li.ext-pptx figure {background: url(../../files/data/graphics/icon-download-ppt.svg) center no-repeat;} /*Hyperlink*/ .ce_hyperlink, .content-hyperlink {display: block; text-align: center; margin-bottom:50px;} .ce_hyperlink a, .content-hyperlink a {color: #D5D85A; display: inline-block; font-size: 2rem; line-height: 2rem; border:1px solid #D5D85A; border-radius: 30px; text-transform: uppercase; font-family: 'robotoregular'; letter-spacing: 0.1rem; width: auto; padding: 17px 60px 15px 60px; text-decoration: none; background: none; transition: background 0.3s ease, color 0.3s ease;} .ce_hyperlink a:hover, .content-hyperlink a:hover {background: #D5D85A; color: #fff;} /*Form*/ #container .formbody input {-webkit-appearance:none;} #container .formbody button {-webkit-appearance:none;} #container .ce_form {margin-top: 0px; width: 100%; margin-right: auto; margin-left: auto;} #container .formbody label {width: 100%; padding-top: 10px; margin-bottom: 8px; display: inline-block; float: left;} #container .formbody input {box-sizing: border-box; width: 100%; padding:15px 10px; margin-bottom: 5px; border:none; background-color: #F5F5F5; border-radius: 4px;} #container .formbody textarea {box-sizing: border-box; width: 100%; padding:15px 10px; border: none; margin-bottom: 5px; background-color: #F5F5F5; border-radius: 4px;} /*#container .formbody .submit {background-color: #005fab; margin-top: 7px; padding: 5px 0; color: #fff; margin-left: 0; width: 200px;}*/ #container .formbody .widget-submit {text-align: right;} #container .formbody .submit {font-family: 'robotolight'; color: #1A1919; display: inline-block; position: relative; z-index: 10; letter-spacing: 0px; margin-top: 10px; padding: 13px 20px 13px 20px; background: #D5D85A; text-decoration: none; border-radius: 0px; cursor: pointer; border: none; text-transform: uppercase; letter-spacing: 0.3rem; transition: transform 0.3s ease;} #container .formbody .submit:hover {transform: scale(1.05);} #container .formbody select {box-sizing: border-box; width: 100%; padding:15px 10px; margin-bottom: 15px; border:none; background-color: #F5F5F5; border-radius: 4px;} #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: #F50E14; 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: 10px; display: inline-block;} #container .formbody .checkbox_container span {width: 90px; margin-right: 15px;} #container .formbody .checkbox_container span.lname {width: auto; padding-top: 5px; display: inline-block; margin-right: 0; width: calc(100% - 60px);} #container .formbody .checkbox_container .checkmark {display: inline-block; cursor: pointer; position: relative; height: 38px; width: 38px; background-color: #fff; border:1px solid #c9c9c9; border-radius: 3px;} #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: #F50E14; 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;} #container .formbody input.flatpickr-input {background: #F5F5F5 url(../../files/data/graphics/icon-datepicker.svg) center right 10px no-repeat;} .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {background: #D5D85A; border-color: #D5D85A;} .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {fill: #D5D85A;} #container .formbody .widget.datumfeld {position: relative;} #container .formbody .widget.datumfeld:after {content:""; display: block; width: 40px; height: 40px; position: absolute; bottom: 11px; right: 0; background: #F5F5F5 url(../../files/data/graphics/icon-datepicker.svg) center right 10px no-repeat; pointer-events: none;} #container .formbody input.clockpicker {background: #F5F5F5 url(../../files/data/graphics/icon-timepicker.svg) center right 10px no-repeat;} body .clockpicker-popover {font-size: 1.8rem;} .text-primary {color: #D5D85A;} .clockpicker-canvas-bearing, .clockpicker-canvas-fg {fill: #D5D85A;} .clockpicker-canvas line {stroke: #D5D85A;} .clockpicker-canvas-bg {fill: #D5D85A;} .clockpicker-canvas-bg-trans {fill: rgba(213,216,90,.45);} .clockpicker-tick.active, .clockpicker-tick:hover {background-color: rgba(213,216,90,.45);} /*Columns*/ /*#container .rs-columns {display: block;} #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;}*/ /*Linkboxen*/ .linkboxen {display: flex; flex-wrap: wrap; justify-content: center; width: 100%;} .linkboxen .box {display: inline-block; float: left; margin-bottom: 25px; box-sizing: border-box; position: relative;} .linkboxen .box img {width: 100%; height: auto;} .linkboxen .box a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .linkboxen .logobox .logoinside {background-size: contain !important; width: 100%; height: 100%;} .linkboxen .box:last-of-type {margin-right: 0;} .linkboxen .dreispaltig {width: 31.3%; margin-right: 3%;} .linkboxen .dreispaltig:nth-of-type(3n) {margin-right: 0;} .linkboxen .dreispaltig:nth-of-type(3n+1) {clear: left;} .linkboxen .dreispaltig.logobox .image-container {height: 12.6vw; padding: 1vw 10%; box-sizing: border-box; background: #ffffff; border:1px solid #ececec;} .linkboxen .vierspaltig {width: 22.75%; margin-right: 3%;} .linkboxen .vierspaltig:nth-of-type(4n) {margin-right: 0;} .linkboxen .vierspaltig:nth-of-type(4n+1) {clear: left;} .linkboxen .vierspaltig.logobox .image-container {height: 9.1vw; padding: 1vw 10%; box-sizing: border-box; background: #ffffff; border:1px solid #ececec;} .linkboxen .fuenfspaltig {width: 17.6%; margin-right: 3%;} .linkboxen .fuenfspaltig:nth-of-type(5n) {margin-right: 0;} .linkboxen .fuenfspaltig:nth-of-type(5n+1) {clear: left;} .linkboxen .fuenfspaltig.logobox .image-container {height: 7vw; padding: 1vw 10%; box-sizing: border-box; background: #ffffff; border:1px solid #ececec;} /*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; height: 30vw; padding-bottom: 0 !important;} /*Tabs*/ #skltbs-tabs .skltbs-tab-group {text-align: center; outline: none;} #skltbs-tabs .skltbs-tab-group .skltbs-tab-item {float: none; display: inline-block;} #skltbs-tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab {width: 250px; outline: none; margin: 15px; font-size: 2rem; font-family: 'robotoregular'; letter-spacing: 0.1rem; text-transform: uppercase; border:2px solid #1A1919; background: #fff; color: #1A1919; transition: color 0.3s ease, background 0.3s ease;} #skltbs-tabs .skltbs-tab-group .skltbs-tab-item.is-active .skltbs-tab, #skltbs-tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab:hover {color: #fff; background: #1A1919;} #skltbs-tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab:focus {outline:none; box-shadow: none;} #skltbs-tabs .skltbs-panel-group {background: none;} #skltbs-tabs .skltbs-panel {background: none;} #skltbs-tabs .skltbs-panel:focus {box-shadow: none;} /*Team*/ #main .ce_rsce_team {display: flex; flex-wrap: wrap; justify-content: center;} .portrait {border-bottom: 1px solid #ECECEC; background: #F6F6F6; display: inline-block; text-align: center; float: left; box-sizing: border-box; width: 22.75%; margin-right: 3%; margin-bottom: 35px; min-height: 455px;} .portrait:nth-of-type(4n) {margin-right: 0;} .portrait:nth-of-type(4n+1) {clear: left;} .portrait:last-of-type {margin-right: 0;} .portrait img {width: 100%; height: auto; position: relative;} #container .portrait p {display: block; width: 96%; padding: 0 2%;} #container .portrait p:last-of-type {line-height: 2.3rem; min-height: 46px;} #container .portrait h4 {min-height: 46px; padding: 0 10px; text-transform: none; color: #1A1919 !important; font-family: 'robotoregular';} #container .portrait .member-details {padding-bottom: 50px; position: relative; min-height: 160px;} #container .portrait .member-details .teamlinks {position: absolute;bottom: 10px; width: 100%; text-align: center;} #container .portrait .member-details a {display: inline-block; width: 30px; height: 30px; margin:0 3px 0 3px;} #container .portrait .member-details a.mail {background:url(../../files/data/graphics/icon-mail-schwarz.svg) center no-repeat; background-size: contain;} #container .portrait .member-details a.facebook {background:url(../../files/data/graphics/icon-facebook-schwarz.svg) center no-repeat; background-size: contain;} #container .portrait .member-details a.instagram {background:url(../../files/data/graphics/icon-instagram-schwarz.svg) center no-repeat; background-size: contain;} #container .portrait .member-details p.teamphone a {width: 100%; display: block;} /*Kalender*/ .kalender #container h2 {margin: 0 0 30px 0;} .kalender #container p {margin:0 0 0 0;} /* NEWS / TERMINE */ /*************************************************************/ .ce_text.aklinks, .content-text.aklinks {display: inline-block; font-size: 1.7rem; line-height: 2.8rem; letter-spacing: 3px; font-family: 'robotolight'; margin: 37px 0 0 30px; text-transform: uppercase; color: #8B8B8B;} .ce_text.aklinks a, .content-text.aklinks a {color: #8B8B8B; text-decoration: none; padding: 0 10px;} .ce_text.aklinks a:hover, .content-text.aklinks a:hover {color: #1A1919;} .mod_newslist .clearfix {display: flex; flex-wrap: wrap; justify-content: center; width: 100%;} .mod_newslist .layout_latest {position: relative; display: inline-block; float: left; width: 32%; margin-right: 2%; margin-bottom: 30px; box-shadow: 0px 7px 20px rgba(0,0,0,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease;} .mod_newslist .layout_latest:nth-of-type(3n) {margin-right: 0;} .mod_newslist .layout_latest:nth-of-type(3n+1) {clear: left;} .mod_newslist .layout_latest .newslink {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5;} .mod_newslist .layout_latest .image_container {line-height: 0; margin: 0;} .mod_newslist .layout_latest .newstext {box-sizing: border-box; background: #fff; color: #929292; min-height: 185px; padding: 30px 30px 60px 30px; position: relative;} #main .mod_newslist .layout_latest .newstext h2 {margin-top: 0; font-size: 2.4rem; line-height: 2.8rem; font-family: 'robotolight'; letter-spacing: 0px;} .mod_newslist .layout_latest .newstext h2 a {color: #929292; text-decoration: none; text-transform: uppercase;} .mod_newslist .layout_latest .newstext p.more {position: absolute; width: 33px; height: 33px; right: 30px; bottom: 15px; background: url(../../files/data/graphics/news-more.svg) center no-repeat;} .mod_newslist .layout_latest .newstext p.more a {display: inline-block; padding-right: 30px; margin: 0 auto; color: #fff; font-family: 'robotoregular'; text-decoration: none;} .mod_newslist .layout_latest:hover {transform: translateY(-3px); box-shadow: 0px 7px 20px rgba(0,0,0,0);} .mod_newslist .layout_latest:last-of-type {margin-right: 0;} .mod_newslist .layout_latest .newsmask {position: absolute; z-index: 500; top: 0; left: 0; width: 100%; height: 100%;} .mod_newsreader p.back {width: 100%; margin: 20px auto; text-align: center;} .mod_newsreader p.back a {cursor: pointer; color: #D5D85A; display: inline-block; font-size: 2rem; line-height: 2rem; border:1px solid #D5D85A; border-radius: 30px; text-transform: uppercase; font-family: 'robotoregular'; letter-spacing: 0.1rem; width: auto; padding: 17px 60px 12px 60px; text-decoration: none; background: none; transition: background 0.3s ease, color 0.3s ease;} .mod_newsreader p.back a:hover {background: #D5D85A; color: #fff;} .mod_newslist .pagination {clear: both; display: block; width: 100%; margin-top: 20px; float: left;} .mod_newslist .pagination p {display: inline-block; float: right;} .mod_newslist .pagination ul {display: inline-block; float: left;} #container #main .mod_newslist .pagination ul li {width: auto; margin-right: 5px; display: inline-block; margin-bottom: 10px;} #container #main .mod_newslist .pagination ul li a, #container #main .mod_newslist .pagination ul li strong {padding:7px 0 5px 0; width: 30px; display: block; text-align: center; background: none; color: #1A1919; text-decoration: none; transition: color 0.3s ease, background 0.3s ease;} #container #main .mod_newslist .pagination ul li a:hover, #container #main .mod_newslist .pagination ul li strong.active {background: #1A1919; color: #fff;} #container #main .mod_newslist .pagination ul li.next a, #container #main .mod_newslist .pagination ul li.last a, #container #main .mod_newslist .pagination ul li.first a, #container #main .mod_newslist .pagination ul li.previous a {width: auto; padding: 7px 7px 5px 7px; text-decoration: none;} /* FOOTER */ /*************************************************************/ #footer {position: fixed; bottom: 0; z-index: 100; box-sizing: border-box; display: block; width: 100%; padding-left: 390px; clear: both; font-family: 'robotolight'; font-size: 1.6rem; color: #1A1919; background: #fff; line-height: 2.4rem;} #footer .inside {padding: 70px 10%; margin: 0 auto; max-width: 1100px;} #footer .inside a {color: #1A1919; text-decoration: none;} #footer h3, #header h3 {font-family: 'robotolight'; letter-spacing: 2.5px; font-size: 1.3rem; line-height: 2.8rem; margin-bottom: 10px; color: #929292; text-transform: uppercase;} #footer .ce_text .image_container.float_left {width: auto; float: left; margin-right: 3%;} #footer .ce_text .image_container.float_right {width: auto; float: right; margin-left: 3%;} #footer .content-text.media--left figure {width: auto; float: left; margin-right: 3%;} #footer .content-text.media--right figure {width: auto; float: right; margin-left: 3%;} /* 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 */ /* MEDIA QUERIES */ /*************************************************************/ @media screen and (min-width: 2000px) { #main .mod_article {padding: 40px 0;} #main .mod_article .inside {width: 1280px; margin: 0 auto;} #main .mod_article.vollbild .inside {width: 100%;} .linkboxen .fuenfspaltig.logobox .image-container {padding: 15px 10%; height: 136px;} .linkboxen .vierspaltig.logobox .image-container {padding: 15px 10%; height: 175px;} .linkboxen .dreispaltig.logobox .image-container {padding: 15px 10%; height: 242px;} } @media screen and (max-width: 2000px) { #slider .homeslider .textblock h1, #slider .homeslider .textblock h2, #slider .homeslider .textblock h3, #slider .homeslider .textblock h4 {font-size:7rem; line-height: 8rem; padding: 15px 30px 5px 30px; box-sizing: border-box; width: 100%;} #main .mod_newslist .layout_latest .newstext h2 {font-size: 2rem;} .mod_newslist.agenda .layout_latest .newstext {padding: 40px 10px;} } @media screen and (max-width: 1500px) { #slider .homeslider .textblock h1, #slider .homeslider .textblock h2, #slider .homeslider .textblock h3, #slider .homeslider .textblock h4 {font-size:5rem; line-height: 6rem;} #slider .content-headline {font-size: 4rem; line-height: 5.5rem; bottom:100px} #header {width: 290px;} #header .navigation a {padding-left: 30px;} #header .navigation ul.level_2 a {padding-left: 65px;} #header .navigation ul.level_3 a {padding-left: 75px;} #header .content-text {margin-left: 30px;} #container {padding-left: 290px;} #footer {padding-left: 290px;} .mod_newslist .layout_latest {width: 48%; margin-right: 4%;} .mod_newslist .layout_latest:nth-of-type(3n+1) {clear: none;} .mod_newslist .layout_latest:nth-of-type(3n) {margin-right: 4%;} .mod_newslist .layout_latest:nth-of-type(2n+1) {clear: left !important;} .mod_newslist .layout_latest:nth-of-type(2n) {margin-right: 0 !important;} .mod_newslist.newsteaser .layout_latest.last {display: none;} .portrait {width: 48%; margin-right: 4%;} .portrait:nth-of-type(2n) {margin-right: 0;} .portrait:nth-of-type(2n+1) {clear: left;} .mod_newsreader .layout_full {width: 75% !important;} #header .logo {padding: 0 30px;} } @media screen and (max-width: 1000px) { .mobilebtn_ct {display: block; width: 50px; height: 32px; float: left; margin-top: 34px; margin-left: 3%;} .mobilebtn_ct a {display: block; width: 40px; height: 32px; background: url(../../files/data/graphics/btn-mobile.svg) center no-repeat; background-size: contain;} #header .mod_navigation {display: none;} #header {width: 100%; position: fixed; height: 100px;} #header .logo {width: 200px; margin-top: 10px; margin-bottom: 0px; padding: 0 0 0 3%; text-align: center; float: left;} #header .logodesktop {display: none;} #header .logomobile {display: inline-block;} #header .homelink {display: none;} .socialmediabuttons {display: none;} #header .content-text {display: none;} .smallheader {display: none;} #header .mobileheadertop {display: block;} #header .buttonsrechts .button {width: 65px; height: 65px; margin-bottom: 10px;} #header .buttonsrechts .gm {background-size: 45px;} #header .buttonsrechts .michelin {background-size: 50px;} #header .buttonsrechts .gt {background-size: 35px;} #header .buttonsrechts .cpm {background-size: 45px;} #header .buttonsrechts {top: 110px;} body.home #slider .mod_article {height: 60vw;} body.home #slider {height: 60vw; padding: 3vw;} body.home #slider .homeslider .swiper {height: 60vw;} body.home #slider .homeslider .swiper-slide {height: 60vw;} body.home #slider .homeslider {height: 60vw;} body.home #slider .homeslider .content-text {height: 60vw;} body.home #slider .homeslider figure img {height: 60vw;} body.home #slider .homeslider .content-image {height: 60vw;} #slider .mod_article {height: 40vw;} #slider {height: 40vw; padding: 3vw;} #slider .homeslider .swiper {height: 40vw;} #slider .homeslider .swiper-slide {height: 40vw;} #slider .homeslider {height: 40vw;} #slider .homeslider .content-text {height: 40vw;} #slider .homeslider figure img {height: 40vw;} #slider .homeslider .content-image {height: 40vw;} #slider .ce_dlh_googlemaps {height: 43vw;} #slider .dlh_googlemap {height: 43vw;} #container {padding-left: 0; margin-bottom: 0; padding-top: 100px;} #container.headerfixed {margin-bottom: 0px;} #container .rs-column.-large-col-4-1 {width: 48.5%; margin-right: 3%; margin-top: 0;} #container .rs-column.-large-col-4-1:nth-of-type(2n) {margin-right: 0;} #main .content-text.lead p {font-size: 2rem; line-height: 3rem;} body #container .titelundtext .rs-column {width: 100%; margin-right: 0;} #slider .homeslider .swiper-button-prev {display: none !important;} #slider .homeslider .swiper-button-next {display: none !important;} #slider .sliderdown {display: none !important;} #slider, .swiper-slide, .swiper, .swiper-slide figure, .swiper figure {height: 43vw;} .swiper-slide figure .image_div, .swiper figure .image_div {height: 43vw;} .menuslider .swiper-slide, .menuslider .swiper, .menuslider .swiper-slide figure, .menuslider.swiper figure {height: auto;} .menuslider .swiper-slide figure .image_div, .menuslider.swiper figure .image_div {height: auto;} #main .mod_article.vollbild {height: 43vw;} #main .mod_article.vollbild .content-image {height: 43vw;} #main .mod_article.vollbild .content-image figure {height: 43vw;} .linkboxen .dreispaltig.logobox .image-container {height: 14.9vw;} .linkboxen .vierspaltig.logobox .image-container {height: 10.7vw;} .linkboxen .fuenfspaltig.logobox .image-container {height: 8.6vw;} .titelundtext h2 {margin-top: 30px;} #footer {padding-left: 0; position: relative; display: inline-block; padding-bottom: 60px;} #backtotop {width: 45px; height: 45px;} } @media screen and (max-width: 800px) { .mod_newslist .layout_latest .newstext h2 a {font-size:2rem; line-height:1rem;} #main .mod_newslist .layout_latest {width: 100%; margin-right: 0;} .mod_newslist .layout_latest .newstext {min-height: 1px;} #footer .rs-column.-large-col-3-2 {width: 100%; margin:0 0 20px 0;} .rs-column.-medium-col-3-1 {width: 100%;} #footer .content-text {clear: left; float: left; width: 100%; margin-left: 0; margin-right: 0;} #footer .footerbot .content-image {clear: left; float: left; width: 100%; margin-left: 0; margin-right: 0;} .mod_newslist.newsteaser .layout_latest.last {display: block;} #main .skltbs-tab {margin-bottom: 10px; border:2px solid #1A1919; background: #fff; color: #1A1919; box-shadow: none !important;} #main .skltbs-tab:hover, #main .is-active > .skltbs-tab {background: #1A1919; color: #fff; box-shadow: none !important;} #container .ce_form {width:100%;} #container .mod_article.infografik .rs-column.-large-col-3-1 {width: 100%; margin-right: 0; margin-top: 0; margin-bottom: 20px;} #slider .content-headline {font-size: 3rem; line-height: 4rem; bottom: 40px;} #slider .homeslider .textblock h1, #slider .homeslider .textblock h2, #slider .homeslider .textblock h3, #slider .homeslider .textblock h4 {font-size: 3rem; line-height: 3rem; padding:10px 30px 5px 30px; margin: 0 0 10px 0;} #slider .homeslider .content-text .textblock {bottom: 70px;} #container .ce_text .image_container.float_left {width: 100%; float: left; margin-right: 0;} #container .ce_text .image_container.float_right {width: 100%; float: right; margin-left: 0;} #container .content-text.media--left figure {width: 100%; float: left; margin-right: 0;} #container .content-text.media--right figure {width: 100%; float: right; margin-left: 0;} .mod_newsreader .layout_full {width: 100% !important;} #container #main h1, #container #main h2 {font-size:3rem; line-height:1.2em;} #header .buttonsrechts {display: none;} } @media screen and (max-width: 600px) { #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;} .mod_article.schmal75 {width: 80% !important; margin: 0 auto;} .mod_article.schmal50 {width: 80% !important; margin: 0 auto;} #slider .content-headline {font-size: 3rem; line-height: 3rem; bottom: 20px;} #slider .content-headline span {padding:10px 30px 7px 30px;} #slider .homeslider .textblock h1, #slider .homeslider .textblock h2, #slider .homeslider .textblock h3, #slider .homeslider .textblock h4 {font-size: 3rem; line-height: 3rem; padding: 8px 30px 5px 30px; margin: 0 0 6px 0;} #slider .homeslider .textblock p {font-size: 1.5rem; line-height: 2rem;} #slider .homeslider .content-text .textblock {bottom: 40px;} .portrait {width: 100%; margin-right: 0;} #skltbs-tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab {width: 200px; margin: 5px 0; padding-top: 10px; padding-bottom: 10px;} .linkboxen .dreispaltig.logobox .image-container {height: 50vw; padding: 5%;} .linkboxen .vierspaltig.logobox .image-container {height: 50vw; padding: 5%;} .linkboxen .fuenfspaltig.logobox .image-container {height: 50vw; padding: 5%;} .linkboxen .dreispaltig {width: 100%; margin-right: 0;} .linkboxen .vierspaltig {width: 100%; margin-right: 0;} .linkboxen .fuenfspaltig {width: 100%; margin-right: 0;} } /* FONTS */ /*************************************************************/ @font-face { font-family: 'robotoregular'; src: url('../../files/data/style/Fonts/roboto-regular-webfont.woff2') format('woff2'), url('../../files/data/style/Fonts/roboto-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotolight'; src: url('../../files/data/style/Fonts/roboto-light-webfont.woff2') format('woff2'), url('../../files/data/style/Fonts/roboto-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotoitalic'; src: url('../../files/data/style/Fonts/roboto-italic-webfont.woff2') format('woff2'), url('../../files/data/style/Fonts/roboto-italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotomedium'; src: url('../../files/data/style/Fonts/roboto-medium-webfont.woff2') format('woff2'), url('../../files/data/style/Fonts/roboto-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotobold'; src: url('../../files/data/style/Fonts/roboto-bold-webfont.woff2') format('woff2'), url('../../files/data/style/Fonts/roboto-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* SWEEP TO TOP */ /*************************************************************/ /* Sweep To Top */ .hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #D5D85A; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color: white; } .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /*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;}