/* ------------------------------- */
/* Font */
body, h1, h2, h3, h4, textarea, select, option, input, button, .select2-results__option, .select2-container--default .select2-selection--single .select2-selection__rendered
	{ font-family: 'Nunito Sans', Arial, sans-serif; }



/* ------------------------------- */
/* layout */
#head_logo > .inside { padding-left: 0; }
#logo { margin-left: 0; width: auto; }
#logo span { display: block; }
#logo .logo { font-size: 24px; font-weight: 700; margin-bottom: 12px; }
#logo .slogan { margin-bottom: 12px; }
#footer { padding-bottom: 300px; }
#main { padding-bottom: 36px; }
/*
#container .ce_main { margin-bottom: 0; }
#container .ce_headline.main { /padding-bottom: 12px; margin-bottom: 0; } 
#container .ce_text.main { padding-bottom: 12px; padding-top: 12px; margin-bottom: 0; }
*/
.page_home #main { padding-top: 0; }


/* ------------------------------- */
/* colors */
*:focus { text-decoration: underline; }
a.fa:focus { border-bottom: 1px solid #f90; text-decoration: none; }

#share { display: none; }

body { background: #333; color: #000; }
#wrapper { background: #fff; color: #000; }
/* #footer { background: #137; color: #fff; } */

#header { }
	#head { background: #333; }
	#head_top { background: transparent; }
	#head_logo { background: transparent; }
	#head_menu { background: #333; }

	#cs > div { background: #ba9; color: #000; }
	#c_menu.opening, #c_menu.open { background: #ba9; }
#container {  background: #ffffff; }
#footer { background: #333; }

a { color: #f90; color: #ba9; }
a:hover { color: #ba9; color: #f90;  }
	#head a { color: #fff; }
	#footer a { color: #fff; }
	#footer a:hover { color: #ba9; color: #f90; }
	#totop a { color: #ba9; } color: #ba9;
	#totop a:hover { color: #000; color: #f90; }

	#header a.close { color: #fff; }
	#header a.close:hover { color: #f90; }

	#buttons a { color: #fff; }
	#buttons a:hover { color: #f90; }

	.langswitch .active a { color: #888; }
	
	#fontsel b:before { color: #f90; }
	#fontsel a:hover b:before { color: #ba9; }
	#fontsel a:focus b:before { text-decoration: underline;  }
	.normalfont #fontsel a.normalfont b:before { color: #888; }
	.medfont #fontsel a.medfont b:before { color: #888; }
	.bigfont #fontsel a.bigfont b:before { color: #888; }

	.ce_breadcrumbs a { color: #aaa; }
	.ce_breadcrumbs a:hover { color: #f90; }
	
	.colored a { color: #654; }
	.colored a:hover { color: #c60; }
	.ce_list .image a { color: #654; }
	.ce_list .image a:hover { color: #c60; }

button { border: 0; background: none; }
button span { background: #f90; background: #ba9; border: 1px solid #fff; color: #fff; }
button span:hover { background: #ba9; background: #f90; color: #fff; }

a.button { border: 0; background: none; }
a.button span { background: #f90; background: #ba9;border: 1px solid #fff; color: #fff; }
a.button span:hover { background: #ba9; background: #f90; color: #fff; }

.ce_list h3 a { color: #000; }
.ce_list a { color: #ba9; }
.ce_list a:hover { color: #f90; }
.ce_list a:focus { color: #f90; }
.ce_list .more a { color: #ba9; }
.ce_list .more a:hover { color: #f90; }


/** main menu */
#mainmenu .level_1 > li { padding-right: 20px; margin-right: 0; }
#mainmenu li a { padding: 8px 0 8px 0; border-bottom: 4px solid #333; }
#mainmenu li a
	{ background: transparent; color: #fff; text-transform: uppercase; }
#mainmenu li a:hover, #mainmenu li a.active, #mainmenu li a.trail, #mainmenu li.open > a
	{ background: #333; color: #fff; border-bottom: 4px solid #eee; }
#mainmenu ul.level_2 li a
	{ background: #eee; color: #000; border-bottom: 1px solid #fff; }
#mainmenu ul.level_2 li:first-child a
	{ border-top: 0; }
#mainmenu ul.level_2 li a:hover, #mainmenu ul.level_2 li a.active, #mainmenu ul.level_2 li a.trail 
	{ background: #333; color: #fff; }


/* mobile menu / cs menus */
#head div.open nav li a
	{ background: transparent; color: #fff; border-bottom: 1px solid #fff; text-transform: uppercase; }
#head div.open nav li a:hover, #head div.open nav li a.active, #head div.open nav li a.trail, #head div.open nav li.open > a
	{ background: transparent; color: #000; }
#head div.open nav ul.level_2 li a
	{ background: transparent; color: #fff;  }
#head div.open nav ul.level_2 li:first-child a
	{ border-top: 0; }
#head div.open nav ul.level_2 li a:hover, #head div.open nav ul.level_2 li a.active, #head div.open nav ul.level_2 li a.trail, #head div.open nav ul.level_2 li.open > a
	{ background: transparent; color: #000; }

#mainmenu li.submenu > a > span:after { content: "+"; display: inline-block; padding-left: 4px; margin-left: 4px; line-height: 16px; width: 12px; }
#mainmenu li.submenu.open > a > span:after { content: "-";  }

/* ------------------------------- */
/* menus */
#mainmenu li a { text-transform: none;  }
#head div.open nav li a { text-transform: none;  }
#head div.open nav li a { padding-left: 0; }

#mainmenu li { z-index: 1; }
#mainmenu li.open { z-index: 1000; }
/*
#mainmenu li a { z-index: 1; display: block; position: relative; }
#mainmenu .ul { z-index: 10; }
#mainmenu .ul li a, #mainmenu .ul ul, #mainmenu .ul li { z-index: 10; }
*/

/* ------------------------------- */
/* misc */
.colored { background: #ba9; }
.dark { background: #888888; }
	.dark > * { color: #ffffff; }
.gloomy { background: #444444; }
	.gloomy > * { color: #ffffff; }
.highlight { color: #ff8800; }
.light { background: #eeeeee; }
.white { background: #fff; }


h1, p.h1 { font-weight: 700; }
h2, p.h2 { font-weight: 700; }
h3, p.h3 { font-weight: 700; }
h4, p.h4 { font-weight: 700; }

/* ------------------------------- */
/* lists */

.ce_list.listsubtype_alwaysimage { border-bottom: 1px solid #ba9; }
.ce_list.listsubtype_alwaysimage .item { margin-bottom: 1px; border-top: 1px solid #ba9; }
.ce_list.listsubtype_alwaysimage .headline { padding-top: 12px; }

.ce_list .item { padding: 0; background: none; }
.ce_list .item .content { clear: left; }

.ce_list .item.hasimg > .inside { overflow: hidden; padding-right: 300px; }
.ce_list .item.hasimg > .inside > .image { background: #ba9; padding: 24px 24px 524px 24px; margin-bottom: -500px; width: 300px; margin-right: -300px; }

.ce_list .item.hasimg > .inside > .content { padding-bottom: 24px; }
.ce_list .item.hasimg figure { margin-bottom: 12px; }
.ce_list .item.hasimg figure.portrait img { height: 100%; max-height: 200px; width: auto; margin: 0 auto; }
.ce_list .item.hasimg figure.quadratic img { height: 100%; max-height: 200px; width: auto; margin: 0 auto; }

.ce_list .headline, .ce_list .content { padding-right: 24px; }
.ce_list .item.hasimg .headline { float: left; width: 100%; }

.ce_list.type_articles .meta { display: none; }
.ce_list.type_articles .more { display: none; }

.section_1232 .ce_list.type_articles .meta { display: block; }

.ce_list.cols .item.hasimg > .inside { overflow: visible; }
.ce_list.cols .item.hasimg > .inside > .image { background: none; padding: 0 0 12px 0; margin-bottom: 0; width: calc(100% + 48px); margin-right: 0; }
.ce_list.cols .item.hasimg > .inside > .image figure img { height: auto; max-height: none; width: auto; }
.ce_list.cols .item.hasimg .headline { float: none; width: 100%; }

/*
.section_1232 .ce_list.type_articles .item.hasimg > .inside > .image { background: none; padding: 0 0 12px 0; width: calc(100% + 48px); }
*/

/*
.equal > .inside { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; margin: 0 -12px 0 -12px; } 
*/
@media screen and (max-width: 840px) {
	#wrapper div.cols.col3 > .inside > div { width: calc(50% - 24px);  }
	#wrapper div.cols.col3 > .inside > div:nth-child(odd) { clear: both; }
}
@media screen and (max-width: 640px) {
	.ce_list .item.hasimg > .inside { padding: 0; }
	.ce_list .item.hasimg > .inside > .image { padding: 24px; margin-bottom: 12px; width: 100%; margin-right: 0; }
	
	#wrapper div.cols.col3 > .inside > div { width: calc(100% - 24px);  }
}


/* ------------------------------- */
/* page / main */
.ce_image.main { width: 324px; float: right; padding: 0 0 12px 24px; }
.ce_image.main figure { margin-bottom: 12px; }
.ce_image.main > .inside { padding: 24px; background: #ba9; }
.ce_image.main.landscape { width: 400px; float: right; padding: 0 0 12px 24px; }

@media screen and (max-width: 640px) {
	#container .ce_image.main { width: 100%; padding-left: 0; }
}


.page_article p.meta { display: none; }
.page_article.parent_1355 p.meta { display: block; }

/* ------------------------------- */
/* misc CEs */
#debug { display: none; }

.ce_prevnext .label { display: none; }


.id_1 .ce_text.main { padding-top: 100px; }
/*
.id_1 .ce_image.main { float: left; padding: 0 24px 12px 0; }
*/
.bc { margin-top: 12px; margin-bottom: 12px; }
.id_1 .bc { display: none; }
.id_1 .ce_breadcrumbs { display: none; }
#container #main .ce_breadcrumbs:after { display: block; clear: both; }


figure.align_right { width: 300px; }
figure.align_left { width: 300px }
@media screen and (max-width: 640px) {
	figure.align_left { width: auto; float: none; margin-right: 0;  }
	figure.align_right { width: auto;  display: block; float: none; margin-left: 0;  }
	
	.id_1 .ce_text.main { padding-top: 0; }
}

#cookies_ok a { color: #f90; }


@media screen and (max-width: 1040px) {
	/* 600 */
	
	/* breakpoint menu */
	#o_menu { display: block; }
	#c_menu { display: none; overflow: hidden; clear: both; }
	#c_menu.opening, #c_menu.open { display: block; }
	#c_menu { margin-left: -1000px; margin-right: -1000px;  } /* see  logowidth: -1000 - logomargin */
	#head_logo #c_menu { margin-left: -1220px; margin-right: -1000px;  } /* see  logowidth: -1000 - logomargin */
	body#top #head .mobile { display: block; }
	/*
	#head_logo #head_menu { clear: both; }
	*/
	
}