@charset "UTF-8";
/* CSS Document */

body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	
	background-color:rgba(243,244,248,1);
	color:rgba(63,70,82,1);
	
	font-family:'catamaran-regular';
	font-size:16px;
	line-height:1.4em;
	letter-spacing:0.04em;
}

/* FONTS / MARKUP */
h1, h2, h3, h4 { margin:0; padding:0; font-weight:normal;}
h1 { font-family:'catamaran-black'; font-size:2.5em; line-height:1.1em;}
h2 { font-family:'catamaran-black'; font-size:1.8em; line-height:1.3em;}
h3 { font-family:'catamaran-black'; font-size:1.4em; line-height:1.2em;}
h4 { font-family:'catamaran-light'; font-size:1.4em; line-height:1.2em;}

b { font-weight:normal; font-family:'catamaran-black';}
p { margin:0; padding:0; line-height:1.4em; float:left;}
small { font-size:0.8em;}

.uppercase { text-transform:uppercase;}

/*
{-webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased;}
{ text-transform:uppercase;}
*/

@font-face {
    font-family:'catamaran-regular';
    src: url('../login/css/fonts/catamaran/regular/catamaran-regular-webfont.eot');
    src: url('../login/css/fonts/catamaran/regular/catamaran-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../login/css/fonts/catamaran/regular/catamaran-regular-webfont.woff2') format('woff2'),
         url('../login/css/fonts/catamaran/regular/catamaran-regular-webfont.woff') format('woff'),
         url('../login/css/fonts/catamaran/regular/catamaran-regular-webfont.ttf') format('truetype'),
         url('../login/css/fonts/catamaran/regular/catamaran-regular-webfont.svg#catamaranregular') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'catamaran-light';
    src: url('../login/css/fonts/catamaran/light/catamaran-light-webfont.eot');
    src: url('../login/css/fonts/catamaran/light/catamaran-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../login/css/fonts/catamaran/light/catamaran-light-webfont.woff2') format('woff2'),
         url('../login/css/fonts/catamaran/light/catamaran-light-webfont.woff') format('woff'),
         url('../login/css/fonts/catamaran/light/catamaran-light-webfont.ttf') format('truetype'),
         url('../login/css/fonts/catamaran/light/catamaran-light-webfont.svg#catamaranlight') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'catamaran-black';
    src: url('../login/css/fonts/catamaran/black/catamaran-black-webfont.eot');
    src: url('../login/css/fonts/catamaran/black/catamaran-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../login/css/fonts/catamaran/black/catamaran-black-webfont.woff2') format('woff2'),
         url('../login/css/fonts/catamaran/black/catamaran-black-webfont.woff') format('woff'),
         url('../login/css/fonts/catamaran/black/catamaran-black-webfont.ttf') format('truetype'),
         url('../login/css/fonts/catamaran/black/catamaran-black-webfont.svg#catamaranblack') format('svg');
    font-weight:normal;
    font-style:normal;
}

/* LINKS */
a { color:inherit; text-decoration:none; border:0 none;}
a:hover { cursor:pointer; }
a.txtlink { text-decoration:underline; color:var(--c_red);}
a.txtlink:hover, a.formdetail_link:hover { opacity:0.8;}
a:link img {border:0px;}

.m_level_1 
{	transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
}

/* ICONS / BUTTONS */
.grey {background-color:rgba(63,70,82,1);}
.green {background-color:rgba(73,177,112,1);}
.red {background-color:rgba(232,66,86,1);}
.blue {background-color:rgba(32,128,165,1);}

.icon { float:left; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}

.icon.size24 { width:24px; height:24px;}
.icon.size32 { width:32px; height:32px;}
.icon.size48 { width:48px; height:48px;}
.icon.size64 { width:64px; height:64px;}

.icon_item { width:48px; float:left; margin:24px 20px 0 0;}
.icon_item span { width:100%; float:left; text-align:center;}

.editbuttons { width:100%; float:left; margin:12px 0;}

.editbuttons .icon { margin:1px 10px 0 0;}
.editbuttons span { font-size:1.2em;}

.editbuttons .submitlink {}
.editbuttons .cancellink .icon { margin-top:16px;}

.button {
	width:auto;
	float:left;
	margin:24px 0;
	padding:8px 12px;
	text-transform:uppercase;
	font-family:'catamaran-black';
	letter-spacing:0.05em;
	color:rgba(255,255,255,1);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
}

/* FRAME / BASE */
.frame, .log_frame, .panel, .listrow, .formwrap {
	background-color:rgba(255,255,255,1);
	box-shadow:0px 0px 28px rgba(63,70,82,0.1);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
}

#content { width:100%; float:left; position:relative;}

#leftcol {
	width:220px;
	min-height:100vh;
	float:left;
	/* position:absolute;
	left:0;
	top:0;*/
}

#centertcol {
	width:960px; 
	margin:0 0 0 40px;
	float:left;
	/*position:absolute;
	left:220px;
	top:0;*/
}

.be_content { width:98%; float:left; padding:40px 0 40px 2%;}

.row { width:100%; float:left;}
.row > h3 { margin-top:20px;}

.txt_button {
	width:auto;
	float:left;
	padding:4px 12px 8px 12px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	color:rgba(255,255,255,1);
	text-transform:uppercase;
	letter-spacing:0.1em;
}

/* FORM / INPUTS */
input,
textarea,
input[type="password"],
input[type="search"],
input[type="text"] { 
	width:100%;
	float:left;
	padding:8px 5%;
	margin:5px 0; 
	border:0px none;
	outline:0px;
	
	font-size:1.0em;
	letter-spacing:0.05em;
	font-family:'catamaran-light';
	
	box-shadow:inset 0px 0px 24px rgba(63,70,82,0.05);
	background-color:rgba(243,244,248,1);
	
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
}

input[type="file"] {
	width:100%;
	float:left;
	padding:0px !important;
	margin:5px 0; 
	border:0px none;
	outline:0px;
	
	font-size:1.0em;
	letter-spacing:0.05em;
	font-family:'catamaran-light';
	
	box-shadow:none;
	background-color:transparent;
}

/*textarea { max-width:96%;}*/

input[type="submit"] {
	width:90%;
	padding:8px 0%;
	margin:20px 5%;
	float:left;
	background-color:rgba(232,66,86,1);
	color:rgba(255,255,255,1);
	font-family:'catamaran-black';
}

input[type="submit"].input_bto { width:auto;}

input[type="submit"]:hover { cursor:pointer;}
input:focus {box-shadow:inset 0px 0px 24px rgba(63,70,82,0.2);}

input::-webkit-input-placeholder { color:rgba(63,70,82,0.5);}
input::-moz-placeholder { color:rgba(63,70,82,0.5);}
input::-ms-placeholder { color:rgba(63,70,82,0.5);}
input::-o-input-placeholder { color:rgba(63,70,82,0.5);}

input.hidden { display:none;}

input.bigtitle {
	font-family: 'catamaran-black';
    font-size: 2.0em;
}

.circlelabel {margin:12px 0 0 12px; float:left;}
.circlelabel:hover { cursor:pointer;}

.formwrap {
	width:90%;
	max-width:800px;
	float:left;
	margin:40px 0;
	padding:24px 5%;
}

.formwrap input,
.formwrap textarea { width:96%; padding:8px 2%;}

.formwrap .row { width:100%; float:left;}
.formlabel { 
	letter-spacing:0.08em;
	text-transform:uppercase;
	font-size:0.7em;
	margin:20px 0 2px 0;
}

.formlabel.inactive   { opacity:0.5;} 

.formwrap .column_b { width:49%; margin:0 1% 0 0; float:left;}

/* FORM SPECIAL SELECTORS */

input#showFE_marker:not(:checked) + label { background-color:rgba(0,0,0,0.1);}

/* FORM IMAGE */

.divider {
	width:100%;
	float:left;
	margin:24px 0 8px 0;
	border-bottom:1px solid rgba(0,0,0,0.1);
}

.imgsize_links {
	width:100%;
	float:left;
	margin:10px 0;
}

.imgsize_links  ul, .imgsize_links li { margin:0; padding:0;}

.thumb.small > .imgsize_links { width:auto; margin:0px 0 10px 40px;}

.image_edit_single, .image_edit_gallery {
	width:70%;
	float:left;
	padding:24px 5%;
	margin:20px 0 0 0;
	background-color:rgba(0,0,0,0.1);
	
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
}

.image_edit_single .label_wrap, 
.image_edit_gallery .label_wrap { font-family:'catamaran-black';}

.thumb_wrap { width:100%; float:left;}

.thumb {
	width:100px;
	height:100px;
	float:left;
	margin:8px 0 0 0;
	
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	overflow:hidden;
}

.thumb.small { 
	width:100%;
    height:106px;
	float:left;
	margin:8px 0 0 0;
}

.thumb.small > img { 
	width:48px;
	float:left;
	
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	overflow:hidden;
}

.thumb.small > small {
	width:79%;
	float:left;
	word-wrap:break-word;
	line-height:1.3em;
	margin:0 0 0 4px;
}

.img_upload_gallery_thumb {}

/* HEADER */
#header { 
	width:290px;
	padding:10px 10px 0 0;
	text-align:right;
	font-size:0.8em;
	position:absolute;
	right:0;
	top:0;
	z-index:999999;
}

#header .meta_button {
	width:auto;
	float:right;
	margin:0;
	color:rgba(232,66,86,1);
	line-height:1.0em;
}

/* LOGIN / LOGOUT */
.log_screen {
	width:100%;
	float:left;
	
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}

.log_frame {
	width:252px;
	height:auto;
	float:left;
	margin:150px 0 0 0;
	padding:24px;
}

.log_frame .logo { width:50%; float:left; margin:20px 25% 44px 25%;}

.disclaimer, .footer {
	width:98%;
	position:fixed;
	bottom:0;
	right:0;
	padding:10px 1%;
	text-align:right;
	font-size:0.8em;
}

/* BACKLINK */
.backlink { width:70%; float:left; margin:20px 0;}
.backlink img { float:left; margin:5px 8px 0 0;}

/* NAV */
#nav {
	width:220px;
	height:100vh;
	float:left;
	padding:0;
}

#nav a.mobilenavicon { display:none;}

#nav:after {
	content:'';
	width:160px;
	height:100vh;
	margin:0 0 0 0px;
	z-index:-4;
	position:absolute;

	background:-ms-linear-gradient(90deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100% );
	background:-webkit-linear-gradient(90deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100% );
	background:-moz-linear-gradient(90deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100% );
	background:-o-linear-gradient(90deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100% );
	background:linear-gradient(90deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100% );
}

#nav .logo { width:32%; float:left; margin:44px 34%;}

#nav .navitems { width:100%; float:left;}
#nav .navitems .m_level_1 {
	width:100%;
	float:left;
	padding:10px 0;
	text-align:center;
	font-size:1.2em;
}

#nav .navitems .m_level_1:hover { background-color:rgba(0,0,0,0.05);} 

/* PANEL */

.panel {
	width:90%;
	max-width:800px;
	float:left;
	padding:24px 5%;
}

/* PWD RECOVERY */
.pwd_screen {
	width:80%;
	float:left;
	margin:40px 10%;
	
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}

.pwd_screen .header { width:100%; float:left;}

.pwd_screen .header .logo { width:200px; float:left;}

/* LISTS */

.list { width:100%; float:left; max-width:1200px;}

.list .toprow,
.list .listrow { width:85%; float:left;}
.list .listrow { margin:4px 0; align-content:stretch; display:flex;}

.list .toprow .col,
.list .listrow .col { float:left; padding:6px 1% 10px 1%; }

.list .listrow .col {border-left:1px solid rgba(0,0,0,0.1); margin-left:-1px;}
.list .listrow .col:nth-of-type(1) { border:0px none; margin:0;}

.list .listrow .col.image { padding:0;}
.list .listrow .col.image img { 
	width:80%;
	margin:5px 10% 5px 10%;
	float:left;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
}

.list .listrow + .editbuttons { width:auto; float:left; margin:11px 0 0 10px;}
.list .listrow + .editbuttons .icon { margin:0px 8px 0 0; width:24px;}

.list.download_pa { margin:40px 0 0 0;}

/* LIST Kurs */
.list.course .col:nth-of-type(1) { width:33%;}
.list.course .col:nth-of-type(2) { width:20%;}
.list.course .col:nth-of-type(3) { width:20%;}
.list.course .col:nth-of-type(4) { width:12%;}
.list.course .col:nth-of-type(5) { width:5%; text-align:center;}

.list.course .col:nth-of-type(1) b {}

/* LIST Teilnehmer */
.list.participant .col:nth-of-type(1) { width:5%; text-align:center;}
.list.participant .col:nth-of-type(2) { width:43%;}
.list.participant .col:nth-of-type(3) { width:36%;}
.list.participant .col:nth-of-type(4) { width:8%; text-align:center;}

/* LIST Organisator */
.list.organiser .col:nth-of-type(1) { width:33%;}
.list.organiser .col:nth-of-type(2) { width:18%;}
.list.organiser .col:nth-of-type(3) { width:43%;}

/* LIST Downloads */
.list.download .col:nth-of-type(1) { width:33%;}
.list.download .col:nth-of-type(2) { width:5%; text-align:center;}
.list.download .col:nth-of-type(3) { width:28%; word-wrap:break-word;}
.list.download .col:nth-of-type(4) { width:18%;}

/* LIST Downloads */
.list.download_pa .col:nth-of-type(1) { width:30%;}
.list.download_pa .col:nth-of-type(2) { width:45%; word-wrap:break-word;}
.list.download_pa .col:nth-of-type(3) { width:19%; text-align:center;}


/* FACT ITEM */
.fact_item_wrap { 
	width:100%;
	float:left;
	outline:1px solid rgba(0,0,0,0.1);
	background-color:rgba(0,0,0,0.05);
	margin:20px 0;
}

.fact_item { width:100%; float:left; border-bottom:1px solid rgba(0,0,0,0.1);}
.fact_item:last-of-type { border:0px none;}

.fact_item .col { width:43%; padding:4px 1%; float:left;}
.fact_item .col:nth-of-type(2) { margin-left:-1px; border-left:1px solid rgba(0,0,0,0.1);}

.fact_item .editbuttons { width:10%; float:left; margin:3px 0 0 0;}
.fact_item .editbuttons .icon { margin:0px 4px 0 0;}

/* CHAPTER ITEM */
.chapter_item_wrap { 
	width:100%;
	float:left;
	outline:1px solid rgba(0,0,0,0.1);
	background-color:rgba(0,0,0,0.05);
	margin:20px 0;
}

.chapter_item { width:100%; float:left; border-bottom:1px solid rgba(0,0,0,0.1);}
.chapter_item:last-of-type { border:0px none;}

.chapter_item  .col.image img { 
	width:80%;
	margin:5px 10% 0 10%;
	float:left;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
}

.chapter_item .col:nth-of-type(1) { width:5%; padding:0; float:left;}
.chapter_item .col:nth-of-type(2) { width:85%; padding:8px 1%; float:left; font-size:1.2em;}

.chapter_item .editbuttons { width:5%; float:left; margin:3px 0 0 0;}
.chapter_item .editbuttons .icon { margin:0px 4px 0 0;}

/* FILE UPLOADER */

.fileuploader_wrap { width:100%; float:left;}
.fileuploader_wrap h3 { width:100%; float:left; margin:24px 0 0 0;}

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

#bars, 
#done, 
.progress { width:100%; float:left;}
.progress { margin:2px 0 0 0;}

.progress .meter {
	float:left;
	background-color:rgba(240,240,240,1);
	font-size:0.8em;
	
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
}

.progress .meter .metertext {
	width:auto;
	float:left;
	margin:0 0 3px 8px;
}

.progress.success .meter {background-color:rgba(73,177,112,1); color:rgba(255,255,255,1);}

/* HELP ITEM */
.help_item {
	width:100%;
	float:left;
	margin:40px 0;
}

.help_item .icon > img { width:80%; margin:10%; float:left;}
.help_item span { width: auto; float:left; margin:2px 0 0 10px;}

/*SELECT ITEM*/

.selectitem {width:100%; float:left; margin:5px 0;}
.selectitem > .checkbox { float:left; width:15px; margin-right:8px;}
.selectitem > .name { margin:0; float:left;}

.selectitem > .name label:hover {cursor:pointer;}

/* MOBILE */
@media screen and (max-width:720px) {
	
	.log_frame { margin-top:10px;}
	
	#header { width:96%; padding:8px 2%; float:right; position:auto; border-bottom:1px solid rgba(0,0,0,0.1);}
	#header .info, #header .meta_button { float:left; line-height:1.0em; margin-right:10px;}
	
	#leftcol {
		width:100%;
		float:left;
		position:inherit;
		min-height:auto;
		top:20px;		
	}
	
	#centertcol {
		left:0;
		top:100px;
	}
	
	#nav {border-bottom:1px solid rgba(0,0,0,0.1)}
	
	#nav, #nav .navinner { width:100%; float:left;}
	#nav .logo {
		width:46px;
		float:left;
		margin:20px 5%;
	}
	
	#nav .navitems { display:none;}
	#nav:after { display:none;}
	
	#nav a.mobilenavicon { display:block;}
	
	#nav:target > .navinner > a.mobilenavicon:nth-of-type(1) {display:none;}
	#nav:not(:target) > .navinner > a.mobilenavicon:nth-of-type(2) {display:none;}
	
	#nav:target .navitems { 
		display:block;
		background-color:rgba(243,244,248,1);
		border-bottom:1px solid rgba(0,0,0,0.1);
		z-index:100;
		position:absolute;
		top:68px;
	}
	
	a.mobilenavicon .close,
	a.mobilenavicon .open {
		width:16px;
		height:16px;
		padding:16px;
		background-color:rgba(0,0,0,1);
		float:right;
		margin:20px 5%;
	}
	
	a.mobilenavicon .close .icon,
	a.mobilenavicon .open .icon { width:100%;}
	
	#centertcol { width:96%; float:left; margin:0px 2%;}
	
	.be_content { width:100%; float:left; margin:0px; padding:0px;}
	
	h1 { font-size:1.5em;}
	
	.list .toprow { display:none;}
	
	.list .listrow { width:100%;}
	.list .listrow + .editbuttons { margin:4px 0px 20px 4px; float:right;}
	
	.formwrap { margin:20px 0; padding:0px 5%;}
	
	.disclaimer { position:relative; bottom:auto; float:left;}
	.footer { display:none;}
	
	/* LIST */
	
	.list .listrow { display:block;}
	
	.list.object .col,
	.list.gallery .col,
	.list.events .col { width:90% !important; border:0px none !important; float:left; margin:0; padding:4px 5%; text-align:left !important;}
	
	.fact_item .col { width:90%; margin:0; padding:2px 5%; border-bottom: 1px solid rgba(0,0,0,0.1);}
	.fact_item .col:nth-of-type(2) { border-left:0px none;}
	.fact_item .editbuttons { width:90%; margin:10px 5%;}
	
	.image_edit_single, .image_edit_gallery { width:90%}
	
	.list .listrow .col.image img { width:25%; margin:20px 5% 5px 5%;}
		
}



/* datetime input */
.datetime_input div { display:inline-block; float:left; }
.datetime_input .formlabel { width:10em; }
.datetime_input .forminput { width:30em;}
.datetime_input .forminput input {  }
.datetime_input .forminput input[type="date"] { width:10em; margin-right:0.5em; }
.datetime_input .forminput input[type="time"] { width:6em; }


/* show_fe switch button */
.labelwrap { width:auto; float:left; width:44px;}
.labelwrap > input.hidden { display:none;}

.labelwrap > label.publ_bto {
	width:40px;
	height:24px;
	margin:2px 0 0 0;
	float:left;
	border:1px solid rgba(0,0,0,0.1);
	background-color:rgba(245,245,245,1);
	
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	-ms-border-radius:12px;
	-o-border-radius:12px;
}

.labelwrap > label.publ_bto:hover { cursor:pointer;}
.labelwrap > label .circle {
	width:20px;
	height:20px;
	margin:1px;
	float:left;
	background-color:rgba(255,255,255,1);
	border:1px solid rgba(0,0,0,0.1);
	
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
}

.labelwrap > label + span {display:none;}
.labelwrap > input.publish_stat:checked + label.publ_bto {background-color:rgba(0,154,208,1);}

.labelwrap > input.publish_stat:checked + label > .circle {
	float:right;
	border:1px solid rgba(0,0,0,0);
	transform:scale(0.9);
	-webkit-transform:scale(0.9);
	-moz-transform:scale(0.9);
	-ms-transform:scale(0.9);
	-o-transform:scale(0.9);
}

.labelwrap > input.publish_stat:checked + label + span {
	display:block;
	width:100%;
	float:left;
	margin:4px 0 0 0;
	text-align:center;
	font-size:0.7em;
    line-height: 1.1em;
	color:rgba(0,154,208,1);
}

/* TEXTAREA WYSIWYG */

.tox.tox-tinymce { height:auto !important; min-height:20vh !important;}