/* Slider */
.slick-slider {
	position: relative;

	display: block;
	box-sizing: border-box;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;

	display: block;
	overflow: hidden;

	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;

	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before,
.slick-track:after {
	display: table;

	content: "";
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;

	height: 100%;
	min-height: 1px;
}
[dir="rtl"] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;

	height: auto;

	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list {
	background: #fff url("../../system/modules/z_BSSlider/assets/css/./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
	font-family: "slick";
	font-weight: normal;
	font-style: normal;
	src: url("../../system/modules/z_BSSlider/assets/css/./fonts/slick.eot");
	src: url("../../system/modules/z_BSSlider/assets/css/./fonts/slick.eot?#iefix") format("embedded-opentype"),
		url("../../system/modules/z_BSSlider/assets/css/./fonts/slick.woff") format("woff"),
		url("../../system/modules/z_BSSlider/assets/css/./fonts/slick.ttf") format("truetype"),
		url("../../system/modules/z_BSSlider/assets/css/./fonts/slick.svg#slick") format("svg");
}
/* Arrows */
.slick-prev,
.slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
	font-family: "slick";
	font-size: 20px;
	line-height: 1;

	opacity: 0.75;
	color: white;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-prev {
	left: -25px;
}
[dir="rtl"] .slick-prev {
	right: -25px;
	left: auto;
}
.slick-prev:before {
	content: "←";
}
[dir="rtl"] .slick-prev:before {
	content: "→";
}

.slick-next {
	right: -25px;
}
[dir="rtl"] .slick-next {
	right: auto;
	left: -25px;
}
.slick-next:before {
	content: "→";
}
[dir="rtl"] .slick-next:before {
	content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
	margin-bottom: 30px;
}

.slick-dots {
	position: absolute;
	bottom: -25px;

	display: block;

	width: 100%;
	padding: 0;
	margin: 0;

	list-style: none;

	text-align: center;
}
.slick-dots li {
	position: relative;

	display: inline-block;

	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;

	cursor: pointer;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;

	display: block;

	width: 20px;
	height: 20px;
	padding: 5px;

	cursor: pointer;

	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1;
}
.slick-dots li button:before {
	font-family: "slick";
	font-size: 6px;
	line-height: 20px;

	position: absolute;
	top: 0;
	left: 0;

	width: 20px;
	height: 20px;

	content: "•";
	text-align: center;

	opacity: 0.25;
	color: black;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
	opacity: 0.75;
	color: #333e48;
}

/*BS custom */
/* has to disable control in scaled mode */
.slimage_container,
.slvideo_container {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	position: static;
	height: 100%;
}

.slick-initialized .slimage_container,
.slick-initialized .slvideo_container {
}

.fullfill.slick-slide .mejs__controls {
	/*    display : none !important;*/
}

.slick-track {
	height: 280px;
	width: 100%;
	float: left;
	overflow: hidden;
}

/* display with min width 480 iphone lansacape */
@media only screen and (min-width: 480px) {
	.slick-track {
		height: 280px;
	}
}

/* min-width:768px ipad portrait*/
@media only screen and (min-width: 768px) {
	.slick-track {
		height: 340px;
	}
}

@media only screen and (min-width: 990px) {
	.slick-track {
		height: 540px;
	}
}

.slick-slide {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.slick-track .slick-slide img,
.slick-track .slick-slide picture {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	height: auto;
	width: auto;
}

div.slick-slide:not(.fullfill) .mejs__container,
div.slick-slide:not(.fullfill) .mejs__container video {
	width: auto !important;
	height: 100% !important;
	margin: 0 auto;
	display: block;
}

.slick-slide .slimage_container > a,
.fullfill.slick-slide img,
.fullfill.slick-slide picture,
.fullfill.slick-slide .mejs__container,
.fullfill.slick-slide video,
.mejs__container iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 100%;
	max-width: none;
}

.mejs__container-fullscreen video,
.mejs__container-fullscreen iframe {
	margin-top: auto !important;
}

.slick-slide .slimage_container > a,
.fullfill.slick-slide .mejs__container {
	width: 100% !important;
}

.slick-slide > a {
}

.slick-slide .slimage_container > a::after,
.slick-slide .slimage_container > a::after {
	display: none !important;
	border: none !important;
}

/* transition: <property> <duration> <timing-function> <delay>; */
.slick-slide .slimage_container {
}

.slick-animated .slimage_container {
}

.slick-prev,
.slick-next {
	z-index: 10;
	right: 0;
}
.slick-prev {
	left: 0;
}

/* test slideTextContainer*/
.slideTextContainer {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: #fff;
	padding: 2em;
	box-sizing: border-box;
	height: 100%;
	min-height: 100%;
	width: 100%;
	display: table;
	background: none;
	/* fix for flashing background
    http://stackoverflow.com/questions/5472802/css-z-index-lost-after-webkit-transform-translate3d
    */
	-webkit-transform: translate3d(0px, 0px, 0px);
	text-shadow: 1px 0px 2px rgba(150, 150, 150, 0.98);
}

.slideTextContainer [class*="txt-"] {
	position: relative;
	display: table-cell;
	background: none;
	color: #fff;
	box-sizing: border-box;
	width: 100%;
}

.slideTextContainer .txt-top {
	vertical-align: top;
}

.slideTextContainer .txt-bottom {
	vertical-align: bottom;
}

.slideTextContainer .txt-middle {
	vertical-align: middle;
}

.slideTextContainer {
	font-size: 2em;
	opacity: 0;
	transform: scale(0.75);
}
.slick-animated .slideTextContainer {
	opacity: 1;
	transition: transform 1.25s cubic-bezier(0.19, 1, 0.22, 1) 0.5s,
		opacity 1.25s cubic-bezier(0.19, 1, 0.22, 1) 0.5s,
		-webkit-transform 1.25s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
	transform: scale(1);
}

/* 
.slider .mejs__mediaelement iframe {
    pointer-events: none;
}
 */

.mejs__offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs__container{background:#000;font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs__container,.mejs__container *{box-sizing:border-box}.mejs__container video::-webkit-media-controls,.mejs__container video::-webkit-media-controls-panel,.mejs__container video::-webkit-media-controls-panel-container,.mejs__container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs__fill-container,.mejs__fill-container .mejs__container{height:100%;width:100%}.mejs__fill-container{background:transparent;margin:0 auto;overflow:hidden;position:relative}.mejs__container:focus{outline:none}.mejs__iframe-overlay{height:100%;position:absolute;width:100%}.mejs__embed,.mejs__embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs__fullscreen{overflow:hidden!important}.mejs__container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs__container-fullscreen .mejs__mediaelement,.mejs__container-fullscreen video{height:100%!important;width:100%!important}.mejs__background,.mejs__mediaelement{left:0;position:absolute;top:0}.mejs__mediaelement{height:100%;width:100%;z-index:0}.mejs__poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs__poster-img{display:none}.mejs__poster-img{border:0;padding:0}.mejs__overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs__layer{z-index:1}.mejs__overlay-play{cursor:pointer}.mejs__overlay-button{background:url(../../system/modules/z_BSMediaelement/assets/mediaelement/4.2.6/build/mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs__overlay:hover>.mejs__overlay-button{background-position:-80px -39px}.mejs__overlay-loading{height:80px;width:80px}.mejs__overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent url(../../system/modules/z_BSMediaelement/assets/mediaelement/4.2.6/build/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mejs__controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs__controls:not([style*="display: none"]){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs__button,.mejs__time,.mejs__time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs__button>button{background:transparent url(../../system/modules/z_BSMediaelement/assets/mediaelement/4.2.6/build/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs__button>button:focus{outline:1px dotted #999}.mejs__container-keyboard-inactive [role=slider],.mejs__container-keyboard-inactive [role=slider]:focus,.mejs__container-keyboard-inactive a,.mejs__container-keyboard-inactive a:focus,.mejs__container-keyboard-inactive button,.mejs__container-keyboard-inactive button:focus{outline:0}.mejs__time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs__play>button{background-position:0 0}.mejs__pause>button{background-position:-20px 0}.mejs__replay>button{background-position:-160px 0}.mejs__time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs__time-buffering,.mejs__time-current,.mejs__time-float,.mejs__time-float-corner,.mejs__time-float-current,.mejs__time-hovered,.mejs__time-loaded,.mejs__time-marker,.mejs__time-total{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs__time-total{background:hsla(0,0%,100%,.3);margin:5px 0 0;width:100%}.mejs__time-buffering{-webkit-animation:b 2s linear infinite;animation:b 2s linear infinite;background:-webkit-linear-gradient(135deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background:linear-gradient(-45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:30px 0}}@keyframes b{0%{background-position:0 0}to{background-position:30px 0}}.mejs__time-loaded{background:hsla(0,0%,100%,.3)}.mejs__time-current,.mejs__time-handle-content{background:hsla(0,0%,100%,.9)}.mejs__time-hovered{background:hsla(0,0%,100%,.5);z-index:10}.mejs__time-hovered.negative{background:rgba(0,0,0,.2)}.mejs__time-buffering,.mejs__time-current,.mejs__time-hovered,.mejs__time-loaded{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;width:100%}.mejs__time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs__time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs__time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs__time-handle,.mejs__time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs__time-handle-content{border:4px solid hsla(0,0%,100%,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs__time-rail .mejs__time-handle-content:active,.mejs__time-rail .mejs__time-handle-content:focus,.mejs__time-rail:hover .mejs__time-handle-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs__time-float{background:#eee;border:1px solid #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs__time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs__time-float-corner{border:5px solid #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs__long-video .mejs__time-float{margin-left:-23px;width:64px}.mejs__long-video .mejs__time-float-current{width:60px}.mejs__broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs__fullscreen-button>button{background-position:-80px 0}.mejs__unfullscreen>button{background-position:-100px 0}.mejs__mute>button{background-position:-60px 0}.mejs__unmute>button{background-position:-40px 0}.mejs__volume-button{position:relative}.mejs__volume-button>.mejs__volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs__volume-button:hover{border-radius:0 0 4px 4px}.mejs__volume-total{background:hsla(0,0%,100%,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs__volume-current{left:0;margin:0;width:100%}.mejs__volume-current,.mejs__volume-handle{background:hsla(0,0%,100%,.9);position:absolute}.mejs__volume-handle{border-radius:1px;cursor:ns-resize;height:6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs__horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs__horizontal-volume-total{background:rgba(50,50,50,.8);height:8px;top:16px;width:50px}.mejs__horizontal-volume-current,.mejs__horizontal-volume-total{border-radius:2px;font-size:1px;left:0;margin:0;padding:0;position:absolute}.mejs__horizontal-volume-current{background:hsla(0,0%,100%,.8);height:100%;top:0;width:100%}.mejs__horizontal-volume-handle{display:none}.mejs__captions-button,.mejs__chapters-button{position:relative}.mejs__captions-button>button{background-position:-140px 0}.mejs__chapters-button>button{background-position:-180px 0}.mejs__captions-button>.mejs__captions-selector,.mejs__chapters-button>.mejs__chapters-selector{background:rgba(50,50,50,.7);border:1px solid transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs__chapters-button>.mejs__chapters-selector{margin-right:-55px;width:110px}.mejs__captions-selector-list,.mejs__chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs__captions-selector-list-item,.mejs__chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs__captions-selector-list-item:hover,.mejs__chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:hsla(0,0%,100%,.4)!important}.mejs__captions-selector-input,.mejs__chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs__captions-selector-label,.mejs__chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs__captions-selected,.mejs__chapters-selected{color:#21f8f8}.mejs__captions-translations{font-size:10px;margin:0 0 5px}.mejs__captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs__captions-layer a{color:#fff;text-decoration:underline}.mejs__captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs__captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs__captions-position-hover{bottom:35px}.mejs__captions-text,.mejs__captions-text *{background:hsla(0,0%,8%,.5);box-shadow:5px 0 0 hsla(0,0%,8%,.5),-5px 0 0 hsla(0,0%,8%,.5);padding:0;white-space:pre-wrap}.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container{display:none}.mejs__overlay-error{position:relative}.mejs__overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs__cannotplay,.mejs__cannotplay a{color:#fff;font-size:.8em}.mejs__cannotplay{position:relative}.mejs__cannotplay a,.mejs__cannotplay p{display:inline-block;padding:0 15px;width:100%}
/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.sm{box-sizing:border-box;position:relative;z-index:9999;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:default;}
.sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.sm *,.sm *::before,.sm *::after{box-sizing:inherit;}
/*! jQuery UI - v1.11.4 - 2016-03-17
* http://jqueryui.com
* Includes: ooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.2;
    text-decoration: none;
    list-style: none;
}


/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ui-tooltip {
    padding: 2px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}
body .ui-tooltip {
    border-width: 1px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-size: 0.8em;
}

.ui-tooltip {
    border: 1px solid #dddddd;
    background: #ffffff;
}
.mod_social_media_share a,
.mod_social_media_link a {
    display: inline-block;
    margin: 0 0.15em;
}

.mod_social_media_share a:link, .mod_social_media_share a:hover,
.mod_social_media_link a:link, .mod_social_media_link a:hover {
    border: none !important;
}

.mod_social_media_share img,
.mod_social_media_link img,
.mod_social_media_link svg
{
    vertical-align: middle;
}


.sm_name {
    display : none;
}

.sm_svg {
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    height: 32px;
    line-height: 32px;
    width: 32px;
}

.facebook .sm_svg {
    background-color: rgb(59, 89, 152);
}

.twitter .sm_svg {
    background-color: rgb(85, 172, 238);
}

.instagram .sm_svg {
    background-color: rgb(218, 48,  117);
}

.googleplus .sm_svg {
    background-color: rgb(221, 75, 57);
}

.whatsapp .sm_svg {
    background-color: rgb(18, 175, 10);
}

.pinterest .sm_svg {
    background-color: rgb(189, 8, 28);
}

.email .sm_svg {
    background-color: rgb(1, 102, 255);
}

.print .sm_svg {
    background-color: rgb(10, 12, 155);
}

.mod_social_media_share a:link,
.mod_social_media_share a:hover {
    border: none !important;
}
.mod_social_media_share a:hover .sm_svg {
    opacity: 0.6
}
.mod_social_media_share a,
.mod_social_media_link a {
    display: inline-block;
}

.mod_social_media_share a:link, .mod_social_media_share a:hover,
.mod_social_media_link a:link, .mod_social_media_link a:hover {
    border: none !important;
}

.sm_name {
    display : none;
}

.sm_svg {
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    height: 32px;
    line-height: 32px;
    width: 32px;
}

.facebook .sm_svg {
    background-color: rgb(59, 89, 152);
}

.twitter .sm_svg {
    background-color: rgb(85, 172, 238);
}

.instagram .sm_svg {
    background-color: rgb(104, 97,  50);
}

.googleplus .sm_svg {
    background-color: rgb(221, 75, 57);
}

.whatsapp .sm_svg {
    background-color: rgb(18, 175, 10);
}

.pinterest .sm_svg {
    background-color: rgb(189, 8, 28);
}

.email .sm_svg {
    background-color: rgb(1, 102, 255);
}

.print .sm_svg {
    background-color: rgb(10, 12, 155);
}

.likes .sm_svg {
    background-color: #ff54a6;
}

.mod_social_media_share a:link,
.mod_social_media_share a:hover {
    border: none !important;
}
.mod_social_media_share a:hover .sm_svg {
    opacity: 0.6
}

.likes {
    text-align: center;
}
.likes .sm_name {
    position: absolute;
    display: block;
    top: 2px;
    left:0;
    right:0;
    margin: auto;
    font-size: 10px;
    opacity: 1 !important;
    color: #fff !important;
}

.likes .sm_svg svg {
    width: 20px;
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    margin: auto;
    display: block;
    transition: width 0.5s;
}

a.likes:hover .sm_svg svg {
    width: 32px;
}
/* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/* ColorBox, (c) 2011 Jack Moore, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#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/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background: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/jquery/colorbox/1.6.1/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/jquery/colorbox/1.6.1/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/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/**


/* icons http://www.flaticon.com/packs/ios7-set-lined-1 */
@font-face {
    font-family: "BurkiSchererIcon";
    src: url("../../files/framework/fonts/BurkiSchererIcon/flaticon.eot");
    src: url("../../files/framework/fonts/BurkiSchererIcon/flaticon.eot#iefix") format("embedded-opentype"),
    url("../../files/framework/fonts/BurkiSchererIcon/flaticon.woff") format("woff"),
    url("../../files/framework/fonts/BurkiSchererIcon/flaticon.ttf") format("truetype"),
    url("../../files/framework/fonts/BurkiSchererIcon/flaticon.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="bs-"]:before, [class*=" bs-"]:before,
[class^="bs-"]:after, [class*=" bs-"]:after {
    font-family: BurkiSchererIcon;
    font-style: normal;
}

/*⟵ LEFTWARDS ARROW */
.bs-arrow395:before {
    content: "\e000";
}

/*↑ UPWARDS ARROW */
.bs-up151:before {
    content: "\e00b";
}

.bs-arrow414:before { /* broken on ios */
    content: "\e001";
}


/*⟶ RIGHTWARDS ARROW*/
.bs-move13:before {
    content: "\e009";
}

/*↓DOWNWARDS ARROW */
.bs-bottom4:before {
    content: "\e002";
}

.bs-call10:before {
    content: "\e003";
}
.bs-call13:before {
    content: "\e004";
}
.bs-correct7:before {
    content: "\e005";
}
.bs-cross37:before {
    content: "\e006";
}
.bs-home60:before {
    content: "\e007";
}
.bs-list26:before {
    content: "\e008";
}
.bs-play33:before {
    content: "\e00a";
}
.bs-wrong6:before {
    content: "\e00b";
}
.bs-zoom22:before {
    content: "\e00c";
}


/* entypo */

[class*="entypo-"]:before {
    line-height : 1;
    font-family: 'entypo';
    display : block;
    text-align: center;
}
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body, ul, ol, table, address, video, h1, h2, h3, h4, h5, p, a, img, blockquote {
    margin: 0;
    padding : 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.2em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.4;
    color: #333333;
    background-color: #ffffff;
}


p a, li a, ol a, li li, td p, p span, span span, address a, li span, p em, p strong {

}

a {
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: none;
    border-bottom: 1px solid;
}

a:focus {
    outline: none;
}

figure a:link,
figure a:visited,
figure a:hover,
figure a:active,
figure a:focus {
    border-bottom: none;
}

img {
    vertical-align: middle;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

.inline {
    display: inline;
}

.caymlandform-label.bold,
.bold{
    font-weight : bold;
}

ul {
    list-style-type: none;
}

.italic {
    font-style : italic;
}

.pad-left {
    padding-left : 1em !important;
}

.pad-right {
    padding-right :  1em !important;
}

.pad-bottom {
    padding-bottom : 1em;
}

.float_right,
.float-right,
.float_left,
.float-left{
    padding-bottom: 0.75rem;
}

.float_right,
.float-right{
    float : right;
    width : auto;
    padding-top: 0.35rem;
}

.float_left,
.float-left{
    float : left;
    width : auto;
    padding-top: 0.35rem;
}

.float_right + .content-div > h1,
.float_right + .content-div > h2,
.float_left + .content-div > h1,
.float_left + .content-div > h2,
.content-div > h1:first-child,
.content-div > h2:first-child,
.ce_multicolumnStart  h1:first-child,
.ce_multicolumnStart  h2:first-child {
    margin-top: -0.4rem;
}

.ce_multicolumnStart {
    position: relative;
}


.float_above {
    margin-bottom: 1.5rem;
}

/* min-width:768px ipad portrait*/
@media only screen and (min-width: 768px) {
    .float_right,
    .float-right{
        padding-left: 0.75rem;
    }

    .float_left,
    .float-left{
        padding-right: 0.75rem;
    }

    figure.float_left,
    figure.float-right {
        max-width: 50%;
        box-sizing: border-box;
    }

    .float_right + .content-div {
        padding-right: 0.5rem;
    }

    .float_left + .content-div {
        padding-left: 0.5rem;
    }

    .content-div {
        overflow: hidden;
    }
}


.clear-float {
    clear : both;
}

.nodecoration,
.nodecoration:hover,
.nodecoration:focus{
    border : none;
    color : inherit;
}

.font_icon {
}

.icon_text {
    text-indent: -9999px;
    display : block;
}

.text-capital {text-transform : uppercase;}
.text-bold-italic {font-weight : bold; font-style:italic;}
.text-bold {font-weight : bold;}
.text-italic { font-style:italic;}
.text-big { font-size : 1.125em;}
.text-gaint { font-size : 2.250em;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.text-center{text-align: center;}
.text-full{text-align: justify;}
.text-underline{border-bottom: 1px solid;}
.text-nobreak {white-space: nowrap;}
.text-deco{display : block; height : 0; margin-left : -100%;}
.text-small{ font-size : 0.75em;}

.center {
    margin-left : auto !important;
    margin-right : auto !important;
    text-align: center !important;
}

img.center {
    display :block;
}

.error {
    color : #d14;
}

.block{
    margin-bottom : 1em;
}

.mod_article:before,
.mod_article:after,
.block:before,
.block:after {
    display: table;
    content: " ";
}

.mod_article:after,
.block:after {
    clear: both;
}

.ce_text p, .ce_text ul, .ce_text ol, .ce_text table, .mod_search p {
    margin-bottom : 1rem;
}

cite, address {
    font-style: normal;
}

.ce_list ul:before, .ce_text ul:before {
    content : ' ';
    display : table-cell;
    margin-top : -10px;
}


.ce_list ul li, .ce_text ul li {
    padding-left : 10px;
    /* may add bg grafic */
}


.ce_list ul li:before, .ce_text ul li:before {
    content : '› ';
    font-weight : bold;
    margin-left : -10px;
    background: none;
    float : left;
    width : auto;
    clear : both;
}

.ce_downloads {}
.ce_downloads li {
    clear: left;
    display: inline-block;
    width: 100%;
}

.ce_downloads li img,
.ce_downloads li a {
    float: left;
    width: auto;
}
.ce_downloads li img{
    margin: 0.12em 0 0;
}
.ce_downloads li a {
    max-width: 92%;
    display: inline;
    margin-left: 0.2em;
    word-break: break-all;
}

.ce_downloads .size{
    white-space: nowrap;
}

img, video {
    max-width : 100%;
    height : auto;
}

div.space1em {
    padding-bottom : 1em !important;
}

div.space2em {
    padding-bottom : 2em !important;
}

div.space3em {
    padding-bottom : 3em !important;
}

.mejs-layer {
}

.mejs-ios {
    overflow: hidden;
}

.mejs-video video {
    max-width : 99.99%;
}

.hidden, .invisible {
    display: none !important;
    visibility: hidden !important;
}

table {
    max-width: 100%;
    background-color: transparent;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    margin-bottom: 20px;
}


.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

.table thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #dddddd;
}

.table caption + thead tr:first-child th,
.table colgroup + thead tr:first-child th,
.table thead:first-child tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child td {
    border-top: 0;
}

.table tbody + tbody {
    border-top: 2px solid #dddddd;
}

.table .table {
    background-color: #ffffff;
}

.table-condensed thead > tr > th,
.table-condensed tbody > tr > th,
.table-condensed tfoot > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > td {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #dddddd;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #dddddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #f5f5f5;
}

table col[class*="col-"] {
    display: table-column;
    float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
    display: table-cell;
    float: none;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td {
    background-color: #d0e9c6;
    border-color: #c9e2b3;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color: #f2dede;
    border-color: #eed3d7;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td {
    background-color: #ebcccc;
    border-color: #e6c1c7;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
    border-color: #fbeed5;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td {
    background-color: #faf2cc;
    border-color: #f8e5be;
}


fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
}

input[type="text"],
input[type="email"],
input[type="date"],
input[type="datetime"],
input[type="url"],
input.text,
textarea {
    border : 1px solid #e1e1e8;
    padding : 2px;
    color : inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing : border-box;
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    /* IE8-9 */

    line-height: normal;
}

input[type="file"] {
    display: block;
}

select[multiple],
select[size] {
    height: auto;
}

select optgroup {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    height: auto;
}


input.submit, .button {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

a.button:hover, .botton a:hover {
    border-bottom-color: #b3b3b3 !important;
}


/* select option mainNAVI*/
.select_mainNavi  {
    border: 1px solid #c8c8c8;
    background-color: #e4e4e4;
    width: 100%;
    height: 30px;
    padding: 5px;
    margin: 0;
    cursor: pointer;
    outline: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

select {
    line-height: 1.4;
    color: #555;
}

.select_mainNavi  option {
    padding: 5px;
    cursor: pointer;
}

/* gallery */
.ce_gallery {}

.ce_gallery ul:before,
.ce_gallery ul:after {
    display: table;
    content: " ";
}

.ce_gallery ul:after {
    clear: both;
}

.ce_gallery li {
    float : left;
    width : auto;
    box-sizing: border-box;
}

.ce_gallery .col_first {
    clear: both;
}

.ce_gallery {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
    margin-top: -0.5rem !important;
    box-sizing: border-box;
}

.ce_gallery.center {
    margin-left: auto !important;
    margin-right: auto !important;
}

.ce_gallery .caption {
    display: none;
}

.ce_gallery figure {
    margin: 0.5rem;
}

.ce_gallery img{
    width: 100%;
}

.ce_gallery figure a {
    display: block;
}

.ce_gallery .cols_2 li{
    width: 50%;
}

.ce_gallery .cols_3 li{
    width: 33.333%;
}
.ce_gallery .cols_4 li{
    width: 25%;
}

.ce_gallery .cols_5 li{
    width: 20%;
}

.ce_gallery .cols_6 li{
    width: 16.666%;
}

/* need to adjust in media query css */
body:not(.ie) .ce_gallery.half-width {
    width: calc(100% + 1rem) !important;
}


/* lightbox  */
#cboxOverlay {
    background: #023960;
}

#cboxContent {
    margin-top: 2em;
}

#cboxCurrent, #cboxTitle {
    color: #fff;
    top: -1.2em;
    padding: 0 0.5em;
}

#cboxLoadedContent {
    border: 5px solid #fff;
    background: #fff;
}

#cboxNext{
    right: 10px;
}

#cboxPrevious{
    left: 10px;
}

#cboxClose {
    top: 10px;
    right: 0px;
}

#cboxLoadedContent {
    display: table-cell;
    vertical-align: middle;
}

#cboxLoadedContent table {
    width: 100%;
    border: 1px solid #004f9f;
}

#cboxLoadedContent table thead {
    background: #c5c5c5;
    color: #333;
    font-weight: 500;
    border-bottom: 2px solid #777;
}

#cboxLoadedContent table tbody {
    border: 1px solid #004f9f;
}

#cboxLoadedContent table td {
    border: 1px solid #c5c5c5;
    padding: 0.25em;
}

#cboxLoadedContent table td p {
    margin: 0;
    padding: 0;
}

#cboxLoadedContent table td p .underline_p {
    border-color: transparent;
}


/*pagination*/
.pagination{
    clear : both;
    margin: 5rem 0 1rem;
}

#main .pagination p,
#main .pagination ul li {
    margin : 0 5px 5px 0;
    padding : 0;
    color : #0c2239;
}

#main .pagination ul li {
    float : left;
    width : auto;
}

#main .pagination a,
#main .pagination span.current{
    border-radius: 3px 3px 3px 3px;
    transition: all 0.3s ease 0s;
    text-decoration : none !important;
    width : auto;
    float : left;
    padding : 2px 5px 0;
}

#main .pagination a {
    color : #0c2239 !important;
    border : 1px solid #ddd !important;
}

#main .pagination a:hover {
    background-color: #888;
    color : #fff !important;
}

#main .pagination span.current {
    background-color: #888;
    border : 1px solid #ccc;
    color : #fff;
}


/* SITEMAP STYLES
--------------------------------------------------------------------*/

#main .mod_sitemap.block {
    margin-bottom: 3rem;
}

.mod_sitemap ul.level_1 li {
    margin-top: 1.5rem;
}

.mod_sitemap ul.level_2 li {
    margin-top: 0;
}

.mod_sitemap ul li{
    list-style-type: none;
    position: relative;
}

.mod_sitemap ul li:before{
    content: "–";
    font-size: 1.4rem;
    line-height: 1.6;
    position: absolute;
    left: 0;
    width: 1.5rem;
}

.mod_sitemap ul li{
    padding-left: 1.5rem;
}

.mod_sitemap ul li ul li{
    margin-left: 1rem;
}


/* Clear Floated Elements */
.ce_contentSeparator,
.clear {
    clear: both;
}


em strong,
strong em {
    font-style : italic;
    font-weight : bold;
}

.ce_youtube .yt_player{
    position: relative;
    padding-bottom: 56.35%; /* play with this until right */
    height: 0;
    width: 100%;
    overflow: hidden;
    display : block;
}

div.ce_youtube .yt_player object,
div.ce_youtube .yt_player iframe  {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100% !important;
    height: 100%;
}

#googleMap {
}

#map_canvas {
    height: 460px;
    width: auto;
    border: 0;
}

#map_canvas .gm-style-iw {
    font-size: 12px;
}
/* GLOBAL STYLES
--------------------------------------------------------------------*/
@media screen {
	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		vertical-align: baseline;
		background: transparent;
	}

	html {
		font-size: 12px;
	}

	body {
		font-size: 100%;
		font-family: Roboto,Verdana,sans-serif;
		font-weight: 300;
		color: #000;
		background: #fff;
	}

	a {
		text-decoration: none;
	}

	img {
		vertical-align: bottom;
		border: none;
	}

	.inline {
		display: inline;
	}

	.line_through {
		text-decoration: line-through
	}

	.error {
		color: #f40200;
	}

	.pad_left {
		padding-left: 1.5rem;
	}

	.pad_right {
		padding-right: 1.5rem;
	}

	.pad_bottom {
		padding-bottom: 1.6rem;
	}

	li {
		list-style-type: none;
	}

	abbr,acronym {
		font-variant: normal;
		border-bottom: 1px dotted #666;
		font-style: italic;
		cursor: help;
	}

	blockquote,q {
		quotes: none;
	}

	sup {

	}

	sub {

	}

	:focus {
		outline: 0;
	}

	del {
		text-decoration: line-through;
	}

	ins {
		text-decoration: none;
	}

	b, strong {
		font-weight: 700;
	}

	i, em {
		font-style: italic;
	}

	.ce_gallery li, .pagination ul li {
		float: left;
		width: auto;
	}

	.invisible {
		width: 0px;
		height: 0px;
		left: -1000px;
		top: -1000px;
		position: absolute;
		overflow: hidden;
		display: inline;
	}

	#clear {
		clear: both;
		height: 0.1px;
		line-height: 0.1px;
		font-size: 0.001rem;
		overflow: hidden;
	}

	.ce_gallery .col_first {
		clear: both;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	caption,th {
		font-weight: bold;
	}

	caption,th,td {
		text-align: left;
		vertical-align: top;
	}

	input,button,textarea,select {
		font-family: inherit;
		font-size: 99%;
		font-weight: inherit;
	}

	h1,h2,h3,h4,h5,h6 {
		padding-top: 0.2rem;
		margin-bottom: 0.5rem;
		font-family: 'Noto Serif', serif;
		font-weight: 700;
	}

	p,pre,blockquote,table,ol,ul,form {
		margin-bottom: 1rem;
	}


	.caption {
		position: relative;
		clear: both;
		font-size: 0.75rem;
		padding: 0.35rem 0;
		color: #777;
	}

	.ce_text ul,  .ce_list ul, .ce_text ol, .ce_list ol  {
		clear: both;
		margin-bottom: 2.5rem;
		list-style-type: square;
		list-style-position: inside;
	}

	.ce_text ul ol, .ce_text ul ul,.ce_text ol ol, .ce_text ol ul {

		margin: 0 0 0.5rem 1.5rem;
	}

	.ce_text ol li, .ce_list ol li  {
		list-style-type: decimal;
	}

	.ce_list ul li, .ce_text ul li {

	}


	/* LAYOUT STYLES
    --------------------------------------------------------------------*/

	#wrapper {
		font-size: 14px;
		font-size: 1.4rem;
		margin: 0 auto;
	}

	.container {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.moodbild .container,
	.art_fullWidth .container {
		padding: 0;
	}

	#header {
	}

	#header .inside {
	}

	#main,#left,#right {
		position: relative;
	}

	#container {
		overflow: hidden;
	}

	#container, #left {
	}

	#left {
		display: none;
	}

	.home #left
	{
		display: block;
		margin-bottom: 2rem;
	}

	#main {
		float: left;
		width: auto;
	}

	.home #main {
		float: none;
		clear: both;
	}

	#main .inside {
	}

	#footer {
		position: relative;
		clear: both;
		background: #000;
		min-height: 130px;
		overflow: hidden;
		z-index: 2
	}

	#footer .inside {
	}

	/* HEADER STYLES
    --------------------------------------------------------------------*/
	.logo {
		text-indent: -99999px;
		height: auto;
		width: 150px;
		margin-top: 30px;
		margin-bottom: 20px;
		overflow: hidden;
	}
	.logo a {
		display: block;
		text-indent: -99999px;
		background-image: url(../../files/framework/images/misc/logo.svg);
		background-size: cover;
		background-position: top left;
		background-repeat: no-repeat;
	}
    /* remove .logo class from all*/

	.logo-new {
		text-indent: -99999px;
		overflow: hidden;
		height: auto;
		width: 290px;
		margin-top: 30px;
		margin-bottom: 18px;
	}
	.logo-new a {
		display: block;
		text-indent: -99999px;
		background-size: cover;
		background-position: top left;
		background-repeat: no-repeat;
		background-image: url(../../files/framework/images/misc/consumo-logos/logo-consumo-der-konsumratgeber.svg);
		/*background-image: url(../../files/content/2023/Logo-Jubilaeum/Logo_15_Jahre_Consumo_DE.svg);*/
	}

	.fr .logo-new a {
		background-image: url(../../files/framework/images/misc/consumo-logos/logo-consumo-le-guide-conso.svg);
		/*background-image: url(../../files/content/2023/Logo-Jubilaeum/Logo_15_Jahre_Consumo_FR.svg);*/
	}

	.it .logo-new a {
		background-image: url(../../files/framework/images/misc/consumo-logos/logo-consumo-guida-per-i-consumatori.svg);
		/*background-image: url(../../files/content/2023/Logo-Jubilaeum/Logo_15_Jahre_Consumo_IT.svg);*/
	}


	/* NAVIGATION STYLES
    --------------------------------------------------------------------*/
	a.sprunglink:link, a.sprunglink:visited {
		position: absolute;
		top: -10000px;
		left: -10000px;
	}

	a.sprunglink:hover, a.sprunglink:active, a.sprunglink:focus {
		top: 1rem;
		left: 33px;
		height: 1.5rem;
		background-color: #ddd;
	}

	#mainNavi {
		line-height: 1.4;
		clear: both;
	}

	#mainNavi a, #mainNavi span {

	}

	#mainNavi ul.level_1 li {

	}


	#topNavi {
		box-sizing: border-box;
	}

	#topNavi ul {
		margin-bottom: 0;
	}

	/*
	#topNavi li {
		display: inline-block;
	}*/

	#topNavi li a {
		padding-left: 35px;
		margin-right: 10px;
		padding-top: 4px;
		line-height: 30px;
		color: #000;
	}

	#topNavi li a:hover {
		color: #555;
	}

	#topNavi li a:before{
		content: '';
		width: 30px;
		height: 30px;
		background-size: 30px;
		background-repeat: no-repeat;
		background-position: 0 0px;
		position: absolute;
		top: 0;
		left: 0;
	}

	#topNavi li > a:before {
		background-image:  url("../../files/framework/images/bg/coupon.svg");
	}

	#topNavi li.spielspass > a:before {
		background-image:  url("../../files/framework/images/icons/icon-spiel-spass.svg");
	}

	#topNavi li.wettbewerbe > a:before {
		background-image:  url("../../files/framework/images/bg/icon-wettbewerbe.svg");
	}

	#topNavi li.suche {
		background-image:  url("../../files/framework/images/bg/search.svg");
		width: 30px;
		height: 30px;
		background-size: 30px;
		background-repeat: no-repeat;
		background-position: 0 0;
	}

	#topNavi li.suche > a {
		display: none;
	}

	.popup_visible .mobile {
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}

	/* language switcher */
	.mod_changelanguage {

	}

	nav.mod_changelanguage {
		z-index: 2;
	}

	nav.mod_changelanguage h1,
	nav.mod_changelanguage h2 {
		display : none;
	}

	nav.mod_changelanguage ul{
		margin: 0;
	}

	nav.mod_changelanguage ul li {
		display: inline-block;
		margin-right: 2px;
	}

	nav.mod_changelanguage ul li:after {
		content: '/';
		display: inline;
	}

	nav.mod_changelanguage ul li.last:after {
		display: none;
	}

	nav.mod_changelanguage li a {
		line-height: 1;
		margin-right: 5px;
		color: #999;
	}
	nav.mod_changelanguage li a.active {
		border-bottom: 1px solid;
		color: #000;
	}



	/* SITEMAP STYLES
    --------------------------------------------------------------------*/

	ul#sitemap_tree a {

	}

	ul#sitemap_tree li {
		margin-top: 8px;
	}

	ul#sitemap_tree ul li {
		margin-top: 3px;
	}

	ul#sitemap_tree li {
		list-style-type: square;
		margin-left: 16px;
	}

	ul#sitemap_tree li ul {
		font-weight: normal;
		margin-left: 0;
	}

	/* LINKS STYLES
    --------------------------------------------------------------------*/
	a {
		color: #333e48;
		position: relative;
	}

	a:link{
		color: #333;
		border-bottom: 1px solid #777;
	}

	a:visited, a:hover, a:active, a:focus {
		color: #999;
		border-bottom: 1px solid #ccc;
	}


	.container__ a:after {
		content: '';
		display: inline-block;
		width: 2rem;
		height: 1px;
		margin: auto;
		position: absolute;
		bottom: 0.15rem;
		right: 0;
		left: 0;
		background: #555;
	}
	.container_ a:hover:after {
		width: 100%;
		transition: width 0.200s;
	}

	figure a,
	#header a {
		border-bottom: none !important;
	}

	.image_container a {
		display: block;
	}


	/* OTHERS STYLES
    --------------------------------------------------------------------*/
	h1 { font-size: 3.5rem; line-height: 4rem; margin-bottom: 0.75rem}
	h2 { font-size: 2.25rem; }
	h3 { font-size: 1.75rem; }
	h4 { font-size: 1.4rem; }

	.small-view h1 {
		word-break: break-all;
		word-break: break-word;
		hyphens: auto;
	}

	.home .mod_ContentNewsTeaser h1 {
		font-size: 2.25rem;
	}
	.home h1 { font-size: 1.5rem; line-height: 1.1; margin-bottom: 0.75rem}
	.home h2 { font-size: 1.5rem; }
	.home h3 { font-size: 1.15rem; }
	.home h4 { font-size: 1rem; }

	figure img {
		display: inline;
		width: 100%;
	}

	p.back.link-button {
		text-align: center;
		text-align: left;
	}

	.link-button a {
		margin-bottom: 2rem;
		cursor: pointer;
		color: #fff !important;
		border: 1px solid #000 !important;
		background: #000;
		border-radius: 3px;
		display: inline-block;
		user-select: none;
		padding: 0 0.5rem;
		font-weight: 100;
		font-family: 'Roboto Condensed', sans-serif;
	}
	.link-button a:hover {
		background: #fff;
		color: #000 !important;
	}

	/* adSlot */

	#header .adSlot {
		min-height: 30px;
		margin: 10px auto;
		display: none;
	}


	#Ad_Block_Halfpage{
		display: none;
	}


	.adSlot {
		text-align: center;
		clear: both;
	}

	#right .inside {
	}

	#right .adSlot {
		margin-top: 0.5rem;
		margin-bottom: 1.5rem;
	}


	.jsMovedSlot,
	#right .renderSlot {
		width: 300px;
		margin: auto;
		display: inline-block;
		vertical-align: top;
	}

	#right .renderSlot > .block,
	#right .renderSlot .block {
		padding: 0;
		margin-bottom: 0;
	}
	.adSlot iframe {
		background: #fff;
	}

	.adSlot .renderSlot > div {
		margin-bottom: 4px;
	}

	.byline {
		font-family: 'Oswald', sans-serif;
		font-size: 1.5rem;
		margin-top: -18px;
		white-space: nowrap;
	}

	body.hide-ad .adSlot,
	body.hide-ad .renderSlot,
	body.hide-ad #Ad_Block_Halfpage {
		display: none;
	}

	/* list */
	.ce_text li {
		margin-bottom: 0.5rem;
	}

	.printbtn {
		cursor: pointer;
	}

	/* lightbox */
	#cboxClose {
		top: 0;
		right: 0;
		background-image: url("../../files/framework/images/misc/controls.png");
	}

	/* separator line */
	.thin-line,
	.thick-line {
		clear: both;
		margin: -0.6rem 0.75rem 0.75rem;
	}
	.thin-line {
		height: 1px;
		background-color: #000;

	}

	.thick-line {
		height: 5px;
		background-color: #000;
	}


	/* FROM STYLES
    --------------------------------------------------------------------*/

	form div.formbody {
		overflow: hidden;
		margin-bottom: 2rem;
	}

	div.widget {
		margin: 0.5rem 0;
		float: left;
		width: 100%;
	}

	div.widget-explanation {
		margin-top: 1.5rem;
		margin-bottom: 0;
	}

	div.widget-explanation+div.widget-textarea {
		margin-top: 0;
	}

	div.ce_form .widget.full-width,
	div.ce_form .widget.full-width label{
		padding-left: 0;
		padding-right: 0;
	}

	div.label_div {
		clear: both;
		float: left;
		width: 100%;
		box-sizing: border-box;
		padding-right: 1rem;
		margin: 0.5rem 0 0;
	}

	div.field_div {
		float: left;
		width: 100%;
		box-sizing: border-box;
	}

	div.label-top .label_div,
	div.label-top .field_div {
		clear: both !important;
		width: 100% !important;
		margin-bottom: 0.5rem;
	}

	form label {
		font-weight: 300;
	}

	.captcha_text {
		display: block;
		margin-bottom: -1.4rem;
	}

	input[type="file"],
	input.text,
	input.captcha,
	textarea {
		float: left;
		width: 100%;
		max-width: 100%;
		height: auto;
		background: #fff;
		font-weight: 300;
		line-height: 1.8;
		min-height: 2.2rem;
		border: 1px solid #ccc;
		padding: 2px 2px 2px 10px;
		box-sizing: border-box;
		appearance: none;
	}

	input[type="file"]{
		line-height: 1;
		padding-top: 0.4rem;
		padding-bottom: 0.4rem;
	}

	input[type=radio] {
		margin: 1px 5px 2px 2px ;
		border: 1px solid #ccc;
		vertical-align: text-bottom;
	}


	div.full-width div.field_div {
		width: 100%;
	}

	input.text:focus,
	input.captcha:focus,
	textarea:focus  {
		background: #fff;
		border: 1px solid #bbb;
	}

	fieldset {
		clear: both;
	}

	input[type=checkbox],
	input[type=radio] {
		position: absolute;
		border: none;
		opacity: 0;
		background: transparent;
		box-shadow: none;
	}

	.no-label fieldset.checkbox_container legend {
		display: none;
	}

	.checkbox_container span {
		margin-bottom: 3px;
		display: table;
	}

	.checkbox_container span.mandatory {
		display: inline;
	}

	.checkbox_container label,
	.radio_container label{
		margin-left: 2rem;
		line-height: 1.2;
	}

	.checkbox_container > span,
	.radio_container > span{
		display: block;
		margin-bottom: 0.35rem;
	}

	.checkbox_container label:before,
	.radio_container label:before {
		background: #fff;
		border: 1px solid #bbb;
		content: "";
		float: left;
		width: 1.4rem;
		height: 1.4rem;
		margin-right: 4px;
		margin-left: -2rem;
	}

	.radio_container label:before {
		border-radius: 0.7rem;
	}

	input[type=checkbox]:checked + label:before {
		display: inline-block;
		background: #999 url("../../files/framework/images/icons/cross-white.svg") center center no-repeat;
		background-size: cover;
		background-size: 75% 75%;
	}

	input[type=radio]:checked + label:before {
		display: inline-block;
		background: #999 url("../../files/framework/images/icons/dot.svg") center center no-repeat;
		background-size: cover;
		background-size: 45% 45%;
	}

	input[type=checkbox]:focus + label:before,
	input[type=radio]:focus + label:before{
		border: 1px solid #000;
	}

	.widget-checkbox .label_div,
	.widget-radio .label_div,
	.checkbox_container,
	.radio_container {
		margin: 0.5rem 0 0;
	}

	.widget-checkbox legend,
	.widget-radio legend {
		font-size: inherit;
	}

	input[type=radio] {
		margin: 2px 0 3px;
	}

	.radio_container span {
		margin-right: 0.5rem;
	}

	select {
		appearance: none;
		border-radius: 0;
		padding: 0.35rem 0.75rem;
		width: 100%;
		background: none;
		padding-right: 2rem;
		text-indent: 0.01px;
		border: 0;
		position: absolute;
		top: 0;
		left: 0;
		line-height: 2rem;
		z-index: 2;
		color: #333;
	}


	.select div.field_div {
		height: 2.8rem;
		position: relative;
		border: 1px solid #ccc;
		padding: 0;
		margin: 0;
		overflow: hidden;
		background: #fff;
	}

	.ios .select div.field_div {
		border-radius: 6px;
	}

	.select div.field_div:after {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 1.8rem;
		height: 2.7rem;
		line-height: 2.8rem;
		content: " ";
		border-left: 1px solid #ccc;
		background:  url("../../files/framework/images/icons/select.svg") center center no-repeat;
		background-size: cover;
		background-size: 75% 75%;
	}

	select:focus {
	}

	select:focus option {
		padding: 0.5rem 0.75rem;
	}

	.select div.field_div select{
		/* opacity: 0; */
	}

	span.captcha_text {
		float: left;
		width: 100%;
	}

	div.submit_container{
		float: right;
		width: auto;
		margin-top: 1.5rem;
	}

	#tl_logout div.submit_container {
		float: left;
		margin-top: 0.2rem;
	}

	div.submit_container input.submit {
		clear: both;
		margin-bottom: 0.5rem;
	}

	div.submit_container input.submit:hover {
		color: #000 !important;
	}

	p#hint {
		clear: both;
	}

	input.submit, .button {
		display: inline-block;
		padding: 0.2rem 0.5rem;
		margin-bottom: 0;
		line-height: 1.4;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		text-shadow: none;
	}

	.button a, a.button,
	.button a:hover, a.button:hover {
		color: #000 !important;
	}

	


	form p.error {
		margin-bottom: 0;
		margin-top: 0.45rem;
	}

	div.error input.text,
	div.error input.error,
	div.error input.captcha,
	div.error textarea  {
		background: #ccc;
	}

	div.error input.text:focus,
	div.error input.captcha:focus,
	div.error textarea:focus {
		background: #fff;
	}

	input:invalid {
		box-shadow: none !important;
	}

	#footer .ce_text {
		margin-bottom: 0;
	}


	/* news module */
	.more {
		display : none;
	}

	.teaser {
		position: relative;
	}
	.teaser:after {
		content: ' ';
		height: 16px;
		width: 16px;
		display: inline-block;
		background: url("../../files/framework/images/bg/more.svg") center center no-repeat;
		background-size: cover;
		background-size: 75% 75%;
		animation: moveArrow .8s infinite alternate;
		position: absolute;
		bottom: 3px;
		right: -2px;
	}


	@keyframes moveArrow {
		from {
			transform: translate(0,0);
		}
		to {
			transform: translate(8px,0);
		}
	}


	.mod_newslist .subHeadline,
	.mod_newsreader .mod_ContentNewsTeaser .subHeadline{
		font-family: 'Noto Serif', serif;
		font-weight: 700;
		margin-top: -0.5rem;
	}

	.mod_newslist .image_container {
		position: relative;
		overflow: hidden;
		display: inline-block;
	}

	.mod_newslist .caption {
		position: absolute;
		bottom: 0;
		background-color: rgba(255, 255, 255, 0.5);
		color: #555;
		padding: 0 0.5rem;
	}
	.mod_newslist h1 a,
	.mod_newslist h2 a{
		border: none !important;
		color: inherit !important;
	}

	.mod_newslist img {
		transition: transform 0.35s;
	}

	.news-list:hover img, .news-list:focus img{
		transform: scale(1.05);
	}

	.news-list{
		padding-top: 0.5rem;
	}

	.news-list p.info{
		margin-bottom: 0.5rem;
	}

	.news-list p.info,
	.layout_full p.info{
		color: #777;
		font-size: 1rem;
	}

	.mod_ContentNewsTeaser {
		padding-bottom: 1rem;
	}

	.news-separator {
		margin: -0.6rem 0.75rem 0.75rem;
	}

	.mod_newslist .news-separator:nth-of-type(1) {
		margin: 0 0.75rem 0.75rem;
	}

	/* home list */
	.layout_startseite.even {
		clear: both;
	}

	/* news list ubersichtsSeite*/
	.layout_ubersicht {

	}

	.layout_ubersicht .image_container,
	.mod_newsreader .mod_ContentNewsTeaser .image_container {

	}

	.layout_ubersicht .one-third,
	.mod_newsreader .mod_ContentNewsTeaser .image_container,
	.mod_ContentNewsTeaser .one-third{
		margin-right: 1rem;
		margin-bottom: 1rem;
	}

	.mod_newsreader .shareBtn {}
	.mod_newsreader .shareBtn a {
		border: none;
	}


	.info-box  .inside_ce {
		background: #eee;
	}

	.info-box .inside_ce .content-div{
		padding: 2rem 2rem 1rem;
	}

	/* sponsored content */

	.sp {
		position: relative;
		overflow: hidden;
	}

	.sp h1,
	.sp h2 {
		padding-right: 40px;
	}

	.sp::before {
		height: 30px;
		width: 30px;
		background-image: url(../../files/framework/images/icons/bookmark.svg);
		background-size: cover;
		background-repeat: no-repeat;
		transform-origin: 50% 50%;
		position: absolute;
		top: 5px;
		right: 7px;
	}

	.mod_newsreader .sp::before {
		height: 45px;
		width: 40px;
		top: 10px;
	}

	.end-date {
		float: right;
		width : auto;
		border: none !important;
		margin-top: 1em;
		display: inline-block;
		background: #e32119;
		color: #fff;
		font-weight: 400;
		border-radius: 4px;
		padding: 0.15rem 1rem 0.1rem;
	}


	/*layout_coupon*/
	.layout_coupon {
		position: relative;
	}
	.layout_coupon .end-date {
		position: absolute;
		bottom : 5px;
		left: 15px;
	}

	.layout_coupon .image_container {
		border: dashed 2px #000;
	}

	.layout_coupon .float_above {
		margin-bottom: 0
	}

	.layout_full .coupon .image_container {
		border: dashed 3px #000;
	}

	/* button-text */
	.button-text {

	}

	.button-text {
		background-color: rgba(64, 70, 72, 1);
		color: #fff;
		text-align: center;
		padding: 1rem !important;
		display: block;
		border-radius: 0.5rem;
	}
	.button-text p{
		margin: 0;
	}
	.button-text a {
		text-decoration: none;
		border: none!important;
		color: #fff;
	}




	/* accordion */
	.toggler {
		background-color: #000;
		color: #fff;
		padding: 0.5rem 3rem 0.5rem 0.5rem;
		position: relative;
	}

	body.haus .toggler {
		background-color: rgba(118, 178, 47, 1);
	}

	body.gesund .toggler {
		background-color: rgba(255, 185, 56, 1);
	}

	body.reisen .toggler {
		background-color: rgba(0, 143, 226, 1);
	}

	body.essen .toggler {
		background-color: rgba(180, 75, 101, 1);
	}

	body.freizeit .toggler {
		background-color: rgba(0, 178, 191, 1);
	}

	body.mode .toggler {
		background-color: rgba(255, 100, 100, 1);
	}

	body.piazza .toggler {
		background-color: #e57403;
	}


	.ui-accordion-header:after {
		content: " ";
		display: block;
		position: absolute;
		top : 0.5rem;
		right:0.5rem;
		width: 20px;
		height: 20px;
		background-image: url(../../files/framework/images/icons/plus.svg);
		background-size: cover;
		background-repeat: no-repeat;
		transition: transform;
		transition-duration: 300ms;
		transition-timing-function: ease-in-out
	}

	.ui-state-active.ui-accordion-header:after {
		transform: rotate(45deg);
	}

	.ui-state-active {
	}

	.ui-accordion-content {
		padding: 2rem 1rem;
		background: #eee;
	}


	/* mod_listing */
	.mod_listing th,
	.mod_listing td {
		padding: 0.2rem 0.5rem;
		border-bottom : 1px solid #ccc;
	}

	.mod_listing td {
		white-space: nowrap;
	}

	#main iframe {
		width: 100%;
	}

	#eva_nl  {
		height: 700px;
	}

	.mod_newsreader iframe {
		height: 615px;
	}

	/* social media links */
	.mod_social_media_link {
	}

	.mod_social_media_link {
		text-align: center;
	}


	.ce_external_video {
		overflow: hidden;
	}

	/* .cookiebar */
	.cookiebar {
		padding: 0;
		text-align: left;
		padding: 1em 0;
		font-size: 1.2em;
	}
	.cookiebar__text {
	}

	.cookiebar a {
		color: #fff !important;
		border-bottom: 1px solid #fff;
	}

	.cookiebar__button {
		text-align: left;
		border-radius: 5px;
		padding: 4px 8px;
		font-weight: normal;
		background-color: #fff;
		margin: 8px;
	}

	.cookiebar__button:hover {
		background-color: #fff;
	}

	.cookiebar__message {
		margin-right: 0;
	}

	.cookiebar__message p {
		margin: 8px;
	}

	.cookiebar {
		background: rgba(64, 70, 72, 1);
	}

	.cookiebar__button {
		color: rgba(64, 70, 72, 1);
	}
	

	/* mp_form quiz */
	.conditioned,
	form.quiz {
		border: 1px solid #ccc;
		border-radius: 10px;
		padding: 10px;
		position: relative;
	}
	.conditioned p:last-child {
		margin-bottom: 0
	}

	form.quiz .widget-radio {
		position: relative;
	}

	form.quiz .stepnumbers {
		position: absolute;
		right: 10px;
		top: 14px;
		color: rgb(10, 12, 155);
		font-size: 14px;
	}

	form.quiz legend {
		background: #ddd;
		border: 1px solid #ccc;
		border-radius: 5px;
		margin-bottom: 16px;
		padding: 5px;
		padding-right: 55px;
		box-sizing: border-box;
	}

	form.quiz button {
		border-radius: 5px;
	}
	
	
	
/* photo-voting */
.ce_photovotingallery {}


.ce_photovotingallery li {
    padding: 0.5rem;
}

.ce_photovotingallery a {
    border: none;
    display: block;
    background: #eee;
    border: 1px solid #ddd;
}

.ce_photovotingallery .photo_container {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    padding-bottom: 25px;
}

.ce_photovotingallery .image_container a {
    height: 100%;
}

.ce_photovotingallery .likes {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 0.9rem;
    line-height: 24px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin: 0 5px;
    color: #000 !important;
}

.ce_photovotingallery .likes::before {
    content: " ";
    background-image: url("data:image/svg+xml,%3Csvg focusable='false' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath stroke='%23000' d='m16,11.67288c5.15369,-12.12943 25.34601,0 0,15.59498c-25.34601,-15.59498 -5.15369,-27.72441 0,-15.59498z' stroke-width='0' fill='%23f00'/%3E%3C/svg%3E");
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
}

.mod_photoreader .image_container {
    padding: 1rem;
    background: #eee;
    border: 1px solid #ddd;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
}
/* photo-voting end*/


} /*@media ends*/

/* FOOTER STYLES
--------------------------------------------------------------------*/
#footer .container {
    margin-top: 2rem;
}

#footer a {
    color: #fff;
    text-decoration: none;
}

#footer a:hover {
    border-bottom: 1px solid;
}

#footer .dmc_logo {
    text-align: center;
    margin: auto;
    margin-bottom: 2rem;
    width: 150px;

}

#footerNavi {
    text-align: center;
}

#footerNavi a{
    border: none;
    line-height: 1.1;
}

#footerNavi ul.level_1 li {
    display: inline-block;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    padding: 0.25rem 0.35rem;
    letter-spacing: 0.05rem;
}

#footer .ce_form {
    position: relative;
    clear: right;
}

#footer .searchForm {
    position: relative;
    margin-top: 0.5rem;
}

#footer .searchForm input.text {
    width: 85%;
    background: #191d21;
    border: 1px solid #191d21;
    color: #fff;
}

#footer .searchForm button.submit {
    position : relative;
    float: right;
    width : 15%;
    background: none;
    border : none;
}

#footer form,
#footer form div.formbody {
    margin-bottom: 0;
}

#footer .mod_changelanguage {
    text-align: center;
}

#footer .mod_changelanguage li.last a {
    margin-right: 0;
}

#footer .mod_changelanguage a:link {
    border: none;
}

#footer .mod_changelanguage a:hover {
    border-bottom: 1px solid;
}

#footer nav.mod_changelanguage ul li:after {
    color : #fff;
}


/* Media Query
------------------*/

@media only screen and (min-width: 320px) {
}

/* resize bigger */
/* display with min width 479 iphone portrait */
@media only screen and (max-width: 479px) {

}


/* display with min width 480 iphone lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px ipad portrait*/
@media only screen and (min-width: 768px) {

    .dmc_logo {
        float: left;
        width: auto;
    }

    #footerNavi {
        float: right;
        width: auto;
        margin-right: -0.85rem;
    }

    #footerNavi ul.level_1 li {
        float: left;
        width: auto;
    }

    #footer .ce_form {
        float: right;
        width: 40%;
    }

    #footer .searchForm .submit {
        padding: 0;
    }

    #footer .searchForm .submit:before {
        background-position: right center;
    }

    #footer .mod_changelanguage {
        clear: both;
        float: right;
    }
}


@media only screen and (min-width: 990px) {
}

/* min-width:1024 ipad landscape*/
@media only screen and (min-width: 1024px)   {
}

/* min-width:1025  */
@media only screen and (min-width:1025px)   {
}

@media (min-width: 1300px) {
}

@media screen {

    /* search  */
    .searchForm label {
        display: none;
    }

    .searchForm div.label_div {
        margin: 0;
    }

    .searchForm .field_div {
        width: 100%;
        float: left;
        padding-left: 40px;
        margin: 0;
        position: relative;
    }

    .searchForm input.text {
        width: 100%;
        font-size: 1.2rem;
        line-height: 1.375;
        letter-spacing: normal;
        color: #000;
        outline: none;
        height: 2.8rem;
        padding: 0.5rem;
        box-sizing: border-box;
        background: #fff;
        border: 1px solid #fff;
        border-radius: 3px;
    }

    .searchForm .widget {
        margin: 0;
    }

    .searchForm button.submit {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 40px;
        background: none;
        border: none;
    }

    .searchForm .submit:before {
        content: "";
        display: inline-block;
        width: 2rem;
        height: 3rem;
        background: transparent url("../../files/framework/images/icons/icon-suche.svg") center center no-repeat;
        background-size: contain;
    }

    .searchForm .submit span {
        display: none;
    }

    .searchForm .submit:before {
    }

    .searchForm ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
        color: #333;
    }

    .searchForm :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #333;
        opacity: 1;
    }

    .searchForm ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #333;
        opacity: 1;
    }

    .searchForm :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #333;
    }

    #footer .searchForm ::-ms-input-placeholder { /* Microsoft Edge */
        color: #aaa;
    }

    #footer .searchForm ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
        color: #aaa;
    }

    #footer .searchForm :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #aaa;
        opacity: 1;
    }

    #footer .searchForm ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #aaa;
        opacity: 1;
    }

    #footer .searchForm :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #aaa;
    }

    #footer .searchForm ::-ms-input-placeholder { /* Microsoft Edge */
        color: #aaa;
    }

    #searchResult input {
        margin-bottom: 1rem;
    }


    #searchResult .radio_container {
        padding-left: 0.2rem;
    }

    #searchResult .radio_container input {
        margin-bottom: 0;
        vertical-align: text-top;
    }

    #searchResult a {
        border: none;
    }

    #searchResult a:hover {
        border-bottom: 1px solid;
    }

    #searchResult h2 a:hover {
        border-bottom: none;
    }

    #searchResult div.odd,
    #searchResult div.even {
        margin-bottom: 2rem;
    }

    #searchResult p.context {
        margin-bottom: 0;
    }

    #searchResult p.url {
        font-style: italic;
        word-break: break-all;
        word-break: break-word;
        hyphens: auto;
        color: #000;
    }

    #searchResult p.url a{
        display: inline;
    }

    #searchResult .highlight {
        background: #f0f3f5;
        padding: 0.25rem 0.5rem;
        border-radius: 0.75rem;
    }
}

/* Media Query
------------------*/

@media only screen and (min-width: 320px) {
}

/* resize bigger */
/* display with min width 479 iphone portrait */
@media only screen and (max-width: 479px) {

}


/* display with min width 480 iphone lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px ipad portrait*/
@media only screen and (min-width: 768px) {

    #searchResult input.text {
        float: left;
        width: 80%;
    }

    #searchResult input.submit {
        float: left;
        width: 15%;
        margin-left: 2%;
        margin-top: 2px;
    }
}


@media only screen and (min-width: 990px) {
}

/* min-width:1024 ipad landscape*/
@media only screen and (min-width: 1024px)   {
}

/* min-width:1025  */
@media only screen and (min-width:1025px)   {
}

@media (min-width: 1300px) {
}
.slick-next {
	right: 0.5rem;
}

.slick-prev {
	left: 0.5rem;
}

.slick-track {
	min-height: 140px;
	height: 200px;
	overflow: hidden;
	background: #fff;
}

.slideTextContainer {
	font-size: 1rem;
}

.bsce_slick .slick-list {
	width: 100%;
}
.bsce_slick .slick-slide {
	position: relative;
	margin: 0;
	padding: 0;
}

.slick-track .caption {
	position: absolute;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.5);
	color: #555;
	padding: 0 0.5rem;
}

.bsce_slick figure {
	display: block;
}

/*
Medium Rectangle (300 x 250): only possible in #right space.
*/
.ad .slider {
	height: 250px;
	overflow: hidden;
	display: none;
}

.ad .slick-initialized.slider {
	display: block;
}
.ad .slick-track {
	height: 250px;
	max-height: 250px;
}

.slick-slide .slimage_container > a {
	border: none !important;
}

@media only screen and (min-width: 320px) {
}

/**/
@media only screen and (min-width: 421px) {
}

@media only screen and (min-width: 667px) {
}

@media only screen and (min-width: 768px) {
}

@media only screen and (min-width: 900px) {
}

@media only screen and (min-width: 990px) {
}

@media only screen and (min-width: 1024px) {
}

@media only screen and (min-width: 1200px) {
}

@media only screen and (min-width: 1300px) {
}

@media only screen and (min-width: 1600px) {
}
@media only screen and (min-width: 1800px) {
}

/*
Medium Rectangle (300 x 250) Large Rectangle (336 x 280) Leaderboard (728 x 90) Large Skyscraper (300 x 600)
*/

.sm-simple {
    background-color: rgba(0, 0, 0, 1);
}
.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active {
    padding: 13px 10px;
    /* make room for the toggle button (sub indicator) */
    /*padding-right: 58px;*/
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    line-height: 17px;
    text-decoration: none;
}
.sm-simple a .sub-arrow {
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: auto;
    right: 4px;
    width: 34px;
    height: 34px;
    overflow: hidden;
    font: bold 14px/34px monospace !important;
    text-align: center;
    text-shadow: none;
    background-color: rgba(0, 0, 0, 0.08);
}
.sm-simple a .sub-arrow::before {
    content: '+';
}
.sm-simple a.highlighted .sub-arrow::before {
    content: '-';
}
.sm-simple li {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.sm-simple .icon {
    width: 30px;
    height: 40px;
    float: left;
    margin: -5px 15px 0 15px;
}

#mainNavi ul.level_1 {
    display: none;
}


#mainNavi ul.level_1 li.submenu > a.submenu {
    /* padding-left: 50px; */
}

#mainNavi ul.level_1 li.submenu  a {
    padding-left: 50px;
}

#mainNavi li.haus:hover,
#mainNavi .haus.trail,
#mainNavi .haus.active,
#mainNavi li.haus a.active,
#mainNavi li.haus a:hover {
    background-color: rgba(118, 178, 47, 1);
}
#mainNavi li.haus ul {
    background-color: rgba(118, 178, 47, 0.8);
}



#mainNavi .gesund:hover,
#mainNavi .gesund.trail,
#mainNavi .gesund.active,
#mainNavi li.gesund a.active,
#mainNavi li.gesund a:hover {
    background-color: rgba(255, 185, 56, 1);
}

#mainNavi li.gesund ul {
    background-color: rgba(255, 185, 56, 0.8);
}


#mainNavi .reisen:hover,
#mainNavi .reisen.trail,
#mainNavi .reisen.active,
#mainNavi li.reisen a.active,
#mainNavi li.reisen a:hover{
    background-color: rgba(0, 143, 226, 1);
}

#mainNavi li.reisen ul {
    background-color: rgba(0, 143, 226, 0.8);
}


#mainNavi .essen:hover,
#mainNavi .essen.trail,
#mainNavi .essen.active,
#mainNavi li.essen a.active,
#mainNavi li.essen a:hover{
    background-color: rgba(180, 75, 101, 1);
}

#mainNavi li.essen ul {
    background-color: rgba(180, 75, 101, 0.8);
}

#mainNavi .freizeit:hover,
#mainNavi .freizeit.trail,
#mainNavi .freizeit.active,
#mainNavi li.freizeit a.active,
#mainNavi li.freizeit a:hover {
    background-color: rgba(0, 178, 191, 1);
}

#mainNavi li.freizeit ul {
    background-color: rgba(0, 178, 191, 0.8);
}


#mainNavi .mode:hover,
#mainNavi .mode.trail,
#mainNavi .mode.active,
#mainNavi li.mode a.active,
#mainNavi li.mode a:hover{
    background-color: rgba(255, 100, 100, 1);
}

#mainNavi li.mode ul {
    background-color: rgba(255, 100, 100, 0.8);
}

#mainNavi #wettbewerb__ {
    background-color: rgba(231, 125, 251, 0.8);
}

#mainNavi ul.level_1 li.submenu > a.submenu:before {
    content: '';
    /* width: 40px;*/
    height: 100%;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 8px 14px;
    position: absolute;
    top: 0;
    left: 0;
}

/* #mainNavi li.haus > a.submenu:before {
    background-image:  url("../../files/framework/images/icons/icon-haus-garten.svg");
}

#mainNavi li.gesund > a.submenu:before {
    background-image:  url("../../files/framework/images/icons/icon-vitalitaet-gesundheit.svg");
}

#mainNavi li.reisen > a.submenu:before {
    background-image:  url("../../files/framework/images/icons/icon-reisen.svg");
}

#mainNavi li.essen > a.submenu:before {
    background-image:  url("../../files/framework/images/icons/icon-essen-trinken.svg");
}

#mainNavi li.freizeit > a.submenu:before {
    background-image:  url("../../files/framework/images/icons/icon-freizeit.svg");
}

#mainNavi li.mode > a.submenu:before {
    background-image:  url("../../files/framework/images/icons/icon-mode-beauty.svg");
} */


/* box color */
.inside_art > .rubrik-farbe {
    margin-top: 0.5rem;
}

.rubrik-farbe .inside_ce {
    padding: 0.5rem 1.5rem;
    color: #fff;
}

body.haus .rubrik-farbe .inside_ce {
    background-color: rgba(118, 178, 47, 1);
}

body.gesund .rubrik-farbe .inside_ce {
    background-color: rgba(255, 185, 56, 1);
}

body.reisen .rubrik-farbe .inside_ce {
    background-color: rgba(0, 143, 226, 1);
}

body.essen .rubrik-farbe .inside_ce {
    background-color: rgba(180, 75, 101, 1);
}

body.freizeit .rubrik-farbe .inside_ce {
    background-color: rgba(0, 178, 191, 1);
}

body.mode .rubrik-farbe .inside_ce {
    background-color: rgba(255, 100, 100, 1);
}



/*------------------------------------------------------ Navigation -------------------------------------------------*/
.main-nav {
    position: relative;
    order: 3;
    width: 100%;
    z-index: 2000;
    margin-top: 15px;
}
.main-menu-btn {
    position: relative;
    display: inline-block;
    width: 90%;
    height: 20px;
    text-indent: 28px;
    white-space: nowrap;
    cursor: pointer;
    text-align: right;
    font-family: Arial, sans-serif;
    padding: 12px 5%;
    background-color: rgba(0,0,0,1);
    color: #fff;
    border-bottom: 1px solid ;
}
/* hamburger icon */
.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
    position: absolute;
    top: 50%;
    left: 5%;
    height: 2px;
    width: 24px;
    background: #fff;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
.main-menu-btn-icon:before {
    content: '';
    top: -7px;
    left: 0;
}
.main-menu-btn-icon:after {
    content: '';
    top: 7px;
    left: 0;
}
/* x icon */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
    height: 0;
    background: transparent;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
}
/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ #mainNavi ul.level_1 {
    display: none;
}
#main-menu-state:checked ~ #mainNavi ul.level_1 {
    display: block;
}



/* custom search styling */

#mainNavi li.suche {
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 4px center;
    background-image:  url("../../files/framework/images/icons/icon-suche.svg");
    background-color: #000000;
}

#mainNavi li.suche a {
    text-indent: -100000px;
}

#mainNavi li.suche a:after {
    content: "&nbsp;";
    display: block;
    white-space: pre;
}

#mainNavi {
    position: relative;
}

.small-view #mainNavi .ce_form {
    position: absolute;
    bottom: 0.75rem;
    left: 0;
    padding: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    z-index: 99999;
    overflow: hidden;
    margin: 0;
}

.small-view #mainNavi .ce_form form {
    padding: 0 1.5rem 0 0.5rem;
}


.small-view #mainNavi .ce_form .formbody {
    background: #000;
}
.small-view .searchForm .submit:before {
    position: absolute;
    left: 0.75rem;
    top: 0;
}


.small-view #mainNavi .ce_form form,
.small-view #mainNavi .ce_form form div.formbody,
.small-view #mainNavi .ce_form input{
    margin: 0;
}

#mainNavi.searchhide .ce_form,
.small-view #mainNavi.searchhide .ce_form,
.small-view #mainNavi.navSlidUp .ce_form{
    display: none;
}

.small-view #mainNavi.navSlidDown .ce_form
{
    display: block;
}

/* this is redundent from above as class small-view is not triggered due to external script error */
@media only screen and (max-width: 768px) {
    h1 {
        word-break: break-all;
        word-break: break-word;
        hyphens: auto;
    }

    #mainNavi .ce_form {
        position: absolute;
        bottom: 0.75rem;
        left: 0;
        padding: 0.5rem;
        box-sizing: border-box;
        width: 100%;
        z-index: 99999;
        overflow: hidden;
        margin: 0;
    }

    #mainNavi .ce_form  {
        display: none;
    }

    #mainNavi .ce_form form {
        padding: 0 1.5rem 0 0.5rem;
    }


    #mainNavi .ce_form .formbody {
        background-color: rgb(64, 70, 72);
    }

    .searchForm .submit:before {
        position: absolute;
        left: 0.75rem;
        top: 0;
    }

    #mainNavi .ce_form form,
    #mainNavi .ce_form form div.formbody,
    #mainNavi .ce_form input{
        margin: 0;
    }

    #mainNavi.searchhide .ce_form,
    #mainNavi.navSlidUp .ce_form{
        display: none;
    }


    #mainNavi .ce_form {
        display: none;
    }

    #mainNavi.navSlidDown .ce_form
    {
        display: block;
    }

}



#header #headerNav.searchshow .ce_form .field_div {
    background: #f2f2f2;
}

/* custom search styling ends */

/*---------------------------------------------------------------- Mediaqueries -------------------------------------------------*/
@media (min-width: 768px) {

    #mainNavi .level_1 {
        display: block !important;
    }

    #mainNavi .ce_form {
        display : none;
        position : absolute;
        top : 1rem;
        left : 1rem;
        padding-left : 2em;
        box-sizing: border-box;
        width : 90%;
        z-index : 99999;
        overflow: hidden;
    }

    .searchshow .submenu {
        animation: searchshow 400ms both;
        pointer-events: none
    }

    .searchhide .submenu {
        animation: searchhide 300ms both;
        transform: translateZ(0)
    }

    .searchshow .sm-simple {
        background: #000;
    }


    #mainNavi.searchshow .ce_form {
        display: block;
    }



    #mainNavi.searchshow li.suche {
        background-size: 20px;
        background-position: 10px 18px;
        background-image:  url("../../files/framework/images/icons/cross-white.svg");
        background-color: #000000;
    }

    @keyframes searchshow {
        0%{
            opacity: 1;
            transform: scale(1);
            animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1)
        }

        40% {
            opacity: 1
        }

        100% {
            opacity: 0;
            transform: scale(0.7)
        }

    }

    @keyframes searchhide {
        0%{
            opacity: 0;
            transform: scale(0.7)
        }

        60% {
            opacity: 1
        }

        100% {
            opacity: 1;
            transform: scale(1);
            animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1)
        }

    }
    .searchshow .ce_form {
        animation: searchform-slide 1s 200ms both
    }

    @keyframes searchform-slide {
        0%{
            opacity: 0;
            transform: translate3d(100px, 0, 0);
            animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1)
        }

        100% {
            opacity: 1;
            transform: translateZ(0)
        }
    }

    .main-menu-btn {
        display : none;
    }

    #mainNavi ul.level_1 {
        display: block;
    }

    #mainNavi ul.level_1 li.submenu > a.submenu {
        /* padding-left: 40px; */
    }

    #mainNavi ul.level_1 li.submenu > a.submenu:before {
        /* width: 38px; */
        background-size: 30px;
        background-position: 5px center;
    }

    #mainNavi ul.level_1 li.submenu  a {
        padding-left: 8px;
    }

    /* Switch to desktop layout
    -----------------------------------------------
       These transform the menu tree from
       collapsible to desktop (navbar + dropdowns)
    -----------------------------------------------*/
    /* start... (it's not recommended editing these rules) */
    .sm-simple {
        background: #fff;
    }
    .sm-simple ul {
        position: absolute;
        /*width: 12em;*/
    }
    .sm-simple>li {
        width: 16.5%;
        /*height: 100%;*/
        float: left;
        background-color: rgba(0, 0, 0, 1);
        margin-right: 0.18%;
    }

    .sm-simple>li {
        width: 15.60%;
        margin-right: 1px;
    }

    .sm-simple>li.last {
        width: 5%;
        margin-right: 0;
    }

    .firefox .sm-simple>li {
        border-left: 1px solid #fff;
        margin-right: 0;
    }

    .sm-simple li:last-child {
        margin-right: 0;
    }
    .sm-simple ul li{
        float: none;
    }
    .sm-simple a {
        white-space: nowrap;
    }
    .sm-simple ul a, .sm-simple.sm-vertical a {
        white-space: normal;
    }
    .sm-simple .sm-nowrap > li > a, .sm-simple .sm-nowrap > li > :not(ul) a {
        white-space: nowrap;
    }
    /*-------------------------------- hebt die min-width auf, in Kombination mit jquery.smartmenus.js (auskommentiert) -------------------*/
    .sm-nowrap ul {
        min-width:inherit;
        max-width: inherit;
    }
    /*--------------------------------------------------------------------------------------------------------------------------------------*/
    .sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
        color: #fff;
    }
    .sm-simple a .sub-arrow {
        display: none;
    }
    .sm-simple a.highlighted .sub-arrow::before {
        content: '+';
    }
    .sm-simple > li {
        border-top: 0;
        /*border-left: 1px solid #eeeeee;*/
    }
    .sm-simple > li:first-child {
        border-left: 0;
    }
    .sm-simple ul {
        /*border: 1px solid #bbbbbb;*/
        width: 100%;
        /*background: rgba(67, 27, 61, 0.85);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);*/
    }
    .sm-simple ul a {
        border: 0 !important;
    }
    .sm-simple ul a.has-submenu {
        padding-right: 20px;
    }
    .sm-simple ul a .sub-arrow {
        left: 8px;
        right: auto;
    }
    .sm-simple ul > li {
        border-left: 0;
        /*border-top: 1px solid #eeeeee;*/
    }
    .sm-simple ul > li:first-child {
        border-top: 0;
    }
    .sm-simple .scroll-up,
    .sm-simple .scroll-down {
        position: absolute;
        display: none;
        visibility: hidden;
        overflow: hidden;
        background: #fff;
        height: 20px;
    }
    .sm-simple .scroll-up-arrow,
    .sm-simple .scroll-down-arrow {
        position: absolute;
        top: -2px;
        left: 50%;
        margin-left: -8px;
        width: 0;
        height: 0;
        overflow: hidden;
        border-width: 8px;
        border-style: dashed dashed solid dashed;
        border-color: transparent transparent #555555 transparent;
    }
    .sm-simple .scroll-down-arrow {
        top: 6px;
        border-style: solid dashed dashed dashed;
        border-color: #555555 transparent transparent transparent;
    }
    .sm-simple .icon {
        width: 30px;
        height: 40px;
        float: left;
        margin: -5px 10px 0 0;
    }

}

@media only screen and (min-width: 990px) {
    .sm-simple>li {
        width: 15.85%;
    }

    .sm-simple>li.last {
        width: 4.2%;
    }
}

@media (max-width: 1000px) {
    .sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active {
        padding: 13px 10px;
        font-size: 14px;
    }
}

@media (max-width: 900px) {
    .sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active {
        padding-left: 25px;
    }
    .sm-simple .icon {
        margin: -5px 5px;
    }
}

/* =Containers
--------------------------------------------------------------------------------*/
.container {
    margin-right: auto;
    margin-left: auto;
    position : relative;
    box-sizing: border-box;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.container:before,
.container:after {
    display: table;
    content: " ";
}

.container:after {
    clear: both;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.half-width,
.one-third,
.one-fourth,
.one-fifth,
.one-sixth,
.two-third,
.two-sixth,
.two-fifth,
.three-fourth,
.three-fifth,
.four-fifth,
.four-sixth,
.five-sixth,
.full-width
{
    display: inline;
    float: left;
    width : 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen {
    #main, #right, #left {
        width: 100%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 3rem;
    }


    /* content Width styles */
    .narrowWidth,
    .mediumWidth {
        margin: auto;
        padding-left : 0.15rem;
        padding-right : 0.15rem;
        box-sizing: border-box;
    }


    /* Article Width styles */
    #main .mod_article {
    }

    .art_fullWidth .container {
        width: 100%;
        padding: 0;
    }

    .art_narrowWidth .inside_art {
    }


    .inside .block{
        padding-left : 0.75rem;
        padding-right : 0.75rem;
    }

    /* correct padding*/
    .inside .block .block{
        padding: 0;
    }
}


/* Media Query
--------------------------------------------------------------------------------*/

@media only screen and (min-width: 320px) {
    body {border-top : 10px solid grey; }
    body:after{
        /*657117653656608769*/
        content : 'w320px ';
        display : none;
    }
    .text-center{text-align: left;}

    h1 br {
        display : none;
    }


}



/* resize bigger */
/* display with min width 479 iphone portrait */
@media only screen and (max-width: 479px) {
    body {border-top : 10px solid yellow; }
    body:after{
        content : 'w479px';
        display : none;
    }
    .container {
        width : 100%;
    }
}


/* Exclude iphone 4 5 or display < 375px  */
@media only screen and (min-width: 375px) {

    .byline {
        position: absolute;
        top: 81px;
        left: 165px;
        margin-top: 0;
    }



}

/* display with min width 480 iphone lansacape */
@media only screen and (min-width: 480px) {
    body {border-top : 10px solid green; }
    body:after{
        content : 'w480px';
        display : none;
    }

    .one-third, .one-sixth {width: 33.33333333333333%;} /* 184@736, 232@928, 292@1168*/
    .two-third{width: 66.66666666666666%;}
    .one-fourth, .half-width {width: 50%;}
    .full-width {width: 100%;}

    .one-sixth + .half-width,
    .half-width + .one-third {
        width: 66.66666666666666%; float: right;
    }

    #main
    {
        float: left;
        width : 100%;
    }

    #topNavi li {
        display: inline-block;
    }
    .text-center{
        text-align: center;
    }

    h1 br {
        display : block;
    }

    #right .renderSlot {
        margin-left: 10px;
        margin-right: 10px;
    }

}


/* min-width:768px ipad portrait*/
@media only screen and (min-width: 768px) {
    body {border-top : 10px solid blue; }
    body:after{
        content : 'w760px';
        display : none;
    }

    .container {
        /* 768px/4 = 192*3 = 576 divisible by 2,3,4,6 */
    }

    .one-fourth {width: 25%;}
    .one-fifth {width: 20%;}
    .two-fifth {width: 40%;}
    .three-fifth {width: 60%;}
    .four-fifth {width: 80%;}
    .one-sixth {width: 16.66%;}
    .five-sixth {width: 83.333%;}

    .one-sixth + .half-width {
        float: left;
        width: 50%;
    }

    .half-width + .one-third{
        float: left;
        width: 33.33333333%;
    }

    .narrowWidth {
        width: 50%;
    }

    .mediumWidth {
        width: 60%;
    }

    .art_normalWidth .inside_art {
        width: 90%;
        margin: 0 auto;
    }

    .art_narrowWidth .inside_art {
        width: 80%;
        margin: 0 auto;
    }

    body:not(.ie) .ce_gallery.half-width {
        width: calc(50% + 1rem) !important;
    }

    .open-nav,
    #trigger {
        display: none;
    }


    .mod_changelanguage {
        display: inline-block;
        float: left;
        width: auto;
        margin-bottom: 0.75em;
    }

    /* form */
    div.label_div {
        width : 30%;
    }

    div.field-indent div.field_div {
        float : right;
        width : auto;
    }

    div.field-indent div.field_div,
    div.field_div {
        width : 70%;
    }

    div.field-indent {
        position: relative;
    }

    div.field-indent legend {
        position: absolute;
        top: 0;
        left: 0;
        width : auto;
        max-width : 30%;
    }

    #header .adSlot{
        display: block;
        overflow: hidden;
    }
    #header .renderSlot {
        margin-bottom: -5px;
    }

    .teaser:after {
        display: none;
    }

    #footer .inside {
        position: relative;
        padding-top : 40px;
    }

    .mod_social_media_link {
        position: absolute;
        top: 0;
        right: 0;
    }

}

/* some custom BP according to space in browser */
@media only screen and (min-width: 870px) {
    #topNavi {
        float: left;
        width: 100%;
        margin-bottom: -1rem;
        margin-top: -45px;
        text-align: right;
    }

    #topNavi li a {
        margin-left: 10px;
        margin-right: 0;
    }
}

@media only screen and (min-width: 990px) {

    body {border-top : 10px solid red; }

    body:after{
        content : 'w990px';
        display : none;
    }

    .container {
        width: 984px;
    }

    #header {
    }

    #right {
        float: right;
        width: 320px;
    }

    #main,
    .home #left {
        width: 652px;
    }

    .home #main {
        width: 100%;
    }

    #right .renderSlot {
        margin: auto;
    }

}

/* min-width:1024 ipad landscape*/
@media only screen and (min-width: 1024px) {
    body {
        border-top: 10px solid red;
    }

    body:after {
        content: 'w1024px';
        display: none;
    }

    .container {
        width: 1024px;
    }

    #header {
    }

    #right {
        float: right;
        width: 320px;
    }

    #main,
    .home #left {
        width: 690px;
    }

    #right .renderSlot {
        display: block;
        margin: 0 10px;
    }

    .end-date {
        font-size: 0.9em;
    }
}

/* min-width:1025  */
@media only screen and (min-width:1025px)   {
    body {
        border-top : none;
    }

    #main{
        min-height: 600px;
    }
}




@media (min-width: 1336px) {
    body {border-top : 10px solid pink; }

    #Ad_Block_Halfpage {
        float: left;
        display: block;
        height: 600px;
        min-width: 300px;
        position: fixed;
        top: 116px;
        margin-top: 0.5rem;
        right: 0;
    }

    #Ad_Block_Halfpage .adSlot {
        text-align: left;
    }
}


/* remove body border*/
body { border:none; position: relative}


/* min-width:768px ipad portrait*/
@media only screen and (min-width: 768px) {

}

@media only screen and (min-width: 990px) {

}


@media screen {

	.small-view #mainNavi .ce_form .formbody,
	.main-menu-btn,
	.full-view .searchshow .sm-simple,
	#mainNavi.searchshow li.suche,
	#mainNavi li.suche,
	.sm-simple>li{
		background-color: rgba(64, 70, 72, 1);
	}


	.link-button a {
		background: rgba(64, 70, 72, 1);
	}
	.link-button a:hover {
		color: #404648 !important;
	}

	#topNavi li.wettbewerbe > a:before {
		background-image: url(../../files/framework/images/skin-Hexachrome/icon-wettbewerbe.svg);
	}

	#topNavi li.spielspass > a:before {
		background-image:  url("../../files/framework/images/skin-Hexachrome/icon-spiel-spass.svg");
	}

	#topNavi li.coupon > a:before {
		background-image: url(../../files/framework/images/skin-Hexachrome/coupon.svg);
	}

	#topNavi li.aktionen > a:before {
		background-image: url(../../files/framework/images/skin-Hexachrome/icon-aktionen.svg);
	}

	#topNavi li.events > a:before {
		background-image: url(../../files/framework/images/skin-Hexachrome/icon-eventfrog.svg);
	}
	
	#cboxOverlay {
		background: #404648;
	}
}
@media screen {
	.slideTextContainer {
		transition: none;
		transform: scale(1);
		opacity: 1;
	}

	.slick-track .slick-slide img {
		object-fit: cover;
		width: 100%;
		min-height: 100%;
	}	

	/* avoid fouc */
	.lolabrause .slider {
		display: none;
	}
	.lolabrause .slider.slick-initialized	 {
		display: block;
	}
	/* avoid fouc end */

	/* slider height */
	.lolabrause .slick-track {
		height: 250px;
		max-height: 250px;
	}
	/* slider height ends */

	/* arrows */
	.slick-arrow {
		display: flex;
		align-content: center;
		align-items: center;
	}

	.lolabrause .slick-prev, 
	.lolabrause .slick-next {
		width: 8%;
		min-width: 20px;
		height: 100%;
	}

	.lolabrause .slick-prev {
		left: 0;
	}
	.lolabrause .slick-prev:hover {
		background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
	}

	.lolabrause .slick-next {
		right: 0;
	}	
	.lolabrause .slick-next:hover {
		background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
	}

	.lolabrause .slick-next:before {
		margin-left: auto
	}
	/* arrows end */

	/* text */
	.lolabrause .slideTextContainer {
		background: rgba(18,207,255,0.8);
		left: 0px;
		bottom: 0px;
		padding: 10px 20px;
		width: 100%;
		text-align: left;
		text-shadow: none;
		color: #000;
		top: auto;
		bottom: 0;
		height: auto;
		min-height: auto;
		z-index: 11;
	}
	
	.lolabrause .slideTextContainer p {
		margin: 0.5rem 0;
		font-size: 1.2rem;
		color: #000;
		line-height: 1.2;
	}
	
	.lolabrause .slideTextContainer p:first-of-type {
		color: yellow;
	}
	.lolabrause .slideTextContainer a {
		color: #fff;
		border: none;
	}	
	/* text ends */
}



/* Media Query
---------------------*/

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
	/* slider height */
	.lolabrause .slick-track {
		height: 270px;
		max-height: 270px;
	}
	/* slider height ends */

}


/* Tablet-landscape (and larger) for width 960px */
@media only screen and (min-width: 992px) {
	.lolabrause .slick-track {
		height: 290px;
		max-height: 290px;
		margin-top: 6px;
		margin-bottom: 16px;
	}
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and langer) for width 1200px */
@media only screen and (min-width:1300px) {
}

	/* CAYMLAND M4 STYLES
--------------------------------------------------------------------*/

input[type="file"],
input[type="text"],
input[type="email"],
input[type="tel"],
input.text,
input.captcha,
textarea {
	float: left;
	width: 100%;
	max-width: 100%;
	height: auto;
	background: #fff;
	font-weight: 300;
	line-height: 1.8;
	min-height: 2.2rem;
	border: 1px solid #ccc;
	padding: 2px 2px 2px 10px;
	box-sizing: border-box;
	appearance: none;
}

.caymlandform-textarea {
	border: 1px solid #ccc !important;
	min-height: 10rem;
}

.caymlandform-input {
	margin-bottom: 1em;
}

.caymlandform-row.caymlandform-tel {
	margin-bottom: 0;
}

.caymlandform-button-wrapper .caymlandform-button {
	margin-bottom: 2rem;
	cursor: pointer;
	color: #fff !important;
	border: 1px solid #000 !important;
	background: #000 !important;
	border-radius: 3px;
	display: inline-block;
	user-select: none;
	padding: 6px 12px;
	font-weight: 100;
	font-family: 'Roboto',Verdana, sans-serif;
}

.btn-top-margin {
	margin-top: 1em;
}

/* 
form div.formbody {
	overflow: hidden;
	margin-bottom: 2rem;
}

div.widget {
	margin: 0.5rem 0;
	float: left;
	width: 100%;
}

div.widget-explanation {
	margin-top: 1.5rem;
	margin-bottom: 0;
}

div.widget-explanation+div.widget-textarea {
	margin-top: 0;
}

div.ce_form .widget.full-width,
div.ce_form .widget.full-width label{
	padding-left: 0;
	padding-right: 0;
}

div.label_div {
	clear: both;
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding-right: 1rem;
	margin: 0.5rem 0 0;
}

div.field_div {
	float: left;
	width: 100%;
	box-sizing: border-box;
}

div.label-top .label_div,
div.label-top .field_div {
	clear: both !important;
	width: 100% !important;
	margin-bottom: 0.5rem;
}

form label {
	font-weight: 300;
}

.captcha_text {
	display: block;
	margin-bottom: -1.4rem;
}

input[type="file"]{
	line-height: 1;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
}

input[type=radio] {
	margin: 1px 5px 2px 2px ;
	border: 1px solid #ccc;
	vertical-align: text-bottom;
}


div.full-width div.field_div {
	width: 100%;
}

input.text:focus,
input.captcha:focus,
textarea:focus  {
	background: #fff;
	border: 1px solid #bbb;
}

fieldset {
	clear: both;
}

input[type=checkbox],
input[type=radio] {
	position: absolute;
	border: none;
	opacity: 0;
	background: transparent;
	box-shadow: none;
}

.no-label fieldset.checkbox_container legend {
	display: none;
}

.checkbox_container span {
	margin-bottom: 3px;
	display: table;
}

.checkbox_container span.mandatory {
	display: inline;
}

.checkbox_container label,
.radio_container label{
	margin-left: 2rem;
	line-height: 1.2;
}

.checkbox_container > span,
.radio_container > span{
	display: block;
	margin-bottom: 0.35rem;
}

.checkbox_container label:before,
.radio_container label:before {
	background: #fff;
	border: 1px solid #bbb;
	content: "";
	float: left;
	width: 1.4rem;
	height: 1.4rem;
	margin-right: 4px;
	margin-left: -2rem;
}

.radio_container label:before {
	border-radius: 0.7rem;
}

input[type=checkbox]:checked + label:before {
	display: inline-block;
	background: #999 url("../../files/framework/images/icons/cross-white.svg") center center no-repeat;
	background-size: cover;
	background-size: 75% 75%;
}

input[type=radio]:checked + label:before {
	display: inline-block;
	background: #999 url("../../files/framework/images/icons/dot.svg") center center no-repeat;
	background-size: cover;
	background-size: 45% 45%;
}

input[type=checkbox]:focus + label:before,
input[type=radio]:focus + label:before{
	border: 1px solid #000;
}

.widget-checkbox .label_div,
.widget-radio .label_div,
.checkbox_container,
.radio_container {
	margin: 0.5rem 0 0;
}

.widget-checkbox legend,
.widget-radio legend {
	font-size: inherit;
}

input[type=radio] {
	margin: 2px 0 3px;
}

.radio_container span {
	margin-right: 0.5rem;
}

select {
	appearance: none;
	border-radius: 0;
	padding: 0.35rem 0.75rem;
	width: 100%;
	background: none;
	padding-right: 2rem;
	text-indent: 0.01px;
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 2rem;
	z-index: 2;
	color: #333;
}


.select div.field_div {
	height: 2.8rem;
	position: relative;
	border: 1px solid #ccc;
	padding: 0;
	margin: 0;
	overflow: hidden;
	background: #fff;
}

.ios .select div.field_div {
	border-radius: 6px;
}

.select div.field_div:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 1.8rem;
	height: 2.7rem;
	line-height: 2.8rem;
	content: " ";
	border-left: 1px solid #ccc;
	background:  url("../../files/framework/images/icons/select.svg") center center no-repeat;
	background-size: cover;
	background-size: 75% 75%;
}

select:focus {
}

select:focus option {
	padding: 0.5rem 0.75rem;
}

.select div.field_div select{
	/* opacity: 0; */
}

/*

span.captcha_text {
	float: left;
	width: 100%;
}

div.submit_container{
	float: right;
	width: auto;
	margin-top: 1.5rem;
}

#tl_logout div.submit_container {
	float: left;
	margin-top: 0.2rem;
}

div.submit_container input.submit {
	clear: both;
	margin-bottom: 0.5rem;
}

div.submit_container input.submit:hover {
	color: #000 !important;
}

p#hint {
	clear: both;
}

input.submit, .button {
	display: inline-block;
	padding: 0.2rem 0.5rem;
	margin-bottom: 0;
	line-height: 1.4;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	text-shadow: none;
}

.button a, a.button,
.button a:hover, a.button:hover {
	color: #000 !important;
}




form p.error {
	margin-bottom: 0;
	margin-top: 0.45rem;
}

div.error input.text,
div.error input.error,
div.error input.captcha,
div.error textarea  {
	background: #ccc;
}

div.error input.text:focus,
div.error input.captcha:focus,
div.error textarea:focus {
	background: #fff;
}

input:invalid {
	box-shadow: none !important;
}

#footer .ce_text {
	margin-bottom: 0;
}


*/
/* Add overriding styles here*/

/* Cookie Bot */
#CookiebotWidget:not(.CookiebotWidget-inactive) {
    bottom: 5% !important;
    left: 50px !important;
}
#CookiebotWidget .CookiebotWidget-logo svg {
    width: 54px !important;
    height: 54px !important;
}
#CookiebotWidget .CookiebotWidget-logo svg circle{
    fill: #333e48 !important;
}
#CookiebotWidget .CookiebotWidget-consents-list svg {
    fill: #333e48 !important;
}
#CookiebotWidget .CookiebotWidget-header {
    font-family: "Noto Serif", Arial, Helvetica, sans-serif !important;
}
#CookiebotWidget .CookiebotWidget-consents-list strong {
    font-family: "Noto Serif", Arial, Helvetica, sans-serif !important;
}
#CookiebotWidget .CookiebotWidget-show-consent-details button{
    color: #333e48 !important;
}
#CookiebotWidget-btn-withdraw {
    font-size: 1.2rem !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    padding: 15px 30px !important;
    border: 1px solid #c4d0d3 !important;
    border-radius: 0 !important;
}
#CookiebotWidget-btn-withdraw:hover {
    background-color: #c4d0d3 !important;
    color: #54656a !important;
}
#CookiebotWidget-btn-change {
    font-size: 1.2rem !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    padding: 15px 30px !important;
    border-radius: 0 !important;
    background-color: #333e48 !important;
    border-color: #333e48 !important;
}
#CookiebotWidget-btn-change:hover {
    background-color: white !important;
    color: #333e48 !important;
}
#CybotCookiebotDialog, #CybotCookiebotDialog * {
    font-family: "Roboto", Arial, Helvetica, sans-serif !important;
}
#CybotCookiebotDialog {
    padding-bottom: 16px;
}
#CybotCookiebotDialog #CybotCookiebotDialogBody {
    max-width: 1100px;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyContent {
    padding-top: 55px;
    padding-bottom: 0;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyContentTitle {
    font-size: 22px;
    line-height: 1.1;
    font-weight: 700;
    color: #333e48;
    padding-bottom: 16px;
    margin: 0;
    font-family: "Noto Serif", Arial, Helvetica, sans-serif !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #54656a;
    padding-bottom: 28px;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a {
    border-bottom: 0 !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
    float: none;
    text-align: left;
    display: flex !important;
    flex-wrap: wrap;
    margin-left: 0px;
    margin-right: -11px;
    padding-bottom: 20px;
    flex-direction: column-reverse;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyButton {
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 400;
    width: auto !important;
    height: auto;
    padding: 15px 30px;
    min-width: 200px;
    margin: 5px 8px;
    border: 1px solid #c4d0d3;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyButton:hover {
    background-color: #c4d0d3;
    color: #54656a;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
    color: #54656a;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
    color: #54656a;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    color: white;
    border: 1px solid #333e48;
    background-color: #333e48;
    order: -1;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover {
    background-color: white;
    color: #333e48;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonsSelectPane {
    border: 0;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonWrapper {
    margin-bottom: 0px;
    margin-right: 14px;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonWrapper input {
    display: inline-block;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.8px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #54656a;
    max-width: 100%;
    transition: border-color 0.2s ease-out;
    outline: none;
    position: relative;
    appearance: none;
    cursor: pointer;
    flex: 0 0 auto;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    height: 20px;
    width: 20px;
    min-width: 0;
    border: none;
    padding: 0;
    opacity: 1;
    margin: 3px 5px 0 0;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonWrapper input::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #c4d0d3;
    border-radius: 2px;
    background-color: white;
    z-index: 99999;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonWrapper input::after {
    content: "";
    display: block;
    position: absolute;
    box-sizing: content-box;
    top: 2px;
    left: 6px;
    border-bottom: 2px solid #54656a;
    border-right: 2px solid #54656a;
    border-radius: 1px;
    width: 4px;
    height: 10px;
    transform: rotate(45deg) scale(0);
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonWrapper input:checked:after {
    animation: toggleOnCheckbox 0.3s ease forwards;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelDetailsWrapper {
    text-align: right;
    background: transparent;
    border: 0;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButton {
    opacity: 0;
    margin-right: 30px;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButton + label {
    background-image: none !important;
    color: #54656a;
    padding-top: 4px;
    padding-left: 0;
    font-size: 15px;
    line-height: 1;
    font-weight: 400;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButton:checked + label:after {
    opacity: 1;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelDetailsButton {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
    margin: 0;
    color: #1a7abd;
    font-size: 16px;
    line-height: 1.1;
    background-image: none !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelDetailsButton:after {
    display: block;
    content: " ";
    margin-left: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4.5px 0 4.5px;
    border-color: #1a7abd transparent transparent transparent;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelDetailsButton.CybotCookiebotDialogBodyLevelDetailsButtonExpanded:after {
    border-width: 0 4.5px 6px 4.5px;
    border-color: transparent transparent #1a7abd transparent;
}
#CybotCookiebotDialog #CybotCookiebotDialogDetailBody {
    max-width: 1100px;
    padding: 24px 8px 0;
    box-sizing: border-box;
}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieContainerTypes:hover, #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentTabsItem:hover {
    background-color: white !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelDetailsButton {
    color: #333e48 !important;
    border-bottom: 0 !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelDetailsButton:after {
    border-color: #333e48 transparent transparent transparent !important;
}
@keyframes toggleOnCheckbox {
    0% {
        opacity: 0;
        transform: rotate(45deg) scale(0);
   }
    70% {
        opacity: 1;
   }
    100% {
        transform: rotate(45deg) scale(1);
   }
}
.CookiebotWidget-main-logo {
    display: none !important;
}
@media only screen and (min-width: 576px) {
    #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText {
        font-size: 16px;
        line-height: 24px;
   }
    #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
        padding-bottom: 22px;
   }
    #CybotCookiebotDialog #CybotCookiebotDialogBodyContent {
        padding-left: 0 !important;
   }
    #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
        margin-left: -8px;
   }
    #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonWrapper {
        margin-bottom: 10px;
        margin-right: 20px;
   }
    #CybotCookiebotDialog .CybotCookiebotDialogBodyButton {
        margin: 0 8px;
   }
   #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
        flex-direction: row-reverse;
        justify-content: flex-end;
    }
}