body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
body>.mod_navigation,body>.js_mobile_navigation_blocker,.navicon{display:none}@media (max-width:1023px){body>.mod_navigation{display:block;position:fixed;bottom:0;right:0;z-index:9;transition:all 0.5s ease-in-out;overflow:visible}body>.mod_navigation ul{margin-bottom:0}body>.mod_navigation.no_counter .submenu_toggle span{opacity:0}body>.mod_navigation.no_buttons_right .submenu_toggle{border:0}body>.mod_navigation>.level_1{right:-100%;bottom:0;margin:0;position:fixed;width:100%;max-width:440px;box-sizing:border-box;z-index:9;overflow-y:scroll;transition:right 0.3s ease 0s;padding:20px 0px 20px 30px;border-left:1px solid #ddd;background:#f8f8f8}body>.mod_navigation>.level_1 li{position:relative}body>.mod_navigation>.level_1 li.submenu>a,body>.mod_navigation>.level_1 li.submenu>strong,body>.mod_navigation>.level_1 li.submenu>span{padding-right:80px}body>.mod_navigation>.level_1 li.mn_only_toggle_submenu:not(.active) .submenu_toggle:before{content:'';width:375px;height:46px;position:absolute;right:0px}body>.mod_navigation>.level_1 li.mn_only_toggle_submenu:not(.active)>a{pointer-events:none}body>.mod_navigation>.level_1 li a,body>.mod_navigation>.level_1 li strong,body>.mod_navigation>.level_1 li>span{display:block;color:#444;line-height:1;padding:14px;border-bottom:1px solid #ddd;text-decoration:none;transition:padding 0.25s ease-in-out}body>.mod_navigation>.level_1 li a.active,body>.mod_navigation>.level_1 li strong.active,body>.mod_navigation>.level_1 li>span.active{background:#f1f1f1}body>.mod_navigation>.level_1 li ul{opacity:0;margin:0;padding:0 0 0 30px;overflow:hidden;line-height:1;transition:opacity 0.3s ease-in-out}body>.mod_navigation>.level_1 li ul li>a,body>.mod_navigation>.level_1 li ul li>strong,body>.mod_navigation>.level_1 li ul li>span{color:#666;display:block;height:0;min-height:0;border:0;padding:0 0 0 12px;transition:all 0.25s ease-in-out}body>.mod_navigation>.level_1 li ul.open{opacity:1}body>.mod_navigation>.level_1 li ul.open>li>a,body>.mod_navigation>.level_1 li ul.open>li>strong,body>.mod_navigation>.level_1 li ul.open>li>span{height:auto;min-height:1em;padding:14px;border-bottom:1px solid #ddd}body>.mod_navigation>.level_1 li .submenu_toggle{position:absolute;box-sizing:border-box;right:0;top:0;border-left:1px solid #ddd;color:#666;width:80px;cursor:pointer;padding:14px;display:flex;align-items:flex-start;justify-content:center}body>.mod_navigation>.level_1 li .submenu_toggle span{pointer-events:none;line-height:1}body>.mod_navigation>.level_1 li .submenu_toggle svg{pointer-events:none;width:1em;height:1em;margin-bottom:0;margin-left:5px;transition:transform 0.25s ease-in-out}body>.mod_navigation>.level_1 li .submenu_toggle.open svg{transform:rotate(90deg)}html.js_mobile_navigation_open,html.js_mobile_navigation_open body{overflow:hidden}html.js_mobile_navigation_open>.mod_navigation>.level_1,html.js_mobile_navigation_open body>.mod_navigation>.level_1{right:0}.navicon{cursor:pointer;position:absolute;top:0;right:0;display:block;height:100%}.navicon .navicon_to_closeicon{position:relative;box-sizing:content-box;width:30px;height:18px;background:rgba(255, 255, 255, 0);border-radius:3px;padding:0 15px;top:50%;transform:translateY(-50%)}.navicon .navicon_to_closeicon:before,.navicon .navicon_to_closeicon:after{content:''}.navicon .navicon_to_closeicon .navicon_middle,.navicon .navicon_to_closeicon:before,.navicon .navicon_to_closeicon:after{position:absolute;width:30px;height:2px;border-radius:5px;background-color:#000}.navicon .navicon_to_closeicon:before{top:0px;transition:all 200ms ease 200ms, transform ease 200ms;animation:top_8_to_0 200ms}.navicon .navicon_to_closeicon:after{top:16px;transition:all 200ms ease 200ms, transform ease 200ms;animation:top_8_to_16 200ms}.navicon .navicon_to_closeicon .navicon_middle{top:8px;transition:transform ease 200ms}.mm-opening .navicon .navicon_to_closeicon:before,.js_mobile_navigation_open .navicon .navicon_to_closeicon:before{top:8px;transform:rotate(-45deg);transition:all ease 200ms, transform 200ms ease 200ms}.mm-opening .navicon .navicon_to_closeicon .navicon_middle,.js_mobile_navigation_open .navicon .navicon_to_closeicon .navicon_middle{top:8px;transform:rotate(-45deg);transition:transform 200ms ease 200ms}.mm-opening .navicon .navicon_to_closeicon:after,.js_mobile_navigation_open .navicon .navicon_to_closeicon:after{top:8px;transform:rotate(45deg);transition:all ease 200ms, transform 200ms ease 200ms}}@media (max-width:1023px) and (max-width:1023px){.navicon .navicon_to_closeicon{top:26px;right:0;position:absolute}}@keyframes top_8_to_0{0%{top:8px}100%{top:0}}@keyframes top_8_to_16{0%{top:8px}100%{top:16px}}
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
   scroll-behavior: auto;
  }
  
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* VARIABLES */
:root {
	--bgColor: #FFFFFF;
	--bgBoxColor: #FFFFFF;
	--bgInputColor: #fafafa;
	--lightGreyColor: #f8f8f8; /*#efefef;*/
	--shadowColor: 0px 0px 10px -2px rgba(75,75,75, 0.25);
}
/* GENERAL ELEMENTS */
html, body {
	width: 100%;
	height: 100%;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	font-style: normal;
	background-color: var(--bgColor);
}
h1 {
	font-family: 'Gwendolyn', cursive;
	font-weight: 700;
	font-size: 3em;
}
h2 {
	font-weight: 600;
}
h3,h4,h5 {
	font-weight: 500;
}
h6 {
	font-weight: 300;
}
a {
	text-decoration: none;
	font-weight: 500;
}
a:hover {
	text-decoration: underline;
}
/*img {
    width: 100%;
    height: 100%;
    background-size: cover;
    padding-left: .75em;
    padding-right: .75em;
}*/
.login .navicon {
	display: none;
}
#wrapper {
	min-height: 100%;
	display: grid;
	grid-template-columns: .75rem 1fr .75rem;
	grid-template-rows: auto auto 1fr auto;
	grid-template-areas:
		". header ."
		". main ."
		". footer .";
	align-content: space-around;
}
header {
	grid-area: header;
	width: 100%;
	margin: 1em auto;
	text-align: center;
}
.mod_navigation ul {
	list-style-type: none;
}
main {
	grid-area: main;
	margin-bottom: 2em;
}
main .mod_login {
	border-radius: 3px;
	max-width: 90%;
	margin: 2em auto;
	padding: 1em;
}
main .mod_login .checkbox_container {
	border: 0;
}
main .mod_login .widget>label {
	font-weight: 300;
}
main .mod_login .widget>input[type=text],
main .mod_login .widget>input[type=password] {
	border: 0;
	background-color: var(--bgInputColor);
}
main .mod_login fieldset {
	padding-left: 0;
}
main .mod_login button {
	font-weight: 500;
	font-size: .9em;
}
main .ce_gallery {
	display: flex;
	justify-content: space-evenly;
}
main .ce_gallery ul {
	margin: 0;
	padding: .5em;
	display: flex;
	list-style-type: none;
	border: 1px solid var(--lightGreyColor);
	border-radius: 10px;
}
.back2start {
	margin-top: 2em;
	text-align: center;
}
.hide-back2start .back2start {
	display: none;
}
footer  {
	grid-area: footer;
	display: grid;
	align-items: end;
	font-size: .75em;
	margin-bottom: 2em;
}
footer ul{
	margin: 0;
}
footer .mod_login {
	text-align: center;
}
.sr-only {
	display: none;
}

@media (min-width: 768px) { /* Tablet */
	main .clock-shadow {
		width: 50%;
		margin: 0 auto;
	}
}
@media (max-width: 1023px) { /* Screen */
	header .mod_navigation {
		display: none;
	}
}
@media (min-width: 1024px) {
	#wrapper {
		grid-template-columns: 15% 1fr 15%;
	}
	.login .mod_login {
		width: 35em;
		border: 1px solid var(--lightGreyColor);
		border-radius: 15px;
	}
	.mod_navigation {
		margin: 0;
		text-align: center;
		margin: 1em 0;
	}
	.mod_navigation ul {
		display: inline-block;
		padding: 0;

	}
	.mod_navigation li {
		display: block;
		float: left;
		/*border-right: 1px solid var(--lightGreyColor);
		border-top: 1px solid var(--lightGreyColor);
		border-bottom: 1px solid var(--lightGreyColor);*/
		margin: 0 .5em;
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
		border-radius:50px;
		background-color: var(--lightGreyColor);
	}
	/*.mod_navigation li.first {
		border-left: 1px solid var(--lightGreyColor);
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}*/
	/*.mod_navigation li.last {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}*/
	.mod_navigation li a,
	.mod_navigation li strong {
		padding: .5em 1em;
		text-decoration: none;
		color: black;
		display: block;
	}
	.mod_navigation li:hover, .mod_navigation li.active {
		box-shadow: 0 0 10px 0px rgba(0, 0, 0, .5);
	}
}