/* @override
	http://www.trittin.de/wp-content/themes/goettingen/lib/css/style.css 


/*Farb-Schema
	Hauptfarbe 1: #61ae4d (Helles grün)
	Hauptfarbe 2: #63a43c (Dunkles grün)
	Kontrast: #ffdc0a (Gelb)
	Highlight: #f2f2f2 (leichtes Grau)
	Highlight 2: #e4f8df (blas Grün)
*/


/**********************************************************************/
/* 1. CSS Reset by Eric Meyer                                         */
/*    (slightly adapted to HTML5)                                     */
/**********************************************************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strong,
sub, sup, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, footer, header, nav, time, section  {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

body {-webkit-font-smoothing: antialiased;}

/* remember to define focus styles! */
:focus { outline: 0; }

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}

caption, th, td {text-align: left;font-weight: normal;}


/**********************************************************************/
/* 2. Needed for rendering HTML5 properly in current browsers         */
/**********************************************************************/

article, aside, footer,header, nav, section { display: block; } 


/**********************************************************************/
/* 3. Some basic helper styles                                        */
/**********************************************************************/

.invisible, legend {position: absolute;left: -9999em;}
.clear {display: block; width: 100%; clear: both;}

.unsichtbar {position:absolute;top:-9999px;left:-9999px;height:1px;width:1px;display:block;}


/**********************************************************************/
/* 4. Basic styles against the reset                                  */
/**********************************************************************/

code, kbd, var, tt { font-family: Consolas, "Courier New", Courier, sans-serif; }
p code, p kbd, p var, p tt { line-height: 1; }
strong, dt { font-weight: bold; }
em, cite { font-style: italic; }
abbr[title] {border-bottom: 1px dotted #888;cursor: help;}
a abbr { cursor: pointer; }
del {text-decoration: line-through;}
ins {border-bottom: 1px dashed #888;text-decoration: none;}
sub { vertical-align: text-bottom; }
sup { vertical-align: text-top; }
sub, sup { font-size: 75%;line-height: 1;}
ol { list-style-type: decimal; }
ul { list-style-type: disc; }

input, textarea, select { font-size: 1em;margin: 0;border: 0;padding: 0; }
label { font-weight: normal; }
label, button,input[type=button],input[type=submit] { cursor: pointer; }
fieldset {display: block;margin: 0;}

/* This positions an unstyled legend element */
/* correctly in IE6 + IE7                    */
* html legend,
*:first-child+html legend {position: relative;left: -10px;}

/*Wordpress align*/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.hidden {display:block;position:absolute;top:-10000px;}

.clearfix, .commentlist article {zoom: 1; }
  .clearfix:before, .clearfix:after, .commentlist article:before, .commentlist article:after {content: "";display: table; }
  .clearfix:after, .commentlist article:after {clear: both; } 


/**********************************************************************/
/* 5. Font Faces                                                      */
/**********************************************************************/


@font-face {
  font-family: 'Arvo Regular';
  src: local('Arvo Regular'), local('ArvoRegular'), url('../fonts/arvo_regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Arvo Gruen';
  src: local('Arvo Gruen'), local('ArvoGruen'), url('../fonts/arvo_gruen.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'PT Sans';
  src: local('PT Sans'), local('PTSans-Regular'), url('../fonts/ptsans-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'PT Sans Bold';
  src: local('PT Sans Bold'), local('PTSans-Bold'), url('../fonts/ptsans-bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}



/**********************************************************************/
/* 6. Screen styles for all (primary mobile)                          */
/**********************************************************************/

@media screen {


/*********************
01. GENERAL STYLES
*********************/
body {font-family: 'PT Sans', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-size: 100%;line-height: 1.5;color: #333;}

#wrap {}
.pos {}

img {max-width:100%;height:auto;}


blockquote {padding: 2em 2em 0.5em 2em;text-indent: 0em;width: 100%; background: #f2f2f2;margin-left:-2em;color: #333;margin-bottom: 1em;font-family: 'PT Sans', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: 500;}

table, tr, td {vertical-align: top;}

p.intro {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-size:1.1em;}

hr {border: 0; background: #f2f2f2; height: 3px;width: 95%;margin: 2.5em auto 0;}
strong, b {font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: normal;}


/********************
02. WORDPRESS BODY CLASSES
********************/





/*********************
03. LAYOUT & GRID STYLES
*********************/




/*********************
04. LINK STYLES
*********************/

a {color:#61ae4d;text-decoration: none;}
a:hover {color:#63a43c;text-decoration: underline;}
a:visited {color:#63a43c;}

a span.button, span.button a {display: inline-block; background: #61ae4d; color: #fff; padding: 0.5em;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;border-radius: 0.3em;}

a:hover span.button, span.button a:hover {background:#63a43c;}

/******************************************************************
05. H1, H2, H3, H4, H5 STYLES
******************************************************************/

h1,h2,h3,h4,h5,h6 {line-height: 1.4em;margin-bottom:0.3em;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: normal;color: #0a350a;text-align: left;}
h1 {font-size:1.8em;margin-bottom:0em;}
h1.page-title {margin-bottom: 0.7em;}
h2 {font-size:1.6em;}
h3 {font-size:1.5em;color: #5dae59;}
h4 {font-size:1.3em;}
h5 {font-size:1.1em;}
h6 {font-size:1em;}


/*********************
06. HEADER SYTLES
*********************/

	#header {margin: 0;padding: 1em 1em;position: relative;}
	#header.noimg {background: url(../images/header_mobile.jpg);background-size: cover;}
	
	#header h1 {text-align: center;color: #fff; font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;
	}
		#header h1 a {color: #fff;}
	#header h2 {font-size: 1em;color: #ffe000; margin: 5px 0 0 0;text-align: center;}
	#header #logo {display: none;}
	
	#header .searchform {display: none; position: absolute; background: #000;background: rgba(0,0,0,0.7); height: 100%;width: 100%;	top: 0;left: 0;z-index: 999;
	}
		#header .searchform label {display: none;}
		#header .searchform input#search {border: 1px solid #333;padding: 1em;box-sizing: border-box;box-shadow: 0 0 10px #888 inset;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;background: #fff;color: #333;font-size: 1em;width: 80%;margin: 0 10%;position: absolute;top:41%; }
		#header .searchform .button-submit {display: none;}
		
	#portal, #breadcrumb, #header .searchform {display: none;}
	
	#header .headerimg {display: none;}


/*********************
07. NAVIGATION STYLES
*********************/
	.navigation li {list-style-type: none;}
	#nav-main {background:#fff;text-align: left;display: none;margin:0;}
		#nav-main.show {display: block;}
		#nav-main li {font-family:  'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;}
		#nav-main a {display:block;background:#61ae4d; color:#fff; padding: 1em;border-bottom: 1px solid #40832f;}
			#nav-main .current-menu-item a {color: #ffe000;}
			#nav-main .current-menu-item li a {color: #fff;}
			#nav-main li li {margin:0;font-family: 'PT Sans', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;}
			#nav-main ul ul a {background:#61ae4d;color:#fff;padding-left: 3em;font-family: 'PT Sans', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;	}
			
			#nav-main .fa {	font-family: FontAwesome;}
			#nav-main .fa a:hover {	text-decoration: none;	}
			
			#nav-main .switch-search {display: none;	}
			
			
			
	.mobile-switch {text-align: center;background: #63a43c;color: #fff;max-width: 100%;height: 58px;}
		.mobile-switch li {list-style-type: none;display: block;padding: 0.6em 1.5em 0; font-size: 1.3em;box-sizing: border-box;}
			.mobile-switch li.first {float: left;}
			.mobile-switch li.last {float: right;}
		.mobile-switch a {color: #fff;}
		
			a#switch-menu {}
			a#switch-search {}

		nav li {list-style-type: none;}
		
	.page-navigation {background: #f2f2f2;padding: 1.5em;text-align: center;margin: 0 1em 1em;}
		.page-navigation li {display: inline;color: #63a43c;font-size: 0.8em; 		}
		.page-navigation li a {display: inline-block;background: #f2f2f2; padding: 0.5em 1em;color: #63a43c;}
			.page-navigation li.kr8pn-next-link, .page-navigation li.kr8pn-prev-link, .page-navigation li.kr8pn-last-page-link, .page-navigation li.kr8pn-first-page-link {display: none;	}
		.page-navigation ol {display: inline-block;border-right: 0;}
		.page-navigation li.kr8pn-current {display: inline-block;background: #63a43c; color: #fff;padding: 0.5em 1em;margin-right: 0.5em;}
		

.nav-footer {margin-top:2em;clear: both;}
	#footer .nav-footer li a{color: #fff;}


/*********************
08. POSTS & CONTENT STYLES
*********************/

	
	/*TEASER */
		#teaser {margin-bottom: 0;}
		#teaser.welcome {background: #f2f2f2; padding: 2em;box-sizing: border-box;margin: 1em 1em 0;}
		/*Kacheln */
		#teaser.kacheln {position: relative;}
			#teaser.kacheln article {margin: 1em;position: relative;overflow: hidden;}
			#teaser.kacheln .first article {margin-bottom: 0;}
			#teaser.kacheln .last {margin: 1em 1em 0 1em;}
			#teaser.kacheln .last article {width: 49%; margin: 0 2% 0 0;float: left;box-sizing: border-box;font-size: 0.6em;}
				#teaser.kacheln .last article:last-of-type {margin: 0;}
			#teaser.kacheln .entry-content, #teaser.kacheln .byline {display: none;}
			#teaser.kacheln img {width: 100%;height: auto;display: block;background: #65A342;transition: opacity 1s;}
			#teaser.kacheln h1 {text-align: center;position: absolute;width: 100%;
				top: 50%;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%); background: rgba(78, 157, 84, 0.5);
			}
				#teaser.kacheln h1 a {color: #fff;}
			#teaser.kacheln article:hover img {opacity: 0.4;}


	

	div.archive-title {background: #f2f2f2;padding: 2em; margin: 1em;}
	h1.archive-title {background: #f2f2f2;padding: 0;padding-bottom: 0.2em;font-size: 4em; }
		.archive-title p {margin: 0!important;}
		h1.archive-title span {font-size: 0.5em;color: #61ae4d;	}

	
	div.wp-caption {max-width: 100%;}
	
	.bypostauthor{}
	
	#content {padding: 0;}
	#content p {line-height: 1.5em;margin: 0 0 1.2em 0;}
	#main article footer p, p.byline {font-size: 0.8em; color: #8c8c8c;margin: 0 0 0.5em;}
		p.byline {display: inline-block; padding: 0.2em 0 0;}
		footer .categories span, footer .tags span {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;color: #333;}
		footer .categories {margin-top: 0;}
		article footer p a, p.byline a, article footer p a:visited, p.byline a:visited {color: #8c8c8c;}
	article.post {text-align:justify;margin-bottom: 2em;}
	a.liinternal {display: none;}
	
	.hentry ul, .hentry ol {margin: 0 2em;}


	.postimg.category-videos {display: none!important;}

	.wp-caption-text, .gallery-caption {font-size: 0.8em;font-family: 'PT Sans', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;color: #63a43c;}

		
		.headerlist article {margin: 0;border-bottom: 1px solid #035b26;padding: 1em 0;}
			.headerlist article h2, .headerlist article p {display: inline-block;}
			.headerlist article h2 {font-size: 1em;}
				.headerlist article h2 a span {color: #ed228d;}
			.headerlist article p {font-size: 0.8em;color: #888;margin: 0!important;float: right;}
			.headerlist article {}


	#main article {background: #fff;padding: 1em;margin: 1em;}
		#main article.sticky {background: #f2f2f2;border: 0;}
			 article img.wp-post-image {width: 100%;height: auto;}
			.article-header h1 a {color:#63a43c;}
	
	.single a.postimg {margin: 1em 1em -1.5em; display: block;}
	a.postimglist {margin: -1em -1em 0 -1em;display: block;}
		.single a.postimg img.attachment-titelbild.wp-post-image, a.postimglist img.attachment-titelbild.wp-post-image {width: 100%;height: auto;}
		
		img.size-large, img.size-full  {width: 100%;height: auto;}
		img.size-medium  {width: 100%;height: auto;}
		
	
		
	article ul li {list-style-type: none;counter-increment: list;position: relative;margin: 0 0 1em 0;}
	
	article iframe {max-width:100%;}
		article ul li:before {content: "";position: absolute;left: -2.5em;width: 2em;text-align: right;color: #5dae59;font-weight:bold;}
		#comment-nav ul li:before{content: "";}
		 #comment-nav {padding: 0;margin: 0; background: transparent;}

			#comment-nav li {width: 50%;display: inline-block;padding: 0!important;margin: 0;box-sizing: border-box;font-size: 0.9em;}	
			#comment-nav li.next {text-align: right;float: right;}
			#comment-nav li a {color:#63a43c;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;	}
	article ol {counter-reset:li;}
		article ol > li {list-style-type: none;counter-increment: list;position: relative;margin: 0 0 1em 0;}
			article ol > li:before {content:counter(li)'.'; counter-increment:li; position: absolute;left: -2.5em;width: 2em;text-align: right;color: #5dae59;font-family: 'PT Sans', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;}	
	article ul li li, article ol li li {margin: 1em 0 1em 0;}
	
	ul.sitemap {margin: 0;}
		ul.sitemap li {list-style-type: none;clear: both;}
		ul.sitemap li:before{content: "";}
		ul.sitemap li img {float: left;margin: 0 0.5em 2em 0;}
		ul.sitemap li a {font-size: 1.1em;font-family:  'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: normal;}
		ul.sitemap li span {display: block;font-size: 0.9em;font-family: 'PT Sans', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;}


	article .searchform {background: #f2f2f2; padding:  2em; width: 100%;margin: 0 -2em -4em -2em;}
		article .searchform label {margin-bottom: 1em; display: block;}
	
	
	.home #main .announceblog {background: #fafafa;padding: 1em 1em 0;margin: 0;border: 0;text-align: center;	}
	.home #main article.category-blog {background: #fafafa;padding: 2em;margin: 0;border: 0;	}
		.home #content .sticky img.wp-post-image {}
		.home #content .sticky h1 {}
	
	
	
	/*Share */	
	.sharewrap {margin: -1em 1em 1em; padding: 1em 1em 0.1em; clear: both;background: #fff;}
		.sharewrap a {display: block; text-align: center; padding: 0.5em; margin-bottom: 0.5em;	font-family:  'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;color: #fff;font-size: 0.8em;}
		.sharewrap a.twitter {background: #59adeb;}
		.sharewrap a.facebook {background: #3b5998;}
		.sharewrap a.google {background: #d53f38;margin: 0;}
		
			
	.gallery {text-align: center; background: #f2f2f2;margin: 0 -1em 1em; padding: 2em;border: 0;}
		.gallery dl.gallery-item {display: inline-block;margin: 0 2% 1% 0;vertical-align: top; }
			.gallery dl.gallery-item:nth-of-type(2n) {margin-right: 0;}
		.gallery dl.gallery-item img {width: 100%;height: auto;	}
		.gallery dl.gallery-item .gallery-caption {margin-bottom: 1em;display: none;}
		.gallery br {display: none;}
		.gallery-columns-9 dl.gallery-item {width: 48%;}
			.gallery-columns-9 dl.gallery-item:nth-of-type(9n) {margin-right: 0;}
		.gallery-columns-8 dl.gallery-item {width: 48%;}
			.gallery-columns-8 dl.gallery-item:nth-of-type(8n) {margin-right: 0;}
		.gallery-columns-7 dl.gallery-item {width: 48%;}
			.gallery-columns-7 dl.gallery-item:nth-of-type(7n) {margin-right: 0;}
		.gallery-columns-6 dl.gallery-item {width: 48%;}
			.gallery-columns-6 dl.gallery-item:nth-of-type(6n) {margin-right: 0;}
		.gallery-columns-5 dl.gallery-item {width: 48%;}
			.gallery-columns-5 dl.gallery-item:nth-of-type(5n) {margin-right: 0;}
		.gallery-columns-4 dl.gallery-item {width: 48%;}
			.gallery-columns-4 dl.gallery-item:nth-of-type(4n) {margin-right: 0;}
		.gallery-columns-3 dl.gallery-item {width: 48%;}
			.gallery-columns-3 dl.gallery-item:nth-of-type(3n) {margin-right: 0;}
		.gallery-columns-2 dl.gallery-item {width: 48%;}
			.gallery-columns-2 dl.gallery-item:nth-of-type(2n) {margin-right: 0;}
		.gallery-columns-1 dl.gallery-item {width: 100%;}
			.gallery-columns-1 dl.gallery-item:nth-of-type(1n) {margin-right: 0;}


		/*Tabelle */
			article table {margin-bottom: 1.5em;	}
				article table th {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; padding: 1em 1em 1em 0;border-bottom: 2px solid #63a43c;color: #63a43c;	}
				article table td{ padding: 1em 1em 1em 0;border-bottom: 1px solid #f2f2f2;	}

		
		pre {max-width: 100%;margin-bottom: 1.5em;padding: 1.5em;overflow: auto;background: #f2f2f2;font-size: 0.8em;line-height: 1.4;}
		address {background: #e4f8df;padding: 1em;margin-bottom: 1.5em;}

  		
			/*Author */
				body .author {padding: 1em 1em 0;margin-top: 1em;text-align: center;}
					.author img.avatar {border-radius: 50%;}
					.author .author-description {}
						.author .author-description h3 {font-size: 1.2em;padding-top: 0.5em;text-align: center;}
						.author .author-description h3 a {color: #63a43c;}
						.author .author-description p {margin-bottom: 0.5em!important;font-size: 0.9em;}
						  


			/*Archiv*/
				.archiv {}
					.archiv ul {margin: 0;}
						.archiv li:before {content: "";}
						.archiv li {display: inline; padding: 0;}
						.archiv li:after {display: inline;content: ' / ';padding: 0;}
						.archiv ul li:last-of-type:after {content: '';}
					.archiv h2 {font-size: 1.2em;margin-top: 2em;}
							
					.archiv .archiv-tags a {font-size: 1em!important;}

			/*Termine */
				.wpcal-item {border-bottom: 2px solid #eee;padding-bottom: 2em;margin-bottom: 1em;}
					.wpcal-item .termin_meta_kurz {font-size: 0.8em;}
					.wpcal-item .termin_meta_kurz span {margin-right: 0.5em;}
				article.type-termine {}
					article.type-termine .termin_meta {border-bottom: 2px solid #eee;padding-bottom: 1.5em;margin-bottom: 2em;padding-top: 1.5em;
					}
						article.type-termine .termin_meta span {display:block;margin-bottom: 0.5em;
						}
							article.type-termine .termin_meta span:before {font-family: FontAwesome;margin-right:0.7em;color: #65A342;}
						article.type-termine .termin_meta .termin_tag:before{content: "\f133";}
						article.type-termine .termin_meta .termin_zeit:before{content: "\f017";}
						article.type-termine .termin_meta .termin_ort:before{content: "\f124";}
					article.type-termine #termin_map_wrapper {margin-top: 2em;}


	


/******************************************************************
09. PAGE NAVI STYLES
******************************************************************/

	/*Tabs*/
		.responsive-tabs__heading { display: none;}
		.responsive-tabs__list__item { display: inline; cursor:pointer;}
		.content-tabs {margin-bottom: 2em;border-top: 1px solid #aaa; }
		.content-tabs .responsive-tabs__list { display: none;}
			.responsive-tabs__list li:before {content: "";}
			.responsive-tabs__heading { display: block; cursor: pointer; }
			.responsive-tabs__panel--closed-accordion-only { display: none;}
			.responsive-tabs-wrapper {clear: both;zoom: 1; }
			.responsive-tabs-wrapper:before,.responsive-tabs-wrapper:after {content: "";display: table;} 
			.responsive-tabs-wrapper:after {clear: both;}
			.responsive-tabs__heading--active:focus,
			.responsive-tabs__list__item--active:focus { outline: none !important;}
			
			.responsive-tabs__heading { background: #fff;border: 1px solid #aaa;font-size: 1.2em; border-top: 0;padding: 0.3em 0.5em; margin: 0;color: #333;position:relative;}
			.responsive-tabs__panel { border: 1px solid #000;padding: 1em;margin: 0;}

				.responsive-tabs__list {margin: 0!important;padding-left: 2em;font-family:  'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;border-bottom: 3px solid #f2f2f2;
				}
				.responsive-tabs__list li {float: none;display: inline-block;margin: 0!important;font-size: 0.8em;	}

				.responsive-tabs__heading::after {content: "\f077";	font-family: FontAwesome; right: 0.5em;font-size: 0.7em; position: absolute;color: #5dae59;	}
				.responsive-tabs__heading--active::after {content: "\f078";	}
				 
				 .responsive-tabs__list__item {background: transparent;padding: 0.7em 1em; color: #fff;}
				  .comments-tabs .responsive-tabs__list__item {color: #fff;}
				 .responsive-tabs__list__item:hover {background: transparent; }
				 .responsive-tabs__list__item--active, 
				 .responsive-tabs__list__item--active:hover {  background: #f2f2f2;border: 0;color: #63a43c;}

				 
				 .responsive-tabs__panel { border: 0;background: #f2f2f2;margin-bottom: 0;padding: 2em;border: 1px solid #aaa; border-top: 0;}
		

			.comment-tabs {margin: 1em;}
				.comment-tabs .responsive-tabs__heading { display: none;}
				.comment-tabs .responsive-tabs__panel--closed-accordion-only { display: block;}
				.comment-tabs .responsive-tabs__panel {padding: 0em;border: 0;margin-bottom: 0;padding-bottom: 0;}
					.comment-tabs .responsive-tabs__list__item {position: relative;}
					.comment-tabs .responsive-tabs__list__item::before {margin-right: 0.5em;font-family: FontAwesome;font-size: 1em; color: #5dae59;}
					body.page .comment-tabs .responsive-tabs__list__item:nth-of-type(2)::before {content: "\f0e6";}
					body.page .comment-tabs .responsive-tabs__list__item:nth-of-type(1)::before {content: "\f040";}
					
					body.single .comment-tabs .responsive-tabs__list__item:nth-of-type(3)::before {content: "\f0e6";}
					body.single .comment-tabs .responsive-tabs__list__item:nth-of-type(2)::before {content: "\f040";}
					body.single .comment-tabs .responsive-tabs__list__item:nth-of-type(1)::before {content: "\f1ea";}
				

			p#back-top a {display: none; }


/******************************************************************
10. COMMENT STYLES
******************************************************************/
	.commentlist {background: #fff; padding: 1em;margin: 0 1em 1em;}
		.commentlist li {list-style-type: none;}
		
		.commentlist  li:before{content: "";}
		ul.children {margin-left: 1em;}
		#main ol.commentlist article {background: transparent;padding: 0.5em;margin: 0 0 1em 1em;}
			.commentlist article img.avatar {margin: 0 0.5em 0 0;}
			.commentlist article .vcard {padding: 0 0 0 0;font-size: 0.8em;margin-bottom: 0.7em;font-family:  'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;color:#63a43c;}
				.commentlist article .vcard a {color: #5dae59;}
		.commentlist .comment-reply-link {font-size: 0.6em;padding: 0.2em 0.8em;border-radius: 1em;display: inline-block;text-align: right;color: #fff;background: #5dae59;float: right;}
		.commentlist article:hover .comment-reply-link {visibility: visible;}
	
	
	#main ol.commentlist article {background: #fff;padding: 0.5em;margin: 0 0 1em 0;}
	#main ol.commentlist article.bypostauthor {background: #61ae4d;color: #fff;}
		#main ol.commentlist article.bypostauthor  a {color: #63a43c;}
			#main article.bypostauthor  a.comment-reply-link {color: #fff!important;background: #63a43c;}		
			

		/*Related */
			#related-posts {padding: 1em 0 0.1em;}
			#related-posts article:first-of-type {margin-top: 0;}



/******************************************************************
11. COMMENT FORM STYLES
******************************************************************/
	
	
	#respond {background: #fff;padding: 2em;margin: 0 1em 1em;}
		
		#reply-title {color: #63a43c;}
		#commentform ul {margin: 0;}
		#commentform li {list-style-type: none;}
		#commentform  li:before{content: "";}
		#main form input, #main form textarea, #main form select {border: 1px solid #cecece;background: #f8f8f8;padding: 0.5em;display: block;margin-bottom: 1em;width: 92%;}
		#main form textarea {
			width: 97.3%;height: 6em;}
		#main form input:hover, #main form textarea:hover {border: 1px solid #999;background: #fff;box-shadow: 0 0 5px #eee inset;}
		#main form input:focus, #main form textarea:focus {border: 1px solid #5dae59;background: #fff;box-shadow: 0 0 5px #eee inset;}
		#main form label {font-size: 0.8em;font-family:  'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;color: #888;}
		#main form input[type=submit] {display: inline-block;padding: 0.5em 1em; border: 0;color: #fff;font-weight: normal;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;width: auto;}
			#main form input[type=submit] {background: #63a43c;}
		#main form input[type=submit]:hover {background: #5ebd4c;border-color: #166608;color: #63a43c;text-shadow: 1px 1px 0 #63c251;}
		#recaptcha_area {margin-bottom: 1em;}
			#main form .req {color: #5dae59;}
			#main form label small {font-size: 0.8em;color: #aaa;font-family: 'PT Sans', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;}
			form .required-info {font-size: 0.8em;color: #888;	}


/*********************
12. SIDEBARS & ASIDES
*********************/
.sidebar li {list-style-type: none;}
.sidebar {background:#63a43c;padding: 2em;color: #fff;}
  h3.widgettitle {margin-bottom: 0.5em;color: #fff;}
  .sidebar a, .sidebar a:visited {color: #326516 !important; }
  .sidebar a:hover {color: #ffe000; }
.widget {margin-bottom: 2em;border-bottom: 2px solid #17452e; padding-bottom: 2em;}
.sidebar .widget:last-of-type {margin-bottom: -2em;}

	

	/*Twitter */
		.widget.widget_twitter-tracker, .widget_twitter-profile-tracker {padding: 1em;font-size: 0.9em;		}
		.widget.widget_twitter-tracker h3, .widget_twitter-profile-tracker h3 {}
			.sidebar .widget.widget_twitter-tracker a, .sidebar .widget_twitter-profile-tracker a {}
			.sidebar .widget.widget_twitter-tracker a.tweet-link, .sidebar .widget_twitter-profile-tracker a.tweet-link {font-size: 0.7em;margin: 0 0 0 40px;padding: 0;}
			.widget.widget_twitter-tracker img, .widget_twitter-profile-tracker img {float: left; margin: 5px 0 0.5em 0;width: 30px; height: auto;}
			.widget.widget_twitter-tracker .msg, .widget_twitter-profile-tracker .msg {margin: 0 0 0 40px;}
	


	/*Social Media */
		.widget_kr8_socialmedia {padding: 0!important;background: transparent!important;}
			.widget_kr8_socialmedia h3.widgettitle {}
			.widget_kr8_socialmedia li {display: inline-block;margin: 0 0.5em 0.5em 0!important; padding: 0!important;}
				.widget_kr8_socialmedia li span {border-radius: 50%;box-sizing: border-box;height: 40px;width: 40px;color: #fff;text-align: center;background-color: #63a43c; font-size: 1.3em;padding-top: 0.5em;}
					.widget_kr8_socialmedia li span.fa-twitter:hover {background-color: #31ccf0;}
					.widget_kr8_socialmedia li span.fa-facebook:hover {background-color: #3b5998;}
					.widget_kr8_socialmedia li span.fa-google-plus:hover {background-color: #dd4e51;}
					.widget_kr8_socialmedia li span.fa-flickr:hover {background-color: #fd3a93;}
					.widget_kr8_socialmedia li span.fa-instagram:hover {background-color: #407291;}
					.widget_kr8_socialmedia li span.fa-youtube:hover {background-color: #b1263a;}
					.widget_kr8_socialmedia li span.fa-vimeo-square:hover {background-color: #28c5ee;}
					.widget_kr8_socialmedia li span.fa-pinterest:hover {background-color: #d7373d;}
					.widget_kr8_socialmedia li span.fa-soundcloud:hover {background-color: #fa3846;}
					.widget_kr8_socialmedia li span.fa-foursquare:hover {background-color: #5bc0e6;}
					.widget_kr8_socialmedia li span.fa-xing:hover {background-color: #074f4f;}
					.widget_kr8_socialmedia li span.fa-tumblr:hover {background-color: #2a455b;}
					.widget_kr8_socialmedia li span.fa-rss:hover {background-color: #fb9a61;}
					.widget_kr8_socialmedia li span.fa-comments-o:hover {background-color: #fb6c55;}
					
	
	/*Bilder Widget*/				
	.widget_sp_image img {width:100%!important;height:auto!important;}
	
	/*Suche */
	.widget_search {background: transparent!important;padding: 0!important;display: none;}
		.widget_search label{display: none;}
		.widget_search #search{padding: 1em 5%;width: 90%;border: 1px solid #63a43c;}
			.widget_search #search:hover, .widget_search #search:focus {border-color: #5dae59;}
		.widget_search .button-submit {border:0;background: #63a43c; color: #fff;font-family:  'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;padding: 0.5em 1em;margin-top: 1em;font-size: 1em;font-weight: normal;}
			.widget_search .button-submit:hover {background: #ffdc0a;color: #63a43c;}
			.sidebar .widget_search .button-submit .fa {display: none;}
	
	/*Tag Cloud */
	.widget_tag_cloud {}
		.widget_tag_cloud a, #footer .widget_tag_cloud a {font-size: 0.9em!important;display: inline-block;padding: 0.5em 0.6em; margin: 0 0.2em 0.5em 0; background: #61ae4d; line-height: 1; color: #fff; border-radius: 0.3em;}
		.widget_tag_cloud a:hover, #footer .widget_tag_cloud a:hover {background: #ffdc0a;color: #63a43c;text-decoration: none;}	
	
	
	.widget_rss h3 img {display: none;}
		#footer .widget_rss h3 a {color: #fff;}
		
	/*Contact Form 7*/	
		.sidebar .wpcf7-form, .sidebar .widget_haet_cleverreach_widget {background: #FDED35; padding: 2em;}
			.sidebar .wpcf7-form input, .sidebar .widget_haet_cleverreach_widget input {padding: 0.5em;max-width: 100%;box-sizing: border-box;width: 100%;
			}
			.sidebar .wpcf7-form input[type=submit], .sidebar .widget_haet_cleverreach_widget button {background: #17452e; color: #fff;border: 0;font-family:  'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;padding: 0.5em;font-size: 1em;margin: 0;float: left;}
				.sidebar .wpcf7-form input[type=submit]:hover, .sidebar .widget_haet_cleverreach_widget button:hover {background: #65A342;}
			.sidebar .wpcf7-form {}
			.sidebar .wpcf7-form label, .sidebar .widget_haet_cleverreach_widget label {color: #17452e;font-size: 0.8em;display: block;width:  -webkit-fill-available;
			}
			.sidebar .wpcf7-form h3, .sidebar .widget_haet_cleverreach_widget h3 {color: #17452e;}
			

	
					
					
					
/*********************
13. FOOTER STYLES
*********************/
#footer {clear: both;background:#63a43c; padding: 0;color: #fff; }
	#footer .widget {background: transparent; color: #8d9e96;}
		#footer .widget:last-of-type {border-bottom: 0;}
	#footer .widgettitle {color: #fff;}
	p.copyright {text-align: center; font-size: 0.8em;background: #0a1a12;color: #56685f;padding: 1em;}
		p.copyright a:hover{color: #ffdc0a;}
	
	#footer .widget_nav_menu {font-size: 1.2em;}
	    #footer .widget_nav_menu li {font-family:  'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;margin-bottom: 2em;}
	    #footer .widget_nav_menu li a {color: #fff;}
	    #footer .widget_nav_menu li li a {color: #afdca7;}
	    #footer .widget_nav_menu li li {float: none;font-size: 0.8em;margin: 0;width: 100%;font-family:  'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;}
	    #footer .widget_nav_menu ul {margin: 0;padding: 0;}
	    #footer .widget_nav_menu li a:hover {color: #ffe000; }
	
	.nav-footer {margin: 2em;}

}


/**********************************************************************/
/* 7. MOBILE STYLES                                                   */
/**********************************************************************/


/*SMALLER LAPTOPS */
@media only screen and (min-width: 770px) {

  .onecol {width: 5.801104972%;}
  /* 4.85%;  } /* grid_1  */
  .twocol {width: 14.364640883%;}
  /* 13.45%; } /* grid_2  */
  .threecol {width: 22.928176794%;}
  /* 22.05%; } /* grid_3  */
  .fourcol {width: 31.491712705%;}
  /* 30.75%; } /* grid_4  */
  .fivecol {width: 40.055248616%;}
  /* 39.45%; } /* grid_5  */
  .sixcol {width: 48.618784527%;}
  /* 48%;    } /* grid_6  */
  .sevencol {width: 57.182320438000005%;}
  /* 56.75%; } /* grid_7  */
  .eightcol {width: 65.74585634900001%;}
  /* 65.4%;  } /* grid_8  */
  .ninecol {width: 74.30939226%;}
  /* 74.05%; } /* grid_9  */
  .tencol {width: 82.87292817100001%;}
  /* 82.7%;  } /* grid_10 */
  .elevencol {width: 91.436464082%;}
  /* 91.35%; } /* grid_11 */
  .twelvecol {width: 99.999999993%;}
  /* 100%;   } /* grid_12 */
  .onecol,.twocol,.threecol,.fourcol,.fivecol,.sixcol,.sevencol,.eightcol,.ninecol,.tencol,.elevencol,twelvecol {
    position: relative;float: left;margin-left: 2.762430939%;}
  .first {margin-left: 0;}
  .last {float:right}
  .sixcol:nth-child(odd){float:right; margin:0}
  .sixcol:nth-child(even){float:left; margin:0}
  
  /******************************************************************
  Stylesheet: Tablet & Small Desktop Stylesheet
  
  Here's where you can start getting into the good stuff.
  This size will work on iPads, other tablets, and desktops.
  So you can start working with more styles, background images,
  and other resources. You'll also notice the grid starts to
  come into play. Have fun!
  
  ******************************************************************/
  /*********************
  GENERAL STYLES
  *********************/
  
  a {text-decoration: none;}
  
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  html {}
  body {background: #f2f2f2; }
  
  #wrap, .inner {max-width: 1140px; margin: 0 auto!important;}
  
  	#content {padding: 0;  }
  		#main  {background: #fff; }
  
  /*********************
  HEADER SYTLES
  *********************/
  #header{ padding: 1.5em 0 0 0;position: relative;margin-bottom: 2em;}
	  #header.noimg {background: #737b7e;}
	  #header .hgroup {display: inline-block;text-align: right;width: 79%;z-index: 2;position: absolute;top: 43%;right: 0;  }
	  	#header #logo {display: inline-block;width: 20%;z-index: 2;position: relative;margin-top: 0.5em; }
	  	#header a {color: #fff;text-decoration: none;	}
	  	#header h1 {font-size: 4em;}
	  	#header h1, #header h2 {padding: 0 0 0 5px;margin: 0;line-height:1em;display: block;text-align: right;}
	  	#header h2 {text-align: right;margin-top: 0.5em;font-size: 1.1em;}
	  	#header .inner {position: relative;height: 100%;}

		
		/*Image */
			#header.widthimg{ padding: 0;margin: 0!important; height: 200px;}
				#header.widthimg .hgroup { position: absolute;top: 40%; right: 1em;}
				#header.widthimg #logo{position: absolute;left: 1em;top: 30%;  }	  	
	  	
	  	
	  	#portal .searchform {background: #fff; border: 0;padding: 0.2em;border-radius: 1em;font-size: 0.9em; }
	  				#portal .suche {display: inline-block;}
	  				#portal .searchform label {	position: absolute;top: -9999999px;   				}
	  				#portal .searchform:hover {box-shadow:0 0 6px #1e5b13,0 0 10px #aaa inset;color: #555;}
	  				#portal .searchform input#search {border: 0;padding: 0em 0.5em 0.7em 0.5em;background: transparent;	color: #777;font-size: 0.8em;width: 200px;margin: 0; }
	  				#portal .searchform:hover input, #header .searchform input#search:focus {outline:0;color: #333;	}
	  				#portal .searchform .button-submit {border: 0;background: transparent;color: #63a43c;display:inline-block;font-size: 1.3em;		   }
	  					#portal .searchform .button-submit:hover {color: #61ae4d;}
	  					#portal .searchform .button-submit span.text {display: none;font-size: 0;}
  
  
  	#portal {display: block; background: #63a43c;text-align: right;padding: 0.5em 0;z-index: 2;position: relative; }
  	



  
  /*********************
  NAVIGATION STYLES
  *********************/
	#nav-main {display:block;width:100%;text-align: left;font-size:1.2em;background:transparent;z-index: 3;position: relative; }
		#nav-main .navigation {display:block;width:100%;}
			
			#nav-main li {display: block;float: left;position: relative;padding:0;margin:0;}
				#nav-main li a {padding:1em;display:block;background: transparent;color:#fff;border: 0;	}
				#nav-main li a:hover {color: #ffe000;text-decoration: underline;}
				/*2te Ebene */
				#nav-main li ul {display:none;padding: 15px 0 0;font-size:0.9em;margin-top: -15px;margin-left: 20px;}	
				#nav-main li:hover ul {display:block;}
				#nav-main li ul {position:absolute;width:250px;z-index:9;	}
					#nav-main li ul li {display:block;float: none;font-size:0.9em;border: 0;margin: 0;padding: 0;}
						#nav-main li ul li a,  #nav-main li.current-menu-parent li a,  #nav-main li.current-menu-item li a {background: #fff;color:#63a43c;border: 0;padding: 0.5em 1.2em;	}
						 #nav-main li.current-menu-parent li a:hover,#nav-main li.current-menu-item li a:hover,#nav-main li ul li a:hover,#nav-main li.current-menu-parent li.current-menu-item a {color:#fff; background: #63a43c; }
						 #nav-main li ul li a:before {}
				/*Aktives Element */
				#nav-main li.current-menu-item a, #nav-main li.current-menu-parent a {color: #ffe000;}
					#nav-main li.current-menu-item li a, #nav-main li.current-menu-parent li a {background: #fff;color:#63a43c;	}
			
			
			#nav-main .switch-search {float: right; display: block;	}

					
  
  
  		
  		#nav-portal {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; font-size: 0.9em;display: inline-block;}
  			#nav-portal li {display: inline-block;margin: 0 2em 0 0;}
  			#nav-portal a {color: #fff; }
  			#nav-portal li ul {display: none;}
  			#nav-portal {}
  		
  
  
  .mobile-switch {display: none;}
  
  	#breadcrumb {display: block; z-index: 2;position: relative; background: #ffdc0a;color:#63a43c;padding: 0.3em 1em;font-size: 0.9em;font-family: 'PT Sans', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; }
  		#breadcrumb a {color:#63a43c;}
  	
  	.navwrap {margin-bottom: 4em; background: #63a43c; }

	.nav-footer {font-size: 0.8em;margin: 2em 0 3em 0;}
		.nav-footer li {display: inline-block;margin: 0 1em 0 0;}  
		
	p#back-top {position: fixed; display:none; bottom: 2em; right: 2em;z-index: 999;}
		p#back-top a {display: inline-block; transition: opacity 1s; background: #63a43c;background: #65A342;border-radius: 50%;width: 50px;color: #fff;text-align: center;padding: 0.6em 0 0.9em;opacity: 0.4;}
		p#back-top a:hover {opacity: 1;text-decoration: none;}		
	
	
			.page-navigation {margin: 0;}
				.page-navigation li.kr8pn-next-link, .page-navigation li.kr8pn-prev-link, .page-navigation li.kr8pn-last-page-link, .page-navigation li.kr8pn-first-page-link {display: inline;	}
	
		
  
	/*********************
	POSTS & CONTENT STYLES
	*********************/
	
		/*TEASER */
		#teaser {margin: 0 0 2em;}
		#teaser.welcome {margin: 0 0 2em;}
		/*Kacheln */
		#teaser.kacheln {position: relative;}
			#teaser.kacheln article {position: relative;overflow: hidden;height: 480px;}
			#teaser.kacheln .first article {margin: 0;}
			#teaser.kacheln .last {margin: 0;}
			#teaser.kacheln .last article {height: 225px;margin-bottom: 30px;float: none;width: 100%;font-size: 1em;}
				#teaser.kacheln .last article:last-of-type {margin: 0;}
			#teaser.kacheln .entry-content, #teaser.kacheln .byline {display: none;}
			#teaser.kacheln img {min-width: 100%;width: auto;height: auto;margin: 0;min-height: 100%;z-index: 1;display: block;}
			#teaser.kacheln h1 {position: absolute;text-align: left;-ms-transform: translateY(0%);-webkit-transform: translateY(0%);transform: translateY(0%);z-index: 2;bottom: 0;top: auto; background: #000;background:#65A342;width: 100%;padding: 0.5em 1em;font-size: 1.2em;box-sizing: border-box;}
				#teaser.kacheln h1 a {color: #fff;}
				#teaser.kacheln article:hover img {opacity: 1;}
	
	
		h1 {font-size:2.4em;}
		h2 {font-size:1.2em;}
		
  		#main article {padding: 2em;border-bottom: 2px solid #f2f2f2;}
  			#main article.sticky {margin: 0;padding: 2em;border: 0;}
  	

  		
		div.archive-title {margin: 0;}
			
			.home #main .announceblog {background: #fafafa;padding: 1em 1em 0;margin: 0;border: 0;text-align: left;	}
			.home #main article.category-blog {background: #fafafa;padding: 2em;margin: 0;border: 0;	}
				.home #content .sticky img.wp-post-image {}
				.home #content .sticky h1 {}
  		
  		
  	#main article { border-bottom: 2px solid #f2f2f2;padding: 0 0 2em;margin: 2em;}
  		#main article:last-of-type {border-bottom: 0;}
  		article img.wp-post-image, .search-results article img.wp-post-image {float: left;margin: 10px 0.7em 0 0;width: 33%;height: auto; }
  		article h1.h2, .search-results article h1.h2{font-size: 1.6em;}
  		.single h1.h2 {font-size: 2.4em;}
  		article h1 a, .search-results article h1.h2 a{color:#63a43c;}
  	
  		article.category-blog .author {width: 30%;float:  left; margin: 0 0.5em 0.5em 0;
  		}
  	
  	/*Bilder */
	  	.wp-post-image {margin-bottom: -1.5em;margin-top: 1em; }
		.single a.postimg, a.postimglist {margin: 0;}
		.single img.attachment-titelbild.wp-post-image {width: 100%;height: auto;margin-top: 0;}
		img.size-medium {width: 49%;height: auto;}

		.gallery {text-align: center; background: #f2f2f2;margin: 0 -2em 1em; padding: 2em;border: 0;}
			.gallery dl.gallery-item {display: inline-block;margin: 0 2% 1% 0;vertical-align: top; }
				.gallery dl.gallery-item:nth-of-type(2n) {margin-right: 2%;}
			.gallery dl.gallery-item img {width: 100%;height: auto;	}
			.gallery dl.gallery-item .gallery-caption {margin-bottom: 1em;display: block;}
			.gallery-columns-9 dl.gallery-item {width: 9%;}
				.gallery-columns-9 dl.gallery-item:nth-of-type(9n) {margin-right: 0;}
			.gallery-columns-8 dl.gallery-item {width: 10%;}
				.gallery-columns-8 dl.gallery-item:nth-of-type(8n) {margin-right: 0;}
			.gallery-columns-7 dl.gallery-item {width: 12%;}
				.gallery-columns-7 dl.gallery-item:nth-of-type(7n) {margin-right: 0;}
			.gallery-columns-6 dl.gallery-item {width: 14%;}
				.gallery-columns-6 dl.gallery-item:nth-of-type(6n) {margin-right: 0;}
			.gallery-columns-5 dl.gallery-item {width: 18%;}
				.gallery-columns-5 dl.gallery-item:nth-of-type(5n) {margin-right: 0;}
			.gallery-columns-4 dl.gallery-item {width: 23%;}
				.gallery-columns-4 dl.gallery-item:nth-of-type(4n) {margin-right: 0;}
			.gallery-columns-3 dl.gallery-item {width: 31%;}
				.gallery-columns-3 dl.gallery-item:nth-of-type(3n) {margin-right: 0;}
			.gallery-columns-2 dl.gallery-item {width: 48%;}
				.gallery-columns-2 dl.gallery-item:nth-of-type(2n) {margin-right: 0;}
			.gallery-columns-1 dl.gallery-item {width: 100%;}
				.gallery-columns-1 dl.gallery-item:nth-of-type(1n) {margin-right: 0;}

 
 	/*Townhall */
   			#thclock {}
   				#thclock .timebox {}
   				#thclock .timebox .tage {font-size: 5em;line-height: 1em;}
   				#thclock .timebox .timeunit {font-size: 0.8em;}
   				#thclock .colon {font-size: 5.5em;line-height: 1em;padding-left: 3px;}
   		
 
  		.sharewrap {display: block;}
  		

	
	
		/*Tabs */
			.responsive-tabs__list, .content-tabs .responsive-tabs__list { display: block;margin: 0!important;padding-left: 2em;font-family:  'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;}
			.responsive-tabs__list li {float: none;display: inline-block;margin: 0!important;font-size: 1em;color: #63a43c;}
			.responsive-tabs__heading { display: none;}
			.responsive-tabs__panel--closed-accordion-only { display: block;}
			.comment-tabs {margin: 0;}
			.content-tabs {border:0; }
			 
			 .responsive-tabs__panel { border: 0;background: #fff;margin-bottom: 2em;padding: 2em;}
			 .comment-tabs .responsive-tabs__panel {margin-bottom: 0;}		
  
  
  /*Kommentare*/ 
   	#respond {margin: 0;}
   	#commentform li {width: 30%;float: left;margin: 0 5% 0 0; }
   		#commentform li:last-of-type {margin: 0; } 		
		.commentlist {padding: 2em;margin: 0!important;}
			ul.children {margin-left: 4em;}
			#comment-nav {background: #fff; padding:0 2em 0em;margin: 0;display: block;}
			#comment-nav li {font-size: 1em;display: inline-block;}
			#comment-nav li a {	margin-bottom: 2em;display: inline-block;}


			/*Author */
				body .author {padding: 1em 1em 0;margin-top: 3em;text-align: left;}
					.author img.avatar {float: left;border-radius: 50%;}
					.author .author-description {margin-left: 100px;}
						.author .author-description h3 {margin-bottom: 0;font-size: 1.2em;padding-top: 0.5em;text-align: left;}
						.author .author-description h3 a {color: #63a43c;}
						.author .author-description p {margin-bottom: 0.5em!important;font-size: 0.9em;}	
  	
			  	/*Share */	
			  	.sharewrap {margin: 2em 2em 4em; padding: 0; clear: both;background: transparent;}
			  		.sharewrap a {display: inline-block; padding: 0.5em 1em; margin-bottom: 0;}
			  		
			  		
			  		
			  /*Related */
			  	#related-posts {padding: 2em 0 1.5em;}
			  		#related-posts h1.h2 {font-size: 2em;}
			  		#related-posts article{background: transparent;margin-bottom: 0;padding-bottom: 2em; border-bottom: 2px solid #ccc;}
			  		#related-posts p {	margin-bottom: 0;	}

			
			/*Termine */
				.wpcal-item {border-bottom: 2px solid #eee;padding-bottom: 3.5em;margin-bottom: 1em;position: relative;}
					.wpcal-item:last-of-type {border: 0;margin-bottom: 0;padding-bottom: 0;}
					.wpcal-item .termin_meta_kurz {font-size: 1em; width: 30%;float: left;text-align: center;}
						.wpcal-item .termin_meta_kurz span {margin: 0;display: block;}
							.wpcal-item .termin_meta_kurz .termin_datum_kurz {font-size: 2em;line-height: 1.1em;}
					.wpcal-item h2, #main .wpcal-item p {width: 70%;margin-left: 30%;	}
					.wpcal-item a.weiterlesen {display: inline-block;right: 0;position: absolute;margin-bottom: 1em;background: #65A342;color: #fff;padding: 0.5em 0.7em;font-size: 0.8em;font-family:  'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;	}

  		

  /*********************
  SIDEBARS & ASIDES
  *********************/
  .sidebar {margin: 0;padding: 0;	background: transparent;color: #333;}
	.sidebar  a:hover {color: #65A342; }
	.sidebar a {color: #65A342;}
  .widget {margin: 0 0 3em 0;padding: 0;border: 0;background: transparent;}
  	.sidebar .widget:last-of-type {margin-bottom: 2em;}
  	.widget ul li {margin-bottom: 0.5em;/* deep nesting */}
  	.widget ul li ul {margin-top: 0.75em;padding-left: 1em;}
  	.widget.widget_sp_image {padding: 0;background: transparent!important;  }
  	.widget_search #search, .widget_search .button-submit {}
  	.widget_search {display: block;}
  	h3.widgettitle {color: #63a43c;	}
  	
  		.widget.termine_widget {padding: 0;}
  			.widget.termine_widget #termin_karte{margin: 0;max-width: 100%;}

  /* recent-posts widget */
  /* archives widget */
  /* tag-cloud widget */
  	.widget_tag_cloud {background: transparent;padding: 0;}

		#wrap .widget_tag_cloud a {background: #63a43c;color: #fff;}
			#wrap .widget_tag_cloud a:hover{background: #ffdc0a;color: #63a43c;text-decoration: none;}	  		
  /* calendar widget */
  /* category widget */
  /* recent-comments widget */
  /* search widget */
  /* text widget */
  
  
  
  /*********************
  FOOTER STYLES
  *********************/
	#footer {background:transparent;margin: 2em 0 0.5em;padding: 0;text-align: left;color: #333;
	}
			#footer .inner {padding:0;}
			#footer .inner section {}
			#footer a {color: #63a43c;	}
				#footer a:hover {color: #ffe000;	}
			#footer .widget {width: 25%;float: left;margin: 3em 0;padding: 0;}

		
		#footer .adresse {font-size: 0.8em;padding-top: 1em;}
		#footer .adresse p {margin-bottom: 0.5em;}		
			#footer .adresse strong {font-weight: normal;color: #333;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-size: 1.2em;		}	


		#footer .widget_nav_menu  {width: 100%;display: block;font-size: 1em;}
			#footer .widget_nav_menu li {float: left;width: 20%;margin: 0;}
		
		
			#footer h3.widgettitle {text-shadow: 0 0 0;color: #63a43c; }
			


}



/* DESKTOP */
@media only screen and (min-width: 1140px) {
 
 html {}


}


/* LARGE VIEWING SIZE */
@media only screen and (min-width: 1240px) {


}



@media only screen and (max-width: 770px) {
body {}

}


@media only screen and (max-width: 480px) {
.mobile-switch li.middle {max-width:25%;padding: 0.5em;}
}
/*LARGER MOBILE DEVICES*/
@media only screen and (min-width: 481px) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: 481px and Up Stylesheet
  
  This stylesheet is loaded for larger devices. It's set to 
  481px because at 480px it would load on a landscaped iPhone.
  This isn't ideal because then you would be loading all those
  extra styles on that same mobile connection. 
  
  A word of warning. This size COULD be a larger mobile device,
  so you still want to keep it pretty light and simply expand
  upon your base.less styles.
  
  ******************************************************************/
  /*********************
  NAVIGATION STYLES
  *********************/

				
				
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* entry content */
  .entry-content {
    /* at this larger size, we can start to align images */
  
  }
  .entry-content .alignleft,
  .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
  }
  .entry-content .alignright,
  .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
  }
  .entry-content .aligncenter,
  .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
  }
  /* end .entry-content */
 
 
 
  /*********************
  FOOTER STYLES
  *********************/

}


/*Tablets */
@media (min-width: 500px) and (max-width: 768px) {
	img.size-medium  {width: 49%;height: auto;}
}



/*Tablets */
@media only screen and (min-width: 768px) {
	img.size-medium  {width: 49%;height: auto;}
}





/*RETINA (2x RESOLUTION DEVICES)*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

}


/*iPHONE 5 MEDIA QUERY */
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  
}



/*PRINT STYLESHEET */
@media print {

  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after,
  a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after,
  a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}

