body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
/* =============================================================================
 * ce_bgimage
 * ========================================================================== */

.ce_bgimage {
	position: relative;
	overflow: visible;
}

.ce_bgimage {
	overflow: visible;
}

.ce_bgimage:before,
.ce_bgimage:after {
	content:'\0020';
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}

.ce_bgimage:after {
	clear:both;
}

.ce_bgimage .ce_bgimage-inside {
	position: relative;
	z-index: 10;
}

.ce_bgimage.offset:before {
	position: absolute;
	top: 75%;
	background: #fff;
	content: '';
	right: 0;
	bottom: 0;
	left:0;
	z-index: 10;
}

.ce_bgimage.offset.offset-bg-accent:before {
	background-color: rgb(152,152,152);
}

.ce_bgimage.offset.offset-bg-lightgray:before {
	background-color: rgb(247,247,247);
}

.ce_bgimage.offset.offset-bg-darkgray:before {
	background-color: rgb(69,69,69);
}

.ce_bgimage.offset.offset-bg-black:before {
	background-color: rgb(0,0,0);
}

.ce_bgimage.offset.offset-top:before,
.ce_bgimage.offset-top:before {
	position: absolute;
	top: 0;
	background: #fff;
	content: '';
	right: 0;
	top: 0;
	left:0;
	height: 25%;
	z-index: 10;
}

.ce_bgimage .ce_bgimage-image {
	position: absolute;
	top: 0;
	left:0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.ce_bgimage.bg_contain .ce_bgimage-image {
	background-size: contain;
}

.ce_bgimage.fullscreen-image {
	height: 100vh;
}

.ce_bgimage.fullscreen-image .ce_bgimage-outer {
	height: 100vh;
}

.ce_bgimage.oversize .ce_bgimage-outer .ce_bgimage-inside {
	-webkit-transform: translateY(0%);
  	-ms-transform: translateY(0%);
  	transform: translateY(0%);
}

.ce_bgimage.oversize,
.ce_bgimage.ce_bgimage-outer {
	height: auto!important;
}

.ce_bgimage.max_width_m .contentwrap {
	max-width: 800px;
}

.ce_bgimage.max_width_s .contentwrap {
	max-width: 650px;
}

/* =============================================================================
 * ce_bgimage: parallax offset option
 * ========================================================================== */

.ce_bgimage div.offset_layer {
	position: absolute;
	top: 0;
	background: #fff;
	content: '';
	right: 0;
	left:0;
	height: 25%;
	z-index: 10;
}

.ce_bgimage div.offset_layer.offset-bottom {
	top: auto;
	bottom: 0;
}

/* =============================================================================
 * ce_bgimage: background-position
 * ========================================================================== */

.ce_bgimage.bg_left_top .ce_bgimage-image {
	background-position: left top;
}

.ce_bgimage.bg_left_center .ce_bgimage-image {
	background-position: left center;
}

.ce_bgimage.bg_left_bottom .ce_bgimage-image {
	background-position: left bottom;
}

.ce_bgimage.bg_center_top .ce_bgimage-image {
	background-position: center top;
}

.ce_bgimage.bg_center_center .ce_bgimage-image {
	background-position: center center;
}

.ce_bgimage.bg_center_bottom .ce_bgimage-image {
	background-position: center bottom;
}

.ce_bgimage.bg_right_top .ce_bgimage-image {
	background-position: right top;
}

.ce_bgimage.bg_right_cemte .ce_bgimage-image {
	background-position: right center;
}

.ce_bgimage.bg_right_bottom .ce_bgimage-image {
	background-position: right bottom;
}

/* =============================================================================
 * ce_bgimage: parallax option
 * ========================================================================== */

.ce_bgimage.parallax .ce_bgimage-image {
	background-attachment: fixed;
	background-position-x: 50%!important;
	background-position-y: top;
}

.ce_bgimage.parallax {
	position: relative;
}

body.ios .ce_bgimage.parallax .ce_bgimage-image,
body.android .ce_bgimage.parallax .ce_bgimage-image {
	background-attachment: scroll;
	background-position: center center!important;
}

/* =============================================================================
 * ce_bgimage: img-leftside
 * ========================================================================== */

.ce_bgimage.img-leftside-33,
.ce_bgimage.img-leftside-50 {
	position: relative;
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
}

.ce_bgimage.bg-nocolor {
	background: rgb(248,248,248);
}

.ce_bgimage.img-leftside-33 .ce_bgimage-image,
.ce_bgimage.img-leftside-50 .ce_bgimage-image {
	width: 33.33%;
	display: table-cell;
	vertical-align: middle;
	padding: 0;
}

.ce_bgimage.img-leftside-33 .ce_bgimage-outer {
	margin-left: 33%;
}

.ce_bgimage.img-leftside-50 .ce_bgimage-outer {
	margin-left: 50%;
}

.ce_bgimage.img-leftside-33 .ce_bgimage-inside,
.ce_bgimage.img-leftside-50 .ce_bgimage-inside {
	width: 67%;
	padding: 60px;
	vertical-align: middle;
}

.ce_bgimage.img-leftside-50 .ce_bgimage-image,
.ce_bgimage.img-leftside-50 .ce_bgimage-inside {
	width: 50%;
}

.ce_bgimage.img-rightside-50 .ce_bgimage-image {
	margin-left: 50%;
}

.ce_bgimage.img-rightside-50 .ce_bgimage-outer {
	margin-right: 50%;
}

.ce_bgimage.img-rightside-33 .ce_bgimage-image {
	margin-left: 33.33%;
}

.ce_bgimage.img-rightside-33 .ce_bgimage-outer {
	margin-right: 66.66%;
}

.ce_bgimage.img-leftside-50 .ce_bgimage-inside,
.ce_bgimage.img-leftside-33 .ce_bgimage-inside {
	width: 100%;
}

.ce_bgimage.bg-accent a:not(.hyperlink_txt) {
	color: inherit
}

.ce_bgimage.vertical_centered .ce_bgimage-inside {
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	position: relative;
	top: 50%;
}

.ce_bgimage.vertical_centered .ce_bgimage-outer {
	height: 100%;
}


/* =============================================================================
* smart phones  (s / small screens)
* ========================================================================== */
@media only screen and (max-width: 767px) {
	.ce_bgimage.hide-image-phone .ce_bgimage-image {
		display: none;
	}
	
	.ce_bgimage.img-leftside-33,
	.ce_bgimage.img-leftside-50,
	.ce_bgimage.img-leftside-33 .ce_bgimage-inside,
	.ce_bgimage.img-leftside-50 .ce_bgimage-inside {
		display: block;
		width: 100%;
	}
	
	.ce_bgimage.img-rightside-33 .ce_bgimage-outer,
	.ce_bgimage.img-rightside-33 .ce_bgimage-image,
	.ce_bgimage.img-rightside-50 .ce_bgimage-outer,
	.ce_bgimage.img-rightside-50 .ce_bgimage-image {
		display: block;
		width: 100%;
		margin: 0;
	}
	
	.ce_bgimage.img-rightside-33 .ce_bgimage-image,
	.ce_bgimage.img-rightside-50 .ce_bgimage-image {
		background-image: none!important;
	}
	
	.ce_bgimage.img-leftside-33 .ce_bgimage-image,
	.ce_bgimage.img-leftside-50 .ce_bgimage-image {
		display: none;
	}
	
	.ce_bgimage.img-leftside-33 .ce_bgimage-outer,
	.ce_bgimage.img-leftside-50 .ce_bgimage-outer  {
		margin-left: 0;
	}
	
	.ce_bgimage.img-leftside-33:not(.bg-hide-mobile) .mobile_image,
	.ce_bgimage.img-leftside-50:not(.bg-hide-mobile) .mobile_image,
	.ce_bgimage.img-rightside-33:not(.bg-hide-mobile) .mobile_image,
	.ce_bgimage.img-rightside-50:not(.bg-hide-mobile) .mobile_image {
		display: block!important;
		margin-bottom: 30px;
	}
	
	.ce_bgimage.parallax .ce_bgimage-image {
		background-attachment: scroll;
		background-position: center center!important;
	}

	.ce_bgimage div.offset_layer {
		display: none;
	}

	.ce_bgimage.bg-hide-mobile .ce_bgimage-image {
		background-image: none!important;
	}

	.ce_bgimage.fullscreen-image:not(.vertical_centered) .ce_bgimage-outer {
		height: auto;
	}
}
.autogrid_grid{display:grid;margin-left:-15px;margin-right:-15px}.autogrid_grid .column{padding-left:15px;padding-right:15px}.autogrid_grid.gutter_none{margin-left:0;margin-right:0}.autogrid_grid.gutter_none>.column{padding-left:0;padding-right:0}.autogrid_grid.gutter_s{margin-left:-15px;margin-right:-15px}.autogrid_grid.gutter_s>.column{padding-left:15px;padding-right:15px}.autogrid_grid.gutter_m{margin-left:-30px;margin-right:-30px}.autogrid_grid.gutter_m>.column{padding-left:30px;padding-right:30px}.autogrid_grid.gutter_l{margin-left:-40px;margin-right:-40px}.autogrid_grid.gutter_l>.column{padding-left:40px;padding-right:40px}.autogrid_grid.same_height>.column>.attributes{height:100%}.autogrid_grid .column .attributes{background-size:cover}.autogrid_grid .column .attributes.p-xl{padding:200px 40px 200px 40px}.autogrid_grid .column .attributes.p-l{padding:160px 40px 160px 40px}.autogrid_grid .column .attributes.p-m{padding:115px 40px 115px 40px}.autogrid_grid .column .attributes.p-s{padding:80px 40px 80px 40px}.autogrid_grid .column .attributes.p-xs{padding:40px 40px 40px 40px}.autogrid_grid .column.align_left_top{text-align:left}.autogrid_grid .column.align_left_center{text-align:left;align-self:center}.autogrid_grid .column.align_left_bottom{text-align:left;align-self:flex-end}.autogrid_grid .column.align_center_top{text-align:center}.autogrid_grid .column.align_center_center{text-align:center;align-self:center}.autogrid_grid .column.align_center_bottom{text-align:center;align-self:flex-end}.autogrid_grid .column.align_right_top{text-align:right}.autogrid_grid .column.align_right_center{text-align:right;align-self:center}.autogrid_grid .column.align_right_bottom{text-align:right;align-self:flex-end}.autogrid_grid.same_height>.column{align-self:unset}.autogrid_grid.same_height>.column>.attributes{display:flex;flex-wrap:wrap;height:100%}.autogrid_grid.same_height>.column>.attributes>.same-height-wrap{width:100%;flex:0 0 100%}.autogrid_grid.same_height>.column.align_left_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_left_bottom>.attributes{align-items:flex-end}.autogrid_grid.same_height>.column.align_center_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_center_bottom>.attributes{align-items:flex-end}.autogrid_grid.same_height>.column.align_right_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_right_bottom>.attributes{align-items:flex-end}.autogrid_grid .column>.attributes .image_mob{display:none}.autogrid_wrapper,.autogrid_row{margin-left:-15px;margin-right:-15px;display:flex;flex-wrap:wrap;box-sizing:border-box}.autogrid,.autogrid_row>.column{padding-left:15px;padding-right:15px;flex-basis:1;flex-grow:1;width:100%;position:relative;box-sizing:border-box}.autogrid_clear{flex:0 0 100%;height:0}.col_1{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.autogrid_row>.column>.attributes{background-size:cover}.autogrid_row>.column>.attributes.p-xl{padding:200px 40px 200px 40px}.autogrid_row>.column>.attributes.p-l{padding:160px 40px 160px 40px}.autogrid_row>.column>.attributes.p-m{padding:115px 40px 115px 40px}.autogrid_row>.column>.attributes.p-s{padding:80px 40px 80px 40px}.autogrid_row>.column>.attributes.p-xs{padding:40px 40px 40px 40px}.autogrid_wrapper.gutter_none,.autogrid_row.gutter_none{margin-left:0;margin-right:0}.autogrid_wrapper.gutter_none>div,.autogrid_row.gutter_none>div{padding-left:0;padding-right:0}.autogrid_wrapper.gutter_s,.autogrid_row.gutter_s{margin-left:-15px;margin-right:-15px}.autogrid_wrapper.gutter_s>div,.autogrid_row.gutter_s>div{padding-left:15px;padding-right:15px}.autogrid_wrapper.gutter_m,.autogrid_row.gutter_m{margin-left:-30px;margin-right:-30px}.autogrid_wrapper.gutter_m>div,.autogrid_row.gutter_m>div{padding-left:30px;padding-right:30px}.autogrid_wrapper.gutter_l,.autogrid_row.gutter_l{margin-left:-40px;margin-right:-40px}.autogrid_wrapper.gutter_l>div,.autogrid_row.gutter_l>div{padding-left:40px;padding-right:40px}.autogrid_row>.column.align_left_top{text-align:left}.autogrid_row>.column.align_left_center{text-align:left;align-self:center}.autogrid_row>.column.align_left_bottom{text-align:left;align-self:flex-end}.autogrid_row>.column.align_center_top{text-align:center}.autogrid_row>.column.align_center_center{text-align:center;align-self:center}.autogrid_row>.column.align_center_bottom{text-align:center;align-self:flex-end}.autogrid_row>.column.align_right_top{text-align:right}.autogrid_row>.column.align_right_center{text-align:right;align-self:center}.autogrid_row>.column.align_right_bottom{text-align:right;align-self:flex-end}.autogrid_row.same_height>.column{align-self:unset}.autogrid_row.same_height>.column>.attributes{display:flex;flex-wrap:wrap;height:100%}.autogrid_row.same_height>.column>.attributes>.same-height-wrap{width:100%;flex:0 0 100%}.autogrid_row.same_height>.column.align_left_center>.attributes{align-items:center}.autogrid_row.same_height>.column.align_left_bottom>.attributes{align-items:flex-end}.autogrid_row.same_height>.column.align_center_center>.attributes{align-items:center}.autogrid_row.same_height>.column.align_center_bottom>.attributes{align-items:flex-end}.autogrid_row.same_height>.column.align_right_center>.attributes{align-items:center}.autogrid_row.same_height>.column.align_right_bottom>.attributes{align-items:flex-end}.autogrid_row .column>.attributes .image_mob{display:none}.order_1{order:1}.order_2{order:2}.order_3{order:3}.order_4{order:4}.order_5{order:5}.order_6{order:6}.full{flex:0 0 100%}.one_half{flex:0 0 calc(100% / 2)}.one_third{flex:0 0 calc(100% / 3)}.one_fourth{flex:0 0 calc(100% / 4)}.one_fifth{flex:0 0 calc(100% / 5)}.one_sixth{flex:0 0 calc(100% / 6)}.two_third{flex:0 0 calc((100% / 3) * 2)}.two_fourth{flex:0 0 calc((100% / 4) * 2)}.three_fourth{flex:0 0 calc((100% / 4) * 3)}.two_fifth{flex:0 0 calc((100% / 5) * 2)}.three_fifth{flex:0 0 calc((100% / 5) * 3)}.four_fifth{flex:0 0 calc((100% / 5) * 4)}.two_sixth{flex:0 0 calc((100% / 6) * 2)}.three_sixth{flex:0 0 calc((100% / 6) * 3)}.four_sixth{flex:0 0 calc((100% / 6) * 4)}.five_sixth{flex:0 0 calc((100% / 6) * 5)}.offset_col_1{margin-left:calc((100% / 12) * 1)}.offset_col_2{margin-left:calc((100% / 12) * 2)}.offset_col_3{margin-left:calc((100% / 12) * 3)}.offset_col_4{margin-left:calc((100% / 12) * 4)}.offset_col_5{margin-left:calc((100% / 12) * 5)}.offset_col_6{margin-left:calc((100% / 12) * 6)}.offset_col_7{margin-left:calc((100% / 12) * 7)}.offset_col_8{margin-left:calc((100% / 12) * 8)}.offset_col_9{margin-left:calc((100% / 12) * 9)}.offset_col_10{margin-left:calc((100% / 12) * 10)}.offset_col_11{margin-left:calc((100% / 12) * 11)}.autogrid.no_gutter{padding-left:0;padding-right:0}@media only screen and (min-width :768px) and (max-width :1024px){.col_1_t{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2_t{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3_t{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4_t{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5_t{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6_t{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7_t{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8_t{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9_t{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10_t{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11_t{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12_t{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.order_1_t{order:1}.order_2_t{order:2}.order_3_t{order:3}.order_4_t{order:4}.order_5_t{order:5}.order_6_t{order:6}}@media only screen and (max-width:767px){[class*="col_"],.one_half,.one_third,.one_fourth,.one_fifth,.one_sixth,.two_third,.two_fourth,.three_fourth,.two_fifth,.three_fifth,.four_fifth,.two_sixth,.three_sixth .four_sixth,.five_sixth{flex:0 0 100%;max-width:none}.column[class*="col_"]:not([class*="_m"]),.autogrid_grid .column:not([class*="_m"]){padding-left:0!important;padding-right:0!important;margin-bottom:25px}.column[class*="offset_"],.autogrid[class*="offset_"],.autogrid_grid[class*="offset_"]{margin-left:0}.autogrid_wrapper,.autogrid_row,.autogrid_grid{margin-left:0!important;margin-right:0!important}.column:empty{display:none}.autogrid_grid>.column>.attributes.has-image.empty>.image_mob,.autogrid_grid>.column>.attributes.has-image.empty>.same-height-wrap>.image_mob,.autogrid_row>.column>.attributes.has-image.empty>.image_mob,.autogrid_row>.column>.attributes.has-image.empty>.same-height-wrap>.image_mob{display:block}.autogrid_grid>.column>.attributes.has-image.empty,.autogrid_row>.column>.attributes.has-image.empty{background:none!important}.col_1_m{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2_m{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3_m{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4_m{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5_m{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6_m{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7_m{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8_m{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9_m{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10_m{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11_m{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12_m{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.order_1_m{order:1}.order_2_m{order:2}.order_3_m{order:3}.order_4_m{order:4}.order_5_m{order:5}.order_6_m{order:6}.autogrid_grid>.column>.attributes.p-xl,.autogrid_grid>.column>.attributes.p-l,.autogrid_grid>.column>.attributes.p-m,.autogrid_grid>.column>.attributes.p-s,.autogrid_grid>.column>.attributes.p-xs,.autogrid_row>.column .attributes.p-xl,.autogrid_row>.column .attributes.p-l,.autogrid_row>.column .attributes.p-m,.autogrid_row>.column .attributes.p-s,.autogrid_row>.column .attributes.p-xs{padding:20px}.autogrid_grid .column.m_align_left_top{text-align:left}.autogrid_grid .column.m_align_left_center{text-align:left;align-self:center}.autogrid_grid .column.m_align_left_bottom{text-align:left;align-self:flex-end}.autogrid_grid .column.m_align_center_top{text-align:center}.autogrid_grid .column.m_align_center_center{text-align:center;align-self:center}.autogrid_grid .column.m_align_center_bottom{text-align:center;align-self:flex-end}.autogrid_grid .column.m_align_right_top{text-align:right}.autogrid_grid .column.m_align_right_center{text-align:right;align-self:center}.autogrid_grid .column.m_align_right_bottom{text-align:right;align-self:flex-end}.autogrid_row>.column.m_align_left_top{text-align:left}.autogrid_row>.column.m_align_left_center{text-align:left;align-self:center}.autogrid_row>.column.m_align_left_bottom{text-align:left;align-self:flex-end}.autogrid_row>.column.m_align_center_top{text-align:center}.autogrid_row>.column.m_align_center_center{text-align:center;align-self:center}.autogrid_row>.column.m_align_center_bottom{text-align:center;align-self:flex-end}.autogrid_row>.column.m_align_right_top{text-align:right}.autogrid_row>.column.m_align_right_center{text-align:right;align-self:center}.autogrid_row>.column.m_align_right_bottom{text-align:right;align-self:flex-end}}body.edge column[class*="col_"]{flex-basis:1}@media only screen and (max-width:767px){body.edge column[class*="col_"]{flex-basis:100%}}
#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}
table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/desc.svg)}
/* === KUCOOK STYLES === */
/* CSS für das KuCook Restaurant/Catering Interface */

/* === BASE STYLES === */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: Arial, sans-serif;
    background-color: #5F7A7F;
}

h1 { 
    margin-top: 0; 
}

/* === HEADER === */
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px 20px;
    background: #fff;
    z-index: 100;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

header button {
    padding: 10px 20px;
    margin-right: 10px;
    font-size: 16px;
    cursor: pointer;
}

/* === MAIN CONTAINER === */
.main-container {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

/* === STARTSEITE === */
#main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #5F7A7F;
    z-index: 10;
    transition: opacity 0.8s ease, transform 0.8s ease;
}

#main.hidden {
    opacity: 0;
    pointer-events: none;
    transform: scale(0.95);
}

.mod_article.fullwidth-boxed.startseite-maincolumn {
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.autogrid_row {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    width: 100%;
    text-align: center;
}

.autogrid_row .column {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* === BUTTONS === */
.ce_text.btn {
    background: rgba(255,255,255,0.1);
    padding: 1rem 2rem;
    border-radius: 8px;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    transition: all 0.3s ease;
    position: relative;
    z-index: 20;
}

.ce_text.btn:hover {
    background: rgba(255,255,255,0.2);
    transform: translateY(-2px);
}

.ce_text.btn:active {
    transform: translateY(0);
}

/* iOS Style Button */
.btn-ios-boingflip {
    padding: 10px 22px;
    background-color: #4cd964;
    color: #fff;
    border: none;
    border-radius: 999px;
    font-size: 14px;
    cursor: pointer;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}

.btn-ios-boingflip:hover {
    transform: translateY(-2px) scale(1.05);
    background-color: #36b74f;
}

.btn-ios-boingflip:active {
    transform: translateY(0) scale(0.98);
}

/* === LOGO === */
.ce_image img,
.logo-image {
    max-width: 100%;
    max-width: 1600px;
    height: auto;
}

/* === BEFORE/AFTER CONTAINER === */
.before-after-container {
    position: absolute;
    top: 60px; /* Header height */
    left: 0;
    width: 100%;
    height: calc(100vh - 60px);
    overflow: hidden;
}

.container {
    margin: auto;
}

/* === PANELS === */
.restaurant,
.catering {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 40px;
    box-sizing: border-box;
    overflow-y: auto;
    transition: clip-path 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.restaurant {
    background: #fef5e7;
    z-index: 5;
}

.catering {
    background: #e7f5fe;
    clip-path: inset(0 100% 0 0);
    z-index: 6;
}

/* === RANGE SLIDER === */
.range-slider-container {
    position: fixed !important;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 50;
    opacity: 1;
    transition: opacity 0.5s ease;
}

.range-slider-container.visible {
    opacity: 1;
}

.slidecontainer {
    width: 300px;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 8px;
    background: rgba(255,255,255,0.3);
    outline: none;
    border-radius: 4px;
    transition: background 0.2s;
}

.slider:hover {
    background: rgba(255,255,255,0.4);
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    transition: transform 0.2s ease;
}

.slider::-webkit-slider-thumb:hover {
    transform: scale(1.2);
}

.slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    border: none;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

/* === PANEL CONTENT === */
.panel-content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 2rem;
    font-weight: bold;
}

.restaurant-content {
    color: #8B4513;
}

.catering-content {
    color: #2E8B57;
}

/* === ADDITIONAL CONTENT === */
.restaurant-additional-content,
.catering-additional-content {
    margin-top: 2rem;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.6;
}

/* === BACK BUTTONS === */
.back-btn {
    position: absolute;
    top: 20px;
    left: 20px;
    background: rgba(0,0,0,0.1);
    color: #333;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 20;
    border: none;
    font-family: inherit;
}

.back-btn:hover {
    background: rgba(0,0,0,0.2);
    transform: translateY(-1px);
}

/* === CONTAO SPEZIFISCHE STYLES === */
/* Sicherstellen, dass Contao-spezifische Klassen nicht interferieren */
.mod_article {
    position: relative;
}

.ce_text,
.ce_image {
    position: relative;
}

.block {
    display: block;
}

.fullwidth-boxed {
    width: 100%;
    box-sizing: border-box;
}

.article-pt {
    padding-top: 2rem;
}

.article-pb {
    padding-bottom: 2rem;
}

.article-pt-0 {
    padding-top: 0;
}

.article-pb-0 {
    padding-bottom: 0;
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
    .slidecontainer {
        width: 250px;
    }
    
    .ce_text.btn {
        padding: 0.8rem 1.5rem;
        font-size: 0.9rem;
    }
    
    .panel-content {
        font-size: 1.5rem;
        padding: 20px;
    }
    
    .autogrid_row .column {
        flex: 1;
        min-width: 0;
    }
    
    .before-after-container {
        top: 0;
        height: 100vh;
    }
}

@media (max-width: 480px) {
    .restaurant,
    .catering {
        padding: 20px;
    }
    
    .panel-content {
        font-size: 1.2rem;
    }
    
    .btn-ios-boingflip {
        padding: 8px 16px;
        font-size: 12px;
    }
}