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}.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_row,.autogrid_wrapper{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_row.gutter_none,.autogrid_wrapper.gutter_none{margin-left:0;margin-right:0}.autogrid_row.gutter_none>div,.autogrid_wrapper.gutter_none>div{padding-left:0;padding-right:0}.autogrid_row.gutter_s,.autogrid_wrapper.gutter_s{margin-left:-15px;margin-right:-15px}.autogrid_row.gutter_s>div,.autogrid_wrapper.gutter_s>div{padding-left:15px;padding-right:15px}.autogrid_row.gutter_m,.autogrid_wrapper.gutter_m{margin-left:-30px;margin-right:-30px}.autogrid_row.gutter_m>div,.autogrid_wrapper.gutter_m>div{padding-left:30px;padding-right:30px}.autogrid_row.gutter_l,.autogrid_wrapper.gutter_l{margin-left:-40px;margin-right:-40px}.autogrid_row.gutter_l>div,.autogrid_wrapper.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){.five_sixth,.four_fifth,.one_fifth,.one_fourth,.one_half,.one_sixth,.one_third,.three_fifth,.three_fourth,.three_sixth .four_sixth,.two_fifth,.two_fourth,.two_sixth,.two_third,[class*=col_]{flex:0 0 100%;max-width:none}.autogrid_grid .column,.column[class*=col_]{padding-left:0!important;padding-right:0!important;margin-bottom:25px}.autogrid[class*=offset_],.autogrid_grid[class*=offset_],.column[class*=offset_]{margin-left:0}.autogrid_grid,.autogrid_row,.autogrid_wrapper{margin-left:0!important;margin-right:0!important}.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:0 0!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-l,.autogrid_grid>.column>.attributes.p-m,.autogrid_grid>.column>.attributes.p-s,.autogrid_grid>.column>.attributes.p-xl,.autogrid_grid>.column>.attributes.p-xs,.autogrid_row>.column .attributes.p-l,.autogrid_row>.column .attributes.p-m,.autogrid_row>.column .attributes.p-s,.autogrid_row>.column .attributes.p-xl,.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%}} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} @charset "UTF-8"; .contao-cookiebar { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; font-size: 0; letter-spacing: 0; text-align: center; padding: 15px; max-height: 100vh; box-sizing: border-box; pointer-events: none; overflow: hidden; } .contao-cookiebar * { box-sizing: border-box; } .contao-cookiebar:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .contao-cookiebar .cc-inner { display: inline-block; overflow-y: auto; max-height: 100%; max-width: 100%; opacity: 0; pointer-events: none; visibility: hidden; font-size: 1rem; text-align: left; } .contao-cookiebar.cc-top .cc-inner { vertical-align: top; } .contao-cookiebar.cc-top.cc-active .cc-inner { animation: cookiebar-top-in 0.5s ease-in-out forwards; } .contao-cookiebar.cc-top.cc-saved .cc-inner { animation: cookiebar-top-out 0.5s ease-in-out forwards; } .contao-cookiebar.cc-bottom .cc-inner { vertical-align: bottom; } .contao-cookiebar.cc-bottom.cc-active .cc-inner { animation: cookiebar-bottom-in 0.5s ease-in-out forwards; } .contao-cookiebar.cc-bottom.cc-saved .cc-inner { animation: cookiebar-bottom-out 0.5s ease-in-out forwards; } .contao-cookiebar.cc-middle .cc-inner { vertical-align: middle; } .contao-cookiebar.cc-middle.cc-active .cc-inner { animation: cookiebar-middle-in 0.5s ease-in-out forwards; } .contao-cookiebar.cc-middle.cc-saved .cc-inner { animation: cookiebar-middle-out 0.5s ease-in-out forwards; } .contao-cookiebar.cc-left { text-align: left; } .contao-cookiebar.cc-right { text-align: right; } .contao-cookiebar .cc-head h1:first-child, .contao-cookiebar .cc-head h2:first-child, .contao-cookiebar .cc-head h3:first-child, .contao-cookiebar .cc-head h4:first-child, .contao-cookiebar .cc-head h5:first-child, .contao-cookiebar .cc-head h6:first-child { margin-top: 0; } .contao-cookiebar .cc-head p { margin-bottom: 15px; } .contao-cookiebar .cc-btn { display: inline-block; cursor: pointer; width: 100%; padding: 8px 14px; margin-bottom: 8px; font-size: 15px; outline: 0 none; border: 1px solid #cfcfcf; border-radius: 4px; color: #444; background: #f5f5f5; } .contao-cookiebar .cc-btn:hover { background: #ececec; } .contao-cookiebar .cc-btn:last-child { margin-bottom: 0; } .contao-cookiebar .grayscale .cc-btn { background: #f1efef; } .contao-cookiebar .grayscale .cc-btn:hover { background: #ececec; } .contao-cookiebar .grayscale .cc-btn.success { background: #fbfbfb; } .contao-cookiebar .grayscale .cc-btn.success:hover { background: #f7f7f7; } .contao-cookiebar .highlight .cc-btn.success { background: #4e9e3e; border-color: #3e7830; color: #fff; } .contao-cookiebar .highlight .cc-btn.success:hover { background: #4c933f; } .contao-cookiebar label { position: relative; display: block; padding: 8px 13px 8px 0; line-height: 1.2rem; } .contao-cookiebar label.group { font-weight: 600; } .contao-cookiebar input { position: absolute; width: 1px; height: 1px; outline: 0 none; opacity: 0; } .contao-cookiebar input + label { padding: 8px 13px 8px 50px; cursor: pointer; } .contao-cookiebar input + label:before { content: ''; position: absolute; top: 6px; left: 0; width: 35px; height: 18px; margin: 0; box-sizing: content-box; border-radius: 10px; background: #fff; border: 2px solid #9c9b99; transition: border-color .2s; } .contao-cookiebar input + label:after { display: block; content: ''; position: absolute; top: 10px; left: 4px; width: 14px; height: 14px; border-radius: 10px; background: #9c9b99; transition: background .2s, margin-left .2s, padding .2s; } .contao-cookiebar input + label:active:after { padding-left: 5px; } .contao-cookiebar input.cc-group-half + label:after { background: linear-gradient(to right, #9c9b99 0%, #9c9b99 50%, #399d32 50%, #399d32 100%); } .contao-cookiebar input:checked + label:after { background: #399d32; margin-left: 17px; } .contao-cookiebar input:checked + label:active:after { margin-left: 12px; } .contao-cookiebar input:checked + label:before { background: #dcf3db; border-color: #399d32; } .contao-cookiebar input:disabled + label { pointer-events: none; } .contao-cookiebar input:disabled + label:after { background: #c8c7c5; } .contao-cookiebar input:disabled + label:before { background: #f4f4f4; border-color: #c8c7c5; } .contao-cookiebar.cc-active .cc-inner { opacity: 1; pointer-events: auto; visibility: visible; } .contao-cookiebar.cc-active.cc-blocked { pointer-events: auto; animation: cookiebar-overlay-in 0.5s ease-in-out forwards; } .contao-cookiebar.cc-saved.cc-inner { opacity: 0; pointer-events: none; visibility: hidden; } .contao-cookiebar.cc-saved.cc-blocked { pointer-events: none; animation: cookiebar-overlay-out 0.5s ease-in-out forwards; } @media (min-width: 768px) { .contao-cookiebar .cc-btn { width: auto; margin-bottom: 0; } .contao-cookiebar .cc-inner { max-width: 750px; } } @keyframes cookiebar-overlay-in { 0% { background: rgba(0, 0, 0, 0); } 100% { background: rgba(0, 0, 0, 0.75); } } @keyframes cookiebar-overlay-out { 0% { background: rgba(0, 0, 0, 0.75); } 100% { background: rgba(0, 0, 0, 0); visibility: hidden; } } @keyframes cookiebar-top-in { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0); } } @keyframes cookiebar-top-out { 0% { opacity: 1; visibility: visible; transform: translateY(0); } 100% { opacity: 0; visibility: hidden; transform: translateY(-100%); } } @keyframes cookiebar-middle-in { 0% { opacity: 0; transform: scale(0); } 100% { opacity: 1; transform: scale(1); } } @keyframes cookiebar-middle-out { 0% { opacity: 1; visibility: visible; transform: scale(1); } 100% { opacity: 0; visibility: hidden; transform: scale(0); } } @keyframes cookiebar-bottom-in { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0); } } @keyframes cookiebar-bottom-out { 0% { opacity: 1; visibility: visible; transform: translateY(0); } 100% { opacity: 0; visibility: hidden; transform: translateY(100%); } } .contao-cookiebar { color: #444444; } .contao-cookiebar p { color: #868686; line-height: 1.4; } .contao-cookiebar .cc-inner { padding: 25px; border-radius: 5px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); background: #fff; } .contao-cookiebar .cc-group { display: flex; flex-wrap: wrap; justify-content: space-between; align-content: center; position: relative; border: 1px solid #d0d0d0; border-radius: 5px; margin-bottom: 10px; } .contao-cookiebar .cc-group > label { flex-grow: 1; margin: 5px 0 5px 10px; } .contao-cookiebar .cc-group .cc-detail-btn { border: 0 none; outline: 0 none; background: transparent; font-size: 13px; letter-spacing: 0; text-transform: initial; cursor: pointer; color: #a2a2a2; padding: 8px 10px; line-height: 1.2rem; } .contao-cookiebar .cc-group .cc-detail-btn span:nth-child(2) { display: none; } .contao-cookiebar .cc-group .cc-detail-btn.cc-active span:nth-child(1) { display: none; } .contao-cookiebar .cc-group .cc-detail-btn.cc-active span:nth-child(2) { display: inline; } .contao-cookiebar .cc-group .cc-detail-btn:hover { color: #717171; } .contao-cookiebar .cc-group .cc-detail-btn-details { display: inline-block; border: 0 none; outline: 0 none; background: transparent; font-size: 13px; letter-spacing: 0; text-transform: initial; cursor: pointer; color: #a2a2a2; text-decoration: underline; padding: 0; margin: 0 0 10px; } .contao-cookiebar .cc-group .cc-detail-btn-details span:nth-child(2) { display: none; } .contao-cookiebar .cc-group .cc-detail-btn-details.cc-active span:nth-child(1) { display: none; } .contao-cookiebar .cc-group .cc-detail-btn-details.cc-active span:nth-child(2) { display: inline; } .contao-cookiebar .cc-group .cc-detail-btn-details:hover { color: #717171; } .contao-cookiebar .cc-cookies { display: none; width: 100%; background: #fbfbfb; border-radius: 0 0 5px 5px; } .contao-cookiebar .cc-cookies > p { font-size: 0.875rem; } .contao-cookiebar .cc-cookies > p, .contao-cookiebar .cc-cookies > .cc-cookie { margin: 0; padding: 15px; border-top: 1px solid #e6e6e6; } .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info { font-size: 0.875rem; background: #fff; padding: 10px; border-radius: 5px; border: 1px solid #efefef; } .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info > div > span { font-weight: 600; } .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info > div + div { margin-top: 5px; word-wrap: break-word; } .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info + button.cc-detail-btn-details { margin-top: 15px; } .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-desc > p { margin-bottom: 0; } .contao-cookiebar .cc-cookies .cc-cookie label.cookie + p, .contao-cookiebar .cc-cookies .cc-cookie label.cookie + .cc-cookie-info, .contao-cookiebar .cc-cookies .cc-cookie label.cookie + button.cc-detail-btn-details { margin-top: 10px; } .contao-cookiebar .cc-cookies .cc-cookie p { margin: 0 0 15px; font-size: 0.875rem; } .contao-cookiebar .cc-footer, .contao-cookiebar .cc-info { text-align: center; } .contao-cookiebar .cc-info { margin-top: 15px; } .contao-cookiebar .cc-info > p { font-size: 0.875rem; } .contao-cookiebar .cc-info > a { display: inline-block; font-size: 0.813rem; color: #a2a2a2; text-decoration: none; } .contao-cookiebar .cc-info > a:hover { color: #717171; } .contao-cookiebar .cc-info > a + a:before { display: inline-block; content: '·'; margin-right: 5px; } /* NUUNNAV CSS*/ /*.nuunnavbutton {display: none; width: 43px; cursor: pointer; position: fixed; z-index: 2500; top: 27px; left: 3%;} .nuunnavbutton .navline {height: 2px; width: 100%; box-sizing: border-box; margin-bottom: 10px; border-radius: 0px; background: #000; opacity: 1; transition: transform 0.3s ease, opacity 0.3s ease, margin-left 0.3s ease, width 0.3s ease;} .nuunnavbutton .navline:last-of-type {margin-bottom: 0;} .nuunnavbutton .navline.mid {opacity: 1;} .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(7px) translateX(11px);}*/ #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: 0 0 10px #ababab;} #nuunnav .inside {padding: 0 3% 30px 3%;} #nuunnav .mod_navigation {margin-top: 20px; margin-bottom: 20px; display: inline-block; width: 100%;} #nuunnav li a {color: #12100E; text-decoration: none; transition:color 0.3s ease; font-family: 'TekoRegular';} #nuunnav li a.active {color: #12100E;} #nuunnav li a:hover {color: #12100E;} #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: 3rem; 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: 18px; height: 2px; background: #000;} #nuunnav ul li.submenu .subtoggler .subtoggline2 {width: 18px; height: 2px; background: #000; position: absolute; transform: rotate(90deg); transition: transform 0.3s ease;} #nuunnav ul li.submenu .subtoggler.down .subtoggline2 {transform: rotate(0deg);} #nuunnav ul.level_2 {display: none;} #nuunnav ul.level_2 > li > a {display: inline-block; font-family: 'RobotoRegular'; font-size: 2rem; float: left; clear: left; padding: 5px 0 5px 0px;} #nuunnav ul.level_2 li a.active {font-family: 'RobotoRegular';} #nuunnav ul.level_2 li a:hover {color: #12100E; background: url(../../files/data/files/data/graphics/icon-nav-bg.svg) center left 4vw no-repeat;} #nuunnav ul.level_2 li.last {padding-bottom: 15px; display: inline-block; width: 100%;} #nuunnav ul.level_3 {display: none; visibility: visible;} #nuunnav ul.level_3 > li > a {display: inline-block; font-family: 'RobotoRegular'; text-transform: none; font-size: 2rem; float: left; clear: left; padding: 5px 0 5px 0px;} #nuunnav ul.level_3 li a.active {font-family: 'RobotoRegular';} #nuunnav ul.level_3 li a:hover {color: #12100E; 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; font-family: 'RobotoRegular'; text-transform: none; font-size: 1.5rem; float: left; clear: left; padding: 5px 0 5px 0px;} #nuunnav ul.level_4 li a.active {font-family: 'RobotoRegular';} #nuunnav ul.level_4 li a:hover {color: #12100E; background: url(../../files/data/files/data/graphics/icon-nav-bg.svg) center left 6vw no-repeat;} @media screen and (max-width: 1100px) { .nuunnavbutton {display: block;} #nuunnav {display: block;} } /*************************************************************/ /* Design: Prandini AG */ /* File: screen.css */ /*-----------------------------------------------------------*/ /* Autor: Thomas Dürig, www.nuun.ch */ /* Datum: Januar 2024 */ /* Site: www.prandiniag.ch */ /*************************************************************/ /* LAYOUT */ /*************************************************************/ /*FARBEN*/ /* */ /* GLOBAL */ /*************************************************************/ html, body {position: relative; height: 100%; width:100%; font: 62.5% "robotoregular", 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: #12100E; 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;} /*Cookiebar*/ .contao-cookiebar .cc-inner {max-width: 500px; font-size: 1.5rem; line-height: 1.8rem;} .contao-cookiebar .cc-inner h3 {font-size: 2.7rem; line-height: 3.7rem;} .contao-cookiebar .cc-inner label {line-height: 1.9rem;} .contao-cookiebar .cc-cookies .cc-cookie p {font-size: 1.5rem; line-height: 1.8rem;} .contao-cookiebar .cc-info > p {font-size: 1.2rem; line-height: 1.6rem;} .contao-cookiebar p a {color:#0868B2; text-decoration: underline;} .contao-cookiebar .highlight .cc-btn.success {background: #0868B2; border-color: #0868B2;} .contao-cookiebar .highlight .cc-btn.success:hover {background: #0868B2; border-color: #0868B2;} .contao-cookiebar input:checked + label:before {background: #d0e3e9; border-color: #0868B2;} .contao-cookiebar input:checked + label:after {background: #0868B2;} .ce_cookiebarOpener {margin: 20px 0;} .ce_cookiebarOpener a {display: inline-block; font-size: 3rem; line-height: 4.3rem; color: #12100E; font-family: 'TekoRegular'; text-decoration: none; padding: 4px 23px 2px 23px; background: #E2E4E8; border-radius: 11px; transition: transform 0.3s ease;} .ce_cookiebarOpener a:hover {transform: scale(1.05);} .ce_dlh_googlemaps .cc-module {text-align:center; margin-top:80px;} .ce_dlh_googlemaps .cc-module a {color:#0868B2;} .ce_dlh_googlemaps .cc-module button {display: inline-block; font-size: 3rem; line-height: 4.3rem; color: #12100E; font-family: 'TekoRegular'; text-decoration: none; padding: 4px 23px 2px 23px; border:none; cursor: pointer; background: #E2E4E8; border-radius: 11px; transition: transform 0.3s ease;} .ce_dlh_googlemaps .cc-module button:hover {transform: scale(1.05);} /* HEADER / NAVIGATION */ /*************************************************************/ #header {position: absolute; top: 0; left: 0; width: 100%; height: 100px; background: none; z-index: 100;} #header .headerscroll {position: relative; height: 100px; width: 100%;} #header .headerscroll .inside {width: 90%; padding: 0 5%; margin: 0 auto; max-width: 1410px;} #header .headerscroll .logo {float: right; margin-top: 34px; display: inline-block;} #header .headerscroll .navigation {display: inline-block; margin-bottom: 0;} #header .headerscroll .navigation ul {margin-bottom: 0;} #header .headerscroll .navigation li {display: inline-block; position: relative; margin-right: 50px; padding-bottom: 20px; padding-top: 38px; margin-top: 16px;} #header .headerscroll .navigation li a {font-size: 3rem; line-height: 4.3rem; color: #FFFFFF; font-family: 'TekoRegular'; text-decoration: none;} #header .headerscroll .navigation li.stellen {background: url(../../files/data/graphics/arrow-stellen.svg) 5px top no-repeat;} #header .headerscroll .navigation li a.kontakt {padding: 4px 23px 2px 23px; background: #0868B2; border-radius: 11px;} #header .headerfixed {position: fixed; top: -108px; width: 100%; height: 100px; box-shadow: 0px 0px 8px rgba(0,0,0,0.08); transition: top 0.4s ease; background: #fff;} #header .headerfixed.runter {top: 0;} #header.runter .inside .headerfixed {top: 0; transition: none;} #header .headerfixed .inside {width: 94%; padding: 0 3%; margin: 0 auto; max-width: 1410px;} #header .headerfixed .logo {float: right; margin-top: 28px; display: inline-block;} #header .headerfixed .navigation {display: inline-block; margin-bottom: 0;} #header .headerfixed .navigation ul {margin-bottom: 0;} #header .headerfixed .navigation li {display: inline-block; position: relative; margin-right: 50px; padding-bottom: 30px; padding-top: 30px; margin-top: 0px;} #header .headerfixed .navigation li a {font-size: 3rem; line-height: 4.3rem; color: #12100E; font-family: 'TekoRegular'; text-decoration: none;} #header .headerfixed .navigation li a.kontakt {padding: 4px 23px 2px 23px; color: #fff; background: #0868B2; border-radius: 11px;} #header .headerscroll .navigation li a:after {bottom: 18px;} #header .navigation li a:after {position: absolute; left: 0; bottom: 25px; content: ""; height: 8px; width: 0%; background: #0868B2; border-radius: 20px; display: block; transition: width 0.3s ease;} #header .navigation li:hover > a:after, #header .navigation li.active > a:after, #header .navigation li.trail > a:after {width: 60px;} #header .navigation li a.kontakt:after {display: none;} #header .navigation ul.level_2 li a:after {bottom: 8px;} #header .navigation ul.level_2 {position: absolute; top: 100px; left: 0px; box-sizing: border-box; text-align: left; width: auto; padding: 0px; opacity: 0; visibility: hidden; transition: visibility 0.3s ease, opacity 0.3s ease, height 0.3s ease, background 1.5s ease;} #header .headerfixed .navigation ul.level_2 {left: -20px; padding: 0 20px; background: #fff;} #header .navigation ul li:hover ul.level_2 {visibility: visible; opacity: 1;} #header .navigation ul.level_2 li {margin: 10px 0 0 0; width: 100%; padding: 0;} #header .navigation ul.level_2 li a {margin-bottom: 5px; display: block; padding-bottom: 6px; white-space: nowrap;} .nuunnavbutton {display: none; position: absolute; top: 30px; left: 5%; width: 43px; height: 43px; cursor: pointer;} .headerscroll .nuunnavbutton {background: url(../../files/data/graphics/nuunnav-white.svg) center no-repeat;} .headerfixed .nuunnavbutton {background: url(../../files/data/graphics/nuunnav-blue.svg) center no-repeat;} .nuunnavclose {position: absolute; top: 30px; left: 3%; width: 43px; height: 43px; cursor: pointer; background: url(../../files/data/graphics/nuunnav-close.svg) center no-repeat;} #nuunnav .navtop {height: 100px; box-shadow: 0px 0px 8px rgba(0,0,0,0.08); background: #F7F8F9; display: flex; align-items: center; justify-content: flex-end;} #nuunnav .inside {padding: 0;} #nuunnav .logo {float: right; margin-right: 3%;} #nuunnav .navtop .inside {padding: 0 3%;} #nuunnav .navbot .inside {padding: 0 3%;} #nuunnav .subtoggler div {display: none;} #nuunnav .subtoggler {background: url(../../files/data/graphics/nuunnav-toggler.svg) center no-repeat; transition: transform 0.3s ease;} #nuunnav .subtoggler.down {transform: rotate(90deg);} /* SLIDER */ /*************************************************************/ .custom #slider .inside {max-width: initial; padding: 0; width: 100%;} .custom #slider .slick {width: 100%; height: 100vh; position: relative;} .custom #slider .slick-slide {width: 100%; height: 100vh;} .custom #slider .slick-slide .ce_image {position: absolute; top: 0; left: 0; width: 100%; height: 100vh;} .custom #slider .slick-slide .ce_image .image_container {line-height: 0; width: 100%; height: 100%;} .custom #slider .slick-slide .ce_image .image_container img {width: 100%; height: 100%; object-fit: cover;} .custom #slider .slick-slide .ce_image:after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1; background: rgba(0,0,0,0.25);} .custom #slider .slick-slide .ce_text {position: absolute; bottom: 20%; width: 94%; padding: 0 3%; max-width: 1410px; left: 0; right: 0; margin: 0 auto; z-index: 2;} .custom #slider .slick-slide .ce_text h1, .custom #slider .slick-slide .ce_text h2 {color: #fff; font-size: 10rem; line-height: 9.5rem; text-shadow: 0px 0px 20px rgba(0,0,0,0.08);} .custom #slider .slick-slide .ce_text p {color: #fff; font-family: 'TekoRegular'; font-size: 4.5rem; line-height: 4.4rem;} .custom #slider .sliderbuttons {position: absolute; bottom: 0px; right: 20px; z-index: 2; transform: rotate(-90deg) translateY(490px); transform-origin: left;} .custom #slider .sliderbuttons a {display: inline-block; margin-right: 18px; vertical-align: top;} .custom #slider .sliderbuttons p {display: inline-block; margin-bottom: 0; vertical-align: top;} .custom #slider .sliderbuttons p.mail a {color: #12100E; background: #fff; font-family: 'TekoRegular'; font-size: 3rem; padding: 9px 15px 7px 15px; text-decoration: none; border-radius: 11px;} .custom #slider .sliderbuttons p.tel a {color: #fff; background: #0868B2; font-family: 'TekoRegular'; font-size: 3rem; padding: 9px 15px 7px 15px; text-decoration: none; border-radius: 11px;} /* INHALTSELEMENTE */ /*************************************************************/ #wrapper {position: relative;} #container.noslider {padding-top: 100px;} .ce_text hr {height: 2px; color: #E2E4E8; border:none; background-color: #E2E4E8;} h1, h2 {font-size: 8rem; line-height: 8.5rem; font-family: 'TekoSemiBold'; color: #12100E; margin-top:0.2em;} h3 {font-size: 4.5rem; line-height: 4.2rem; font-family: 'TekoSemiBold'; color: #12100E;} h4 {font-size: 2.4rem; line-height: 3rem; font-family: 'TekoMedium'; color: #12100E;} .mod_article .inside {position: relative; width: 94%; padding: 60px 3%; max-width: 1410px; margin: 0 auto;} .mod_article.grau {background: #F7F8F9;} .hometext {padding-left:35px; border-left: solid 2px #E2E4E8;} .mod_article.welcomearticle .inside {padding-bottom:0;} /*Artikel vollbild*/ .mod_article.vollbild {max-width: initial;} .mod_article.vollbild .inside {width: 100%; height: 24vw; padding: 0; max-width: 1800px; position: relative;} .mod_article.vollbild .inside .ce_image, .mod_article.vollbild .inside .ce_player {width: 100%; height: 24vw; position: relative; overflow: hidden;} .mod_article.vollbild .inside .ce_image .image_container, .mod_article.vollbild .inside .ce_image img, .mod_article.vollbild .inside .ce_player video {width: 100%; height: 100%; object-fit: cover;} /*Text*/ .image_container 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 p strong {font-family: 'robotobold';} .ce_text span.pfeil {padding-top: 30px; background: url(../../files/data/graphics/arrow-schwarz.svg) center top no-repeat;} .ce_text p a {color: #12100e; text-decoration: none;} .ce_text.boxengrau .textbox {display: flex; flex-wrap: wrap; justify-content: space-between;} .ce_text.boxengrau p {display: inline-block; width: 48%; hyphens: auto; min-height: 180px; background: #E2E4E8; border-radius: 22px; box-sizing: border-box; padding: 20px; margin-bottom: 20px;} .ce_image.rund img {border-radius: 100%;} .ce_image .image_container {line-height: 0;} /*Hyperlink*/ .ce_hyperlink {margin: 20px 0;} .ce_hyperlink.inline {display: inline-block; margin-right: 20px;} .ce_hyperlink a {display: inline-block; font-size: 3rem; line-height: 4.3rem; color: #12100E; font-family: 'TekoRegular'; text-decoration: none; padding: 4px 23px 2px 23px; background: #E2E4E8; border-radius: 11px; box-shadow: 0 0 8px 0 rgba(0,0,0,0.07); transition: transform 0.3s ease;} .ce_hyperlink a:hover {box-shadow: 0 0 16px 0 rgba(0,0,0,0.07); transform: scale(1.05);} .ce_hyperlink.blau a {color: #fff; background: #0868B2;} /*Gallery*/ #container #main .ce_gallery ul.cols_2 li {width: 48.5%; max-width: initial; 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%; max-width: initial; 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%; max-width: initial; margin-right: 3%; margin-bottom: 30px; display: inline-block; float: left; line-height: 1;} #container #main .ce_gallery ul li.col_last {margin-right: 0;} #container #main .ce_gallery ul li figure {width: 100%; overflow: hidden; line-height: 0; border-radius: 11px;} #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;} /*List*/ #main .ce_text ul {display: table; margin-bottom: 25px;} #main .ce_text ul li {vertical-align: middle; list-style: none; padding-left: 15px; background: url(../../files/data/graphics/icon-listbullet.svg) no-repeat top 12px left;} #main .ce_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 { 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 { 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*/ .ce_download.sc.last, .ce_downloads.sc.last {padding-right: 0;} .ce_download, .ce_downloads {position:relative; width:100%; margin:0; padding:0;} .ce_download ul, .ce_downloads ul {position:relative; float:left; width:100%; margin:0; padding:0 0 0 0;} .ce_download ul li, .ce_downloads ul li {position:relative; display: inline-block; float: left; width:48.5%; margin-right: 3%; margin-bottom: 30px; min-height: 100px; box-sizing: border-box; padding:20px 70px 20px 20px; border-radius: 4px; background:#E2E4E8 url(../../files/data/graphics/icon-download.svg) right 20px center no-repeat; box-shadow: 0 0 8px 0 rgba(0,0,0,0.07);} .ce_download ul li:nth-of-type(2n), .ce_downloads ul li:nth-of-type(2n) {margin-right: 0;} .ce_download ul li .image_container, .ce_downloads ul li .image_container {display: none;} .ce_download ul li .image_container:nth-of-type(1), .ce_downloads ul li .image_container:nth-of-type(1) {display: inline-block; float: left; width: 80px; height: 54px; line-height: 0;} .ce_download ul li .image_container .caption, .ce_downloads ul li .image_container .caption {display: none;} .ce_download ul li .image_container img, .ce_downloads ul li .image_container img {border-radius: 4px;} body #container .ce_download ul li .image_container a, body #container .ce_downloads ul li .image_container a {padding: 0;} body #container .ce_downloads a, body #container .ce_download a, body #container .enclosure a { position:relative; text-decoration: underline; text-decoration-color: #12100E; color: #12100E; 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 .ce_downloads a.dllink, body #container .ce_download a.dllink, body #container .enclosure a.dllink {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;} body #container .ce_downloads a .size, body #container .ce_download a .size, body #container .enclosure a .size {font-size: 1.4rem;} body #container .enclosure a.dllink:hover ~ a, body #container .ce_downloads a.dllink:hover ~ a, body #container .ce_downloads a.dllink:active ~ a, body #container .ce_download a.dllink:hover ~ a, body #container .ce_download a.dllink:active ~ a {color: #0868B2; text-decoration-color: #0868B2;} .ce_download ul li.ext-doc .image_container img, .ce_downloads ul li.ext-doc .image_container img {display: none;} .ce_download ul li.ext-docx .image_container img, .ce_downloads ul li.ext-docx .image_container img {display: none;} .ce_download ul li.ext-zip .image_container img, .ce_downloads ul li.ext-zip .image_container img {display: none;} .ce_download ul li.ext-xls .image_container img, .ce_downloads ul li.ext-xls .image_container img {display: none;} .ce_download ul li.ext-xlsx .image_container img, .ce_downloads ul li.ext-xlsx .image_container img {display: none;} .ce_download ul li.ext-ppt .image_container img, .ce_downloads ul li.ext-ppt .image_container img {display: none;} .ce_download ul li.ext-pptx .image_container img, .ce_downloads ul li.ext-pptx .image_container img {display: none;} .ce_download ul li.ext-doc .image_container, .ce_downloads ul li.ext-doc .image_container {background: url(../../files/data/graphics/icon-download-doc.svg) center left no-repeat;} .ce_download ul li.ext-docx .image_container, .ce_downloads ul li.ext-docx .image_container {background: url(../../files/data/graphics/icon-download-doc.svg) center left no-repeat;} .ce_download ul li.ext-zip .image_container, .ce_downloads ul li.ext-zip .image_container {background: url(../../files/data/graphics/icon-download-zip.svg) center left no-repeat;} .ce_download ul li.ext-xls .image_container, .ce_downloads ul li.ext-xls .image_container {background: url(../../files/data/graphics/icon-download-xls.svg) center left no-repeat;} .ce_download ul li.ext-xlsx .image_container, .ce_downloads ul li.ext-xlsx .image_container {background: url(../../files/data/graphics/icon-download-xls.svg) center left no-repeat;} .ce_download ul li.ext-ppt .image_container, .ce_downloads ul li.ext-ppt .image_container {background: url(../../files/data/graphics/icon-download-ppt.svg) center left no-repeat;} .ce_download ul li.ext-pptx .image_container, .ce_downloads ul li.ext-pptx .image_container {background: url(../../files/data/graphics/icon-download-ppt.svg) center left no-repeat;} /*Accordion*/ #container .ce_accordion {border-top: 1px solid #B3B3B3; border-bottom: none; margin-bottom: 0;} #container .ce_accordion:last-of-type {border-bottom: 1px solid #B3B3B3; margin-bottom: 40px;} .ce_accordion .toggler {cursor: pointer; position: relative; padding: 20px 40px 20px 0px; font-size: 2.8rem; line-height: 3.2rem; letter-spacing: -0.29px; color: #0868B2; font-family: 'robotobold';} .ce_accordion .toggler:after {content: ""; transform-origin: top; display: inline-block; width: 30px; height: 30px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: url(../../files/data/graphics/icon-plus.svg) center right no-repeat; background-size: contain; transition: transform 0.3s ease;} .ce_accordion .toggler.active:after {transform: rotate(45deg) translateY(-50%);} .ce_accordion .accordion {padding-bottom: 15px;} /*Form*/ #container .formbody input {-webkit-appearance:none;} #container .formbody button {-webkit-appearance:none;} #container .ce_form {margin-top: 40px; width: 50%; margin-right: auto; margin-left: auto;} #container .formbody label {width: 100%; padding-top: 10px; margin-bottom: 5px; display: inline-block; float: left;} #container .formbody input {box-sizing: border-box; width: 100%; padding:2%; margin-bottom: 5px; border:none; background-color: rgba(225,225,225,0.9);} #container .formbody textarea {box-sizing: border-box; width: 100%; padding:2%; border: none; margin-bottom: 5px; background-color: rgba(225,225,225,0.9);} /*#container .formbody .submit {background-color: #005fab; margin-top: 7px; padding: 5px 0; color: #fff; margin-left: 0; width: 200px;}*/ #container .formbody .submit {cursor: pointer; border: none; display: inline-block; font-size: 3rem; line-height: 4.3rem; color: #12100E; font-family: 'TekoRegular'; text-decoration: none; padding: 4px 23px 2px 23px; background: #E2E4E8; border-radius: 11px; transition: transform 0.3s ease;} #container .formbody .submit:hover {transform: scale(1.05);} #container .formbody select {box-sizing: border-box; width: 100%; padding:2%; margin-bottom: 15px; border:none; background-color: rgba(225,225,225,0.9);} #container .formbody fieldset {margin-bottom: 10px;} #container .formbody fieldset legend {font-size: 1.6rem; margin-bottom: 5px;} #container .formbody fieldset span {width:100%; float: left;} #container .formbody fieldset span input {float: left; width: 5%; height: 26px;} #container .formbody fieldset span label {padding-top: 0; width: 95%;} #container .formbody .widget-captcha {margin-bottom: 40px;} #container .formbody .widget-captcha input {margin-bottom: 5px;} #container .formbody .widget-captcha span {width: 100%; float: left;} #container .formbody .widget-captcha label span.mandatory {width: auto; float: none;} #container .formbody .widget-checkbox input {-webkit-appearance:checkbox;} #container .formbody .widget-checkbox legend span {width: auto; float: none;} #container .formbody .widget-radio input {-webkit-appearance:radio;} /*radio und checkbox templates von scayla*/ #container .formbody .checkbox_container a {color: #d67500; text-decoration: none;} #container .formbody .checkbox_container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0; background: #dedede;} #container .formbody .checkbox_container label {cursor: pointer; width: 100%; position: relative; margin-bottom: 40px; display: inline-block;} #container .formbody .checkbox_container span {width: 90px; margin-right: 15px;} #container .formbody .checkbox_container span.lname {width: auto; padding-top: 5px;} #container .formbody .checkbox_container .checkmark {cursor: pointer; position: relative; height: 38px; width: 38px; background-color: #fff; border:1px solid #E9EBF0;} #container .formbody .checkbox_container:hover input ~ .checkmark {background-color: #fff;} #container .formbody .checkbox_container input:checked ~ .checkmark {/*background-color: #EE6930;*/} #container .formbody .checkbox_container .checkmark:after {content: ""; position: absolute; display: none;} #container .formbody .checkbox_container input:checked ~ .checkmark:after {display: block;} #container .formbody .checkbox_container .checkmark:after {top: 0px; left: 0px; 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 .ce_player {clear: both;} #container .ce_player embed {max-width: 100%;} #container .ce_player video {max-width: 100%;} #container .ce_player iframe {max-width: 100%;} #container .ce_player .me-plugin {max-width: 100%;} #container .ce_player .mejs-overlay {max-width: 100% !important;} /*YouTube*/ #container .ce_youtube {clear: both;} #container .ce_youtube embed {max-width: 100%;} #container .ce_youtube video {max-width: 100%;} #container .ce_youtube iframe {max-width: 100%;} #container .ce_youtube .me-plugin {max-width: 100%;} #container .ce_youtube .mejs-overlay {max-width: 100% !important;} /*Google Map*/ .dlh_googlemap {width: 100% !important;} /*Divider*/ .ce_rsce_divider {width: 100%; padding: 40px 0; text-align: center;} .ce_rsce_divider .divider {width: 215px; height: 2px; background: #E2E4E8; display: inline-block;} /*Linkboxen*/ .linkboxen {width: 103%; margin-left: -1.5%; display: flex; flex-wrap: wrap;} .linkboxen .box {position: relative; min-height: 245px; box-shadow: 0 0 8px 0 rgba(0,0,0,0.07); margin-right: 1.5%; margin-left: 1.5%; margin-bottom: 40px; display: inline-block; float: left; box-sizing: border-box; border-radius: 22px; background: #E2E4E8; padding: 25px 30px; transition: transform 0.3s ease;} .linkboxen .box.einspaltig {width: 97%;} .linkboxen .box.zweispaltig {width: 47%;} .linkboxen .box.dreispaltig {width: 30.333%;} .linkboxen .box.vierspaltig {width: 22%;} .linkboxen .box.fuenfspaltig {width: 17%;} .linkboxen .box.blau {background: #0868B2;} .linkboxen .box:hover {transform: scale(1.05); box-shadow: 0 0 16px 0 rgba(0,0,0,0.07);} .linkboxen.ohneeffekt .box:hover {transform:none; box-shadow: none;} .linkboxen.ohneeffekt .box h3 {min-height:30px;} .linkboxen .box .boxlink {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;} .linkboxen .box img {height: 57px;} .linkboxen .box h3 {margin-top: 20px; min-height: 84px;} .linkboxen .box.blau h3 {color: #F2F2F2;} .linkboxen .box.blau p {color: #F2F2F2;} .linkboxen .box ul li {vertical-align: middle; list-style: none; padding-left: 15px; background: url(../../files/data/graphics/icon-listbullet.svg) no-repeat top 12px left;} .linkboxen .box.blau ul li {color: #F2F2F2; vertical-align: middle; list-style: none; padding-left: 15px; background: url(../../files/data/graphics/icon-listbullet-weiss.svg) no-repeat top 12px left; margin-top:10px;} /* TEAM */ /*************************************************************/ .teamliste {width: 103%; margin-left: -1.5%; display: flex; flex-wrap: wrap;} .teamliste .ce_text {position: relative; width: 22%; vertical-align: top; margin-right: 1.5%; margin-left: 1.5%; display: inline-block; margin-bottom: 30px; background: #E2E4E8; border-radius: 22px; box-sizing: border-box; padding: 20px;} .teamliste .ce_text .image_container {line-height: 0; overflow: hidden; border-radius: 11px;} /* REFERENZEN */ /*************************************************************/ .mod_newslist {width: 103%; margin-left: -1.5%; display: flex; flex-wrap: wrap;} .mod_newslist .layout_latest {position: relative; width: 30%; vertical-align: top; margin-right: 1.5%; margin-left: 1.5%; display: inline-block; margin-bottom: 50px; background: #E2E4E8; border-radius: 22px; box-sizing: border-box; padding: 20px; box-shadow: 0 0 16px 0 rgba(0,0,0,0.07);} .mod_newslist .layout_latest .boxlink {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;} .mod_newslist .layout_latest h3 {font-size: 2.4rem; line-height: 3rem;} .mod_newslist .layout_latest h3 a {color: #12100E; text-decoration: none; transition: color 0.3s ease;} .mod_newslist .layout_latest:hover h3 a {color: #0868B2;} .mod_newslist .layout_latest .image_container {line-height: 0; overflow: hidden; border-radius: 12px;} .mod_newslist .layout_latest .image_container img {transition: transform 0.3s ease;} .mod_newslist .layout_latest:hover .image_container img {transform: scale(1.1);} #mix_filter {margin-bottom: 20px;} #mix_filter button {border: none; display: inline-block; font-size: 3rem; line-height: 4.3rem; color: #12100E; font-family: 'TekoRegular'; text-decoration: none; margin: 0 10px 20px 0; padding: 4px 23px 2px 23px; background: #E2E4E8; border-radius: 11px; box-shadow: 0 0 8px 0 rgba(0,0,0,0.07); cursor: pointer; transition: background 0.3s ease, color 0.3s ease;} #mix_filter button:hover, #mix_filter button.mixitup-control-active {color: #fff; background: #0868B2;} .mod_newsreader .back a {color: #01203e;} /* STELLEN */ /*************************************************************/ .mod_plenta_jobs_basic_offer_list h3 {text-align: left; text-transform: none;} .mod_plenta_jobs_basic_offer_list .layout_default {margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #dedede;} .mod_plenta_jobs_basic_offer_reader .back {clear: both;} .mod_plenta_jobs_basic_offer_list a {color: #0868B2; text-decoration: none;} .mod_plenta_jobs_basic_offer_reader .back a {border: none; display: inline-block; font-size: 3rem; line-height: 4.3rem; color: #12100E; font-family: 'TekoRegular'; text-decoration: none; padding: 4px 23px 2px 23px; background: #E2E4E8; border-radius: 11px; transition: transform 0.3s ease;} .mod_plenta_jobs_basic_offer_reader .back a:hover {transform: scale(1.05);} .mod_plenta_jobs_basic_offer_list .layout_default > a {display: inline-block; font-size: 3rem; line-height: 4.3rem; color: #12100E; font-family: 'TekoRegular'; text-decoration: none; padding: 4px 23px 2px 23px; background: #E2E4E8; border-radius: 11px; box-shadow: 0 0 8px 0 rgba(0,0,0,0.07); transition: transform 0.3s ease;} .mod_plenta_jobs_basic_offer_list .layout_default > a:hover {box-shadow: 0 0 16px 0 rgba(0,0,0,0.07); transform: scale(1.05);} /* FOOTER */ /*************************************************************/ #footer {height: auto; display: block; clear: both; position: relative; margin-top: 60px; border-top: 2px solid #E2E4E8;} #footer .inside {width: 94%; padding: 100px 3% 10px 3%; max-width: 1410px; margin: 0 auto; position: relative;} #footer .inside #backtotop {position: absolute; top: -35px; left: 0; width: 100%;} #footer .inside #backtotop img {margin-top: cursor: pointer;} #footer .inside h2 {margin-top: 0; font-size:6rem; line-height:6rem;} #footer .inside .footermid {padding: 40px 0; margin: 40px 0 20px 0; text-align: center; border-top: 2px solid #E2E4E8; border-bottom: 2px solid #E2E4E8;} #footer .inside .footermid .ce_image {display: inline-block;} .copyright {text-align:center;} /* LIGHTBOX */ /*************************************************************/ /*#colorbox {width: 100vw !important; height: 100vh !important; left: 0 !important; top: 0 !important; position: fixed !important; display: flex !important; align-items: center; justify-content: center;} #cboxWrapper {position: relative;}*/ #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;top:-30px;} /* FIXES */ /*************************************************************/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height:0px;} .clearfix {display: block;} /* End hide from IE-mac */ /*Abstaende*/ .mt-0 {margin-top: 0px !important;} .mt-xxs {margin-top: 10px !important;} .mt-xs {margin-top: 30px !important;} .mt-s {margin-top: 40px !important;} .mt-m {margin-top: 50px !important;} .mt-l {margin-top: 60px !important;} .mt-xl {margin-top: 80px !important;} .mt-xxl {margin-top: 100px !important;} .mb-0 {margin-bottom: 0px !important;} .mb-xxs {margin-bottom: 10px !important;} .mb-xs {margin-bottom: 30px !important;} .mb-s {margin-bottom: 40px !important;} .mb-m {margin-bottom: 50px !important;} .mb-l {margin-bottom: 60px !important;} .mb-xl {margin-bottom: 80px !important;} .mb-xxl {margin-bottom: 100px !important;} /* MEDIA QUERIES */ /*************************************************************/ @media screen and (max-width: 1600px) { .mod_article.vollbild .inside {max-width: initial;} } @media screen and (max-width: 1450px) { .linkboxen .box.fuenfspaltig {width: 22%;} } @media screen and (max-width: 1200px) { body .mt-0-m {margin-top: 0px !important;} body .mt-xxs-m {margin-top: 10px !important;} body .mt-xs-m {margin-top: 30px !important;} body .mt-s-m {margin-top: 40px !important;} body .mt-m-m {margin-top: 50px !important;} body .mt-l-m {margin-top: 60px !important;} body .mt-xl-m {margin-top: 80px !important;} body .mt-xxl-m {margin-top: 100px !important;} body .mb-0-m {margin-bottom: 0px !important;} body .mb-xxs-m {margin-bottom: 10px !important;} body .mb-xs-m {margin-bottom: 30px !important;} body .mb-s-m {margin-bottom: 40px !important;} body .mb-m-m {margin-bottom: 50px !important;} body .mb-l-m {margin-bottom: 60px !important;} body .mb-xl-m {margin-bottom: 80px !important;} body .mb-xxl-m {margin-bottom: 100px !important;} .linkboxen .box.vierspaltig {width: 30.333%;} .linkboxen .box.fuenfspaltig {width: 30.333%;} } @media screen and (max-width: 1100px) { #header .headerscroll .navigation {display: none;} #header .headerfixed .navigation {display: none;} .nuunnavbutton {display: block;} .custom #slider .slick-slide .ce_text h1, .custom #slider .slick-slide .ce_text h2 {font-size: 5rem; line-height: 5rem;} .custom #slider .slick-slide .ce_text p {font-size: 3rem; line-height: 3.8rem;} .custom #slider .slick-slide .ce_text {bottom:6%;} h1, h2 {font-size: 5rem; line-height: 6rem;} h3 {font-size: 3.5rem; line-height: 3.8rem;} .mod_newslist .layout_latest {width: 47%;} .teamliste .ce_text {width: 30%;} } @media screen and (max-width: 950px) { .linkboxen .box.dreispaltig {width: 47%;} .linkboxen .box.vierspaltig {width: 47%;} .linkboxen .box.fuenfspaltig {width: 47%;} .ce_text.boxengrau p {width: 100%;} #container .ce_form {width: 100%;} .ce_download ul li, .ce_downloads ul li {width: 100%; margin-right: 0;} .ce_text span.pfeil {padding-top:0; background: initial;} } @media screen and (max-width: 767px) { #header .headerscroll .logo {width: 200px;} #header .headerfixed .logo {width: 200px; position:relative; right: 12px;} #nuunnav .logo {width: 150px;} h1 {font-size:3.5rem; line-height:3.8rem;} .custom #slider .sliderbuttons {bottom: initial; top: 560px; width: 520px;} .mod_newslist .layout_latest {width: 97%;} .mod_article .inside {width: 90%; padding: 30px 5%;} .custom #slider .slick-slide .ce_text {width: 90%; padding: 30px 5%;} .custom #slider .sliderbuttons {right:28px;} .teamliste .ce_text {width: 47%;} #article-15 .blindcol {display:none;} #footer .inside {width: 90%; padding-left: 5%; padding-right: 5%;} .ce_rsce_divider .divider {display:none;} #footer .inside h2 {margin-top: 0; font-size: 3.5rem; line-height: 3.8rem;} .hometext {padding-left: 0px; border-left: none; margin-bottom:0px;} body #container .ce_downloads a, body #container .ce_download a, body #container .enclosure a {word-break: break-all;} .copyright {text-align:left;} .bmobile {display: none;} body .mt-0 {margin-top: 0px !important;} body .mt-xxs {margin-top: 10px !important;} body .mt-xs {margin-top: 20px !important;} body .mt-s {margin-top: 20px !important;} body .mt {margin-top: 20px !important;} body .mt-l {margin-top: 20px !important;} body .mt-xl {margin-top: 20px !important;} body .mt-xxl {margin-top: 20px !important;} body .mb-0 {margin-bottom: 0px !important;} body .mb-xxs {margin-bottom: 10px !important;} body .mb-xs {margin-bottom: 20px !important;} body .mb-s {margin-bottom: 20px !important;} body .mb {margin-bottom: 20px !important;} body .mb-l {margin-bottom: 20px !important;} body .mb-xl {margin-bottom: 20px !important;} body .mb-xxl {margin-bottom: 20px !important;} body .mt-0-m {margin-top: 0px !important;} body .mt-xxs-m {margin-top: 10px !important;} body .mt-xs-m {margin-top: 20px !important;} body .mt-s-m {margin-top: 20px !important;} body .mt-m-m {margin-top: 20px !important;} body .mt-l-m {margin-top: 20px !important;} body .mt-xl-m {margin-top: 20px !important;} body .mt-xxl-m {margin-top: 20px !important;} body .mb-0-m {margin-bottom: 0px !important;} body .mb-xxs-m {margin-bottom: 10px !important;} body .mb-xs-m {margin-bottom: 20px !important;} body .mb-s-m {margin-bottom: 20px !important;} body .mb-m-m {margin-bottom: 20px !important;} body .mb-l-m {margin-bottom: 20px !important;} body .mb-xl-m {margin-bottom: 20px !important;} body .mb-xxl-m {margin-bottom: 20px !important;} } @media screen and (max-width: 650px) { .linkboxen .box.zweispaltig {width: 97%;} .linkboxen .box.dreispaltig {width: 97%;} .linkboxen .box.vierspaltig {width: 97%;} .linkboxen .box.fuenfspaltig {width: 97%;} .linkboxen .box:hover {transform: scale(1.02);} } @media screen and (max-width: 550px) { .custom #slider .sliderbuttons {top: 460px; width: 500px;} .custom #slider .sliderbuttons p.mail a {font-size: 2rem;} .custom #slider .sliderbuttons p.tel a {font-size: 2rem;} .teamliste .ce_text {width: 97%;} .ce_download ul li .image_container, .ce_downloads ul li .image_container {display: none !important;} .ozeiten .s1 {display: block;} } /* FONTS */ /*************************************************************/ @font-face { font-family: 'TekoBold'; src: url('../../files/data/style/Fonts/Teko-Bold.woff2') format('woff2'), url('../../files/data/style/Fonts/Teko-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'TekoMedium'; src: url('../../files/data/style/Fonts/Teko-Medium.woff2') format('woff2'), url('../../files/data/style/Fonts/Teko-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'TekoSemiBold'; src: url('../../files/data/style/Fonts/Teko-SemiBold.woff2') format('woff2'), url('../../files/data/style/Fonts/Teko-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'TekoLight'; src: url('../../files/data/style/Fonts/Teko-Light.woff2') format('woff2'), url('../../files/data/style/Fonts/Teko-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'TekoRegular'; src: url('../../files/data/style/Fonts/Teko-Regular.woff2') format('woff2'), url('../../files/data/style/Fonts/Teko-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @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; } /*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;}