/*!
css 
(c) 2019 webdecker.de
author: i.decker, www.webdecker.de
date: 2019-12-02, 2020-01, 2020-02...
*/

/* -------------------------------------- */
/* Basics, reset */
/* -------------------------------------- */
body { background: #e7f3cf; background: #F9FBE6; color: #000000; padding: 0; margin: 0; }
/*  #eeeeee  #d9e4c2  */

div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea { margin: 0; padding: 0; }
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td { text-align: left; vertical-align: top; }
abbr, acronym { font-variant: normal; border-bottom: 1px dotted #666; cursor:help; }
blockquote, q { quotes: none; }
fieldset, img { border:0; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
del { text-decoration: line-through; }
ins { text-decoration: none; }
hr { border: 0; border-top: 1px solid #dddddd; }

div, section, aside, nav { display: block; position: relative; box-sizing: border-box; }
p { display: block; position: relative; padding-bottom: 10px; }

img { max-width: 100%; height: auto; }
img.left { max-width: 50%; display: block; float: left; margin-right: 10px; margin-bottom: 10px; }
img.right { max-width: 50%; display: block; float: right; margin-right: 10px; margin-bottom: 10px; }
figure { max-width: 100%; display: block; position: relative; }
figure img { display: inline-block; /* margin: 0 auto 0 auto; */ }
figure a { display: inline-block; /* margin: 0 auto 0 auto; */ }
figcaption { box-sizing: border-box; padding: 8px 12px 8px 12px; color: #888888; /*  background: #eeeeee;  */ }
figure.float_right { float: right; margin: 0 0 16px 16px; max-width: 40%; }
figure.float_left { float: left; margin: 0 16px 16px 0; max-width: 40%; }

figure.float_right figcaption { padding-left: 0; }
figure.float_left figcaption { padding-right: 0; }

#lb_sw img { max-width: none; }

.clear, .clearfix { clear: both; display: block; }

body#top .invisible { display: none; }
body#top .mobile { display: none; }
body#top .nomobile { display: block; }
body#top .printblock { display: none; }
body#top .printinline { display: none; }
body#top .screenblock { display: block; }
body#top .screeninline { display: inline; }


/* -------------------------------------- */
/* Fonts */
/* -------------------------------------- */
body { font-family: "Open Sans", Lato, Trebuchet MS, Helvetica, Arial, sans-serif; font-weight: normal; font-size: 15px; line-height: 22px; font-weight: 400; }
.select2-results__option, .select2-container--default .select2-selection--single .select2-selection__rendered,
input { font-family: "Open Sans", Lato, Trebuchet MS, Helvetica, Arial, sans-serif; font-weight: normal; font-size: 15px; line-height: 22px; color: #000; }
textarea, select, option, button { font-family: "Open Sans", Lato, Trebuchet MS, Helvetica, Arial, sans-serif; font-weight: normal; font-size: 15px; line-height: 22px; color: #000; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; }

body.fontsize_big { font-size: 18px; line-height: 25px; }
body.fontsize_huge { font-size: 21px; line-height: 27px; }

body.fontsize_big #mainmenu li a { font-size: 18px; line-height: 22px; }
body.fontsize_huge #mainmenu li a { font-size: 20px; line-height: 22px; }

body.fontsize_big .select2-container--default .select2-selection--single .select2-selection__rendered,
body.fontsize_big .select2-results__option { font-size: 18px; line-height: 22px; }
body.fontsize_big input, 
body.fontsize_big textarea,
body.fontsize_big select,
body.fontsize_big option,
body.fontsize_big button { font-size: 18px; line-height: 22px; }
body.fontsize_big .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; }

body.fontsize_huge .select2-container--default .select2-selection--single .select2-selection__rendered,
body.fontsize_huge .select2-results__option { font-size: 18px; line-height: 22px; }
body.fontsize_huge input,
body.fontsize_huge textarea,
body.fontsize_huge select,
body.fontsize_huge option,
body.fontsize_huge button { font-size: 18px; line-height: 22px; }
body.fontsize_huge .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; }


.fa,
#momenu a.submenu:after,
a.toggle:after, div.toggler:after, a.search, 
#container ul li:before,
#submenu li a:before,
#momenu li a:before,
.ce_text a:before,
.download-element a:before,
a.more:before, p.more a:before,
p.back a:before,
#info_o a:after,
xxx
	{ font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

a { text-decoration: none; }
a:hover { text-decoration: none; }
a:hover img { opacity: 0.8; }
#header a { text-decoration: none; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
nav a { text-decoration: none; }
.ce_text a { text-decoration: underline; display: inline-block; padding-left: 1em; } /* color: #0088ff;  */
.ce_text a:before { display: inline-block; content: '\f30b'; margin-left: -1em; width: 1em; }
.ce_text figure a { text-decoration: none; display: inline-block; padding: 0; margin: 0; }
.ce_text figure a:before { display: none; }
.ce_text > .inside > * { position: relative; z-index: 1; }
.ce_text > .inside > figure { position: relative; z-index: 2; }
.widget a { text-decoration: underline;  }
/*
h1 { font-size: 200%; line-height: 130%; margin: 0 0 1ex 0; font-weight: 700; color: #3d662f; }
h2 { font-size: 180%; line-height: 130%; margin: 0 0 1ex 0; font-weight: 700; color: #3d662f; }
h3 { font-size: 150%; line-height: 130%; margin: 0 0 1ex 0; font-weight: 700; color: #3d662f; }
h4 { font-size: 110%; line-height: 130%; margin: 0 0 1ex 0; font-weight: 700; color: #3d662f; }
*/
h1 { font-size: 32px; line-height: 40px; margin: 0 0 1ex 0; font-weight: 700; color: #3d662f; }
h2 { font-size: 24px; line-height: 30px; margin: 0 0 1ex 0; font-weight: 700; color: #3d662f; }
h3 { font-size: 22px; line-height: 28px; margin: 0 0 1ex 0; font-weight: 700; color: #3d662f; }
h4 { font-size: 18px; line-height: 22px; margin: 0 0 1ex 0; font-weight: 700; color: #3d662f; }
h5 { font-size: 16px; line-height: 22px; margin: 0 0 1ex 0; font-weight: 700; color: #3d662f; }

.wrapper > .header h1 { margin: 0; color: #fff; font-size: 26px; line-height: 30px; }
.wrapper > .header h2 { margin: 0; color: #fff; font-size: 22px; line-height: 26px; }
.wrapper > .header h3 { margin: 0; color: #fff; font-size: 20px; line-height: 24px; }
.wrapper > .header h4 { margin: 0; color: #fff; font-size: 18px; line-height: 22px; }
.wrapper > .header h5 { margin: 0; color: #fff; font-size: 16px; line-height: 22px; }


div.toggler { font-size: 22px; line-height: 28px; margin: 0 0 1ex 0; font-weight: 700; }
.h2 div.toggler { font-size: 26px; line-height: 32px; margin: 0 0 1ex 0; font-weight: 700; }
.h4 div.toggler { font-size: 18px; line-height: 22px; margin: 0 0 1ex 0; font-weight: 700; }

#footer-columns h1, #footer-columns h2, #footer-columns h3 { color: #fff; }

h1 a, h2 a, h3 a, h4 a { color: inherit; }
strong { font-weight: 700; }


/* -------------------------------------- */
/* Colors */
/* -------------------------------------- */
a { color: #3d662f; } /*    3d662f */
a:hover { color: #679bc3; }
#momenu_o a:hover i { background: #3d662f; }
#momenu_o a:hover b { color: #3d662f; }


#footer-columns a { color: #fff; }

mark, .highlight, .confirm { color: #ff0000; background: transparent; font-style: italic; font-weight: bold; }


/* Colors for each section... */
/*
#mainmenu li a.aktuell:hover { color: #ff0000; }
#mainmenu li a.aktuell.active, #mainmenu li a.aktuell.trail { color: #ff0000; }
.aktuell .wrapper > .header { background: #ff0000; color: #ffffff; }
.aktuell #submenu ul li a { color: #ff0000; }
.aktuell .teaser > h3 { border-bottom: 2px solid #ff0000; }

#mainmenu li a.soziales:hover { color: #008800; }
#mainmenu li a.soziales.active, #mainmenu li a.soziales.trail { color: #008800; }
.soziales .wrapper > .header { background: #008800; color: #ffffff; }
.soziales #submenu ul li a { color: #008800; }
.soziales .teaser > h3 { border-bottom: 2px solid #008800; }
*/


/* -------------------------------------- */
/* Icons */
/* -------------------------------------- */

div.toggler:after,
a.toggle:after { content: "\f078"; display: inline-block; padding-left: 4px; margin-left: 4px; }
div.toggler.open:after,
a.toggle.open:after { content: "\f077";  }

a.search:after { content: "\f002";  display: inline-block; padding-left: 4px; margin-left: 4px; }
a.search.open:after { content: "\f002"; }
a.search span { display: none; }

#info_o a:after { content: "\f129";  }
#info_o a span { display: none; }


#momenu_o a.toggle:after { content: ''; display: none; }
#read a.toggle:after { content: ''; display: none; }
#momenu a.submenu:after { content: "\f078"; display: inline-block; padding-left: 4px; margin-left: 4px; }
#momenu a.submenu.open:after { content: "\f077"; }

p.back a:before { content: '\f137'; display: inline-block; padding-right: 6px;  }

/*
#container li > a:before,
#container p a:before, */
xxx 
	 { content: '\f30b'; display: inline-block; margin-right: 6px; }


/* -------------------------------------- */
/* Layout */
/* -------------------------------------- */

/* general, sizes */

#container, .w, .fullsize #main .mod_article > div, .fullsize div.fullsize.w > .inside > div { width: 100%; max-width: 1080px; margin-left: auto; margin-right: auto; }
.fullsize #container { width: 100%; max-width: none; }
.fullsize #main .mod_article > div.fullsize { max-width: none; width: 100%;  }

#container .mod_article > div { margin-bottom: 32px; }
#container .layout_full > .block { margin-bottom: 32px; }

#wrapper #container .mod_article  div.nospace {  margin-bottom: 0; }

#container .mod_article > div:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; height: 0;  }
#wrapper #container .mod_article  div.nospace:after {  margin-bottom:  0; }


#wrapper {  }

#header { width: 100%; z-index: 1000; }
	#header > .inside { z-index: 1000; }
	#header > .inside { }
		#stickybar_w { padding-top: 150px; }
	#stickybar { z-index: 1000; width: 100%; padding: 12px 0 0 0; box-shadow: 0px 3px 3px #999999; position: absolute; left: 0; top: 150px; margin-top: -150px; background: #d9e4c2; }
		/*
		#stickybar { transition: margin 0.5s ease; -webkit-transition: margin 0.5s ease; -moz-transition: margin 0.5s ease; }
		*/
		#stickybar_w:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
		#stickybar.sticky { position: fixed; left: 0; top: 0; opacity: 0.95; margin-top: 0; }
	#header .logobar:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; margin-top: 0; }
	#header .logobar { padding-bottom: 12px; } 
		#logo { float: left; }
		#logo a { display: block; }
		#logo img { display: block; }
		#topbuttons { float: right; }
		#topbuttons > div { float: left; }
		#info_o { margin-left: 12px; }
			#info_o p { font-size: 16px; line-height: 20px; padding: 0; margin: 0 0 4px 0; }
			#info_o a { display: inline-block; font-size: 32px; line-height: 43px; box-sizing: border-box; width: 48px; height: 48px; background: #fff; border: 1px solid #333; text-align: center; }
			#info_o a:focus { background: #555; color: #fff;  }
			#info_o a:after { display: inline-block;   }
		#search_o { margin-left: 12px; }
			#search_o p { font-size: 16px; line-height: 20px; padding: 0; margin: 0 0 4px 0; }
			a.search { display: inline-block; font-size: 32px; line-height: 43px; box-sizing: border-box; width: 48px; height: 48px; background: #fff; border: 1px solid #333; }
			a.search:focus { background: #555; color: #fff; }

		#fontsize { margin-left: 48px; }
		.fontsize > p { font-size: 16px; line-height: 20px; padding: 0; margin: 0 0 4px 0; }
		.fontsize a { display: inline-block; width: 48px; height: 48px; box-sizing: border-box; text-align: center; background: #fff; border: 1px solid #333; vertical-align: middle; }
		.fontsize a span { display: none; }
		.fontsize a:focus { background: #555; color: #fff;  }
		.fontsize a.normal { font-size: 16px; line-height: 43px; font-weight: bold; }
		.fontsize a.big { font-size: 24px; line-height: 43px;  }
		.fontsize a.huge { font-size: 32px; line-height: 43px;  }
		.fontsize_big .fontsize a.normal { font-weight: normal; }
		.fontsize_big .fontsize a.big { font-weight: bold; }
		.fontsize_huge .fontsize a.normal { font-weight: normal; }
		.fontsize_huge .fontsize a.huge { font-weight: bold; }

	#header .menubar { background: #ffffff; padding: 8px 0 8px 0; }
		#header .menubar:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; margin-top: 0; }
	#mainmenu {  }
		.sticky #mainmenu {  }
	#momenu_o { float: right; margin-left: 12px; display: none; }
		#momenu_o p { font-size: 16px; line-height: 20px; padding: 0; margin: 0 0 4px 0; }
		#momenu_o:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; height: 0px; display: block; clear: both; content: ""; font-size: 0; line-height: 0; height: 0px; }
			#momenu_o a { float: right; display: block;  }
			#momenu_o span { display: block; font-size: 64px; line-height: 28px; box-sizing: border-box; width: 48px; height: 48px; padding: 8px; background: #fff; border: 1px solid #333; color: #3d662f; text-align: center; }
			#momenu_o i { display: block; height: 6px; background: #3d662f; margin-bottom: 6px; }
			#momenu_o b { display: none; }
			#momenu_o a.open i { display: none;  }
			#momenu_o a.open b { display: block; margin-left: -3px; }
			
			#momenu_o a:focus span { background: #555; color: #fff; }
			#momenu_o a:focus i { background: #fff; } 
			#momenu_o a:focus b { color: #fff; } 
			
	#momenu_w { display: none; clear: both; background: #ffffff; }
	#momenu { display: none; }
	.jsgo #momenu { display: block; }
		#momenu nav { padding: 24px 0 24px 0; }
		
	#mofontsize { margin-top: 48px; }
	
	#header div.close { text-align: center; }
	#header a.close { display: inline-block; width: 38px;  height: 38px; box-sizing: border-box; text-align: center; }
	#header a.close b { display: block; font-size: 38px; line-height: 38px; }
	
	#headsearch { background: #49494f; color: #fff; }
		#headsearch > .inside { padding-top: 48px; padding-bottom: 24px; }
		#headsearch a.close { color: #fff; }
		
#container { clear: both; z-index: 1; }
	#container { padding-left: 300px; }
	.fullsize #container { padding-left: 0; }
	#container:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
	
	#left { width: 300px; margin-left: -100%; float: left; left: -300px; }
		#left > .inside { padding: 32px 32px 32px 0; }
	.fullsize #left { display: none; }
	
	/* 
	#left:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
	*/

	#submenu { margin-bottom: 24px; }

	#right { display: none; }
	
	#main { float: left; width: 100%; }
		#main > .inside { padding-top: 32px;  }
		/* .fullsize #main { padding-top: 0; } */
	.fullsize #main { float: none; clear: both; }
	/*
	#main:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
	*/
	
	
#footer { clear: both; z-index: 2; }
	#footer-support { background: #aebfa9; background: #efefef; }
		#footer-support > .inside { padding-top: 32px; padding-bottom: 32px; }
	#footer-columns { background: #49494f; color: #ffffff; }
		#footer-columns > .inside { padding-top: 24px; padding-bottom: 48px; }
	
	
	#footer-copy { padding-bottom: 224px; padding-top: 24px; border-top: 1px solid #eeeeee; }
		#copy { float: left; }
		#footer-copy >.inside { display: table; }
		#footer-copy nav { float: right; }

#totop { position: fixed; bottom: 0; right: 0; text-align: center; background: rgba(255,255,255,0.5); z-index: 10000; }
#read { position: fixed; bottom: 0; left: 0; text-align: center; z-index: 10000; }
#totop:hover { background: rgba(255,255,255,1); }
#read:hover { background: rgba(255,255,255,1); }

#totop a, 
#read > a { display: block; box-sizing: border-box; font-size: 24px; line-height: 24px; width: 40px; height: 40px; padding: 8px; }
/*
#read > a { z-index: 10000; position: relative; background: rgba(255,255,255,0.5); }
#readframe { z-index: 1; position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.5); width: 319px; } 
#readframe > div { margin: 12px 12px 52px 12px; z-index: 1; overflow: hidden; min-height: 150px; }
#readframe .rsbtn_exp_inner { display: block; height: auto; background: #fff; }
#readframe .rsbtn_exp_inner:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
#readframe .rsbtn_play { float: none; }
#readframe .rs-player-loadindicator { left: 0 !important; }
*/
/* -------------------------------------- */
/* Lists */
/* -------------------------------------- */
ul, ol { margin-top: 10px; margin-bottom: 10px; }
li { margin-left: 16px; }
ul ul { margin-top: 8px; margin-bottom: 8px; }

.teaser ul, .teaser li { list-style: none; margin-left: 0; }
.teaser li li { margin-left: 16px; }
a.more { border-top: 1px solid #ddd; display: block; padding: 8px 0 0 0; }
a.more:before { content: '\f0da'; display: inline-block; width: 16px; font-size: 22px; vertical-align: top; color: #3d662f; margin: 0; }
a.more { cursor: pointer; }

p.more a { display: block; font-weight: bold; }
p.more a:before { content: '\f0da'; display: inline-block; width: 16px; font-size: 22px; vertical-align: top; color: #3d662f; margin: 0; }
p.more a { cursor: pointer; }



#container ul li { list-style: none; margin-left: 0; padding-left: 16px; margin-bottom: 8px; }
#container ul li:before { content: '\f0da'; display: inline-block; width: 16px; margin-left: -16px; font-size: 22px; vertical-align: top; color: #3d662f; }



#submenu ul li { padding-left: 0; }
#submenu ul li:before { display: none; }
#submenu li a { display: block; padding-left: 28px; }
#submenu li a:before { content: '\f0da'; display: inline-block; width: 16px; margin-left: -16px; font-size: 22px; vertical-align: top; color: #3d662f; }

#momenu li a { display: block; padding-left: 28px; }
#momenu li a:before { content: '\f0da'; display: inline-block; width: 16px; margin-left: -16px; font-size: 22px; vertical-align: top; color: #3d662f; }

#header ul { display: block; position: relative; overflow: hidden; list-style-type: none; margin: 0; padding: 0; }
#header li { display: block; float: left; margin: 0; padding: 0; }

#footer ul { display: block; position: relative; overflow: hidden; list-style-type: none; margin: 0; padding: 0; }
#footer li { display: block; float: left; margin: 0; padding: 0; }

.mod_breadcrumb { margin-bottom: 24px; font-size: 90%; }
.mod_breadcrumb ul { display: block; position: relative; overflow: hidden; list-style-type: none; margin: 0; padding: 0; }
.mod_breadcrumb li { display: inline-block; margin: 0 12px 0 0; padding: 0; }

#container .mod_breadcrumb li.first { padding-left: 0; }
#container .mod_breadcrumb li.first:before { display: none; }


.pagination { clear: both; padding: 12px 0 24px 0; text-align: center; }
.pagination ul { display: block; position: relative; overflow: hidden; list-style-type: none; margin: 0; padding: 0; }
.pagination li { display: inline-block; margin: 0 4px 12px 4px; text-align: center; }
#container .pagination li:before { display: none; }
.pagination a, .pagination li > span { display: block; padding: 8px; border: 1px solid #999; background: #fff; min-width: 38px; box-sizing: border-box; }
.pagination li > span { color: #000000; font-weight: bold; }

.pagination .current { background-color: #3d662f; color: #ffffff; }
.pagination a:hover { background-color: #3d662f; color: #ffffff; }


/* -------------------------------------- */
/* Wrappers */
/* -------------------------------------- */

#wrapper .col2  { overflow: hidden; }
#wrapper .col3  { overflow: hidden; }
#wrapper .col4  { overflow: hidden; }

#wrapper .col2 > .inside { margin-left: -12px; margin-right: -12px; }
#wrapper .col3 > .inside { margin-left: -12px; margin-right: -12px; }
#wrapper .col4 > .inside { margin-left: -12px; margin-right: -12px; }

#wrapper .col2 > .inside:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
#wrapper .col3 > .inside:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
#wrapper .col4 > .inside:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }

#wrapper .col2 > .inside > div:nth-child(odd) { clear: both; }
#wrapper .col3 > .inside > div:nth-child(3n+1) { clear: both; }
#wrapper .col4 > .inside > div:nth-child(4n+1) { clear: both; }

#wrapper .col2 > .inside > div { width: calc(50% - 24px); float: left;  margin: 0 12px 24px 12px; overflow: hidden; }
#wrapper .col3 > .inside > div { width: calc(33.3% - 24px); float: left;  margin: 0 12px 24px 12px; overflow: hidden; }
#wrapper .col4 > .inside > div { width: calc(25% - 24px); float: left;  margin: 0 12px 24px 12px; overflow: hidden; }

.flexi > .inside { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; margin: 0 -12px 0 -12px; } 
.equal > .inside { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; margin: 0 -12px 0 -12px; } 


/* -------------------------------------- */
/* Menus */
/* -------------------------------------- */

/* main menu desktop */
#mainmenu li a { display: block; padding: 4px 12px 4px 12px; margin-right: 1px; font-size: 105%; text-transform: uppercase; font-weight: bold; }
#mainmenu li a:hover { color: #888888; text-decoration: underline; background: #3d662f; color: #fff; text-decoration: none; }
#mainmenu li a:focus { background: #555; color: #fff;  }
#mainmenu li a.active, #mainmenu li a.trail { color: #888888; text-decoration: underline; background: #3d662f; color: #fff; text-decoration: none;}
#mainmenu li a.active:focus, #mainmenu li a.trail:focus { background: #555; color: #fff;  }

#submenu ul { margin: 0; }
#submenu ul li { margin-bottom: 0; }
#submenu li a { background: #a6d283; color: #000; font-weight: bold; padding-top: 8px; padding-bottom: 8px; margin-bottom: 8px; border: 1px solid transparent; }
#submenu .level_1 > li > a { text-transform: uppercase; }
#submenu li a.active { background: #3d662f; color: #fff; background: #fff; color: #000;  border-color: #3d662f; }
#submenu li a.active:before { color: #fff; color: #000;  }
#submenu li a.trail { border-color: #3d662f; }
#submenu li a.trail:before {  }
#submenu li li a { padding-left: 44px; background: #d9e4c2; }
#submenu li li li a { padding-left: 60px; background: #d9e4c2; }
#submenu li li a.active { background: #fff; color: #000;  border-color: #3d662f; }
#submenu li li a.active:before { color: #000; color: #000; }
#submenu li li a.trail { border-color: #3d662f; }
#submenu li li a.trail:before {  }
#submenu ul li a:hover {  background: #3d662f; color: #fff; background: #fff; color: #000; border-color: #3d662f; }
#submenu ul li:hover a:before { color: #000;  }
#submenu ul ul { margin: 0; }

#submenu li a:focus { background: #555; color: #fff; }
#submenu li a.active:focus { background: #555; color: #fff; }
#submenu li a.trail:focus { background: #555; color: #fff; }
#submenu li li a:focus { background: #555; color: #fff; }
#submenu li li a.active:focus { background: #555; color: #fff; }
#submenu li li a.trail:focus { background: #555; color: #fff; }

/*
#3d662f   #a6d283  #d9e4c2
*/


/* mobile menu */

#momenu li { float: none; }
#momenu li a { background: #a6d283; color: #000; font-weight: bold; padding-top: 8px; padding-bottom: 8px; }
#momenu .level_1 > li > a { text-transform: uppercase; }
#momenu li a.active, #momenu li a.trail { background: #3d662f; color: #fff; }
#momenu li a.active:before, #momenu li a.trail:before { color: #fff; }
#momenu li li a { padding-left: 44px; background: #d9e4c2; }
#momenu li li li a { padding-left: 60px;  }
#momenu li li li li a { padding-left: 76px;  }
#momenu li li a.active, #momenu li li a.trail { background: #fff; color: #000; }
#momenu li li a.active:before, #momenu li li a.trail:before { color: #000; }
#momenu ul li a:hover {  background: #3d662f; color: #fff; }
#momenu ul li:hover a:before { color: #000;  }
#momenu ul ul { margin: 0; }

#momenu li a:focus { background: #d6f2b3; }
#momenu li a.active:focus, #momenu li a.trail:focus { background: #6d965f; color: #fff; }
#momenu li li a.active:focus, #momenu li li a.trail:focus { background: #eee; color: #000; }

#momenu li a:focus { background: #555; color: #fff;  }
#momenu li a.active:focus, #momenu li a.trail:focus { background: #555; color: #fff;  }
#momenu li li a.active:focus, #momenu li li a.trail:focus { background: #555; color: #fff;  }



/* footer menu */
#footermenu li { padding-bottom: 8px;}
#footermenu li a { padding-left: 32px;  color: #000;   }
#footermenu li a:focus { background: #555; color: #fff; }

/* footer service menu */
#footer-copy a { color: #000; }

#footerservicemenu li { display: block; float: none; padding: 6px 0 8px 0; margin: 4px 0 4px 0; border-bottom: 1px solid #fff; }
#footerservicemenu li:last-child {  border-bottom: 0; }
#footerservicemenu li a:focus { background: #fff; color: #49494f; }

/* breadcrumbs */
#c_breadcrumb { background: #ffffff; clear: both; }
#c_breadcrumb .inside { padding-left: 8px; }
#c_breadcrumb li a:before { content: '>'; display: inline-block; margin-right: 6px; }



/* -------------------------------------- */
/* Forms */
/* -------------------------------------- */

::-webkit-input-placeholder { color:#999999; }
::-moz-placeholder { color:#999999; } /* firefox 19+ */
:-ms-input-placeholder { color:#999999; } /* ie */
input:-moz-placeholder { color:#999999; }

p.error { color: #ff9900; }


form { background: #ffffff; border: 1px solid #aaaaaa; padding: 24px; margin-bottom: 24px; box-shadow: 0px 0px 6px #999999; }
#header form { background: transparent; border: 0; padding: 0; box-shadow: none; }

input { border: 1px solid #aaaaaa; padding: 6px; box-sizing: border-box; max-width: 100%; }
textarea { border: 1px solid #aaaaaa; padding: 6px; width: 100%; box-sizing: border-box; max-width: 100%; }
select { border: 1px solid #aaaaaa; padding: 6px; max-width: 100%; }
.widget > .inside > label { font-weight: bold; }

.button a,
a.button,
button.submit,
input.submit { display: inline-block; text-align: center; cursor: pointer; padding: 6px 24px 6px 24px; text-transform: uppercase; background: #3d662f; color: #ffffff; border:1px solid #aebfa9; }
/* -webkit-border-radius:6px 6px 6px 6px; -moz-border-radius:6px 6px 6px 6px; border-radius:6px 6px 6px 6px;   */
.button a:hover,
a.button:hover,
button.submit:hover,
input.submit:hover { color: #fff; background-color: #000; }

.widget-submit { text-align: right; }

.filter .formbody > div { float: left; width: auto; margin: 0 24px 24px 0; padding-bottom: 0; }
.filter .formbody { display: table; width: 100%; }
.filter .formbody .widget-submit { float: right; margin: 0 0 24px 0; padding-top: 22px; }
.fontsize_big .filter .formbody .widget-submit { padding-top: 25px; }
.fontsize_huge .filter .formbody .widget-submit { padding-top: 27px; }

fieldset { display: block; position: relative; overflow: hidden; }
.widget { width: 100%; margin-bottom: 10px; overflow: hidden; padding-bottom: 10px; }
.widget-label { width: 25%; float: left; margin-bottom: 4px; }
.widget-input { margin-left: 28%;  }

.checkbox_container span { display: block; padding-top: 4px; padding-bottom: 4px; }
.checkbox_container label { margin-left: 6px; }
/*
.checkbox_container span { display: block;; }
.checkbox_container label { margin-left: 6px; }
*/

.radio_container span { display: block; padding-top: 4px; padding-bottom: 4px;  }
.radio_container label { margin-left: 6px; }
/*
.radio_container span { display: block;; }
.radio_container label { margin-left: 6px; }
*/

.widget-captcha .captcha_text { display: block; margin-top: 4px; }

.wide input, .wide textarea { width: 100%; }
.medium input, .medium textarea { width: 60%; }

.select2-container li { margin-left: 0; }
.select2-dropdown  { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-color: #999; }
.select2-container--default .select2-selection--single { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-color: #999; }
.select2-container--default .select2-results__option[aria-selected=true] { background-color: #ccc; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #3d662f; }
.select2-container .select2-selection--single { height: 40px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; }

#top .select2-container--default .select2-selection--multiple { border-color: #999; border-radius: 0; }
#top .select2-container--default .select2-selection--multiple .select2-selection__choice { border-radius: 0; background: #3d662f; }
#top .select2-container--default .select2-selection--multiple .select2-search--inline { clear: both; border: 0; }
#top .select2-container--default .select2-selection--multiple .select2-search--inline input { }
#top .select2-container--default .select2-results > .select2-results__options { max-height: 300px; }


.select2-container--default .select2-selection--single .select2-selection__arrow { width: 26px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-width: 10px 10px 0 10px; margin-left: -11px; margin-top: -6px; border-top-color: #3d662f; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-width: 0 10px 10px 10px; border-bottom-color: #3d662f; }
.select2-container .select2-selection--single .select2-selection__rendered { padding-right: 26px; }

#headsearch > .inside.w { max-width: 400px; }
#headsearch input { margin: 0 8px 8px 0; }
#headsearch span { display: block; margin-bottom: 6px; }


/* -------------------------------------- */
/* Goodies */
/* -------------------------------------- */

/* gallery */
#container .ce_gallery ul li:before { display: none; }
#container .ce_gallery ul { list-style-type: none; margin: 0 -12px 0 -12px; padding: 0; }
#container .ce_gallery li { display: block; float: left; box-sizing: border-box; margin: 0; padding: 0 12px 24px 12px; }

.ce_gallery ul.cols_2 li { width: 50%; }
.ce_gallery ul.cols_2 li:nth-child(2n+1) { clear: both; }

.ce_gallery ul.cols_3 li { width: 33.3%; }
.ce_gallery ul.cols_3 li:nth-child(3n+1) { clear: both; }

.ce_gallery ul.cols_4 li { width: 25%; }
.ce_gallery ul.cols_4 li:nth-child(4n+1) { clear: both; }

.ce_gallery ul.cols_5 li { width: 20%; }
.ce_gallery ul.cols_5 li:nth-child(5n+1) { clear: both; }


.ce_gallery li a { text-decoration: none; display: block; }
.ce_gallery li a img { border: 0; display: block; }
.ce_gallery:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }

/* Accordion #3d662f */
.ce_accordion  { margin-bottom: 24px; border: 1px solid #ddd; }
.ce_accordion .accordion > div { padding: 24px; border-top: 0; }
#top div.toggler { background: #eee; margin: 0; padding: 12px 24px 12px 24px; }
#top .h2 div.toggler { background: #3d662f; color: #fff; }
#top .h2 .accordion > div {  } /* border: 1px solid #3d662f; border-top: 0;   */
#top .h4 div.toggler { }

/* audio, video */
audio { width: 100%; }
video { max-width: 100%; }

.ce_youtube > .inside { width: 100%; padding-top: 56.25%; }
.ce_youtube iframe { position: absolute; top: 0; left: 0; width: 100%; heigth: 100%; }

.ce_external_video { }
.ce_external_video .content { background: #000000; display: block; position: relative; }
.ce_external_video .stage {  overflow: hidden; position: relative; } 
.ce_external_video .spacer { width: 0px; height: 0px; margin-bottom: 56.1%; } 
.ce_external_video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ce_external_video .text { margin-top: 12px; }


.ce_read { margin-bottom: 12px; }
#container .ce_read .rsbtn_exp_inner > button { padding: 0 5px; }
#container .ce_read .rsbtn_toollist button { padding-left: 3px; padding-right: 3px; }
#container .ce_read ul.rsbtn_toollist { background: #fff; }
#container .ce_read ul.rsbtn_toollist li { padding-left: 0; margin-bottom: 0; }
#container .ce_read ul.rsbtn_toollist li:before { display: none; }
#container .ce_read ul.rsbtn_toollist:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
#container .ce_read .rsbtn_toolcontainer { margin-top: 0; }
#container .ce_read .rsbtn_tools { margin-top: 16px; position: relative; }
#container .ce_read .rsbtn_powered { top: -16px; }
#container .ce_read .rsbtn .rsbtn_play { }


/* tables */
td, th { padding: 4px 8px 4px 0px; }
#container td, #container th { padding: 4px 8px 4px 8px; border: 1px solid #999; }
#container thead th, #container thead td { background: #3d662f; color: #fff; font-weight: bold; }
#container tbody tr:nth-child(2n) { background: #eee; }
#container tbody tr:hover { background: #ddd; }
#container tfoot td { font-weight: bold; }

#container table.mobilize thead { display: none; }
#container table.mobilize, 
#container table.mobilize tbody, 
#container table.mobilize tfoot, 
#container table.mobilize tr, 
#container table.mobilize th, 
#container table.mobilize td 
	{ display: block; position: relative; box-sizing: border-box; width: 100%; clear: both; }
#container table.mobilize { border: 1px solid #999; border-top: 0; }

#container table.mobilize td, #container table.mobilize th { border: 0; border-top: 1px solid #999; width: 100%; padding-left: 33.33%; }
/* #container td:last-child, #container th:last-child { border-bottom: 1px solid #999; width: 100%; } */
#container table.mobilize td:before, #container table.mobilize th:before { content: attr(title); display: block; float: left; width: 50%; margin-left: -50%; box-sizing: border-box; padding: 0 8px 0 8px; font-weight: bold; }
#container table.mobilize td:after, #container table.mobilize th:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; height: 0; }





/* sliding */
.sliding { overflow: hidden; }
.sliding .slide { background-color: #fff; width: 100%; position: absolute; top: 0px; left: 0px; }

.sliding .controls { text-align: center; padding: 12px 32px 32px 32px; position:relative;  }
.sliding .controls a { display: inline-block; text-align: center; box-sizing: border-box; vertical-align:middle; width: 40px; padding: 5px; font-size: 30px; line-height: 30px; text-decoration: none; color: #aaaaaa; margin: 0 4px 0 4px; }
.sliding .controls a.navi { font-size: 50px; margin-top: -9px; }
.sliding .controls a:hover { text-decoration: none; color: #3d662f; }
.sliding .controls a.disabled { color: #dddddd; }
.sliding .controls a.active { color: #3d662f;  }
.sliding .controls .pagi { display: inline-block; font-size: 30px; line-height: 30px; vertical-align:middle;  }
.sliding .controls .pagi a { border: 1px solid #aaaaaa; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background: #aaaaaa; }
.sliding .controls .pagi a:hover {  background: #3d662f; }
.sliding .controls .pagi a b { color: transparent; }
.sliding .controls .pagi a.active { background: #3d662f; }

.sliding.sl_type_carousel .slide { width: 33.3%; padding: 0 8px 0 8px; }

/*
.sliding div.pagi { position: absolute; left: 0; bottom: 0; width: 100%; text-align:center; }
.sliding div.pagi a { display: inline-block; text-align: center; padding: 5px; font-size: 40px; line-height: 40px; text-decoration: none; color: #aaaaaa; }
.sliding div.pagi a:hover { text-decoration: none; color: #888888; }
.sliding div.pagi a.active { color: #888888;  }
*/

/*
.sliding a.navi { color: #3d662f; background-color: rgba(0,0,0,0.2); color: #dddddd; }
*/
/*  background-color: rgba(52,114,153,0.4); border:1px solid #3d662f; border:1px solid #ffffff; -webkit-border-radius:3px 3px 3px 3px; -moz-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px;  */
/*
.sliding a.navi.prev { }
*/

/* ... slding width sliding as controls... */
/*
.sliding .controls .container { margin-left: -5px; margin-right: -5px; }
.sliding .controls .slide { width: 20%; }
.sliding .controls .slide a { display: block; }
.sliding .controls .slide img { display: block; }

.sliding.gallery .slide { width: 33.3%; background: #eeeeee; }
.fullsize .sliding.gallery .slide { width: 20%; }

.sliding figure { border: 0; padding: 0; }
.sliding figcaption { background: #eeeeee; padding-bottom: 12px; }
.sliding figcaption a { color: #888888; display: block; }
*/


	
/* -------------------------------------- */
/* Misc CEs */
/* -------------------------------------- */

/* Styling */
#top .green { background: #a6d283; }
#top .white { background: #ffffff; }
#top .white-trans { background-color: rgba(255,255,255,0.8); }
#top .colored { background: #d9e4c2; }
#top .light { background: #eee; } 
#top .dark { background: #aebfa9;  }
#top .gloomy { background: #49494f; }
	#top .gloomy > * { color: #ffffff; }
#top .border { border: 1px solid #aaaaaa; padding: 24px; margin-bottom: 24px; box-shadow: 0px 0px 6px #999999; }
#top .mark > .inside { border-left: 6px solid #3d662f; padding-left: 24px; }


#top #wrapper .indent { padding-left: 10%; padding-right: 10%;  }
#top #wrapper .padded { padding: 32px; }
#top #wrapper .ptop { padding-top: 32px; }
#top #wrapper .pbottom { padding-bottom: 32px; }
#top #wrapper .mtop { margin-top: 32px; }
#top #wrapper .mbottom { margin-bottom: 32px; }
#top #wrapper .margin { margin-top: 32px; margin-bottom: 32px; }
#top #wrapper .centered { text-align: center; }
#top #wrapper .justify  { text-align: justify; }
	#top #wrapper .justify li { text-align: left; }
	#top #wrapper .justify h1 { text-align: left; }
	#top #wrapper .justify h2 { text-align: left; }
	#top #wrapper .justify h3 { text-align: left; }
	#top #wrapper .justify h4 { text-align: left; }

#top #wrapper .pnopad p { padding-bottom: 0; }
#top #wrapper .nomargin { margin-bottom: 0; }
#top #wrapper .mmtop { margin-top: -32px; }

/* Sys msg */
#sysmsg { border: 1px solid #3d662f; background: #ffffff; padding: 24px; }
#sysmsg.error { border: 1px solid red; background: #ffffff; color: red; }

.cover { background-size: cover; background-repeat: no-repeat; background-position: center center; }

/* startblocks */
#startblock { padding-right: 540px; }
#startblock > .inside { }
#startblock > .inside:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0;  }
#startblock div.right { float: right; width: 540px; margin-right: -540px; }
#startblock div.right .col2 > .inside { margin: 0 -2px 0 -2px; }
#startblock div.right .box { background: #a6d283; background: #d9e4c2; padding: 32px 32px 56px 32px; margin: 0 2px 0 2px; width: calc(50% - 4px); }
#startblock div.right .link { position: absolute; bottom: 0; left: 0; text-align: center;  width: 100%; margin: 0; background: #3d662f; color: #fff;   }
#startblock div.right .link a { color: #fff; display: block; padding: 12px 32px 12px 32px; text-transform: uppercase; }
#startblock div.right .link a:hover { color: #fff; background: #000; }
#startblock h2 { margin: -24px -24px 24px -24px; padding: 12px 32px 12px 32px; background: #3d662f; color: #fff; }
#startblock .cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.startblock { padding-top: 24px; padding-bottom: 24px; }
.startblock > .inside:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; width: 250px; }
.startblock .w > .inside { padding-right: 250px; }
.startblock .w div.button { position: absolute; top: 0; right: 0; }

/* Teaser blocks... */
.teaser { background: #ffffff; border: 1px solid #aaaaaa; padding: 24px; box-shadow: 0px 0px 6px #999999; }
.teaser figure { margin: -24px -24px 24px -24px; max-width: none; }
.teaser figure a { display: block; }
.teaser figure img { display: block; }
.teaser a { font-weight: bold; }
.teaser a:hover {  } 
.teaser h3 { padding-bottom: 4px; border-bottom: 2px solid #3d662f; }
.teaser h3 a:hover { text-decoration: none; }
.teaser a:focus { background: #555; color: #fff; }

/* Headline blocks... */
.wrapper > .header { padding: 6px 12px 6px 12px; background: #3d662f; color: #fff; }
.wrapper > .header > .icon { float: right; margin: 0 0 0 12px;  }
.wrapper.h_h1 > .header > .icon { font-size: 26px; line-height: 30px; }
.wrapper.h_h2 > .header > .icon { font-size: 22px; line-height: 26px; }
.wrapper.h_h3 > .header > .icon { font-size: 20px; line-height: 24px; }
.wrapper.h_h4 > .header > .icon { font-size: 18px; line-height: 22px; }
.wrapper.h_h5 > .header > .icon { font-size: 16px; line-height: 22px; }



.wrapper.headlineblock { border: 1px solid #cccccc; background: #ffffff; margin-bottom: 24px; }
.wrapper.headlineblock > .inside { padding: 24px; }

/* Headline blocks contact (left column)... */
.headlineblock { box-shadow: 0px 0px 6px #999999; }
.headlineblock.contacts > .inside { padding-top: 0; padding-bottom: 0; }
.headlineblock .contact { margin-bottom: 24px; }
.headlineblock .contact > .inside { padding-top: 24px; }
.headlineblock .contact > .inside > figure { margin: 0 -24px 12px -24px; max-width: none; }
.contact p { padding-bottom: 4px; }
.contact p.name { font-weight: bold; }
.contact p.office { margin-top: 8px; }
.contact p.office_hours { margin-top: 8px; }

/* Overview */
.ce_overview { background: #d9e4c2; border: 1px solid #aaaaaa; padding: 24px; margin-bottom: 24px; box-shadow: 0px 0px 6px #999999; }
.ce_overview a { font-weight: bold; }



/* News */
.layout_full { margin-bottom: 24px; }
.layout_full .cats { display: block; color: #444; font-style: italic; }
.layout_full .tags { display: block; color: #444; font-style: italic; }

.layout_full > div > .ce_text:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; height: 0;  }



.layout_latest { overflow: hidden; }
.layout_latest .cats { display: block; color: #444; font-style: italic; }
.layout_latest .tags { display: block; color: #444; font-style: italic; }

/* Events... */
.event {  }
.event > .inside { display: table; width: 100%; }
.event.withdate > .inside { padding-left: 84px; }
.event h2 { margin: 0 0 8px 0; }

.event  .date { float: left; width: 60px; margin-left: -84px; }
.event  .date { background: #ffffff; text-align: center; padding: 4px 0 4px 0; }
.event  .date span { display: block;  }
.event  .date .day { font-size: 26px; line-height: 32px; }
.event  .date .month { font-size: 26px; line-height: 32px; }
.event  div.location { margin-top: 24px; margin-bottom: 24px; padding: 24px; background: #eeeeee; }
.event figure { margin-bottom: 24px; }
.event p.info .fa { margin-right: 6px; }
.event p.info span { margin-bottom: 8px; }
.event p.time span { margin-bottom: 8px; }


/* FAQ */
.mod_faqreader > .inside > .content { overflow: hidden; }

/* downloads */

.ce_download > .inside { }
.ce_downloads > .inside {  } /* padding-left: 32px; */

.download-element { margin-bottom: 12px; padding-left: 32px; }
.download-element a { font-weight: bold; color: #000; display: block; line-height: 28px; }
.download-element a:hover { color: #679bc3; }
.download-element a span { font-weight: normal; }
.download-element a:before { content: '\f019'; display: block; width: 32px; margin-left: -32px; font-size: 28px; line-height: 28px; height: 32px; vertical-align: bottom; float: left; }
.download-element.ext-pdf a:before { content: '\f1c1';  }
.download-element p { padding-bottom: 0; }



/* search */

.mod_search .relevance { display: none; }
.mod_search  .url { display: none; }
.mod_search  .inside > div { margin-bottom: 12px; }
.mod_search  p.header { margin-bottom: 12px; }
.mod_search input[name=keywords] { margin-right: 12px; margin-bottom: 12px; }


.mod_newslist .advent .figure { position: absolute; top: 0; left: 0; width: 100%; }
.mod_newslist .advent .figure figure { float: none; margin: 0; max-width: 100%; }
.mod_newslist .advent .text { line-height: 150px; font-size: 120px; text-align: center; font-family: 'Oswald Bold'; color: white;  }
.mod_newslist .advent .text a { display: block; color: white; }
.mod_newslist .advent.blackfont .text  { color: #000; }
.mod_newslist .advent.blackfont .text a { color: #000; }
.mod_newslist .advent.greenfont .text  { color: #3d662f; }
.mod_newslist .advent.greenfont .text a { color: #3d662f; }
.mod_newslist .advent.greyfont .text  { color: #888888; }
.mod_newslist .advent.greyfont .text a { color: #888888; }
.mod_newslist .advent .text a:hover { color: #D9E4C2; }
.mod_newslist div.advent div.text a:focus { background: rgba(255,255,255,0.5); color: #000; }

.mod_newslist .advent .text,
.mod_newslist .advent .text a { text-shadow: -2px 0 #3D662F, 0 2px #3D662F, 2px 0 #3D662F, 0 -2px #3D662F; }


.mod_newslist .advent .text a:hover { color: #3D662F; text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white; }
/*
.mod_newslist .advent .text a:hover { text-shadow: -2px 0 #D9E4C2 , 0 2px #D9E4C2 , 2px 0 #D9E4C2 , 0 -2px #D9E4C2 ; }
*/

.mod_newslist .advent  .shadow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4);  }
.mod_newslist .advent.haslink .shadow { display: none; }

.opening .tr { clear: both; padding-left: 112px; }
.opening .key { margin-left: -112px; width: 100px; float: left; }
div.opening:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; height: 0;  }

/* -------------------------------------- */
/* Media queries */
/* -------------------------------------- */

@media screen and (max-width: 1130px) {
	#container, .w, .fullsize #main .mod_article > div, .fullsize div.fullsize.w > .inside > div {  width: 800px; }

	/* breakpoint (menu) */
	#momenu_w { display: block; }
	#momenu_o { display: block; }
	#mainmenu { display: none; }
	.menubar { display: none; }
	#stickybar_w { padding-top: 96px; }
	#stickybar { top: 96px; margin-top: -96px;  }
	#fontsize { display: none; }
	
	.fontsize_big #momenu_w { display: block; }
	.fontsize_big #momenu_o { display: block; }
	.fontsize_big #mainmenu { display: none; }
	.fontsize_big .menubar { display: none; }
	.fontsize_huge #momenu_w { display: block; }
	.fontsize_huge #momenu_o { display: block; }
	.fontsize_huge #mainmenu { display: none; }
	.fontsize_huge .menubar { display: none; }
	
	#mainmenu li:first-child a { padding-left: 0; }
	#menu_c .menu { background: #ffffff; padding-left: 0; }
	#menu_c li:first-child a { padding-left: 0; }
	
	
	#container table.mobilize td, #container table.mobilize th { padding-left: 50%; }
	#container table.mobilize td:before, #container table.mobilize th:before { width: 100%; margin-left: -100%; }

	.sliding.sl_type_carousel .slide { width: 50%; }
	
	#wrapper .col3 > .inside > div { width: calc(50% - 24px); }
	#wrapper .col3 > .inside > div:nth-child(3n+1) { clear: none; }
	#wrapper .col3 > .inside > div:nth-child(2n+1) { clear: both; }
	
	#wrapper .col4 > .inside > div { width: calc(50% - 24px); }
	#wrapper .col4 > .inside > div:nth-child(2n+1) { clear: both; }

}

@media all and (max-width: 840px) {
	
	#container, .w, .fullsize #main .mod_article > div, .fullsize div.fullsize.w > .inside > div {  width: 600px; }

	/* breakpoint (mobile, layout) */
	body#top .mobile { display: block; }
	body#top .nomobile { display: none; }
	
	#container { padding-left: 0; }
	#left { width: 100%; max-width: 400px; margin-left: 0; left: 0; }
	#left > .inside { padding-right: 0; }
	
	
	#wrapper .col4 > .inside > div { width: calc(50% - 24px); }
	#wrapper .col4 > .inside > div:nth-child(2n+1) { clear: both; }
	#wrapper .col3 > .inside > div { width: calc(50% - 24px); }
	#wrapper .col3 > .inside > div:nth-child(3n+1) { clear: none; }
	#wrapper .col3 > .inside > div:nth-child(2n+1) { clear: both; }
	
	
	#top #wrapper .indent { padding-left: 5%; padding-right: 5%;  }

}

@media screen and (max-width: 640px) {
	#container, .w, .fullsize #main .mod_article > div, .fullsize div.fullsize.w > .inside > div {  width: 400px; }

	#logo { width: 180px; }
	#fontsize { display: none; }
	#search_o, #momenu_o { padding-top: 0; }
	
	#stickybar_w { padding-top: 74px; }
	#stickybar { top: 74px; margin-top: -74px;  }
	
	#footermenu li { float: none; }
	
	#startblock { padding-right: 0; }
	#startblock .col2 > .inside { display: block; }
	#startblock div.right { float: none; width: 100%; margin-right: 0; }
	#startblock .cover { display: none; }

	.startblock .w > .inside { padding-right: 0; }
	.startblock .w div.button { position: relative; }
	
	
	#wrapper .col4 > .inside > div { width: calc(100% - 24px); }
	#wrapper .col4.advent > .inside > div { width: calc(50% - 24px); } #wrapper .col4.advent .text { line-height: 138px; }
	#wrapper .col3 > .inside > div { width: calc(100% - 24px); }
	#wrapper .col2 > .inside > div { width: calc(100% - 24px); }
	#startblock div.right .box { width: calc(100% - 4px); }
	/*
	#startblock div.right .box > div.content { width: 400px; margin: 0 auto; }
	*/
	body.fontsize_big { font-size: 16px; line-height: 22px; }
	body.fontsize_huge { font-size: 17px; line-height: 23px; }

	
	
	.ce_gallery ul.cols_3 li { width: 50%; }
	.ce_gallery ul.cols_3 li:nth-child(3n+1) { clear: none; }
	.ce_gallery ul.cols_3 li:nth-child(2n+1) { clear: both; }

	.ce_gallery ul.cols_4 li { width: 50%; }
	.ce_gallery ul.cols_4 li:nth-child(4n+1) { clear: both; }
	.ce_gallery ul.cols_4 li:nth-child(2n+1) { clear: both; }

	.ce_gallery ul.cols_5 li { width: 50%; }
	.ce_gallery ul.cols_4 li:nth-child(5n+1) { clear: none; }
	.ce_gallery ul.cols_4 li:nth-child(2n+1) { clear: both; }
	
	
	#top #wrapper .indent { padding-left: 2%; padding-right: 2%;  }
	
	
	figure.float_right { max-width: 50%; }
	figure.float_left { max-width: 50%; }

}

@media screen and (max-width: 440px) {
	body { min-width: 320px; }
	#container, .w, .fullsize #main .mod_article > div, .fullsize div.fullsize.w > .inside > div {  width: 300px;  }
	
	#logo { width: 170px; }
	
	
	#headsearch { text-align: center; }

	#info_o { display: none; }
	
	.logobar > div > p { display: none; }
	
	#copy { max-width: 160px; }
	
	figure.float_right { max-width: 100%; margin-left: 0; float: none; }
	figure.float_left { max-width: 100%; margin-right: 0; float: none; }
	
	.event.withdate > .inside { padding-left: 0; }
	.event .date { margin-left: 0; float: none; border-bottom: 1px solid #ddd; margin-bottom: 12px; }

}