.d_100{grid-template-columns:100%}.d_25_25_25_25{grid-template-columns:25% 25% 25% 25%}.d_33_33_33{grid-template-columns:33.3333% 33.3333% 33.3333%}.d_50_25_25{grid-template-columns:50% 25% 25%}.d_25_50_25{grid-template-columns:25% 50% 25%}.d_25_25_50{grid-template-columns:25% 25% 50%}.d_40_30_30{grid-template-columns:40% 30% 30%}.d_30_40_30{grid-template-columns:30% 40% 30%}.d_30_30_40{grid-template-columns:30% 30% 40%}.d_20_40_40{grid-template-columns:20% 40% 40%}.d_40_20_40{grid-template-columns:40% 20% 40%}.d_40_40_20{grid-template-columns:40% 40% 20%}.d_50_50{grid-template-columns:50% 50%}.d_85_15{grid-template-columns:85% 15%}.d_15_85{grid-template-columns:15% 85%}.d_80_20{grid-template-columns:80% 20%}.d_20_80{grid-template-columns:20% 80%}.d_75_25{grid-template-columns:75% 25%}.d_25_75{grid-template-columns:25% 75%}.d_70_30{grid-template-columns:70% 30%}.d_30_70{grid-template-columns:30% 70%}.d_66_33{grid-template-columns:66.6667% 33.3333%}.d_33_66{grid-template-columns:33.3333% 66.6667%}.d_60_40{grid-template-columns:60% 40%}.d_40_60{grid-template-columns:40% 60%}@media only screen and (min-width :768px) and (max-width :1024px){.t_100{grid-template-columns:100%}.t_50_50{grid-template-columns:50% 50%}}@media only screen and (max-width:767px){.m_100{grid-template-columns:100%}.m_50_50{grid-template-columns:50% 50%}} .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_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.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}.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_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}.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.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{display:block}.autogrid_grid .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{padding:20px}}body.edge column[class*=col_]{flex-basis:0}@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} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} /* Box system */ .full, .one_half, .one_third, .two_third, .one_fourth, .two_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth { overflow: hidden; float: left; position: relative; display: block; } @media screen and (max-width: 700px) { .full, .one_half, .one_third, .two_third, .one_fourth, .two_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth { width: 100% !important; margin-left: 0px !important; float: none; } } .full { margin-left: 0; width: 100%; } .one_half { margin-left: 4%; width: 48%; } .one_half.no-margin { margin-left: 0px; width: 50%; } .one_half.centered.first { margin-left: 26% !important; } @media screen and (max-width: 700px) { .one_half.centered.first { margin-left: 0px !important; } } .one_third { margin-left: 5%; width: 30%; } .one_third.no-margin { margin-left: 0px; width: 35%; } .one_third.centered.first { margin-left: 15% !important; } @media screen and (max-width: 700px) { .one_third.centered.first { margin-left: 0px !important; } } .two_third { margin-left: 5%; width: 65%; } .one_fourth { margin-left: 4%; width: 22%; } .two_fourth { margin-left: 4%; width: 48%; } .three_fourth { margin-left: 4%; width: 74%; } .one_fifth { overflow: hidden; margin-left: 5%; width: 16%; } .two_fifth { overflow: hidden; margin-left: 4%; width: 37%; } .three_fifth { margin-left: 4%; width: 57%; } .four_fifth { margin-left: 4%; width: 79%; } .full.first, .one_fifth.first, .one_fourth.first, .two_fourth.first, .one_third.first, .two_fifth.first, .one_half.first, .three_fifth.first, .two_third.first, .three_fourth.first, .four_fifth.first { margin-left: 0 !important; clear: left; } /* BOXEN SPECIAL */ a.teaser { display: block; position: relative; border-top: 1px solid #FBCE4D; border-bottom: 1px solid #FBCE4D; overflow: visible; } a.teaser .ce_text, a.teaser figure { margin-bottom: 0px !important; } a.teaser img { display: block; } a.teaser .overlay { transition: all 300ms ease; opacity: 0; position: absolute; top: 0px; width: 100%; height: 100%; } a.teaser .description { width: 100%; color: #FBCE4D; position: absolute; top: -25px; text-transform: uppercase; font-size: 1.2em; text-align: center; -webkit-animation: slide-up 600ms 1; -moz-animation: slide-up 600ms 1; -o-animation: slide-up 600ms 1; animation: slide-up 600ms 1; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes slide-up { 0% { top: 50%; } 20% { top: 52%; } 100% { top: -25px; } } @-moz-keyframes slide-up { 0% { top: 50%; } 20% { top: 52%; } 100% { top: -25px; } } @-o-keyframes slide-up { 0% { top: 50%; } 20% { top: 52%; } 100% { top: -25px; } } @keyframes slide-up { 0% { top: 50%; } 20% { top: 52%; } 100% { top: -25px; } } a.teaser:hover .description { color: #FFF; transform: translate(-50%, -50%); left: 50%; -webkit-animation: slide-down 600ms 1; -moz-animation: slide-down 600ms 1; -o-animation: slide-down 600ms 1; animation: slide-down 600ms 1; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes slide-down { 0% { top: 0; } 80% { top: 52%; } 100% { top: 50%; } } @-moz-keyframes slide-down { 0% { top: 0; } 80% { top: 52%; } 100% { top: 50%; } } @-o-keyframes slide-down { 0% { top: 0; } 80% { top: 52%; } 100% { top: 50%; } } @keyframes slide-down { 0% { top: 0; } 80% { top: 52%; } 100% { top: 50%; } } a.teaser:hover .overlay { background-color: #FBCE4D; opacity: 0.7; } a.quick-product { transition: all 300ms ease; padding: 20px; box-sizing: border-box; color: #FBCE4D; text-align: center; } a.quick-product:hover { text-decoration: none; background-color: rgba(251, 206, 77, 0.2); } a.quick-product figure { margin-bottom: 30px; } a.quick-product figure img { max-width: 80%; margin: 0 auto; } .fly-away.flying { -webkit-animation: fly 500ms 1; -moz-animation: fly 500ms 1; -o-animation: fly 500ms 1; animation: fly 500ms 1; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes fly { 0% { transform: translate(0, 0) rotate(0deg) scale(1); opacity: 1; } 10% { transform: translate(0, 0) rotate(0deg) scale(1.1); } 100% { opacity: 0; transform: translate(600px, -100px) rotate(90deg) scale(0.1); } } @-moz-keyframes fly { 0% { transform: translate(0, 0) rotate(0deg) scale(1); opacity: 1; } 10% { transform: translate(0, 0) rotate(0deg) scale(1.1); } 100% { opacity: 0; transform: translate(600px, -100px) rotate(90deg) scale(0.1); } } @-o-keyframes fly { 0% { transform: translate(0, 0) rotate(0deg) scale(1); opacity: 1; } 10% { transform: translate(0, 0) rotate(0deg) scale(1.1); } 100% { opacity: 0; transform: translate(600px, -100px) rotate(90deg) scale(0.1); } } @keyframes fly { 0% { transform: translate(0, 0) rotate(0deg) scale(1); opacity: 1; } 10% { transform: translate(0, 0) rotate(0deg) scale(1.1); } 100% { opacity: 0; transform: translate(600px, -100px) rotate(90deg) scale(0.1); } } /*.info * padding: 20px * background-color: $color-gold * color: $color-font-light * display: inline-block */ .slide-left { -webkit-animation: slide-to-left 500ms 1; -moz-animation: slide-to-left 500ms 1; -o-animation: slide-to-left 500ms 1; animation: slide-to-left 500ms 1; animation-delay: 500ms; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes slide-to-left { 0% { transform: translate(0px, 0); opacity: 1; } 100% { transform: translate(-2000px, 0); opacity: 0; } } @-moz-keyframes slide-to-left { 0% { transform: translate(0px, 0); opacity: 1; } 100% { transform: translate(-2000px, 0); opacity: 0; } } @-o-keyframes slide-to-left { 0% { transform: translate(0px, 0); opacity: 1; } 100% { transform: translate(-2000px, 0); opacity: 0; } } @keyframes slide-to-left { 0% { transform: translate(0px, 0); opacity: 1; } 100% { transform: translate(-2000px, 0); opacity: 0; } } body.fade-in-page { opacity: 0; -webkit-animation: fade-in-an 500ms 1; -moz-animation: fade-in-an 500ms 1; -o-animation: fade-in-an 500ms 1; animation: fade-in-an 500ms 1; animation-delay: 500ms; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes fade-in-an { 0% { transform: scale(0); opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fade-in-an { 0% { transform: scale(0); opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fade-in-an { 0% { transform: scale(0); opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in-an { 0% { transform: scale(0); opacity: 0; } 100% { opacity: 1; } } @media screen and (max-width: 800px) { .no-mobile { display: none !important; } } .only-mobile, .mobile-only { display: none; } @media screen and (max-width: 800px) { .only-mobile, .mobile-only { display: block !important; } } #header .inside, #container, #footer .inside { max-width: 1600px; margin: 0px auto; width: 100%; padding: 0 30px; } @media screen and (max-width: 800px) { #header .inside, #container, #footer .inside { padding: 0px; } } * { margin: 0px; padding: 0px; box-sizing: border-box; } html, body { font-size: 18px; font-weight: 400; font-family: "Nunito", sans-serif; } .hidden { display: none; opacity: 0; } .left { float: left; } @media screen and (max-width: 800px) { .left { text-align: center; float: none; } } .right { float: right; } @media screen and (max-width: 800px) { .right { text-align: center; float: none; } } .center { display: block; margin: 0 auto; float: none !important; text-align: center; } .aligncenter { text-align: center; display: block; } .light-color { color: #fff !important; } .clear-both { clear: both; } .overflow-visible { overflow: visible; } .button, form input[type=submit] { border: 1px solid #1DA190; } .invisible { display: none; } body { overflow-y: scroll; background-color: #fff; } body p, body ul, body table { line-height: 1.27em; margin-bottom: 1.8em; color: #000; } @media screen and (max-width: 800px) { body p, body ul, body table { font-size: 0.8rem; margin-bottom: 1em; } } body .text_klein { font-size: 0.8rem; } body .dominant p { font-size: 1.5em; } body a { color: #000; } body a:hover { text-decoration: underline; } body img { width: 100%; height: auto; display: block; } body h1, body h2, body table thead, table body thead, body h3 { font-weight: lighter; color: #000; font-weight: bold; text-transform: normal; margin: 0px; } body h1 { font-size: 1.75rem; clear: both; margin-bottom: 40px; text-transform: uppercase; } @media screen and (max-width: 800px) { body h1 { text-align: center !important; margin-bottom: 0px !important; } } body h2, body table thead, table body thead { font-size: 1rem; margin-bottom: 30px; } @media screen and (max-width: 800px) { body h2, body table thead, table body thead { margin-bottom: 6px; } } body h3 { font-size: 1em; } #header { background-color: #fff; overflow: hidden; } #header::after { content: ""; display: table; clear: both; } #header .inside { display: flex; align-items: flex-end; justify-content: space-between; } #header .logo { width: 245px; margin: 27px 0; } @media screen and (max-width: 800px) { #header .logo { margin-left: 20px; width: 210px; } } #header nav { display: block; flex-grow: 1; } @media screen and (max-width: 860px) { #header nav { display: none !important; } } #header nav.sub-nav-open ul li { padding-bottom: calc(60px + 0.4rem); } #header nav.sub-nav-open ul li.trail ul { opacity: 1; pointer-events: all; } #header .mod_navigation ul, #header .mod_customnav ul { display: flex; justify-content: flex-end; position: relative; margin: 0px; } #header .mod_navigation ul li, #header .mod_customnav ul li { transition: all 300ms ease-in; list-style-type: none; padding-bottom: calc(30px - 8px); } #header .mod_navigation ul li:hover ul, #header .mod_navigation ul li.active ul, #header .mod_customnav ul li:hover ul, #header .mod_customnav ul li.active ul { opacity: 1; pointer-events: all; } #header .mod_navigation ul li:hover ul, #header .mod_customnav ul li:hover ul { background: #fff; z-index: 99999; } @media screen and (max-width: 860px) { #header .mod_navigation ul li:hover ul, #header .mod_customnav ul li:hover ul { background: transparent; } } #header .mod_navigation ul li.submenu:not(.active):hover, #header .mod_customnav ul li.submenu:not(.active):hover { padding-bottom: calc(60px + 0.4rem); } @media screen and (max-width: 860px) { #header .mod_navigation ul li.submenu:not(.active):hover, #header .mod_customnav ul li.submenu:not(.active):hover { padding-bottom: 0; } } #header .mod_navigation ul a, #header .mod_navigation ul strong, #header .mod_customnav ul a, #header .mod_customnav ul strong { white-space: nowrap; transition: all 300ms ease; display: block; text-decoration: none; color: #000; margin-left: 35px; position: relative; } @media screen and (max-width: 1000px) { #header .mod_navigation ul a, #header .mod_navigation ul strong, #header .mod_customnav ul a, #header .mod_customnav ul strong { margin-left: 15px; } } #header .mod_navigation ul a:after, #header .mod_navigation ul strong:after, #header .mod_customnav ul a:after, #header .mod_customnav ul strong:after { content: ""; position: absolute; transition: all 300ms ease-out; background-color: #000; left: 0px; bottom: 1px; height: 1px; width: 0; } #header .mod_navigation ul a:hover:after, #header .mod_navigation ul strong:hover:after, #header .mod_customnav ul a:hover:after, #header .mod_customnav ul strong:hover:after { width: 100%; } #header .mod_navigation ul strong, #header .mod_customnav ul strong { font-weight: normal; } #header .mod_navigation ul strong:after, #header .mod_customnav ul strong:after { width: 100%; } #header .mod_navigation ul.last a, #header .mod_navigation ul.last span, #header .mod_customnav ul.last a, #header .mod_customnav ul.last span { padding-right: 0; } #header .mod_navigation ul ul, #header .mod_customnav ul ul { opacity: 0; transition: all 300ms ease; pointer-events: none; width: 100%; position: absolute; right: 0px; top: calc(30px + .7rem); padding-bottom: 100px; } #header .mod_navigation ul ul li, #header .mod_customnav ul ul li { font-size: 0.8rem; } #header .mod_navigation ul ul li a, #header .mod_navigation ul ul li strong, #header .mod_customnav ul ul li a, #header .mod_customnav ul ul li strong { margin-left: 20px; } #header .nav-o-meter { position: fixed; top: 20px; right: 20px; z-index: 9999999999; display: none; cursor: pointer; width: 46px; height: 37px; background-color: #fff; border-radius: 2px; } @media screen and (max-width: 860px) { #header .nav-o-meter { display: block; } } #header .nav-o-meter ul.bars li { border-radius: 1px; left: 8px; margin: 0px; padding: 0px; list-style-type: none; width: 30px; height: 2px; background-color: #1DA190; position: absolute; margin-top: -1px; top: 50%; opacity: 1; transition: all 300ms ease-in-out; } #header .nav-o-meter ul.bars li:first-child { transform: translateY(-10px) rotate(0deg); } #header .nav-o-meter ul.bars li:last-child { transform: translateY(10px) rotate(0deg); } #header .nav-o-meter.opened { background-color: transparent !important; } #header .nav-o-meter.opened ul li { background-color: #fff; } #header .nav-o-meter.opened ul li:first-child { transform: translate(0) rotate(45deg); } #header .nav-o-meter.opened ul li:nth-child(2) { opacity: 0; } #header .nav-o-meter.opened ul li:last-child { transform: translate(0) rotate(-45deg); } #header .mobile-nav__container { overflow-y: scroll; opacity: 0; pointer-events: none; transition: all 300ms ease-out; width: 100vw; height: 100vh; display: none; position: fixed; left: 0px; top: 0px; z-index: 99999999; background-color: #1DA190; padding: 27px 20px; } @media screen and (max-width: 860px) { #header .mobile-nav__container { display: block; } } #header .mobile-nav__container.open { opacity: 1; pointer-events: all; } #header .mobile-nav__container img { width: 245px; margin-bottom: 70px; } #header .mobile-nav__container nav.mod_navigation { display: block !important; text-align: left; } #header .mobile-nav__container nav.mod_navigation ul { display: block; } #header .mobile-nav__container nav.mod_navigation ul li { display: block; width: 100%; padding-bottom: 0px; } #header .mobile-nav__container nav.mod_navigation ul li a, #header .mobile-nav__container nav.mod_navigation ul li strong { font-size: 1.16rem; color: #fff; margin: 0; position: relative; margin-bottom: 20px; } #header .mobile-nav__container nav.mod_navigation ul li a:after, #header .mobile-nav__container nav.mod_navigation ul li strong:after { display: none; } #header .mobile-nav__container nav.mod_navigation ul li strong:not(.trail) { text-decoration: underline; } #header .mobile-nav__container nav.mod_navigation ul li.submenu > a:before, #header .mobile-nav__container nav.mod_navigation ul li.submenu > strong:before { content: "+"; position: absolute; left: 0px; top: 0px; font-size: 1.4rem; } #header .mobile-nav__container nav.mod_navigation ul li.submenu a, #header .mobile-nav__container nav.mod_navigation ul li.submenu strong { padding-left: 40px; } #header .mobile-nav__container nav.mod_navigation ul li.submenu.active > a:before, #header .mobile-nav__container nav.mod_navigation ul li.trail > a:before, #header .mobile-nav__container nav.mod_navigation ul li.submenu.active strong:before { content: "-"; } #header .mobile-nav__container nav.mod_navigation ul li ul { position: static; display: none; padding: 0px; } #header .mobile-nav__container nav.mod_navigation ul li.active ul, #header .mobile-nav__container nav.mod_navigation ul li.trail ul { display: block; } #wrapper { width: 100%; } #container { display: flex; flex-direction: row-reverse; } @media screen and (max-width: 800px) { #container { flex-direction: column-reverse; max-width: none; width: 100%; margin: 0; } } #container ul li { margin-left: 19px; } #container #main { width: calc(75% - (8px / 2)); margin-left: 8px; max-height: calc(100vh - 190px); overflow-y: scroll; } @media screen and (max-width: 800px) { #container #main { width: 100%; max-height: none; margin: 0px; overflow: auto; padding: 50px 20px; } } #container #main .mod_article { position: relative; overflow-x: hidden; } #container #main .mod_article.article_text { padding-top: 24px; padding-left: 33px; } @media screen and (max-width: 800px) { #container #main .mod_article.article_text { padding: 0px; } } #container #main .mod_article.article_bilder { padding-left: 0px; padding-top: 0px; } #container #main .mod_article.article_bilder figure { margin-bottom: 20px; } #container #main .mod_article.article_bilder p { margin-bottom: 0.666rem; } #container #main .mod_article.article_bilder .autogrid_grid { margin-bottom: calc(50px - 0.666rem); } #container #left { width: calc(25% - (8px / 2)); background: #1DA190; } @media screen and (max-width: 800px) { #container #left { width: 100%; } } #container #left ul, #container #left table, #container #left p, #container #left h1, #container #left h2, #container #left table thead, table #container #left thead { color: #fff; } #container #left ul:last-child, #container #left table:last-child, #container #left p:last-child, #container #left h1:last-child, #container #left h2:last-child, #container #left table thead:last-child, table #container #left thead:last-child { margin-bottom: 0px; } #container #left .inside { padding: 27px 20px; } @media screen and (max-width: 800px) { #container #left .inside { padding: 18px 20px 20px 20px; } } #container #left .mod_article { margin: 0px; } form { margin-bottom: 60px; color: #fff; } form::after { content: ""; display: table; clear: both; } form .widget { width: 48%; } @media screen and (max-width: 590px) { form .widget { width: 100%; } } form .widget input, form .widget select { box-sizing: border-box; width: 100%; padding: 8px 5px; border: none; margin-bottom: 10px; } form .widget input::-webkit-input-placeholder, form .widget select::-webkit-input-placeholder { color: #000; opacity: 1; } form .widget input:-moz-placeholder, form .widget select:-moz-placeholder { color: #000; opacity: 1; } form .widget input::-moz-placeholder, form .widget select::-moz-placeholder { color: #000; opacity: 1; } form .widget input:-ms-input-placeholder, form .widget select:-ms-input-placeholder { color: #000; opacity: 1; } form .widget-captcha { margin-top: 20px; } form span.captcha_text { font-size: 0.9em; display: block; margin-top: -65px; } form .widget-textareathan { width: 48%; float: right; margin-left: 4%; } @media screen and (max-width: 590px) { form .widget-textareathan { float: none; margin-left: 0px; width: 100%; } } form .widget-textareathan textarea { box-sizing: border-box; width: 100%; height: 170px; position: relative; top: -180px; margin-bottom: 10px; padding: 8px 5px; border: none; } form .widget-textareathan textarea::-webkit-input-placeholder { color: #000; opacity: 1; } form .widget-textareathan textarea:-moz-placeholder { color: #000; opacity: 1; } form .widget-textareathan textarea::-moz-placeholder { color: #000; opacity: 1; } form .widget-textareathan textarea:-ms-input-placeholder { color: #000; opacity: 1; } @media screen and (max-width: 590px) { form .widget-textareathan textarea { margin-top: 0px; } } @media screen and (max-width: 590px) { form input[type=submit] { margin-top: 40px; } } body.footer-left .footer { padding-left: 0px; } @media screen and (max-width: 800px) { body.footer-left .footer { padding-top: 55px; } } @media screen and (max-width: 800px) { body.home .footer { padding-top: 0px; } } .footer { padding-left: calc(33.3333% + 33px - 8px); padding-top: 44px; font-size: 0.8rem; } @media screen and (max-width: 800px) { .footer { padding-left: 0px !important; } } .footer a { text-decoration: none; } .footer table { border: none; margin-bottom: 0px; } .footer table tr { border: none; display: flex; } @media screen and (max-width: 800px) { .footer table tr { flex-direction: column; font-size: 0.8rem; } } .footer table tr td { border: none; margin-right: 20px; display: block; width: auto !important; } .footer table tr td p { margin-bottom: 1.8em; } .footer table tr td p:last-child { margin-bottom: 0px; } .ce_accordion .toggler { padding: 4px 0; border-top: 1px solid #B1B1B1; font-weight: bold; } .ce_accordion .toggler span { display: block; font-weight: normal; font-size: 0.8rem; } .ce_accordion:last-child .toggler { border-bottom: 1px solid #B1B1B1; } #footer .copim { color: #000; font-size: 1em; display: block; color: #000; padding: 5px 0; } #footer .copim a { color: #000; } table { width: 100%; border-collapse: collapse; } table thead { margin-bottom: 5px; } table tbody tr td { vertical-align: middle; } table p { margin-bottom: 0px; } .slick-container { max-height: 100vh; } .slick-container .slick-arrow { z-index: 999; } @media screen and (max-width: 800px) { .slick-container .slick-arrow { width: 50px; height: 50px; } .slick-container .slick-arrow:before { font-size: 50px; } } .slick-container .slick-arrow.slick-next { right: 10px; } .slick-container .slick-arrow.slick-prev { left: 10px; } .masonry > div, .masonry > section { margin-bottom: 20px; } #cboxCurrent { display: none !important; } #cboxLoadedContent { border: none; } #cboxPrev background none::before { font-family: "slick"; font-size: 20px; line-height: 1; opacity: 0.75; color: white; -webkit-font-smoothing: antialiased; } .autogrid_grid, .autogrid_grid.gutter_s { margin: 0 calc(8px / 2 * -1); } .autogrid_grid > .column, .autogrid_grid.gutter_s > .column { padding: 0 calc(8px / 2); } @media screen and (max-width: 800px) { .autogrid_grid > .column, .autogrid_grid.gutter_s > .column { margin-bottom: 0px; } } /*# sourceMappingURL=styles.css.map */