/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	llist-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.it:before, .it:after {
	content: "";
	display: table;
}
.it:after {
	clear: both;
}
.clearall {
	clear: both;
}



html{box-sizing:border-box;scroll-behavior: smooth;}*,*:before,*:after{box-sizing:inherit}

body {
	
	font-family: 'Martel Sans', arial, roboto, sans-serif;
	font-size: 17px;
	color:#003D4C;
	color:#6A6F77;
	line-height:1.5em;
	margin: 0;
	padding: 0;
}





body .video {
	width: 100%;
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
}

.youtube.video, .vimeo.video {
	padding-top: 30px;
}

.video > video, .video > iframe, .video > object, .video > embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



.screen_only { display:block; }
.printer_only { display:none; }

a {
	color: #3255A4;
	text-decoration: none;
	transition: 0.33s;
}

a:hover {
	color: #0097A9;
	text-decoration: underline;
}
strong, b {
	font-weight: bold;
}
i, em {
	font-family: 'Georgia', serif;
	font-style: italic;
}
.small { font-size: 0.8em; }

.trenner {border: 2px dashed #B60017; margin:-1em 0 3em;}

h1, h2, h3, h4, h5 ,h6 {
	font-family: 'Martel Sans', sans-serif;
	font-weight:800;
	line-height:1.1;
}
h1 { font-size: 1.685em; }
h2 { font-size: 1.570em; }
h3 { font-size: 1.458em; }
h4 { font-size: 1.346em; }
h5 { font-size: 1.234em; }
h6 { font-size: 1.122em; }

.img { image-rendering: pixelated; }
input {
	font-family: inherit;
	padding: 0.4em 0.5em;
	font-size:1.0em;
}


#site-container {
	word-wrap: normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	
     -webkit-hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
     -webkit-hyphenate-limit-chars: 6 3 3;
     -webkit-hyphenate-limit-lines: 2;
     -webkit-hyphenate-limit-last: always;
     -webkit-hyphenate-limit-zone: 8%;
     -moz-hyphens: auto;
     -moz-hyphenate-limit-chars: 6 3 3;
     -moz-hyphenate-limit-lines: 2;
     -moz-hyphenate-limit-last: always;
     -moz-hyphenate-limit-zone: 8%;
     -ms-hyphens: auto;
     -ms-hyphenate-limit-chars: 6 3 3;
     -ms-hyphenate-limit-lines: 2;
     -ms-hyphenate-limit-last: always;
     -ms-hyphenate-limit-zone: 8%;
     hyphens: auto;
     hyphenate-limit-chars: 6 3 3;
     hyphenate-limit-lines: 2;
     hyphenate-limit-last: always;
     hyphenate-limit-zone: 8%;	
}

#site-container {
	margin: 0em auto 0 auto;
	padding:1em;
	width: 1200px;
}
#site-article {
	float: left;
	margin: 0;
	width: 60%;
}
#site-article:after {
	clear: both;
}

#maincontent {
	float: left;
	margin: 0;
	width: 65%;
	bbackground:#FFFF99;
}
#maincontent::after {
	clear: both;
}


#sidebar {
	width: 30%;
	float: right;
	margin: 0;
	font-size:0.9em;
}
#sidebar:after {
	clear: both;
}

#sidebar ul {
	list-style-type: none;
	margin: 0.5em;
	padding: 0;
}
#sidebar .widget {
	margin: 0 0 2em 0;
}
aside.widget_text,
aside.widget_pages,
aside.widget_mytwitter,
aside.widget_wysija,
aside.widget_recent_entries {
	border: 1px solid #cccccc;
	border-radius:3px;
	border-top:3px solid #3255A4;
}
.widget-title {
	padding:0.4em 0.5em;
	background: #F0F0F0;
	color: #81868F;
	font-size: 1.2em;
	font-weight:bold;
	line-height: 1.3em;
	margin-bottom:0.8em;
}

aside .button img {
  width:100%;
  height:auto;
  max-width:350px;
  transition: .64s ease;
  opacity: 1;
  border:2px solid #3255A4;
  border-radius:5px;
}
aside .button img:hover {
  opacity: 0.983;
  filter: hue-rotate(320deg);
  filter: contrast(200%);
  border:2px solid #E77F36;
}


.site-header {
	margin:0;
	text-align: center;
	background:#CADBFF;
	padding: 0.5em 0 1em;
}

.site-title {
	font-family: 'Martel Sans', sans-serif;
	font-weight:900;
	letter-spacing:-1px;
	font-size: 2.2em;
	line-height:1.0em;
	margin: 0.3em 0;
	ffont-style:italic;
}

.site-title a {
	color: #3255A4;
	text-decoration: none;
}

.site-title a:hover {
	color: #0097A9;
}

.site-description {
	font-size: 1.3em;
	line-height: 1.2em;
	margin: 0 0 0 0;
	color:#6A6F77;
}

#site-article-full {
	margin: 33px 10px 20px 10px;
}




.latest-article article:nth-child(odd) {
	position: relative;
	width:48%;
	float: left;
	margin:0 0 1.0em 0;
	border: 1px solid #77A4FF;
	border-radius: 3px;
	padding:0.5em;
	height:20em;
	overflow:hidden;
}
.latest-article article:nth-child(even) {
	position: relative;
	width:48%;
	float: right;
	margin:0 0 1.0em 0;
	border: 1px solid #77A4FF;
	border-radius: 3px;
	padding:0.5em;
	height:20em;
	overflow:hidden;
}
.latest-article article:nth-child(odd) {
	clear: both;
}


#site-article article.page .entry-metadata { display: none; }


#maincontent article {
	margin: 0 0 2.5em;
}



.entry-header {
	margin:20px 0;
}
.entry-title {
	bborder-bottom: 1px solid #cccccc;
	font-size: 1.4em;
	line-height:1.12em;
	margin-bottom:0.5em;
	color: #6A6F77;
}

.entry-content .attachment-post-thumbnail {
	width: 100%;
	height:auto;
	margin-bottom: 2em;
}

.previewWrapper {margin-bottom:2em;overflow:auto;}
.preview {clear:both;overflow:auto;margin:0 0 2.5em;border:0px solid green;}
.preview span {font-size:0.9em;color:#aaa;}
.preview.rnd {font-size:90%;}
.newest img{width:25%;height:auto;float:left;}
.newest .with_tmb {width:73%;float:right;}
.rnd img{width:20%;height:auto;float:left;}
.rnd .with_tmb {width:78%;float:right;}


/* ------------------------------------------ */
.entry-summary .thumb {
	width: 30%;
	margin: 0 1em 1em 0;
	bborder:1px solid red;
	float: left;
	overflow:hidden;
}
.entry-summary .thumb img {
	width: 100%;
	height:auto;
	float:left;
}
.entry-summary .thumb img:after {
	cclear: both;
}
.entry-summary .thumb p {
	float:left;
	line-height:1.1em;
	font-size:0.7em;
	margin-top:0.3em;
}


/* ------------------------------------------ */
#catmodul {width:100%; min-height:150px; margin:0 0 20px 0; padding:0; float:left;}
#catmodul .cat-list {width:48%; min-height:150px; margin:0 0 30px 0; padding:10px 1%; float:left; background:#f8f8f8;border:1px solid lightgrey;}
#catmodul .cat-list:nth-of-type(2n+0) {margin:0 0 20px 0; float:right;}

.cat-block {
	padding:0;
	margin: 0px auto 30px;
	width: 100%;
	position:relative;
	overflow:auto;
}
.cat-name {font-size:1.5em; font-weight:bold;}
.cat-description { margin:0.5em 0;}
.cat-description a {font-weight:bold;}
.cat-img {
	margin: 0;
	padding:0;
	width: 100%;
	height:200px;
	position: relative;
	overflow:hidden;
	border:1px solid grey;
	text-align:center;
}
.cat-img:hover {
	border:1px solid #8BD9CA;
}
.cat-img img {
	display:block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: auto;
	-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
}

.cat-img span {
	overflow:hidden;
	padding: 0.5em;
	position: absolute;
	bottom:0px;
	left:0px;
	width: 100%;
	text-align: center;
	font-size: 1.1em;
	font-weight:bold;
	color: #fff;
	background:rgba(0,0,0,0.3);
}
.cat-img span:hover {
	background:#8BD9CA;
}

/* ------------------------------------------------  */
.entry-content ul li,
.entry-content ol li {
	llist-style-type: disc;
	list-style-position: outside;
	list-style-image: none;
	margin: 0.0em 0 0.0em 2.5em;
	padding: 0.4em 0;
	line-height:1.3em;
	bbackground:red;
}
.entry-content ul li:last-child,
.entry-content ol li:last-child {
	margin-bottom: 1.0em!important;
}
.entry-content p {
	margin-bottom:0.6em;
}

.entry-content form {
	margin-top: 30px;

}

.entry-metadata {
	font-size:0.8em;
	color:#81868F;
	margin: 0.5em 0px 1.0em 0px;
	clear:both;
}
.latest-article .entry-metadata2 {
	width:100%;
	font-size:0.8em;
	line-height:1.3em;
	color: #4280FF;
	padding: 0.6em ;
	margin: 0.5em 0px 0.0em 0px;
	clear:both;

	position: absolute;
	bottom: 0;
	left: 0;
	background:#CADBFF;
}
.entry-meta {
	margin-top: 30px;
	margin-bottom: 30px;
}

.toc .excerpt {
	font-size: 0.8em;
}

.toc .cat {
	overflow:hidden;
	position:relative;
	float:left;
	width:90%;
	margin:20px auto 20px auto;
	border:1px solid grey;
	font-weight:bold;

}


.toc img.middle {
    vertical-align: middle;
	width: 90px;
	height:auto;
	ffloat:left;
	margin-right:1em;
}
.toc h5 {
	margin-bottom:0.5em;
}
.toc h5 a {
	border:0px solid #3255A4;
	border-radius: 3px;
	background:#3255A4;
	padding:0.5em;
	display:block;
	color:#FFFFFF;
}
.toc h5 a:hover {
	background:#0097A9;
	color:#FFFFFF;
}

.toc .twitter-share {
	margin-bottom:1.5em;
}


.qr-code {
	float: right;
	display:none;
}

.more-span {
	display: block;
	clear: both;
}
.highlight {background:yellow;color:#222!important;}



.pagination {
	clear: both;
}
.pagination .page-numbers {
	bbackground-color: #808080;
	padding: 0.4em 0.9em;
	position: relative;
	margin: 2px;
	font-size: 0.9em;
	text-decoration: none;
	border: solid 1px #808080;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.pagination a.page-numbers {
	color: #3255A4;
	border: solid 1px #0097A9;
	
}
.pagination a.page-numbers:hover {
	color: white;
	background: #0097A9;
}


/* SEARCHFORM */

.searchbar {border:2px solid #aaa;border-radius:5px;width:70%;margin:1.5em auto 3em;}
.searchbar input[type=text] {
  padding: 0.36em 1em;
  width:90%;
  font-size: 1.3em;
  color:#9FA3AA;
  border: none;
  bbackground:#fab;
}
.searchbar input#s:focus { color:#6A6F77; }
.searchbar button {
  float: right;
  text-align:center;
  width:10%;
  padding: 0.62em 0.0em;
  color:#fff;
  background: #3255A4;
  font-size: 1.4em;
  border: none;
  cursor: pointer;
  transition: 0.33s;
}

.searchbar button:hover {
  background: #0097A9;
}




.search .sidebar .widget_search,
.ssearch-no-results .widget_search {
	display:none;
}
.searchform label {
	display:none;
}
.searchform input[type="text"] {
	width:67%;
	margin-bottom:1.0em;
	ffont-size:1.3em;
}
.searchform input[type="submit"] {
	width:30%;
	float:right;
	margin-bottom:1.0em;
	ffont-size:1.3em;
}


.widget .tagcloud,
.widget_wysija_cont,
.widget form,
.widget ul,
.ttextwidget {margin:0.6em;}


.widget ul li {
	list-style-type: disc;
	list-style-position: outside;
	list-style-image: none;
	color:#81868F;
	margin: 0 0 0.5em 1.5em;
	line-height:1.2em;
}

.site-footer {
	text-align: center;
	width: 100%;
	background:#3255A4;
	border-top:1px solid #aaa;
	padding:2em 0;
	margin:0;
}

.site-footer .link {
font-size: 0.9em;
}

.entry-archive {
	font-size: 16pt;
}


#menu-desktop, #menu-mobile {background:#3255A4;border:2px solid #3255A4;border-width:0px 0;}
.menu{
	ffont-family: 'Fira Sans Condensed', sans-serif;
	font-family: 'Martel Sans', sans-serif;
	ffont-weight:800;
	font-size:1.2em;
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}
.menu li{
	position:relative;
	display:inline;
}
.menu a{
	display:inline-block;
	padding:10px;
    bbackground:#f1f1f1;
    color:#A4DBE8;
    color:#fff;
}
.menu ul{
	position:absolute;
	left:-9999px;
	margin:-2px 0 0 0;
	padding:0;
	text-align:left;
	z-index:100;
}
.menu ul li{
	display:block;
}
.menu li:hover ul{
	left:0;
	top:35px;
}
.menu li:hover>a{
	text-decoration:none;
	background:#0097A9;
    color:#fff;
}
.menu li:hover ul a{
	text-decoration:none;
    background:#3255A4;
}
.menu li:hover ul a:hover{
	background:#0097A9;
    color:#fff;
}
.menu ul a{
	white-space:nowrap;
	display:block;
	border-bottom:1px solid #ccc;
}

.menu-desktop { display: block; }
.menu-mobile { display: none; }


#menubar {
  background-color: #CADBFF;
  width: 100%;
  z-index:100;
}	


.menu-desktop .ico a:before,
.menu-mobile .ico a:before {
   font-family: FontAwesome;
   content: "\f002";
   display: inline-block;
	 padding-right: 3px;
   vertical-align: middle;
   font-weight:300;
   ffont-size:1.1em;
}




.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .it {
  padding-top: 60px!important;
}

#go2top {position:fixed;bottom:60px;left:0px;width:100%;z-index:10;height:0px;}
#go2top a {border-radius:50%;padding:12px 20px;background:#fff;color:#3255A4;border:1px solid #3255A4;}
#go2top a:hover{color:#fff;background:#0097A9;text-decoration:none;}
.fadein {opacity:1;}
.fadeout {opacity:0.0;}



ul#menu-footer {
  text-align:center;
}
ul#menu-footer li {
  display:inline;
  margin:0 0.1em;
}
ul#menu-footer li a {
	color: #444;
	text-align: center;
	padding: 5px 8px;
	text-decoration: none;
	background:#f0f0f0;
	border-radius:3px;
	line-height:1.5;
}

ul#menu-footer li a:hover {
  background-color: #0097A9;
  color:#fff;
}



.wp-caption {
	line-height:0;
	bborder:1px solid red;
	padding: 0;
	margin:0;
}
.wp-caption p {
	wword-wrap: break-word;
	overflow:hidden;
	font-size: 0.85em;
	padding: 0 0px 0 0 !important;
	margin:0 !important;
	bbackground:#CCFFFF;
	line-height:1.4em;
}

#wp-calendar {
	text-align: center;
	width: 100%;
}

#wp-calendar .caption {
	font-weight: bold;
}

#wp-calendar #today {
	font-weight: bold;
}

.alignleft {
	bbackground:#FFFF99;
	float: left;
	padding: 0 0px 0 0 !important;
	margin: 0 1.0em 0.8em 0!important;
}
.alignleft:after {
	clear: both;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 0.8em 1.0em;
}
.alignright:after {
	clear: both;
}

.tagcloud a {
	text-decoration:underline;
	line-height:1.2em;
}
.cool-tag-cloud {
	margin-top: 1.5em;
}

.gallery-caption {}

.bypostauthor {}




#comment { width: 100%; }

.comment-respond {
	width: 60%;
	margin: -1em 0 0 0;
	ppadding: 20px 0 10px 20px;
}
.comment-respond p {
	margin: 1em 0 0 0;
	ppadding: 20px 0 10px 20px;
}


.comment-list {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 20px;
	font-size: 0.9em;
}

.comment-list li {
	list-style-type: none;
	ppadding: 0 0 1.0em 0;
	margin: 0 0 1.0em 0;
	border-bottom:1px solid #77A4FF;
}
.comment-list li:last-child {
	border-width:0px 0px 0px 0px;
}
.comment-list ul.children{margin-left:2em;}
.comment-meta {
	font-size:0.8em;
	margin: 0 0 0.5em 0;
}

.comments-title {
	margin-top: 1.0em;
	ffont-size: 13pt;
	line-height: 1;
	ffont-weight: normal;
}

.comments-area {
	margin:2.5em 0;
	padding:1em;
	background: #f0f0ff;
}
.comments-area article header {
	margin: 0 0 10px;
}
.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
	margin-left: 55px;
}
.comments-area article header cite {
	font-size: 50pt;
}

.comments-area article header time {
	text-decoration: none;
	font-size: 9pt;
	color: #5e5e5e;
}
.comments-area article header a {
	text-decoration: none;
	color: #0097A9;
}
.comments-area article header a:hover {
	color: #21759b;
}
.comments-area article header cite a {
	color: #0097A9;
}
.comments-area article header cite a:hover {
	text-decoration: none;
}

.avatar {
	float: left;
	margin: 0 10px 0 0;
}
#reply-title {
	display: none;
}

.reply {
	margin-bottom: 20px;
}
.comment-form-url label,
.comment-form-email label,
.comment-form-author label,
.comment-form-comment label {
	display: block;
}
.comment-form-url input,
.comment-form-email input,
.comment-form-author input,
.comment-form-comment input {
	width: 100%;
}





.crp_related {
	margin-top: 1.5em;
	padding-top: 1.5em;
	border-top:1px solid #77A4FF;
}
.crp_related h3 {
	margin-bottom: 0.6em;
}
.crp_title:after {
	content:" ";
	display:block;
}
.crp_excerpt {
	font-size: 0.9em;
}


.yarpp-related {
	margin: 1.5em 0;
	padding: 1.5em 0;
	border:1px solid #77A4FF;
	border-width:1px 0;
}
.yarpp-related a:after {
	content:" ";
	display:block;
}
.yarpp-related h3 { margin-bottom:0.5em; }


.yarpp-related small {
	font-size: 0.9em;
}
.yarpp-related a {
	font-weight: bold; text-decoration: none;
}




.wysija-input { width: 100%; }



a.twitter:link, a.twitter:visited {
  background-color: #1b95e0;
  color: white;
  padding: 0.6em 1em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius:4px;
	width:100%;
}

a.twitter:hover, a.twitter:active {
  background-color: #0b85d0;
}
a.twitter::before {
    font-family: FontAwesome;
    content: "\f099";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 300;
	ffont-size: 1.1em;}
.widget.widget_custom_html {border:0px solid red!important;}
.widget.widget_custom_html .widget-title {display:none!important;}







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

@media (max-width: 1199px) {
	input {
		padding: 0.3em 0.5em;
	}
	#site-container {
		width: 98%;
	}
}
/* Landscape phone to portrait tablet */
@media (max-width: 960px) {
	.searchbar {width:100%;}

	#site-container {
		width: 94%;
	}
	#maincontent {
		width: 100%;
	}
	#site-article {
		float: left;
		width: 100%;
	}
	#site-article:after {
		clear: both;
	}
	#sidebar {
		margin-top:2em;
		float: left;
		width: 100%;
	}
	#sidebar:after {
		clear: both;
	}
	.pagination {
		padding-bottom: 2em;
		border-bottom: 2px solid #77A4FF;
	}

}





@media (max-width: 800px) {

	.menu-desktop { display: none; }
	.menu-mobile { display: block; }




	.searchform input[type="text"] {
		width:70%;
	}
	.searchform input[type="submit"] {
		width:22%;
	}

}

@media (max-width: 640px) {
	body { font-size: 0.9em; }
	#site-container {
		width: 98%;
	}
	.comment-respond {
		width: 70%;
	}
	.bigsearch input[type="text"] { 
		border-width: 2px;
	}
	.entry-content .wp-caption {margin: 0 0 2em 0; width:100%!important;}
	.entry-content .wp-caption img {width:100%!important;height:auto;}
	iframe {
		max-width:100%!important;height:auto;
	}


}


@media (max-width: 480px) {

	body { font-size: 0.75em; }
	.searchbar input[type=text] {
		padding: 0.4em 0.4em;
		font-size: 1.2em;
	}
	.searchbar button {
		padding: 0.75em 0em;
		font-size: 1.2em;
	}
	.entry-content img {max-width:100%;height:auto;}

	.latest-article article:nth-child(even),
	.latest-article article:nth-child(odd) {
		width:100%;
		float: left;
		height:initial;
	}
	.comment-respond {
		width: 100%;
	}
	#catmodul .cat-list {width:100%;}
	#catmodul .cat-list:nth-of-type(2n+0) {margin:0 0 20px 0; float:right;}
	
	.ytp-cued-thumbnail-overlay-image {
		max-width:100%!important;height:auto!important;
	}
}

@media print {

	.screen_only { display:none; }
	.printer_only { display:block; }

	.centeredmenu, #sidebar {
		display: none;
	}
	#site-container {
		margin: 0px auto 0 auto;
		width: 100%;
	}
	.site-header {
		margin-bottom:2em;
	}
	.qr-code {
		display:block;
	}
}


#mailpoet_form_1 .mailpoet_text, #mailpoet_form_1 .mailpoet_textarea {width: 100%!important;}
#mailpoet_form_1 .mailpoet_submit {transition: 0.33s;font-weight:bold;border:1px solid #333!important;
border-radius:3px;}
#mailpoet_form_1 .mailpoet_submit:hover {background:#0097A9; color:#fff;}

.cloud {text-align:center;}
.wpcf7-captchar,
.wpcf7-textarea,
.wpcf7-text {width:80%;}
@media (max-width: 640px) {
.wpcf7-captchar,
.wpcf7-textarea,
.wpcf7-text {width:100%;}
}
aside .mybutton img {
    width: 100%;
    height: auto;
    max-width: 350px;
}
@media (max-height: 480px) {
	.sticky {position:relative!important;}
}