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}
/*!
 * mega menu layout
 * optimiced for Contao Official Demo Theme
 */.mod_navigation.dropdown{overflow:visible}.mod_navigation li.mm_container>a,.mod_navigation li.mm_container>span,.mod_navigation li.mm_container>strong{position:relative}.mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover>a:after,.mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover>strong:after,.mod_navigation li.mm_container.mm_container_onClickOnly.mm_isActive>a:after,.mod_navigation li.mm_container.mm_container_onClickOnly.mm_isActive>strong:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background-color:#F4F2F0;z-index:110}.mod_navigation li.mm_container .mm_dropdown{display:none;position:absolute;left:0;right:0;z-index:100}.mod_navigation li.mm_container .mm_dropdown>.inner{padding:1rem 2rem;border:1px solid #E5DFDC;background-color:rgba(244, 242, 240, 0.95);overflow:hidden}.mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover .mm_dropdown,.mod_navigation li.mm_container.mm_container_onClickOnly .mm_isActive~.mm_dropdown{display:block}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px; }

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px; }

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px; }

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px; }

.twentytwenty-container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }
  .twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block; }
  .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0); }
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0; }
  .twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

.twentytwenty-before-label {
  opacity: 0; }
  .twentytwenty-before-label:before {
    content: attr(data-content); }

.twentytwenty-after-label {
  opacity: 0; }
  .twentytwenty-after-label:before {
    content: attr(data-content); }

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px; }

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px; }

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px; }

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px; }

.twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25; }
  .twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5); }
    .twentytwenty-overlay:hover .twentytwenty-after-label {
      opacity: 1; }
    .twentytwenty-overlay:hover .twentytwenty-before-label {
      opacity: 1; }

.twentytwenty-before {
  z-index: 20; }

.twentytwenty-after {
  z-index: 10; }

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer; }

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px; }

.twentytwenty-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px; }

.twentytwenty-up-arrow {
  border-bottom: 6px solid white;
  top: 50%;
  margin-top: -17px; }

.twentytwenty-down-arrow {
  border-top: 6px solid white;
  bottom: 50%;
  margin-bottom: -17px; }

/* NUUNNAV CSS*/

.nuunnavbutton {display: none; width: 45px; padding: 13px 11px; height: 45px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; cursor: pointer; position: fixed; z-index: 2500; top: 18px; right: 3%;}
.nuunnavbutton .navline {height: 2px; width: 100%; box-sizing: border-box; margin-bottom: 6px; border-radius: 0px; background: #000; opacity: 1; transition: transform 0.3s ease, opacity 0.3s ease;}
.nuunnavbutton .navline:last-of-type {margin-bottom: 0;}
.nuunnavbutton .navline.mid {opacity: 1;}
.nuunnavbutton .navline.top {transform: rotate(0); transform-origin: top right;}
.nuunnavbutton .navline.bot {transform: rotate(0); transform-origin: bottom right;}

.nuunnavbutton.crossed .navline.top {transform: rotate(-45deg) translateY(-2px) translateX(-3px);}
.nuunnavbutton.crossed .navline.mid {opacity: 0;}
.nuunnavbutton.crossed .navline.bot {margin-left: 0; width: 100%; transform: rotate(-135deg) translateY(0px) translateX(24px);}

#nuunnav {display: none; padding-top: 0px; padding-bottom: 50px; position: fixed; overflow-y: auto; top: 0; width: 100%; max-width: 500px; background: #fff; height: 100vh; z-index: 2000; box-sizing: border-box; transition:right 0.4s ease, box-shadow 0.3s ease;}
#nuunnav.open {right: 0 !important; box-shadow: 0 0 10px #ababab;}
#nuunnav .inside {padding: 0 3% 30px 3%;}

#nuunnav .mod_navigation {margin-top: 50px; margin-bottom: 20px; display: inline-block; width: 100%;}
#nuunnav li a {color: #1D1D1B; text-decoration: none; transition: color 0.3s ease;}
#nuunnav li a.active {color: #D01437;}
#nuunnav li a:hover {color: #D01437;}
#nuunnav ul {list-style: none; padding-left: 0; margin-bottom: 0; display: block; width: 100%;}
#nuunnav ul.level_1 {margin: 0;}
#nuunnav ul.level_1 > li {}
#nuunnav ul.level_1 > li > a {display: inline-block; font-size: 2.4rem; float: left; clear: left; margin: 7px 0; padding: 8px 0 11px 0;}
#nuunnav ul.level_1 > li.submenu > a {margin-right: 0px; float: left; clear: left;}
#nuunnav ul li.submenu .subtoggler {width: 50px; height: 50px; position: relative; top:3px; display: flex; align-items: center; justify-content: center; float: left; cursor: pointer;}
#nuunnav ul.level_2 li.submenu .subtoggler {height: 34px;}
#nuunnav ul li.submenu .subtoggler .subtoggline1 {width: 18px; height: 2px; background: #1D1D1B;}
#nuunnav ul li.submenu .subtoggler .subtoggline2 {width: 18px; height: 2px; background: #1D1D1B; position: absolute; transform: rotate(90deg); transition: transform 0.3s ease;}
#nuunnav ul li.submenu .subtoggler.down .subtoggline2 {transform: rotate(0deg);}

#nuunnav ul.level_2 {display: none;}
#nuunnav ul.level_2 > li > a {display: inline-block; font-size: 2rem; float: left; clear: left; padding: 5px 0 5px 20px;}
#nuunnav ul.level_2 li a.active {color: #D01437;}
#nuunnav ul.level_2 li a:hover {color: #D01437;}
#nuunnav ul.level_2 li.last {padding-bottom: 15px; display: inline-block; width: 100%;}

#nuunnav ul.level_3 {display: none; visibility: visible;}
#nuunnav ul.level_3 > li > a {display: inline-block; text-transform: none; font-size: 2rem; float: left; clear: left; padding: 5px 0 5px 40px;}
#nuunnav ul.level_3 li a.active {color: #D01437;}
#nuunnav ul.level_3 li a:hover {color: #D01437;}

#nuunnav ul.level_4 {display: none;}
#nuunnav ul.level_4 > li > a {display: inline-block; text-transform: none; font-size: 1.5rem; float: left; clear: left; padding: 5px 0 5px 15px;}
#nuunnav ul.level_4 li a.active {color: #D01437;}
#nuunnav ul.level_4 li a:hover {color: #D01437;}

@media screen and (max-width: 1200px) {
	.nuunnavbutton {display: block;}
	#nuunnav {display: block;}
}
/*************************************************************/
/*   Design:  Kühnis Solutions AG 			     	 	 	 */
/*   File:    screen.css					                 */
/*-----------------------------------------------------------*/
/*   Autor:   Thomas Dürig, www.nuun.ch 	                 */
/*   Datum:   August 2023					                 */
/*   Site: 	  www.kuehnis-solutions.ch    					 */
/*************************************************************/
/*  LAYOUT													 */
/*************************************************************/

/*FARBEN*/
/*	

*/

/*Cookiebar*/
.contao-cookiebar .cc-inner {max-width: 500px; font-size: 1.5rem; line-height: 1.8rem;}
.contao-cookiebar .cc-inner label {line-height: 1.9rem;}
.contao-cookiebar .cc-cookies .cc-cookie p {font-size: 1.5rem; line-height: 1.8rem;}
.contao-cookiebar .cc-info > p {font-size: 1.2rem; line-height: 1.6rem;}
.contao-cookiebar .cc-info > p a {color:#999999; text-decoration: none;}

.ce_cookiebarOpener {display: inline-block; width: 100%; margin-bottom: 20px;}
.ce_cookiebarOpener a {color: #1A59A8; text-transform: uppercase; display: inline-block; padding: 5px 50px 5px 0; text-decoration: none; font-family: 'metropolissemi_bold'; letter-spacing: 1.5px; background: url(../../files/files/data/graphics/arrow-link.svg) center right 5px no-repeat; transition: background 0.3s ease;;}
.ce_cookiebarOpener a:hover {background: url(../../files/files/data/graphics/arrow-link.svg) center right no-repeat;}

.ce_dlh_googlemaps .cc-module {text-align:center; margin-top:80px;}
.ce_dlh_googlemaps .cc-module p {color: #000 !important;}
.ce_dlh_googlemaps .cc-module a {color: #D01437 !important; text-decoration: none;}

/*  GLOBAL													 */
/*************************************************************/

html, body {position: relative; height: 100%; width:100%; font: 62.5% "mukta_vaaniregular", Arial, Verdana, Helvetica, sans-serif; letter-spacing:0em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: antialiased; font-smoothing: antialiased;}
body {font-size:18px; font-size:1.8rem; line-height: 3rem; color: #000; background-color: #fff;}

.invisible {display: none !important;}

.schmal50 {width: 50% !important; margin: 0 auto;}
.schmal75 {width: 75% !important; margin: 0 auto;}

.zentriert {text-align: center;}

strong {font-family: 'mukta_vaanibold';}

/*Backtotop*/
#backtotop {width: 70px; position: fixed; bottom: 45px; right: 20px; cursor: pointer; opacity: 0; z-index: 5000;}
#backtotop img {width: 100%;}

/*  HEADER / NAVIGATION									     */
/*************************************************************/
#header {position: fixed; top: 0; left: 0; width: 100%; height: auto; background: #fff; z-index: 100; box-shadow: 0 4px 20px rgba(0,0,0,0.16);}
#header .headertop {width: 100%; height: 80px;}
#header .headertop .inside {width: 94%; padding: 0 3%; max-width: 1680px; margin: 0 auto; text-align: center; position: relative;}
#header .logo {float: left; margin-top: 22px; display: inline-block;}
#header .logomobile {display: none;}
#header .shopbutton {float: right; display: inline-block; margin-left: 20px; margin-bottom: 0; margin-top: 15px;}
#header .actionbutton {float: right; display: inline-block; margin-left: 20px; margin-bottom: 0; margin-top: 15px;}
#header .mod_changelanguage {float: right; display: inline-block; position: relative;}
#header .mod_changelanguage a.active {padding: 6px 25px 6px 10px; visibility: visible; background: url(../../files/data/graphics/chevron-down-rot.svg) center right no-repeat; position: relative; margin-top: 20px; top: initial; left: initial; opacity: 1;}
#header .mod_changelanguage a {color: #000; background: #fff; text-decoration: none; visibility: hidden; display: inline-block; padding: 0px 25px 6px 10px; position: absolute; top: 60px; left: 0; opacity: 0; transition: opacity 0.3s ease;}
#header .mod_changelanguage:hover a {opacity: 1; visibility: visible;}

#header .navigation {display: inline-block; margin: 30px auto 0 auto;}
#header .navigation ul {margin-bottom: 0;}
#header .navigation ul li {display: inline-block; margin: 0 5px; padding-bottom: 20px;}
#header .navigation ul li a {color: #000; text-decoration: none; padding-left: 15px; padding-right: 15px; padding-bottom: 18px;}
#header .navigation ul li.mm_container > a {padding-right: 35px; background: url(../../files/data/graphics/chevron-down-schwarz.svg) top 7px right 15px no-repeat;}
#header .navigation ul li a.nolink {cursor: default;}

#header .mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover>a:after, #header .mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover>strong:after, #header .mod_navigation li.mm_container.mm_container_onClickOnly.mm_isActive>a:after, #header .mod_navigation li.mm_container.mm_container_onClickOnly.mm_isActive>strong:after {display: none;}
#header .mod_navigation li.mm_container .mm_dropdown {top: 80px; left: initial; right: calc(100vw / 100 * 3); width: 80%; border: 1px solid #dddfe0; border-top: none; border-radius: 0 0 4px 4px; overflow: hidden; box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.16);}
#header .mod_navigation li.mm_container .mm_dropdown>.inner {border: none; background-color: #fff; padding: 0; }
#header .mod_navigation li.mm_container .mm_dropdown>.inner .graycol {background: #F6F6F6;}
#header .mod_navigation li.mm_container .mm_dropdown>.inner h4 {font-family: 'muktavaani-bold'; color: #727272; font-size: 1.4rem; line-height: 2rem; letter-spacing: 0.7px; margin-top: 30px; margin-bottom: 13px; text-transform: uppercase; text-align: left; margin-left: 7%; padding-left: 30px;}
#header .mod_navigation li.mm_container .mm_dropdown>.inner h4.subnavicon1 {background: url(../../files/data/graphics/Money.svg) center left no-repeat;}
#header .mod_navigation li.mm_container .mm_dropdown>.inner h4.subnavicon2 {background: url(../../files/data/graphics/Store.svg) center left no-repeat;}
#header .mod_navigation li.mm_container .mm_dropdown>.inner h4.subnavicon3 {background: url(../../files/data/graphics/Label.svg) center left no-repeat;}
#header .mod_navigation li.mm_container .mm_dropdown>.inner h4.subnavicon4 {background: url(../../files/data/graphics/Hierarchy.svg) center left no-repeat;}
#header .mod_navigation li.mm_container .mm_dropdown>.inner h4.subnavicon5 {background: url(../../files/data/graphics/Stonks.svg) center left no-repeat;}
#header .mod_navigation li.mm_container .mm_dropdown>.inner .mod_customnav li {display: block; box-sizing: border-box; margin: 10px 7% 10px calc(7% + 30px); padding: 0; position: relative;}
#header .mod_navigation li.mm_container .mm_dropdown>.inner .graycol .mod_customnav li {margin: 10px calc(6% + 30px);}
#header .mod_navigation li.mm_container .mm_dropdown>.inner .mod_customnav li:after {content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 0px; height: 1px; background: #D01437; transition: width 0.5s ease;}
#header .mod_navigation li.mm_container .mm_dropdown>.inner .mod_customnav li:hover:after, #header .mod_navigation li.mm_container .mm_dropdown>.inner .mod_customnav li.active:after, #header .mod_navigation li.mm_container .mm_dropdown>.inner .mod_customnav li.trail:after {width: 100%;}
#header .mod_navigation li.mm_container .mm_dropdown>.inner .mod_customnav li a {padding: 5px 7px; display: block; text-align: left;}
#header .mod_navigation li.mm_container .mm_dropdown>.inner .mod_customnav li a.graynav1:after {content: "Passende Halterung für ESL-Displays"; font-size: 1.4rem; line-height: 2rem; display: block;}
#header .mod_navigation li.mm_container .mm_dropdown>.inner .mod_customnav li a.graynav2:after {content: "Vom Wellenrand- bis zum Aktionsetikett"; font-size: 1.4rem; line-height: 2rem; display: block;}
#header .mod_navigation li.mm_container .mm_dropdown>.inner .mod_customnav li a.graynav3:after {content: "Lebensmittel gesetzeskonform auszeichnen"; font-size: 1.4rem; line-height: 2rem; display: block;}
#header .mod_navigation li.mm_container .mm_dropdown>.inner .mod_customnav li a.graynav4:after {content: "Weil das Auge mitisst"; font-size: 1.4rem; line-height: 2rem; display: block;}
#header .mod_navigation li.mm_container .mm_dropdown>.inner .col_3, #header .mod_navigation li.mm_container .mm_dropdown>.inner .col_4 {padding-top: 20px; padding-bottom: 20px;}
#header .mod_navigation li.mm_container .mm_dropdown>.inner .mod_customnav.frnav li a.graynav1:after {content: "Support pour les étiquettes électroniques"; font-size: 1.4rem; line-height: 2rem; display: block;}
#header .mod_navigation li.mm_container .mm_dropdown>.inner .mod_customnav.frnav li a.graynav2:after {content: "Du bord ondulé à l'étiquette de promotion"; font-size: 1.4rem; line-height: 2rem; display: block;}
#header .mod_navigation li.mm_container .mm_dropdown>.inner .mod_customnav.frnav li a.graynav3:after {content: "Etiquetage alimentaire conforme à la législation"; font-size: 1.4rem; line-height: 2rem; display: block;}
#header .mod_navigation li.mm_container .mm_dropdown>.inner .mod_customnav.frnav li a.graynav4:after {content: "Parce qu'on mange avec les yeux"; font-size: 1.4rem; line-height: 2rem; display: block;}

#header .headerbot {display: flex; align-items: center; width: 100%; min-height: 65px; background: #920E27;}
#header .headerbot .inside {position: relative; width: 94%; padding: 0 3%; max-width: 1680px; margin: 0 auto; text-align: center;}
#header .headerbot .ce_text {color: #fff; display: inline-block; width: calc(100% - 160px); box-sizing: border-box; padding-left: 160px; text-align: center; font-family: 'mukta_vaanimedium'; font-size: 2.1rem; line-height: 3.2rem;}
#header .headerbot .ce_text p {margin-bottom: 0; padding-left: 40px; display: inline-block; background: url(../../files/data/graphics/Info-weiss.svg) center left no-repeat;}
#header .headerbot .ce_hyperlink {display: inline-block; float: right; margin: 0;}
#header .headerbot .ce_hyperlink a {color: #fff; padding: 0 40px 0 0; border: none; background: url(../../files/data/graphics/Arrow-right-rot.svg) center right no-repeat;}

#header .headersuche {margin-top: 14px; display: inline-block; float: right; margin-right: 10px;}
#header .headersuche form {margin-bottom: 0; transition: width 0.3s ease;}
#header .headersuche .formbody {width: 100%; height: 52px; border-radius: 4px; border: 1px solid #ccc; background: #fff; overflow: hidden;}
#header .headersuche .widget-submit {display: inline-block; width: 50px; float: left; height: 52px;}
#header .headersuche .widget-submit button {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #fff url(../../files/data/graphics/icon-suche-gray.svg) center no-repeat; border:none; cursor: pointer; margin: 0; padding: 0; color: rgba(0,0,0,0);}
#header .headersuche .widget-submit button:hover {transform: scale(1); background: #fff url(../../files/data/graphics/icon-suche-gray.svg) center no-repeat;}
#header .headersuche .widget-text {display: inline-block; width: calc(100% - 50px); float: left; height: 52px;}
#header .headersuche .widget-text input {width: 130px; height: 100%; display: flex; align-items: center; justify-content: center; background: initial; border:none; cursor: pointer; box-sizing: border-box; padding: 0 15px; transition: width 0.3s ease;}
#header .headersuche .widget-text input:focus {outline: none; width: 250px;}
#header .mobilesuche {display: none;}

#container .sucheseite {margin-top: 35px;}
#container .sucheseite form {margin-bottom: 20px; transition: width 0.3s ease;}
#container .sucheseite .formbody {width: 100%; height: 52px; border-radius: 4px; border: 1px solid #ccc; background: #fff; overflow: hidden;}
#container .sucheseite .widget-submit {display: inline-block; width: 50px; float: left; height: 52px;}
#container .sucheseite .widget-submit button {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #fff url(../../files/data/graphics/icon-suche-gray.svg) center no-repeat; border:none; cursor: pointer; margin: 0; padding: 0; color: rgba(0,0,0,0);}
#container .sucheseite .widget-submit button:hover {transform: scale(1); background: #fff url(../../files/data/graphics/icon-suche-gray.svg) center no-repeat;}
#container .sucheseite .widget-text {display: inline-block; width: calc(100% - 50px); float: left; height: 52px;}
#container .sucheseite .widget-text input {height: 100%; display: flex; align-items: center; justify-content: center; background: initial; border:none; cursor: pointer; box-sizing: border-box; padding: 0 15px; transition: width 0.3s ease;}
#container .sucheseite .widget-text input:focus {outline: none;}
#container .sucheseite .info {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #bebebe;}
#container .sucheseite .info.noborder {border-bottom: none;}
#container .sucheseite .info a {color: #000;}
#container .sucheseite h3 a {color: #42bcc6; text-decoration: none;}
#container .sucheseite mark {background-color: #97f5fd;}
#container .sucheseite .url {font-size: 1.4rem; line-height: 1.6rem;}

/*Sharepopup*/
.sharepopupoverlay {position: fixed; display: flex; align-items: center; justify-content: center; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 100; opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s ease;}
.sharepopupoverlay.open {opacity: 1; visibility: visible;}
.sharepopupoverlay .sharepopup {width: 94%; max-width: 820px; box-sizing: border-box; padding: 30px; background: #fff; position: relative; border-radius: 4px; border: 1px solid #ccc;}
.sharepopupoverlay .sharepopup .ce_x {position: absolute; top: 20px; right: 20px; width: 44px; height: 44px; border: 1px solid #ccc; border-radius: 4px; background: url(../../files/data/graphics/sharepopupclose.svg) center no-repeat; cursor: pointer;}
.sharepopup .formbody #copylinkinput {display: inline-block; box-sizing: border-box; width: calc(100% - 145px); padding:10px; margin-bottom: 5px; border:1px solid #ccc; border-radius: 4px; background-color: #f6f6f6;}
.sharepopup .formbody #copylinkinput:focus {outline: none;}
.sharepopup .formbody #copylinksubmit {cursor: pointer; margin-left: 15px; float: right; display: inline-block; width: auto; font-family: 'mukta_vaanimedium'; text-transform: uppercase; text-decoration: none; padding: 10px 15px; letter-spacing: 1px; border-radius: 4px; color: #fff; background: #D01437; border: 1px solid #D01437; transition: background 0.3s ease;}
.sharepopup .formbody #copylinksubmit:hover {background: #A8202D;}
.sharepopup .tooltip {position: relative; display: inline-block;}
.sharepopup .tooltip .tooltiptext {visibility: hidden; font-size: 1.6rem; line-height: 2.2rem; text-transform: none; width: 140px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -75px; opacity: 0; transition: opacity 0.3s;}
.sharepopup .tooltip .tooltiptext::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent;}
.sharepopup .tooltip:hover .tooltiptext {visibility: visible; opacity: 1;}
.sharepopup .sharebuttons {margin-top: 25px; display: inline-block; width: 100%;}
.sharepopup .sharebuttons ul li {display: inline-block; width: 20%; float: left; text-align: center; position: relative;}
.sharepopup .sharebuttons ul li a {display: block; width: 100%; padding-top: 85px; color: #000; text-decoration: none;}
.sharepopup .sharebuttons ul li a.whatsapp {background: url(../../files/data/graphics/sharebutton-whatsapp.svg) center top no-repeat;}
.sharepopup .sharebuttons ul li a.twitter {background: url(../../files/data/graphics/KSAG_X-Twitter_turquoise.svg) center top no-repeat; background-size: 73px;}
.sharepopup .sharebuttons ul li a.linkedin {background: url(../../files/data/graphics/sharebutton-linkedin.svg) center top no-repeat;}
.sharepopup .sharebuttons ul li a.facebook {background: url(../../files/data/graphics/sharebutton-facebook.svg) center top no-repeat;}
.sharepopup .sharebuttons ul li a.mail {background: url(../../files/data/graphics/sharebutton-mail.svg) center top no-repeat;}
.sharepopup .ce_hyperlink {cursor: pointer; display: inline-block; box-sizing: border-box; text-align: center; width: 100%; font-family: 'mukta_vaanimedium'; text-transform: uppercase; text-decoration: none; padding: 10px 15px; letter-spacing: 1px; border-radius: 4px; color: #fff; background: #D01437; border: 1px solid #D01437; transition: background 0.3s ease;}
.sharepopup .ce_hyperlink:hover {background: #A8202D;}

/*Sharepopup*/
.terminpopupoverlay {position: fixed; display: flex; align-items: center; justify-content: center; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 100; opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s ease;}
.terminpopupoverlay.open {opacity: 1; visibility: visible;}
.terminpopupoverlay .terminpopup {width: 94%; max-width: 820px; box-sizing: border-box; padding: 30px 0; background: #fff; position: relative; border-radius: 4px; border: 1px solid #ccc;}
.terminpopupoverlay .terminpopup .ce_x {position: absolute; top: 20px; right: 20px; width: 44px; height: 44px; border: 1px solid #ccc; border-radius: 4px; background: url(../../files/data/graphics/sharepopupclose.svg) center no-repeat; cursor: pointer;}
.terminpopupoverlay .terminpopup .onlinetermintop {padding: 0 30px 23px 30px; border-bottom: 1px solid #ccc;}
.terminpopupoverlay .terminpopup .onlinetermintop h4 {margin: 0; text-align: center;}
.terminpopupoverlay .terminpopup .onlineterminbot {padding: 0 30px;}
#header .ce_form {margin-top: 40px; width: 100%; margin-right: auto; margin-left: auto;}
#header .formbody label {width: 100%; padding-top: 10px; margin-bottom: 5px; display: inline-block; float: left;}
#header .formbody input {box-sizing: border-box; width: 100%; padding:10px; margin-bottom: 5px; border:1px solid #ccc; border-radius: 4px; background-color: #f6f6f6;}
#header .formbody textarea {box-sizing: border-box; width: 100%; padding:10px; border: 1px solid #ccc; border-radius: 4px; margin-bottom: 5px; background-color: #f6f6f6;}
#header .formbody .widget-submit {text-align: center;}
#header .formbody .submit {cursor: pointer; display: inline-block; box-sizing: border-box; text-align: center; width: auto; font-family: 'mukta_vaanimedium'; text-transform: uppercase; text-decoration: none; padding: 10px 15px; letter-spacing: 1px; border-radius: 4px; color: #fff; background: #D01437; border: 1px solid #D01437; transition: background 0.3s ease;}
#header .formbody .submit:hover {background: #A8202D;}

/*  SLIDER                                                   */
/*************************************************************/
.slick-slider .ce_text img {display: initial;}

.slick-slider {padding-bottom: 60px;}
.slick-slider .slick-dots {margin-bottom: 0; position: absolute; bottom: 0; width: 100%; text-align: center;}
.slick-slider .slick-dots li {display: inline-block; cursor: pointer; width: 80px; height: 6px; margin: 0 7px 5px 7px; border-radius: 20px; background: #727272; border:none; transition: background 0.3s ease;}
.slick-slider .slick-dots li:hover,
.slick-slider .slick-dots li.slick-active {background: #42BBC6;}
.slick-slider .slick-dots li button {display: none;}

/*  INHALTSELEMENTE                                          */
/*************************************************************/
#container {padding-top: 80px;}

.mod_article {position: relative; width: 100%; max-width: 1920px; margin: 0 auto; display: block; clear: both;}
.mod_article .inside {width: 94%; padding: 60px 3%; max-width: 1680px; margin: 0 auto;}
.mod_article.ankerlink .ankercopy {cursor: pointer; z-index: 3; position: absolute; top: 20px; right: 20px; width: 16px; height: 32px; background: url(../../files/data/graphics/ankercopy.svg) center no-repeat; background-size: contain; opacity:25%;}
.mod_article.ankerlink .ankercopy .tooltip {opacity: 0; visibility: hidden; position: absolute; top: 50%; right: 40px; transform: translateY(-50%); color: #fff; font-size: 1.5rem; line-height: 1.5rem; padding: 4px; border-radius: 4px; background: #333; white-space: nowrap; transition: opacity 0.3s ease;}
.mod_article.ankerlink .ankercopy .tooltip:after {content: ""; position: absolute; display: block; width: 6px; height: 6px; background: #333; top: 50%; right: -3px; transform: translateY(-50%) rotate(45deg);}
.mod_article.ankerlink .ankercopy:hover .tooltip {opacity: 1; visibility: visible;}

/*Headlines*/
h1 {font-family: 'mukta_vaanibold'; font-size: 4.8rem; line-height: 6.4rem; letter-spacing: 1px; margin-top: 40px; margin-bottom: 20px; padding: 0; text-transform: uppercase;}
h2 {font-family: 'mukta_vaanibold'; font-size: 4rem; line-height: 5.6rem; letter-spacing: 1px; margin-top: 37px; margin-bottom: 18px; padding: 0; text-transform: uppercase;}
h3 {font-family: 'mukta_vaanimedium'; font-size: 3.2rem; line-height: 4rem; letter-spacing: 0px; margin-top: 30px; margin-bottom: 15px; padding: 0;}
h4 {font-family: 'mukta_vaanimedium'; font-size: 2.4rem; line-height: 3.2rem; letter-spacing: 0px; margin-top: 25px; margin-bottom: 12px; padding: 0;}
h5 {font-family: 'mukta_vaanimedium'; font-size: 2.1rem; line-height: 3.2rem; letter-spacing: 0px; margin-top: 20px; margin-bottom: 10px; padding: 0;}
h6 {font-family: 'mukta_vaanimedium'; font-size: 1.4rem; line-height: 2rem; letter-spacing: 1px; margin-top: 15px; margin-bottom: 10px; padding: 0;}

.ce_headline.linie h1 {padding-bottom: 20px; background: url(../../files/data/graphics/headline-line.svg) bottom left no-repeat;}
.ce_headline.linie.zentriert h1 {background: url(../../files/data/graphics/headline-line.svg) bottom center no-repeat;}
.ce_headline.linie h2 {padding-bottom: 18px; background: url(../../files/data/graphics/headline-line.svg) bottom left no-repeat;}
.ce_headline.linie.zentriert h2 {background: url(../../files/data/graphics/headline-line.svg) bottom center no-repeat;}
.ce_headline.linie h3 {padding-bottom: 15px; background: url(../../files/data/graphics/headline-line.svg) bottom left no-repeat;}
.ce_headline.linie.zentriert h3 {background: url(../../files/data/graphics/headline-line.svg) bottom center no-repeat;}
.ce_headline.linie h4 {padding-bottom: 12px; background: url(../../files/data/graphics/headline-line.svg) bottom left no-repeat;}
.ce_headline.linie.zentriert h4 {background: url(../../files/data/graphics/headline-line.svg) bottom center no-repeat;}
.ce_headline.linie h5 {padding-bottom: 10px; background: url(../../files/data/graphics/headline-line.svg) bottom left no-repeat;}
.ce_headline.linie.zentriert h5 {background: url(../../files/data/graphics/headline-line.svg) bottom center no-repeat;}

/*Text*/
.image_container img {max-width: 100%; height: auto;}

#container .ce_text {margin-bottom: 30px;}
#container .ce_text .image_container.float_left {width: 30%; float: left; margin-right: 3%;}
#container .ce_text .image_container.float_right {width: 30%; float: right; margin-left: 3%;}

.ce_text a {color: #000; text-decoration: underline;}

.image_container {line-height: 0;}
.image_container .caption {line-height: 2.2rem; font-style: italic; padding-top: 2px;}

#main .ce_image img {border-radius: 4px;}

/*Hyperlink*/
.ce_hyperlink {display: block; margin: 20px 0;}
.ce_hyperlink a {display: inline-block; width: auto; font-family: 'mukta_vaanimedium'; text-transform: uppercase; color: #000; text-decoration: none; padding: 10px 15px; letter-spacing: 1px; border-radius: 4px; border: 1px solid #cccccc; transition: background 0.3s ease;}
.ce_hyperlink a:hover {background: #DDDFE0;}

.ce_cookiebarOpener {display: block; margin: 20px 0;}
.ce_cookiebarOpener a {display: inline-block; background: #D01437; width: auto; font-family: 'mukta_vaanimedium'; text-transform: uppercase; color: #fff; text-decoration: none; padding: 10px 15px; letter-spacing: 1px; border-radius: 4px; border: 1px solid #D01437; transition: background 0.3s ease;}
.ce_cookiebarOpener a:hover {background: #A8202D;}

/*Accordions*/
.ce_accordion {display: block; margin-bottom: 30px; box-sizing: border-box; background: #fff; padding: 20px 30px; border: 1px solid #ccc;}
.ce_accordion .toggler {cursor: pointer; font-size: 2.4rem; line-height: 3.2rem; color: #727272; background: url(../../files/data/graphics/arrow-down-acc.svg) center right 30px no-repeat; transition: color 0.3s ease, background 0.3s ease;}
.ce_accordion .toggler:hover {color: #000;}
.ce_accordion .toggler.active {color: #000; background: url(../../files/data/graphics/arrow-up-acc.svg) center right 30px no-repeat;}
.ce_accordion .accordion {margin-top: 20px; padding-top: 20px; border-top: 1px solid #ccc;}

/*Divider*/
.ce_rsce_divider {clear: both;}
.divider {display: block; width: 100%; margin: 30px 0; height: 1px; background: #ccc;}

/*Zitatkarte*/
.zitatkarte {min-height: 325px; background: #f6f6f6; display: flex; align-items: center; clear: both; margin-bottom: 60px;}
.zitatkarte.mitbild {background: url(../../files/data/graphics/zitat-bg-mitbild.svg) top left repeat-y;}
.zitatkarte .bildlinks {width: 300px; height: 300px; overflow: hidden; border-radius: 300px; margin-right: 80px; display: inline-block; float: left;}
.zitatkarte .bildlinks .image_container {width: 300px; height: 300px; line-height: 0;}
.zitatkarte .bildlinks .image_container img {width: 100%; height: 100%; object-fit: scale-down;}
.zitatkarte .boxrechts {display: inline-block; width: calc(100% - 380px); float: left; box-sizing: border-box; padding: 15px 30px 15px 0;}
.zitatkarte .boxrechts .logo {margin-bottom: 20px;}

/*Twentytwenty*/
.vorhernachher .textbox {margin-bottom: 40px; display: inline-block; width: 100%;}
.vorhernachher .textbox .textvorher {display: inline-block; float: left; width: 49%; background: #F6F6F6; box-sizing: border-box; padding: 30px; border-radius: 4px; border-left: 4px solid #EB5E5D;}
.vorhernachher .textbox .textnachher {display: inline-block; float: right; width: 49%; background: #F6F6F6; box-sizing: border-box; padding: 30px; border-radius: 4px; border-left: 4px solid #42BBC6;}
.vorhernachher .vnbild {clear: both;}
.vorhernachher .twentytwenty-wrapper {clear: both;}
.twentytwenty-container img {width: 100%; height: auto;}

/*Linkcards Bild*/
.linkcardsbild {position: relative;}
.linkcardsbild .hintergrund {width: 100%; box-sizing: border-box; height: auto; padding-left: 30%; line-height: 0;}
.linkcardsbild .hintergrund img {width: 100%; height: auto; border-radius: 4px;}
.linkcardsbild .cards {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.linkcardsbild .cards .box {position: relative; display: flex; align-items: center; box-sizing: border-box; width: 400px; padding: 15px 40px 15px 15px; background: #ffffff url(../../files/data/graphics/Arrow-right-schwarz.svg) center right 20px no-repeat; margin: 12px 0; border: 1px solid #B5B5B5; border-radius: 6px; transition: transform 0.3s ease, background 0.3s ease;}
.linkcardsbild .cards .box:hover {transform: scale(1.03); background: #ffffff url(../../files/data/graphics/Arrow-right-schwarz.svg) center right 15px no-repeat;}
.linkcardsbild .cards .box .boxlink {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 2;}
.linkcardsbild .cards .box .image-container {margin-left: 10px; line-height: 0; margin-right: 20px; width: 70px;}
.linkcardsbild .cards .box .image-container img {width: 100%; height: auto;}
#container .linkcardsbild .cards .box p {margin-bottom: 0; font-size: 2.4rem; line-height: 3.2rem;}

/*Tooltip*/
[hover-tooltip] {position: relative; cursor: default; text-decoration: underline;}
[hover-tooltip]:hover::before {content: attr(hover-tooltip); font-size: 14px; line-height: 18px; text-align: center; position: absolute; display: block; left: 50%; min-width: 150px; max-width: 200px; bottom: calc(100% + 10px); transform: translate(-50%); animation: fade-in 300ms ease; background: #fff; border-radius: 4px; padding: 10px; border: 1px solid #CCCCCC; color: #000; z-index: 1;}
[hover-tooltip]:hover::after {content: ""; position: absolute; display: block; left: 50%; width: 10px; height: 10px; bottom: calc(100% + 5px); border: 1px solid black; border-color: transparent #CCCCCC #CCCCCC transparent; animation: fade-in 300ms ease; z-index: 1; background: #fff; transform: translateX(-50%) rotate(45deg);}
@keyframes fade-in {
  from {opacity: 0;} to {opacity: 1;}
}

/*Gallery*/
#container #main .ce_gallery ul.cols_2 li {max-width: initial; width: 48.5%; margin-right: 3%; margin-bottom: 30px; display: inline-block; float: left; line-height: 1;}
#container #main .ce_gallery ul.cols_3 li {max-width: initial; width: 31.3%; margin-right: 3%; margin-bottom: 30px; display: inline-block; float: left; line-height: 1;}
#container #main .ce_gallery ul.cols_4 li {max-width: initial; width: 22.75%; margin-right: 3%; margin-bottom: 30px; display: inline-block; float: left; line-height: 1;}
#container #main .ce_gallery ul.cols_5 li {max-width: initial; width: 17.6%; margin-right: 3%; margin-bottom: 30px; display: inline-block; float: left; line-height: 1;}
#container #main .ce_gallery ul.cols_6 li {max-width: initial; width: 14.16666%; 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;}
#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.05); transform: scale(1.05);}
#colorbox #cboxTitle {display: none !important;}
#colorbox #cboxCurrent {font-size: 1.5rem;}
.masonry .image_container img {border:10px solid #fff;}

/*Iconboxen*/
.iconboxen {display: inline-block; /*flex-wrap: wrap; justify-content: space-between;*/ width: 100%;}
.iconboxen .box {display: inline-block; float: left; margin-bottom: 40px; box-sizing: border-box; position: relative;}
.iconboxen .box .image-container {line-height: 0; height: 100px; width: 100%; text-align: center; margin-bottom: -50px;}
.iconboxen .box img {width: auto; height: 100px;}
.iconboxen .box .text-container {width: 100%; height: auto; min-height: 320px; border-radius: 4px; padding: 50px 35px 35px 35px; text-align: center; box-sizing: border-box; background: #F6F6F6; color: #000;}
.iconboxen .box .text-container a {cursor: pointer; display: inline-block; box-sizing: border-box; text-align: center; width: 100%; font-family: 'mukta_vaanimedium'; text-transform: uppercase; text-decoration: none; padding: 10px 15px; letter-spacing: 1px; border-radius: 4px; color: #fff; background: #D01437; border: 1px solid #D01437; transition: background 0.3s ease;}
.iconboxen .box .text-container a:hover {background: #A8202D;}
.iconboxen .box:last-of-type {margin-right: 0;}

.iconboxen.boxhz .box .image-container {height: auto; width: 75px; margin-right: 20px; display: inline-block; margin-bottom: 0; vertical-align: top;}
.iconboxen.boxhz .box img {width: 75px; height: auto;}
.iconboxen.boxhz .box .text-container {padding: 0; background: none; display: inline-block; width: calc(100% - 100px); border-radius: 0; min-height: initial; text-align: initial;}
.iconboxen.boxhz .box .text-container h3 {margin-top: 0; margin-bottom: 0;}

.iconboxen.boxcard .box {background: #fff; padding: 42px 30px 30px 30px; border: 1px solid #CCCCCC; border-radius: 4px; box-shadow: 0 0 40px rgba(0,0,0,0.064);}
.iconboxen.boxcard .box .image-container {text-align: initial; height: 64px; width: auto; margin-right: 0px; display: block; margin-bottom: 10px; vertical-align: top;}
.iconboxen.boxcard .box img {width: auto; height: 64px;}
.iconboxen.boxcard .box .text-container {padding: 0; background: none; display: block; width: 100%; border-radius: 0; min-height: initial; text-align: initial;}
.iconboxen.boxcard .box .text-container h3 {font-size: 2.4rem; line-height: 3.2rem;}

.iconboxen.boxhz.boxcard .box {padding: 30px; display: inline-flex; align-items: center;}
.iconboxen.boxhz.boxcard .box .image-container {height: auto; width: 64px; margin-right: 20px; display: inline-block; margin-bottom: 0; vertical-align: top;}
.iconboxen.boxhz.boxcard .box img {width: 64px; height: auto;}
.iconboxen.boxhz.boxcard .box .text-container {padding: 0; background: none; display: inline-block; width: calc(100% - 90px); border-radius: 0; min-height: initial; text-align: initial;}

.iconboxen .dreispaltig {width: 31.3%; margin-right: 3%; overflow: hidden;}
.iconboxen .dreispaltig:nth-of-type(3n) {margin-right: 0;}
.iconboxen .dreispaltig:nth-of-type(3n+1) {clear: left;}

.iconboxen .vierspaltig {width: 22.75%; margin-right: 3%; overflow: hidden;}
.iconboxen .vierspaltig:nth-of-type(4n) {margin-right: 0;}
.iconboxen .vierspaltig:nth-of-type(4n+1) {clear: left;}

.iconboxen .fuenfspaltig {width: 17.6%; margin-right: 3%; overflow: hidden;}
.iconboxen .fuenfspaltig:nth-of-type(5n) {margin-right: 0;}
.iconboxen .fuenfspaltig:nth-of-type(5n+1) {clear: left;}
 
/*Pricing*/
.pricingboxen {display: inline-block; width: 100%; margin-top: 50px; margin-bottom: 80px;}
.pricingboxen .box {display: inline-block; width: 33.3333%; padding: 0 30px; float: left; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 0 40px rgba(0,0,0,0.064); background: #fff;}
.pricingboxen .box.boxmid {margin-top: -50px;}
.pricingboxen .box.boxmid .popular {width: 150px; padding: 5px; text-transform: uppercase; font-family: 'mukta_vaanimedium'; margin: 0 auto 30px auto; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; color: #fff; background: #273540; text-align: center;}
.pricingboxen .box.boxlinks {border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.pricingboxen .box.boxrechts {border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0;}
#container .pricingboxen .box.boxlinks .textdl, #container .pricingboxen .box.boxrechts .textdl {margin-bottom: -40px;}
.pricingboxen .box .textdl a {text-decoration: none;}
.pricingboxen .box .textdl strong {display: flex; align-items: center; justify-content: center;}
.pricingboxen .box .textdl strong img {margin-left: 10px;}

.pricingtabelle td {padding: 20px; border: 1px solid #d9d9d9;}
.pricingtabelle td img {line-height: 0; vertical-align: middle;}
.pricingtabelle td a {display: block; width: auto; font-family: 'mukta_vaanimedium'; text-transform: uppercase; text-decoration: none; padding: 5px 0; letter-spacing: 1px; border-radius: 4px; color: #fff; background: #D01437; border: 1px solid #D01437; transition: background 0.3s ease;}
.pricingtabelle .nob {border: none;}

/*List*/
#main .ce_text ul {margin-bottom: 15px;}

/*#main .ce_text ul li {vertical-align: middle; list-style: none; margin-bottom: 15px; padding-left: 20px; background: url(../../files/data/graphics/icon-listbullet.svg) no-repeat top 9px left;}*/
#main .ce_text ul li {vertical-align: middle; list-style: none; margin-bottom: 15px; padding-left: 20px;}
#main .ce_text ul li:before {content: ""; display: inline-block; width: 20px; height: 19px; margin-left: -20px; background: url(../../files/data/graphics/icon-listbullet.svg) no-repeat top 9px 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 31px; /* 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: -31px;
    top: 0px;
    font-size: 1.8rem;
    color: #42bcc6;
    text-align: right;
    -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; width:100%; line-height:3.2rem; padding:0 0 0 0; margin:0 0 30px 0; /*background:#fff;*/ font-size: 2.4rem;}
.mod_article.dunkel .ce_download ul li, .mod_article.dunkel .ce_downloads ul li {background: #273540;}

body #container .ce_downloads a, body #container .ce_download a, body #container .enclosure a {position:relative;text-decoration: none;color: #000;display:block;margin:0 0 0 0;transition: color 0.5s ease, text-decoration-color 0.3s ease;}   

body #container .enclosure a:hover, 
body #container .ce_downloads a:hover, 
body #container .ce_downloads a:active, 
body #container .ce_download a:hover, 
body #container .ce_download a:active {color: #D8232A; text-decoration-color: #D8232A;}
body #container .mod_article.dunkel .ce_downloads a, body #container .mod_article.dunkel .ce_download a, body #container .mod_article.dunkel .enclosure a {color: #fff;}

.ce_download ul li.mitbild .image_container, .ce_downloads ul li.mitbild .image_container {display: inline-block; width: 80px; height: 80px; margin-right: 10px;}
.ce_download ul li.mitbild .image_container a, .ce_downloads ul li.mitbild .image_container a {width: 100%; height: 100%; box-sizing: border-box; padding: 5px; border: 1px solid #f6f6f6; border-radius: 4px;}
.ce_download ul li.mitbild .image_container img, .ce_downloads ul li.mitbild .image_container img {width: 100%; height: 100%; object-fit: scale-down;}

.ce_download ul li.mitbild .dlinhalt, .ce_downloads ul li.mitbild .dlinhalt {display: inline-block; width: calc(100% -95px); vertical-align: top;}
.ce_download ul li .dlinhalt .titel {margin-top: 0;}
.ce_download ul li .dlinhalt .titel span {font-size: 1.4rem; font-family: 'mukta_vaanibold'; line-height: 2rem; letter-spacing: 1px; margin: 0; display: inline-block; padding: 5px 10px; background: #F6F6F6; text-transform: uppercase; border-radius: 2px;}
.grau .ce_download ul li .dlinhalt .titel span {background: #dadada;}
.dunkel .ce_download ul li .dlinhalt .titel span {color: #273540;}
.ce_download ul li .dlinhalt .dltext {clear: both; font-size: 1.8rem; line-height: 2.8rem; font-family: 'mukta_vaanimedium'; letter-spacing: 2px; display: table; text-transform: uppercase; margin-top: 5px; padding-right: 35px; background: url(../../files/data/graphics/Download.svg) center right no-repeat;}

/*Form*/
#container .formbody input {-webkit-appearance:none;} 
#container .formbody button {-webkit-appearance:none;}

#container .ce_form {margin-top: 40px; width: 100%; 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:10px; margin-bottom: 5px; border:1px solid #ccc; border-radius: 4px; background-color: #f6f6f6;}
#container .formbody textarea {box-sizing: border-box; width: 100%; padding:10px; border: 1px solid #ccc; border-radius: 4px; margin-bottom: 5px; background-color: #f6f6f6;}
/*#container .formbody .submit {background-color: #005fab; margin-top: 7px; padding: 5px 0; color: #fff; margin-left: 0; width: 200px;}*/
#container .formbody .widget-submit {text-align: center;}
#container .formbody .submit {cursor: pointer; display: inline-block; box-sizing: border-box; text-align: center; width: auto; font-family: 'mukta_vaanimedium'; text-transform: uppercase; text-decoration: none; padding: 10px 15px; letter-spacing: 1px; border-radius: 4px; color: #fff; background: #D01437; border: 1px solid #D01437; transition: background 0.3s ease;}
#container .formbody .submit:hover {background: #A8202D;}
#container .formbody select {box-sizing: border-box; width: 100%; padding:10px; margin-bottom: 15px; border:1px solid #ccc; border-radius: 4px; background-color: #f6f6f6;}
#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;}

#container .ce_form .ebookform {padding: 20px 35px; box-shadow: 0 0 40px rgba(0,0,0,0.064); background: #414e57; border-radius: 4px;}
#container .ce_form .ebookform label {color: #cccccc;}
#container .ce_form .ebookform input {color: #cccccc; background: #58636b; border: 1px solid #ccc;}
#container .ce_form .ebookform .submit {margin-top: 20px; width: 100%; background: #fff; color: #000; border:none;}
#container .ce_form .ebookform .message a {color: #fff;}

/*Mailchimp form*/
body #mc_embed_signup {width: 100%;}
body #mc_embed_signup form {margin: 0; padding: 30px; box-sizing: border-box; font-family: 'mukta_vaaniregular'; font-size: 1.6rem; line-height: 2rem;}
body #mc_embed_signup .indicates-required {display: none;}
body #mc_embed_signup h2 {display: none;}
body #mc_embed_signup a {color: #000;}
body #mc_embed_signup .button {height: auto; line-height: inherit; width: 100% !important; margin: 0; cursor: pointer; display: inline-block; box-sizing: border-box; text-align: center; width: auto; font-family: 'mukta_vaanimedium'; text-transform: uppercase; text-decoration: none; padding: 10px 15px; letter-spacing: 1px; border-radius: 4px; color: #fff; background: #D01437; border: 1px solid #D01437; transition: background 0.3s ease;}
body #mc_embed_signup .button:hover {background: #A8202D;}
body #mergeRow-gdpr {margin-top: 0;}
body .content__gdprLegal {display: none;}
body #mc_embed_signup .mc-field-group {width: 100%; box-sizing: border-box;}

/*Kontaktbox*/
.mod_article.kontaktbox { background-image: url(../../files/data/graphics/kontaktline-rot.svg), url(../../files/data/graphics/kontaktline-blau.svg); background-position: top 80px left, top 50% right; background-repeat: no-repeat;}
.mod_article.kontaktbox .inside {max-width: 1100px; box-sizing: border-box; margin-top: 160px; padding: 30px 80px; border: 1px solid #cccccc; box-shadow: 0 0 40px rgba(0,0,0,0.08); background: #fff;}
.mod_article.kontaktbox .ce_image {margin-top: -250px; margin-bottom: 45px; line-height: 0;}
#main .mod_article.kontaktbox .ce_image img {border-radius: 100%; box-shadow: 30px 0 0 0 #f6f6f6;}

/*Columns*/
#container .rs-column.-large-col-2-1 {width: 48.5%; margin-right: 3%;}
#container .rs-column.-large-col-2-1.-large-last {margin-right: 0;}
#container .rs-column.-large-col-3-1 {width: 31.3%; margin-right: 3%;}
#container .rs-column.-large-col-3-1.-large-last {margin-right: 0;}
#container .rs-column.-large-col-4-1 {width: 22.75%; margin-right: 3%; margin-top: 0;}
#container .rs-column.-large-col-4-1.-large-last {margin-right: 0;}

/*YouTube*/
#container .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;}

#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;}

/*Google Map*/
.dlh_googlemap {width: 100% !important;}

/*  CASE STUDIES 	                                         */
/*************************************************************/
/*Einleitung Case Study*/
.cseinleitung .cslinks .ce_image {margin-bottom: 20px; position: relative;}
.cseinleitung .cslinks .ce_image.hauptbild .image_container:after {content: ""; z-index: 2; display: block; position: absolute; top: 0; left: 20px; width: 120px; height: 100%; background: url(../../files/data/graphics/linien-bg.svg) top left repeat-y;}
#main .cseinleitung .cslinks .ce_image img {border-radius: 0;}

.cseinleitung .csrechts {padding: 30px 40px !important; border-left: 57px solid #42BBC6; box-shadow: 0 0 40px 0 rgba(0,0,0,0.08)}
.cseinleitung .csrechts .extras {display: flex; justify-content: start; flex-wrap: wrap;}
.cseinleitung .csrechts .extras .extra {width: 33.2%; padding-right: 20px; box-sizing: border-box;}
.cseinleitung .csrechts .extras .extra h4 {font-size: 1.4rem; line-height: 2rem; padding-left: 20px; background: url(../../files/data/graphics/icon-listbullet.svg) center left no-repeat; font-family: 'mukta_vaanibold'; text-transform: uppercase;}

.cseinleitung .csrechts .usecases {padding-top: 0px; margin-top: 10px; border-top: 1px solid #DDDFE0;}
.cseinleitung .csrechts .usecases h4 {font-size: 1.4rem; line-height: 2rem; text-transform: uppercase; font-family: 'mukta_vaanibold';}
#main .cseinleitung .csrechts .usecases p {display: inline-block; padding: 4px 8px; background: #f6f6f6; border-radius: 4px; margin: 0 8px 8px 0; }

/*Liste*/
/*body.page-de .mod_catalogUniversalView .ctlg_teaser.archiv2 {display: none;}
body.page-fr .mod_catalogUniversalView .ctlg_teaser.archiv1 {display: none;}*/

.mod_catalogUniversalView .ctlg_teaser {display: inline-block; float: left; position: relative; box-sizing: border-box; width: 48.5%; min-height: 400px; margin-right: 3%; margin-bottom: 40px; border: 1px solid #B5B5B5;}
.mod_catalogUniversalView .ctlg_teaser.first {width: 100%;}
.mod_catalogUniversalView .ctlg_teaser.odd {margin-right: 0;}
.mod_catalogUniversalView .ctlg_teaser .boxlink {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 3;}

.mod_catalogUniversalView .ctlg_teaser .newsrechts {display: block; position: absolute; top: 0; right: 0; width: 50%; height: 100%; min-height: 400px;}
.mod_catalogUniversalView .ctlg_teaser .newsrechts .newsbild {width: 100%; height: 100%;}
.mod_catalogUniversalView .ctlg_teaser .newsrechts .newsbild .block {width: 100%; height: 100%;}
.mod_catalogUniversalView .ctlg_teaser .newsrechts .newsbild .image_container {width: 100%; height: 100%;}
.mod_catalogUniversalView .ctlg_teaser .newsrechts .newsbild .image_container img {width: 100%; height: 100%; object-fit: cover;}
.mod_catalogUniversalView .ctlg_teaser .newsrechts .newslogo {position: absolute; top: -1px; left: 50%; transform: translateX(-50%); padding: 8px 12px; background: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}

.mod_catalogUniversalView .ctlg_teaser .newslinks {display: inline-block; float: left; position: relative; width: 50%; box-sizing: border-box; padding: 3%;}
.mod_catalogUniversalView .ctlg_teaser .newslinks h5 {font-size: 1.4rem; line-height: 2rem; font-family: 'mukta_vaanibold'; text-transform: uppercase; padding: 4px 6px; border-radius: 2px; background: #F6F6F6; display: inline-block; margin-top: 0;}
.mod_catalogUniversalView .ctlg_teaser .newslinks h2 {font-size: 2.4rem; line-height: 3.2rem; text-transform: none; letter-spacing: 0px; margin-top: 10px;}
.mod_catalogUniversalView .ctlg_teaser .newslinks .more {display: inline-block; width: auto; font-family: 'mukta_vaanimedium'; text-transform: uppercase; color: #000; text-decoration: none; padding: 10px 15px; letter-spacing: 1px; border-radius: 4px; border: 1px solid #cccccc; transition: background 0.3s ease;}
.mod_catalogUniversalView .ctlg_teaser:hover .newslinks .more {background: #DDDFE0;}

.csteaserelement {display: inline-block; float: left; position: relative; box-sizing: border-box; width: 48.5%; min-height: 400px; margin-right: 3%; margin-bottom: 40px; border: 1px solid #B5B5B5;}
.csteaser div:nth-child(1 of .csteaserelement) {width: 100%;}
.csteaser div:nth-child(2n+1 of .csteaserelement) {margin-right: 0;}
.csteaserelement .boxlink {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 3;}

.csteaserelement .newsrechts {display: block; position: absolute; top: 0; right: 0; width: 50%; height: 100%; min-height: 400px;}
.csteaserelement .newsrechts .newsbild {width: 100%; height: 100%;}
.csteaserelement .newsrechts .newsbild .block {width: 100%; height: 100%;}
.csteaserelement .newsrechts .newsbild .image_container {width: 100%; height: 100%;}
.csteaserelement .newsrechts .newsbild .image_container img {width: 100%; height: 100%; object-fit: cover;}
.csteaserelement .newsrechts .newslogo {position: absolute; top: -1px; left: 50%; transform: translateX(-50%); padding: 8px 12px; background: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; max-width: 90%;}

.csteaserelement .newslinks {display: inline-block; float: left; position: relative; width: 50%; box-sizing: border-box; padding: 3%;}
.csteaserelement .newslinks h5 {font-size: 1.4rem; line-height: 2rem; font-family: 'mukta_vaanibold'; text-transform: uppercase; padding: 4px 6px; border-radius: 2px; background: #F6F6F6; display: inline-block; margin-top: 0;}
.csteaserelement .newslinks h2 {font-size: 2.4rem; line-height: 3.2rem; text-transform: none; letter-spacing: 0px; margin-top: 10px;}
.csteaserelement .newslinks .more {display: inline-block; width: auto; font-family: 'mukta_vaanimedium'; text-transform: uppercase; color: #000; text-decoration: none; padding: 10px 15px; letter-spacing: 1px; border-radius: 4px; border: 1px solid #cccccc; transition: background 0.3s ease;}
.csteaserelement:hover .newslinks .more {background: #DDDFE0;}


/*Poll*/
.poll_title {font-family: 'mukta_vaanibold'; font-size: 4rem; line-height: 5.6rem; letter-spacing: 1px; margin-top: 37px; margin-bottom: 18px; padding: 0; text-transform: uppercase; text-align: center;}
#main .mod_poll .confirm {display: none;}
#main .mod_poll .radio_container span {position: relative; display: flex; width: 100%; margin-right: 0; margin-bottom: 20px; color: #000; padding: 15px 20px 13px 20px; box-sizing: border-box; align-items: center;}
#main .dunkel .mod_poll .radio_container span {color: #fff;}
#main .mod_poll .radio_container span input {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; border-radius: 4px; background: #fff; opacity: 1; appearance: none; border: 1px solid #B5B5B5; transition: background 0.3s ease;}
#main .dunkel .mod_poll .radio_container span input {border: none; background: #535E67;}
#main .mod_poll .radio_container span input:hover {background: #6F7880;}
#main .mod_poll .radio_container span input:checked {background: #479FA9;}
#main .mod_poll .radio_container span label {margin: 0;}

#main .mod_poll .submit_container {display: block; margin: 20px 0; text-align: center;}
#main .mod_poll .submit_container input {background: #fff; cursor: pointer; display: inline-block; width: auto; font-family: 'mukta_vaanimedium'; text-transform: uppercase; color: #000; text-decoration: none; padding: 10px 15px; letter-spacing: 1px; border-radius: 4px; border: 1px solid #cccccc; transition: background 0.3s ease;}
#main .dunkel .mod_poll .submit_container input {background: none; color: #fff;}
#main .mod_poll .submit_container input:hover {background: #909090;}

#main .mod_poll .results ul li {position: relative; display: flex; width: 100%; margin-right: 0; margin-bottom: 20px; color: #000; padding: 15px 20px 13px 20px; box-sizing: border-box; align-items: center; border-radius: 4px; overflow: hidden;}
#main .dunkel .mod_poll .results ul li {color: #fff;}
#main .mod_poll .results ul li .result_bar {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; border-radius: 4px; background: #fff; opacity: 1; appearance: none; transition: background 0.3s ease;}
#main .dunkel .mod_poll .results ul li .result_bar {background: #535E67;}
#main .mod_poll .results ul li .result_bar div {background: #6F7880; position: absolute; top: 0; left: 0; height: 100%; border-bottom-left-radius: 4px; border-top-left-radius: 4px;}
#main .mod_poll .results ul li.highest .result_bar div {background: #479FA9;}
#main .mod_poll .results ul li .result_option {margin: 0; z-index: 2; display: flex; justify-content: space-between; width: 100%;}

/*Tabs*/
.tabcontainer {margin-bottom: 40px;}
.tabcontainer .tabcontrol {display: block; margin-bottom: 30px;}
.tabcontainer .tabcontrol div {display: inline-block; width: auto; margin-right: 20px; padding-bottom: 10px; border-bottom: 2px solid #fff; cursor: pointer; transition: border 0.3s ease;}
.tabcontainer .tabcontrol div:hover, .tabcontainer .tabcontrol div.active {border-bottom: 2px solid #42BBC6;}
.dunkel .tabcontainer .tabcontrol div {color: #fff;}

.tabcontainer .tabs {display: inline-block; width: 100%; position: relative;}
.tabcontainer .tabs > div {display: none; position: absolute;}
.tabcontainer .tabs > div.active {display: block;}
.tabcontainer .tabs > div.abs {position: relative;}

.markennutzung a {display: block; box-sizing: border-box; position: relative; padding: 30px 120px; border-radius: 4px; background-color: #f6f6f6; background-image: url(../../files/data/graphics/icon-info.svg), url(../../files/data/graphics/Arrow-right-rot.svg); background-position: center left 35px, center right 35px; background-repeat: no-repeat; color: #000; text-decoration: none;}
.markennutzung a h4 {margin-top: 0;}
.markennutzung a p {margin-bottom: 0 !important;}

/*  ROI Calculator                                           */
/*************************************************************/
.roi-calculator {overflow: hidden; border-radius: 4px;}
.roi-calculator .calculator {display: inline-flex; align-items: center; width: 33.3332%; height: 679px; float: left; background: #273540; box-sizing: border-box; padding: 0 30px;}
.roi-calculator .calculator .ce_form .widget {display: inline-block; width: 100%; clear: both; margin-bottom: 20px;}
#container .roi-calculator .calculator .ce_form .widget label {display: inline-block; width: calc(100% - 100px); color: #fff; font-size: 2.1rem;}
#container .roi-calculator .calculator .ce_form .widget input {display: inline-block; width: 80px; float: right;}
#container .roi-calculator .calculator .ce_form .widget input:focus {outline: none;}

.roi-calculator .calculated {display: inline-block; width: 66.6665%; float: left; background: #fff; font-size: 1.8rem; line-height: 2.4rem;}
.roi-calculator .calculated .ex {min-height: 65px; height: 100%; display: inline-flex; align-items: center; width: 50%; float: left; box-sizing: border-box; padding: 0 30px; background: #fff;}
.roi-calculator .calculated .tr {min-height: 65px; height: 100%; display: inline-flex; align-items: center; width: 25%; float: left; box-sizing: border-box; padding: 0 30px; background: #f6f6f6; justify-content: flex-end; font-family: 'mukta_vaanibold';}
.roi-calculator .calculated .mo {min-height: 65px; height: 100%; display: inline-flex; align-items: center; width: 25%; float: left; box-sizing: border-box; padding: 0 30px; background: #dddfe0; justify-content: flex-end; font-family: 'mukta_vaanibold';}
.roi-calculator .calculated .row {width: 100%; clear: both; min-height: 65px; border-bottom: 1px solid #d4d5d6;}
.roi-calculator .calculated .row-roi {width: 100%; clear: both; min-height: 65px; border-bottom: 1px solid #d4d5d6; font-size: 2.4rem; line-height: 2.8rem; font-family: 'mukta_vaanibold';}
.roi-calculator .calculated .head .ex {min-height: 85px; background: #38454f;}
.roi-calculator .calculated .head .tr {min-height: 85px; background: #505b64; text-align: center; text-transform: uppercase; color: #fff; letter-spacing: 1px;}
.roi-calculator .calculated .head .mo {min-height: 85px; background: #38454f; text-align: center; text-transform: uppercase; color: #fff; letter-spacing: 1px;}

/*  NEWS / TERMINE                                           */
/*************************************************************/


/*  FOOTER                                                   */
/*************************************************************/
#footer {height: auto; display: block; clear: both; position: relative; background: #273540; color: #fff;}
#footer .inside {width: 94%; padding: 80px 3%; max-width: 1680px; margin: 0 auto;}
#footer .inside a {color: #fff; text-decoration: none;}
#footer .inside h4 {margin-top: 0; margin-bottom: 30px; font-size: 2.1rem; line-height: 3.2rem; letter-spacing: 0;}
#footer .inside h3 {margin-top: 0; margin-bottom: 30px; font-size: 1.8rem; line-height: 3rem; letter-spacing: 1px; text-transform: uppercase; padding-right: 30px; background: url(../../files/data/graphics/Arrow-right-rot.svg) center right no-repeat;}
#footer .inside .copyright {font-size: 1.4rem; line-height: 2rem; margin-top: 30px; padding-top: 15px; border-top: 1px solid #fff;}

/*  LIGHTBOX	                                             */
/*************************************************************/
#cboxTitle {display: none !important;} 
#cboxLoadedContent {border: none;} 
#cboxNext {background: url("../../files/data/graphics/lightbox-next.svg"); width: 35px; position: absolute; right: 15px; height: 45px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain;} 
#cboxPrevious {background: url("../../files/data/graphics/lightbox-prev.svg"); width: 35px; position: absolute; left: 15px; height: 45px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain;} 
#cboxClose {background: url("../../files/data/graphics/lightbox-close.svg"); width: 35px; position: absolute; right: 15px; top: 15px; height: 35px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
#cboxCurrent {font-size: 14px;} 

/*  FIXES		                                             */
/*************************************************************/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:0px;}
.clearfix {display: block;}
/* End hide from IE-mac */

.oben-130 {margin-top: -130px;}

/*  MEDIA QUERIES                                            */
/*************************************************************/
@media screen and (max-width: 1500px) {
	#header .headersuche {display: none;}
	#header .mobilesuche {display: inline-block; text-decoration: none; float: right; margin-right: 10px; margin-bottom: 0; margin-top: 15px;}
	#header .mobilesuche a {padding-top: 14px; padding-bottom: 13px;}
}

@media screen and (max-width: 1400px) {
	.iconboxen h3, .iconboxen p {hyphens: auto;}
	.cseinleitung .csrechts .extras .extra {width: 50%; padding-right: 20px; box-sizing: border-box;}
}

@media screen and (max-width: 1200px) {
	h1 {font-size: 3.2rem; line-height: 4rem; margin-top: 20px; margin-bottom: 10px;}
	h2 {font-size: 3rem; line-height: 3.8rem; margin-top: 18px; margin-bottom: 9px;}
	h3 {font-size: 2.8rem; line-height: 3.6rem; margin-top: 15px; margin-bottom: 7px;}
	h4 {font-size: 2rem; line-height: 3rem; margin-top: 12px; margin-bottom: 7px;}
	h5 {font-size: 2rem; line-height: 3rem; margin-top: 12px; margin-bottom: 7px;}
	h6 {font-size: 1.4rem; line-height: 2rem; margin-top: 15px; margin-bottom: 10px;}
	body {line-height: 2.4rem;}
	#header .navigation {display: none;}
	#header .shopbutton {margin-right: 60px;}
	#header .headerbot {display: none !important;}
	#nuunnav .ce_text {font-size:1.8rem; line-height: 2.8rem; color: #484848; clear: both; margin-top: 0px;}
	#nuunnav .ce_text a {color: #484848; text-decoration: none; transition: color 0.3s ease;}
	#nuunnav .ce_text a:hover {color: #D40E1B;}
	#nuunnav .logo {margin-top: 17px; margin-bottom: 30px;}
	#nuunnav .footersocials img {margin-right: 10px;}
	#nuunnav .mod_changelanguage li {display: inline-block; margin-right: 7px; padding-right: 8px; border-right: 1px solid #484848; float: left;}
	#nuunnav .mod_changelanguage li:last-of-type {border-right: 0;}
	#nuunnav .mod_changelanguage ul.level_1 > li > a {font-size: 1.8rem; line-height: 1.8rem; padding: 0;}
	.linkcardsbild .cards .box .image-container {width: 40px;}
	.linkcardsbild .cards .box {width: 300px;}
	#container .linkcardsbild .cards .box p {font-size: 1.8rem;}

	.iconboxen .fuenfspaltig {width: 31.3%; margin-right: 3%; overflow: hidden;}
	.iconboxen .fuenfspaltig:nth-of-type(5n) {margin-right: 3%;}
	.iconboxen .fuenfspaltig:nth-of-type(5n+1) {clear: none;}
	.iconboxen .fuenfspaltig:nth-of-type(3n) {margin-right: 0;}
	.iconboxen .fuenfspaltig:nth-of-type(3n+1) {clear: left;}

	.iconboxen .vierspaltig {width: 31.3%; margin-right: 3%; overflow: hidden;}
	.iconboxen .vierspaltig:nth-of-type(4n) {margin-right: 3%;}
	.iconboxen .vierspaltig:nth-of-type(4n+1) {clear: none;}
	.iconboxen .vierspaltig:nth-of-type(3n) {margin-right: 0;}
	.iconboxen .vierspaltig:nth-of-type(3n+1) {clear: left;}
}

@media screen and (max-width: 1000px) {
	#container .ce_text .image_container.float_left {width: 100%; margin-bottom: 20px;}
	.cseinleitung .csrechts .extras .extra {width: 100%; padding-right: 0px;}
	.zitatkarte.mitbild .bildlinks {width: 200px; height: 200px; border-radius: 0;}
	.zitatkarte.mitbild .bildlinks {border-radius: 300px;}
	.zitatkarte.mitbild .bildlinks .image_container {width: 200px; height: 200px;}
	.zitatkarte .boxrechts {width: calc(100% - 280px);}
	.mod_catalogUniversalView .ctlg_teaser {width: 100%; margin-right: 0;}
	.csteaserelement {width: 100%; margin-right: 0;}
	.slick-slider .slick-dots li {width: 35px;}
	.pricingboxen .box {margin-bottom: 30px; width: 100%;}
	.pricingboxen .box.boxmid {margin-top: 0px;}
	.pricingboxen .box.boxlinks {border-right: 1px solid #ccc; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
	.pricingboxen .box.boxrechts {border-left: 1px solid #ccc; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
	#container .pricingboxen .box.boxlinks .textdl, #container .pricingboxen .box.boxrechts .textdl {margin-bottom: 30px;}
}

@media screen and (max-width: 767px) {
	.mod_article .inside {padding: 20px 3%;}
	#header .actionbutton {display: none;}
	#header .shopbutton {display: none;}
	#header .mod_changelanguage {display: none;}
	#header .logomobile {display: inline-block; margin-top: 17px;}
	#header .logodesktop {display: none;} 
	.cseinleitung .csrechts {border-left: none; padding: 20px;}
	.zitatkarte .bildlinks {width: 200px; height: 200px; border-radius: 0;}
	.zitatkarte .bildlinks .image_container {width: 200px; height: 200px;}
	.zitatkarte, .zitatkarte.mitbild {background: #f6f6f6; display: inline-block; width: 100%;}
	.zitatkarte .bildlinks, .zitatkarte.mitbild .bildlinks {width: 100%; text-align: center; margin: 20px 0;}
	.zitatkarte .bildlinks .ce_image, .zitatkarte.mitbild .bildlinks .ce_image {text-align: center;}
	.zitatkarte .bildlinks .ce_image .image_container, .zitatkarte.mitbild .bildlinks .ce_image .image_container {display: inline-block;}
	#main .zitatkarte.mitbild .bildlinks .ce_image img {border-radius: 300px;}
	.zitatkarte .boxrechts {width: 100%; padding: 0 20px 20px 20px;}
	.mod_catalogUniversalView .ctlg_teaser .newsrechts {position: relative; height: 50vw; width: 100%; min-height: initial;}
	.mod_catalogUniversalView .ctlg_teaser .newslinks {position: relative; height: auto; width: 100%;}
	.csteaserelement .newsrechts {position: relative; height: 50vw; width: 100%; min-height: initial;}
	.csteaserelement .newslinks {position: relative; height: auto; width: 100%;}
	#main .mod_article.kontaktbox .ce_image img {width: 150px;}
	.mod_article.kontaktbox .inside {margin-top: 100px;}
	.mod_article.kontaktbox .ce_image {margin-top: -105px;}
	#header .mobilesuche {margin-right: 55px; margin-top: 18px;}
	#header .mobilesuche a {padding: 10px;}

	.iconboxen .fuenfspaltig {width: 48.5%; margin-right: 3%; overflow: hidden;}
	.iconboxen .fuenfspaltig:nth-of-type(3n) {margin-right: 3%;}
	.iconboxen .fuenfspaltig:nth-of-type(3n+1) {clear: none;}
	.iconboxen .fuenfspaltig:nth-of-type(2n) {margin-right: 0 !important;}
	.iconboxen .fuenfspaltig:nth-of-type(2n+1) {clear: left !important;}
	.iconboxen .vierspaltig {width: 48.5%; margin-right: 3%; overflow: hidden;}
	.iconboxen .vierspaltig:nth-of-type(3n) {margin-right: 3%;}
	.iconboxen .vierspaltig:nth-of-type(3n+1) {clear: none;}
	.iconboxen .vierspaltig:nth-of-type(2n) {margin-right: 0 !important;}
	.iconboxen .vierspaltig:nth-of-type(2n+1) {clear: left !important;}
	.iconboxen .dreispaltig {width: 48.5%; margin-right: 3%; overflow: hidden;}
	.iconboxen .dreispaltig:nth-of-type(3n) {margin-right: 3%;}
	.iconboxen .dreispaltig:nth-of-type(3n+1) {clear: none;}
	.iconboxen .dreispaltig:nth-of-type(2n) {margin-right: 0 !important;}
	.iconboxen .dreispaltig:nth-of-type(2n+1) {clear: left !important;}

    #container .rs-column.-large-col-2-1 {width: 100%; margin-right: 0; margin-top: 0;}
    #container .rs-column.-large-col-3-1 {width: 100%; margin-right: 0; margin-top: 0;}
    #container .rs-column.-large-col-4-1 {width: 100%; margin-right: 0; margin-top: 0;}
    .schmal75 {width: 100% !important; margin: 0 auto;}
    .schmal50 {width: 100% !important; margin: 0 auto;}
    .oben-130 {margin-top: 0;}
}

@media screen and (max-width: 570px) {
	.iconboxen .fuenfspaltig {width: 100% !important; margin-right: 0 !important; overflow: hidden;}
	.iconboxen .vierspaltig {width: 100% !important; margin-right: 0 !important; overflow: hidden;}
	.iconboxen .dreispaltig {width: 100% !important; margin-right: 0 !important; overflow: hidden;}
	.sharepopup .sharebuttons ul li a.whatsapp {background-size: 50%;}
	.sharepopup .sharebuttons ul li a.twitter {background-size: 50%;}
	.sharepopup .sharebuttons ul li a.linkedin {background-size: 50%;}
	.sharepopup .sharebuttons ul li a.facebook {background-size: 50%;}
	.sharepopup .sharebuttons ul li a.mail {background-size: 50%;}
	.sharepopup .sharebuttons ul li a {padding-top: 65px;}
}

@media screen and (max-width: 450px) {
	    #header .logomobile {margin-top: 25px; width: 200px;}
}

/*  FONTS                                                    */
/*************************************************************/
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 11, 2023 */
@font-face {
    font-family: 'mukta_vaanibold';
    src: url('../../files/data/style/Fonts/muktavaani-bold.woff2') format('woff2'),
         url('../../files/data/style/Fonts/muktavaani-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'mukta_vaaniextrabold';
    src: url('../../files/data/style/Fonts/muktavaani-extrabold.woff2') format('woff2'),
         url('../../files/data/style/Fonts/muktavaani-extrabold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'mukta_vaaniextralight';
    src: url('../../files/data/style/Fonts/muktavaani-extralight.woff2') format('woff2'),
         url('../../files/data/style/Fonts/muktavaani-extralight.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'mukta_vaanilight';
    src: url('../../files/data/style/Fonts/muktavaani-light.woff2') format('woff2'),
         url('../../files/data/style/Fonts/muktavaani-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'mukta_vaanimedium';
    src: url('../../files/data/style/Fonts/muktavaani-medium.woff2') format('woff2'),
         url('../../files/data/style/Fonts/muktavaani-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'mukta_vaaniregular';
    src: url('../../files/data/style/Fonts/muktavaani-regular.woff2') format('woff2'),
         url('../../files/data/style/Fonts/muktavaani-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'mukta_vaanisemibold';
    src: url('../../files/data/style/Fonts/muktavaani-semibold.woff2') format('woff2'),
         url('../../files/data/style/Fonts/muktavaani-semibold.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;}
/*Textcard*/
.ce_text.textcard {box-sizing: border-box; padding: 20px; border: 1px solid #B5B5B5; border-radius: 6px; display: inline-block; width: 100%;}

/*Partnercard*/
.ce_text.partnercard {box-sizing: border-box; padding: 20px; border: 1px solid #B5B5B5; border-top-right-radius: 6px; border-bottom-right-radius: 6px; display: flex; align-items: center; width: 100%;}
.ce_text.partnercard .image_container {text-align: center;}
.ce_text.partnercard .textbox {display: inline-block; width: 67%;}

/*Dunkel, Linien*/
.mod_article.dunkel {background: #273540;}
.mod_article.dunkel.linien {background: #273540 url(../../files/data/graphics/linien-bg.svg) top right 7% repeat-y;}
.mod_article.dunkel h1, .mod_article.dunkel h2, .mod_article.dunkel h3, .mod_article.dunkel h4, .mod_article.dunkel h5, .mod_article.dunkel h6, .mod_article.dunkel p, .mod_article.dunkel p a {color: #fff;}
.mod_article.dunkel .ce_hyperlink a {color: #fff;}
.mod_article.dunkel .ce_hyperlink a:hover {background: #909090;}
.mod_article.dunkel .ce_hyperlink.rot a:hover {background: #A8202D;}
#main .mod_article.dunkel .ce_text ul li, #main .mod_article.dunkel .ce_text ol li {color: #fff;}
#main .mod_article.dunkel .ce_text ul li:before {background: url(../../files/data/graphics/icon-listbullet-blau.svg) no-repeat top 9px left;}

.ce_image.linien .image_container {position: relative;}
.ce_image.linien .image_container:after {content: ""; z-index: 2; display: block; position: absolute; top: 0; right: 20px; width: 120px; height: 100%; background: url(../../files/data/graphics/linien-bg.svg) top left repeat-y;}

/*Farbbalken*/
.mod_article.farbbalkenrechts:after {content: ""; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 22%; height: 100px; background: #42BBC6; mix-blend-mode: multiply; z-index: 1;}
.mod_article.farbbalkenlinks:before {content: ""; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 22%; height: 100px; background: #42BBC6; mix-blend-mode: multiply; z-index: 1;}
body .mod_article.farbbalkenrot:after, body .mod_article.farbbalkenrot:before {background: #EB5E5D;}
body .mod_article.farbbalkengrau:after, body .mod_article.farbbalkengrau:before {background: #B5B5B5;}

/*Artikel Grau*/
.mod_article.grau {background: #F6F6F6;}

/*Artikel Hero*/
.mod_article.hero {background: url(../../files/data/graphics/hero-gray.svg) top left no-repeat;}
.mod_article.hero h1 {margin-top: 15px;}
.mod_article.hero h5 {font-size: 1.4rem; font-family: 'mukta_vaanibold'; line-height: 2rem; letter-spacing: 1px; margin: 15px 0; display: inline-block; padding: 5px 10px; border: 1px solid #CCCCCC; background: #ffffff; text-transform: uppercase; border-radius: 2px;}
.mod_article.hero:after {content: ""; display: block; position: absolute; right: 0; top: 60%; width: 40%; height: 150px; background: #42BBC6; mix-blend-mode: multiply; z-index: 1;}

/*Artikel vollbild*/
.mod_article.vollbild {max-width: initial;}
.mod_article.vollbild .inside {width: 100%; height: 30vw; padding: 0; max-width: initial; position: relative;}
.mod_article.vollbild .inside .ce_image, .mod_article.vollbild .inside .ce_player {width: 100%; height: 30vw; position: relative; overflow: hidden;}
.mod_article.vollbild .inside .ce_image img, .mod_article.vollbild .inside .ce_player video {width: 100%; height: 100%; object-fit: cover;}
.mod_article.vollbild .inside .ce_text {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5;}
.mod_article.vollbild h1, .mod_article.vollbild h2, .mod_article.vollbild h3, .mod_article.vollbild h4, .mod_article.vollbild h5, .mod_article.vollbild h6, .mod_article.vollbild p {color: #fff;}
.mod_article.vollbild .inside .ce_text a {display: inline-block; width: auto; font-family: 'mukta_vaanimedium'; text-transform: uppercase; text-decoration: none; padding: 10px 15px; letter-spacing: 1px; border-radius: 4px; color: #fff; background: #D01437; border: 1px solid #D01437;}

/*Masonry*/
.masonrygrid .autogrid_row .column {margin-bottom: 30px;}
.masonrygrid .autogrid_row .column .ce_text {box-sizing: border-box; border-radius: 4px; padding: 40px 80px; margin-bottom: 0; height: 100%; display: flex; align-items: center;}
.masonrygrid .autogrid_row .column .ce_text.masonrytextgrau {background: #F6F6F6;}
.masonrygrid .autogrid_row .column .ce_text.masonrytextrot {background: #EB5E5D; color: #fff;}
.masonrygrid .autogrid_row .column .ce_text.masonrytextblau {background: #42BBC6; color: #fff;}
.masonrygrid .autogrid_row .column .ce_image .image_container img {border-radius: 4px;}

.ce_text.masonrytextgrau {background: #F6F6F6; padding: 20px;}
.ce_text.masonrytextrot {background: #EB5E5D; color: #fff; padding: 20px;}
.ce_text.masonrytextblau {background: #42BBC6; color: #fff; padding: 20px;}
.ce_text.masonrytextgrau img {width: 100%; height: auto;}

/*Logogalerie*/
#container #main .ce_gallery.logogalerie li {height: 200px; position: relative; box-sizing: border-box; padding: 25px; background: #fff; border: 1px solid #cccccc; border-radius: 4px; box-shadow: 0 0 40px rgba(0,0,0,0.064);}
#container #main .ce_gallery.logogalerie li .image_container {height: 100%;}
#container #main .ce_gallery.logogalerie li a {position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; box-sizing: border-box; padding: 25px;}
#container #main .ce_gallery.logogalerie li img {width: 100%; height: 100%; object-fit: scale-down;}

/*Galerie rechts*/
#container #main .ce_gallery.galerierechts ul.cols_2 li {float: right; margin-right: 0; margin-left: 3%;}
#container #main .ce_gallery.galerierechts ul.cols_3 li {float: right; margin-right: 0; margin-left: 3%;}
#container #main .ce_gallery.galerierechts ul.cols_4 li {float: right; margin-right: 0; margin-left: 3%;}
#container #main .ce_gallery.galerierechts ul li.col_last {margin-left: 0;}

/*Hyperlink rot*/
.ce_hyperlink.rot a {color: #fff; background: #D01437; border: 1px solid #D01437; transition: background 0.3s ease;}
.ce_hyperlink.rot a:hover {background: #A8202D;}

/*Hyperlink textlink*/
.ce_hyperlink.textlink a {padding: 0 40px 0 0; background: url(../../files/data/graphics/Arrow-right-rot.svg) center right 5px no-repeat; border: none; border-radius: 0; transition: background 0.3s ease;}
.ce_hyperlink.textlink a:hover {background: url(../../files/data/graphics/Arrow-right-rot.svg) center right no-repeat;}

/*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 screen and (max-width: 1800px) {
	.mod_article.dunkel.linien {background: #273540 url(../../files/data/graphics/linien-bg.svg) top right 0% repeat-y;}
}

@media screen and (max-width: 1400px) {
	.mod_article.dunkel.linien {background: #273540;}
	.masonrygrid .autogrid_row .column .ce_text {hyphens: auto; padding: 20px 40px;}
	.mod_article.vollbild .inside {height: 50vw;}
	.mod_article.vollbild .inside .ce_image, .mod_article.vollbild .inside .ce_player {height: 50vw;}
}

@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;}
}

@media screen and (max-width: 1000px) {
	.ce_text.partnercard {display: inline-block;}
	.ce_text.partnercard .textbox {width: 100%;}
	.mod_article.vollbild .inside .ce_text {left: 7.5%; transform: translate(-5%, -50%);}
}

@media screen and (max-width: 767px) {
	.mod_article.farbbalkenrechts:after {display: none;}
	.mod_article.farbbalkenlinks:before {display: none;}
	#container #main .ce_gallery.logogalerie li {height: 130px; padding: 15px;}

    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;}
}