/**********************************************************************/
/* 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;
}

/* 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 {zoom: 1; }
  .clearfix:before, .clearfix:after {content: "";display: table; }
  .clearfix:after {clear: both; }


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


@font-face {
    font-family: 'ColaborateThinRegular';
    src: url('../fonts/ColabThi-webfont.eot');
    src: url('../fonts/ColabThi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ColabThi-webfont.woff') format('woff'),
         url('../fonts/ColabThi-webfont.ttf') format('truetype'),
         url('../fonts/ColabThi-webfont.svg#ColaborateThinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateLightRegular';
    src: url('../fonts/ColabLig-webfont.eot');
    src: url('../fonts/ColabLig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ColabLig-webfont.woff') format('woff'),
         url('../fonts/ColabLig-webfont.ttf') format('truetype'),
         url('../fonts/ColabLig-webfont.svg#ColaborateLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateRegular';
    src: url('../fonts/ColabReg-webfont.eot');
    src: url('../fonts/ColabReg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ColabReg-webfont.woff') format('woff'),
         url('../fonts/ColabReg-webfont.ttf') format('truetype'),
         url('../fonts/ColabReg-webfont.svg#ColaborateRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateMediumRegular';
    src: url('../fonts/ColabMed-webfont.eot');
    src: url('../fonts/ColabMed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ColabMed-webfont.woff') format('woff'),
         url('../fonts/ColabMed-webfont.ttf') format('truetype'),
         url('../fonts/ColabMed-webfont.svg#ColaborateMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateBoldRegular';
    src: url('../fonts/ColabBol-webfont.eot');
    src: url('../fonts/ColabBol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ColabBol-webfont.woff') format('woff'),
         url('../fonts/ColabBol-webfont.ttf') format('truetype'),
         url('../fonts/ColabBol-webfont.svg#ColaborateBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



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

@media screen {


/*********************
01. GENERAL STYLES
*********************/
body {font-family: 'ColaborateLightRegular','ColaborateRegular', Arial, Helvetica Neue, Helvetica, Verdana, sans-serif;font-size: 100%;line-height: 1.5;color: #5e6c80; background: #eaedf1;}

#wrap {}
.pos {}

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


blockquote {padding: 2em 2em 0.5em 2em;text-indent: -.3em;width: 100%; background: #e6e6e6;margin-left:-2em;color: #0a321e;margin-bottom: 1em;font-family: 'ColaborateLightRegular','ColaborateRegular', Arial, Helvetica Neue, Helvetica, Verdana, sans-serif;}



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





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




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

a {color:#6BB070;text-decoration: none;}
a:hover {color:#14A68A;text-decoration: underline;}
a:visited {color:#4C7D50;}


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

h1,h2,h3,h4,h5,h6 {font-family: 'ColaborateBoldRegular','ColaborateRegular', Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;font-weight: normal;color: #313944;text-align: left;}
h1 {font-size:2.4em;line-height: 1.3em;}
h1.page-title {margin-bottom: 0.7em;}
h2 {font-size:1.6em;}
h3 {font-size:1.5em;margin-bottom: 0.7em;}
h4 {font-size:1.3em;}
h5 {font-size:1.1em;}
h6 {font-size:1em;}


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

	#header {margin-bottom: 2em;}
	
	#header h1 {display: none;}
	#header h2 {font-size: 1em;color: #5e6c80;text-align: center;margin: 0.5em 0 1em 0;}
	#header #logo {display: none;}
	
	#header .searchform {display: none;}
		#header .searchform label {display: none;}
		#header .searchform input#search {border: 1px solid #ced6db;padding: 0.7em;box-shadow: 0 0 7px #e1eaef inset;background: #fff;color: #5e6c80;font-size: 1em;width: 80%;margin: 0 10%; }
		#header .searchform input[type=submit] {display: none;}
		
	#portal, #breadcrumb, #header .searchform, .topgfx {display: none;}
	
	


/*********************
07. NAVIGATION STYLES
*********************/
	.navigation li {list-style-type: none;}
	#nav-main {background:#fff;text-align: center;display: none; margin-top: 2em;}
		#nav-main.show {display: block;}
		#nav-main li {margin-bottom:1px;}
		#nav-main a {display:block;background:#0a321e; color:#fff; padding: 1em;}
			#nav-main .current-menu-item a {color: #ffe000;}
			#nav-main .current-menu-item li a {color: #fff;}
			#nav-main li li {margin:0;font-size:0.9em;}
			#nav-main ul ul a {background:#5dae59;color:#fff;}
			
			
			
	.mobile-switch {text-align: center;background: #23b9d6;color: #fff;max-width: 100%;height: 58px;}
		.mobile-switch li {list-style-type: none;display: block;padding: 1em 1.5em;}
			.mobile-switch li.first {float: left;border-right: 1px solid #fff;}
			.mobile-switch li.middle {display: inline-block;font-family: 'ColaborateBoldRegular','ColaborateRegular', Arial, Helvetica Neue, Helvetica, Verdana, sans-serif;font-weight: normal;overflow: hidden;}
			.mobile-switch li.last {float: right;border-left: 1px solid #fff;}
		.mobile-switch a {color: #fff;}
		
			a#switch-menu {display: block;text-indent: -9999px;background: transparent url('../images/nav_resp_menu.png') no-repeat center center; width: 25px; height: 25px;}
			a#switch-search {display: block;text-indent: -9999px;background: transparent url('../images/nav_resp_search.png') no-repeat center center; width: 25px; height: 25px;}

		nav li {list-style-type: none;}
		
	.page-navigation {background: transparent;padding: 2em;text-align: center;font-size: 0.8em;}
		.page-navigation li {display: inline;color: #fff;margin-right: 0.2em;}
		.page-navigation li a {display: inline-block;background: #6BB070; padding: 0.5em 1em;color: #fff;}
			.page-navigation li.kr8pn-next-link a {}
		.page-navigation ol {display: inline-block;}
		.page-navigation li.kr8pn-current {display: inline-block;background: #6BB070;color: #fff; padding: 0.5em 1em;}
		.page-navigation {}

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


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

	img.attachment-large.wp-post-image {margin-bottom: -1em;}
	
	#main article {background: #fff;padding: 2em; margin: 0 0 3em;}
	
	div.wp-caption {max-width: 100%;}
	
	#content {}
	#content p {line-height: 1.5em;margin: 0 0 1.2em 0;}
	#main article footer p, p.byline {font-size: 0.8em; color: #6BB070;margin: 0 0 0.5em;}
		article footer p a, p.byline a {color: #8c8c8c;}
	article.post {text-align:justify;margin-bottom: 2em;}
	a.liinternal {display: none;}
	
	.hentry ul, .hentry ol {margin: 0 2em;}

	.single img.attachment-large.wp-post-image {width: 100%;height: auto;}
	

	p.wp-caption-text {font-size: 0.8em;font-family: 'ColaborateLightRegular','ColaborateRegular', Arial, Helvetica Neue, Helvetica, Verdana, sans-serif;color: #5e6c80;}

		.home article.sticky {border: 1px solid #333;padding: 1em 1.5em;border: 1px solid #e2e2e2;background: #f7f7f7;background: -moz-linear-gradient(top,#f7f7f7 0%,#f1f1f1);background: -webkit-gradient(linear, left top, left bottom,from(#f7f7f7),to(#f1f1f1));}
			.home #content .sticky p.byline {text-align: right;margin: 0;color: #888;}
			.home #content .sticky img.wp-post-image {display: none;}
			.home #content .sticky h1 {}		
		
		.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 {}
			
		.archive #main article {padding: 0 0 2em;}
			.archive article img.wp-post-image {width: 100%;height: auto;}
			.article-header h1 a {}
	

	
		
	article ul li {list-style-type: none;counter-increment: list;position: relative;margin: 0 0 1em 0;}
		article ul li:before {content: "✲";position: absolute;left: -2.5em;width: 2em;text-align: right;color: #6BB070;}	
	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: #6BB070;font-family: 'ColaborateLightRegular','ColaborateRegular', Arial, Helvetica Neue, Helvetica, 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: 'ColaborateBoldRegular','ColaborateRegular', Arial, Helvetica Neue, Helvetica, Verdana, sans-serif;font-weight: normal;}
		ul.sitemap li span {display: block;font-size: 0.9em;font-family: 'ColaborateLightRegular','ColaborateRegular', Arial, Helvetica Neue, Helvetica, Verdana, sans-serif;}


	article .searchform {background: #e6e6e6; padding:  2em; width: 100%;margin: 0 0 -2em -2em;}
		article .searchform label {margin-bottom: 1em; display: block;}
		
	.sharewrap {margin: 2em 0 0;clear: both;background: #fff;color: #6BB070;}
		#main .sharewrap p.calltoshare {font-size: 0.8em;float: left; padding: 1.6em 2em 0 0;margin: 0;}
		.sharewrap #socialshareprivacy{display: inline-block;}
		.sharewrap li:before {content: '';	}
		
		
		p.tags {border-top: 1px solid #e1eaef;border-bottom: 1px solid #e1eaef; padding: 0.5em 0;}
			p.tags a {display: inline-block;background: #e1eaef; padding: 0.2em 0.5em;font-size: 0.9em;color: #5e6c80;margin-left: 0.3em;}
				p.tags a:hover {background: #6BB070;color: #fff;}

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

	ul.tabs {padding-left: 2em;}
		ul.tabs li {list-style-type: none;display: inline-block;font-family: 'ColaborateBoldRegular','ColaborateRegular', Arial, Helvetica Neue, Helvetica, Verdana, sans-serif;margin: 0;}
		ul.tabs li:before{content: "";}
		ul.tabs a {color:#313944;display: block;padding: 0.7em 1em;}
		ul.tabs a.active {background: #fff;}
			ul.tabs a span {display: inline-block;background: #5e6c80; font-size: 0.7em;padding: 0.1em 1em;border-radius: 2em;color: #fff;font-family: 'ColaborateLightRegular','ColaborateRegular', Arial, Helvetica Neue, Helvetica, Verdana, sans-serif;}


/******************************************************************
10. COMMENT STYLES
******************************************************************/
	.commentlist {background: #fff; padding: 2em;}
		.commentlist li {list-style-type: none;}
		#main .commentlist article {padding: 0;border-bottom: 1px solid #e1eaef;}
		.commentlist  li:before{content: "";}
		.commentlist .children {margin-left: 3em;}
		.commentlist article {background: #fff;padding: 0;margin: 0 0 1em 50px;}
		#main .commentlist .bypostauthor article {background: #e1eaef;padding: 2em;}
			.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: 'ColaborateRegular', Arial, Helvetica Neue, Helvetica, Verdana, sans-serif;color:#5e6c80;}
				.commentlist article .vcard cite {font-style: normal;}
				.commentlist article .vcard a {}
		.commentlist .comment-reply-link {font-size: 0.6em;padding: 0.2em 0.8em;display: inline-block;text-align: right;color: #5e6c80;background: #e1eaef;float: right;}
		.commentlist article:hover .comment-reply-link {visibility: visible;}
		
		



/******************************************************************
11. COMMENT FORM STYLES
******************************************************************/
	
	
	#respond {background: #fff;padding: 2em;}
		#comment-form-title {color: #0a321e;}
		#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 #6BB070;background: #fff;box-shadow: 0 0 5px #eee inset;}
		#main form label {font-size: 0.8em;font-family: 'ColaborateBoldRegular','ColaborateRegular', Arial, Helvetica Neue, Helvetica, Verdana, sans-serif;color: #888;}
		#main form input[type=submit]  {display: inline-block;background: #6BB070;padding: 0.5em 1em; border: 0;color: #fff;font-weight: normal;font-family: 'ColaborateBoldRegular','ColaborateRegular', Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;width: auto;}
			#main form input[type=submit]:hover {background: #313944;box-shadow: 0 0 0;}
		 #recaptcha_area {margin-bottom: 1em;}
			#main form .req {color: #6BB070;}
			#main form label small {font-size: 0.8em;color: #aaa;font-family: 'ColaborateRegular', Arial, Helvetica Neue, Helvetica, Verdana, sans-serif;}
			form .required-info {font-size: 0.8em;color: #888;	}


/*********************
12. SIDEBARS & ASIDES
*********************/
.sidebar li {list-style-type: none;}
.sidebar {margin-top: 2em;color: #5e6c80;}
  h3.widgettitle {background: #6BB070;color: #fff;margin: 0;padding: 0.2em 0.5em;}
.widget {margin: 0 0 2em 0;padding: 0;background: #fff;}

	.widget {margin: 0 0 2em 0;background: #fff;padding: 0;}
		.widget ul li {border-bottom:1px solid #ebeef1; padding: 0.5em 1.5em;}
			.widget ul li:last-of-type {border-bottom:0;}
		.widget ul li ul {margin-top: 0.75em;padding-left: 1em;}
		.widget.widget_sp_image {padding: 0;background: transparent;position: relative;}
			.widget.widget_sp_image img{width: 100%;z-index: 1;		}
			.widget.widget_sp_image .widget_sp_image-description {font-size: 0.8em;margin-top: -0.5em;	}


	/*Twitter */
	
	.widget.widget_twitter-tracker, .widget_twitter-profile-tracker {padding: 1em;color: #fff;font-size: 0.9em;		}
		.widget.widget_twitter-tracker h3, .widget_twitter-profile-tracker h3 {color: #0f6994;}
			.widget.widget_twitter-tracker, .widget_twitter-profile-tracker {background: #45bef7;filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#45bef7', endColorstr = '#24a8e7'); -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#45bef7', endColorstr = '#24a8e7')";background-image: -moz-linear-gradient(top, #45bef7, #24a8e7);background-image: -ms-linear-gradient(top, #45bef7, #24a8e7);background-image: -o-linear-gradient(top, #45bef7, #24a8e7);background-image: -webkit-gradient(linear, center top, center bottom, from(#45bef7), to(#24a8e7));background-image: -webkit-linear-gradient(top, #45bef7, #24a8e7);background-image: linear-gradient(top, #45bef7, #24a8e7); }
			.widget.widget_twitter-tracker a, .widget_twitter-profile-tracker a {color: #0f6994;}
			.widget.widget_twitter-tracker a.tweet-link, .widget_twitter-profile-tracker a.tweet-link {font-size: 0.6em;margin: 0 0 0 40px;background: #0f6994;color: #36b4ef;padding: 0.3em 0.5em;}
			.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;}


	/*Suchform*/
		.widget_search {clear: both;background: transparent;}
			.widget_search label {display: none;}
			.widget_search input#s {border: 1px solid #9ea6b3;box-shadow: 0 0 5px #dedede inset;display: inline-block;float: left;margin-right: 1%;padding: 0.5em 4%;color: #aaa;width: 70%;}
			.widget_search input#s:hover {border-color: #5e6c80;color: #666;}
			.widget_search input#s:focus {border-color: #6BB070;color: #666;}
			.widget_search input[type=submit]{background: #6BB070 url('../images/nav_resp_search.png') no-repeat center center;background-size: 75% auto;width: 20%;border: 1px solid #6BB070;display: inline-block;padding: 0.5em 4%;text-indent: -9999px;}
			.widget_search input[type=submit]:hover {background-color: #313944;border-color: #313944;}


/*Social Media */
	.widget_kr8_socialmedia {padding: 0!important;background: transparent!important;box-shadow: 0 0 0 !important;margin-bottom: 1.5em;}
		.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 a {display: block;background: url(../images/widget_social.png) 2px 3px no-repeat; height: 40px; width: 40px;background-color: #0a321e;text-indent: -9999px;}
				.widget_kr8_socialmedia li a:hover {background-color: #6BB070!important;}
				.widget_kr8_socialmedia li a.twitter {background-color: #31ccf0;}
				.widget_kr8_socialmedia li a.facebook {background-position: -33px 3px;background-color: #3b5998;}
				.widget_kr8_socialmedia li a.googleplus {background-position: -66px 3px;background-color: #dd4e51;}
				.widget_kr8_socialmedia li a.flickr {background-position: -108px 3px;background-color: #fd3a93;}
				.widget_kr8_socialmedia li a.instagram {background-position: -143px 3px;background-color: #407291;}
				.widget_kr8_socialmedia li a.youtube {background-position: -187px 3px;background-color: #b1263a;}
				.widget_kr8_socialmedia li a.vimeo {background-position: -223px 3px;background-color: #28c5ee;}
				.widget_kr8_socialmedia li a.pinterest {background-position: -257px 3px;background-color: #d7373d;}
				.widget_kr8_socialmedia li a.soundcloud {background-position: -292px 3px;background-color: #fa3846;}
				.widget_kr8_socialmedia li a.foursquare {background-position: -330px 3px;background-color: #5bc0e6;}
				.widget_kr8_socialmedia li a.xing {background-position: -372px 3px;background-color: #074f4f;}
				.widget_kr8_socialmedia li a.tumblr {background-position: -443px 3px;background-color: #2a455b;}
				.widget_kr8_socialmedia li a.rss {background-position: -476px 3px;background-color: #fb9a61;}
				.widget_kr8_socialmedia li a.rsscomments {background-position: -512px 3px;background-color: #fb6c55;}




/*********************
13. FOOTER STYLES
*********************/
#footer {clear: both;background:#5e6c80; padding: 2em;color: #fff; text-align: center;}
	#footer .widget {background: transparent; box-shadow: 0 0 0 0 #000;padding: 0;}
	#footer .widgettitle {color: #fff;}



}


/**********************************************************************/
/* 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;}
  
  
  /******************************************************************
  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
  *********************/
  .nope {margin-top: -60px;}
  a {text-decoration: none;}
  
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  html {}
  body {background: #eaedf1;}
  .topgfx {width: 100%;height: 750px;position: fixed;top: 0;background: #eaedf1 url() top center no-repeat;background-size: 100% auto;z-index: 1;}
  
 .inner, .pos {max-width: 1140px; margin: 0 auto;}
  
  #wrap {background: #eaedf1; width: 100%;display: block;z-index: 5;position: relative;padding-top: 3em;margin-top: 750px;}
  
  	#content {padding: 0;  }
  		#main  {}
  
  /*********************
  HEADER SYTLES
  *********************/
  #header{background: #6BB070;position: fixed;z-index: 9;top: 0;width: 100%;text-align: center; }
  
  #header .inner {}
  
	  #header .hgroup {display: block;text-align: left;z-index: 2;position: relative;float: left; }
	  	#header h1 a {color: #fff;font-size: 2em;display: block;padding: 0.45em 0.4em 0 0.4em; }
	  	
	  	#header h1 {z-index: 7;background: #6BB070;height: 3em; font-size: 1em; padding: 0; margin: 0 3px 0 0;line-height:1em;display: block;font-family: 'ColaborateThinRegular','ColaborateRegular', Arial, Helvetica Neue, Helvetica, Verdana, sans-serif;}	  	
	  	#header h2 {display: none;}
	  	
	  	#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: 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 input[type=submit] {border: 0;opacity: 0.5; background: url(../images/search-icon.png) center left no-repeat transparent;color: #035825;text-indent: -9999px;display:inline-block;width:35px;height: 30px;		   }
	  					#portal .searchform input[type=submit]:hover {opacity: 1; }
  
  
   	

	/*Topgfx */
		.topgfx {display: block;}
		.page-template-page-book-php .topgfx, .page-template-page-book-sub-php .topgfx {background-image:url(../images/header_buch.jpg)!important;}
		
			.topgfx .inner {padding-top: 5em;}
			
				  .topgfx .hgroup {display: block;text-align: left;z-index: 2;position: relative;float: left; }
				  	.topgfx h1 a {color: #fff;font-size: 2em;display: block;padding: 0.45em 0.4em 0 0.4em; }
				  	
				  	.topgfx h1 {z-index: 7;background: #6BB070;height: 3em; font-size: 1em; padding: 0; margin: 0 3px 0 0;line-height:1em;display: block;font-family: 'ColaborateThinRegular','ColaborateRegular', Arial, Helvetica Neue, Helvetica, Verdana, sans-serif;}
				  	.topgfx h2 {z-index: 2;font-size: 1em;position: relative;display: block; color: #fff;clear: both!important;text-align: left;font-family: 'ColaborateThinRegular','ColaborateRegular', Arial, Helvetica Neue, Helvetica, Verdana, sans-serif; }
				  		.topgfx h2 span {background: #9ea6b3;display: inline-block;margin-top: 3px;padding: 0.1em 0.5em; }
				  	
						
		
		
  
  /*********************
  NAVIGATION STYLES
  *********************/
	#nav-main {z-index: 7;margin: 0;position: relative;display:block; float: right;background: transparent;height: 3em;text-align: left;font-size:1;font-family: 'ColaborateThinRegular','ColaborateRegular', Arial, Helvetica Neue, Helvetica, Verdana, sans-serif;z-index: 3;position: relative; }
		#nav-main .navigation {display: inline-block;font-size: 1.2em;padding-top: 0.5em; }
			
			#nav-main li {display: block;float: left;position: relative;padding:0;margin:0;}
				#nav-main li a {padding:0 0.6em;display:block;background: transparent;color:#fff;}
				#nav-main li a:hover {color: #313944;text-decoration: underline;}
				/*2te Ebene */
				#nav-main li ul {display:none;padding: 15px 0 0>;font-size:0.9em;}	
				#nav-main li:hover ul {display:block;}
				#nav-main li ul {position:absolute;width:350px;background:#6BB070;z-index:9;padding-top: 11px;margin-left: -100px;	}
					#nav-main li ul li {display:block;float: none;font-size:0.9em;border: 0;margin: 0;padding: 0;width: 50%;float: left;}
						#nav-main li ul li a,  #nav-main li.current-menu-parent li a,  #nav-main li.current-menu-item li a {background: transparent;color:#fff;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:#313944; background: transparent; }
						 #nav-main li ul li a:before {}
				/*Aktives Element */
				#nav-main li.current-menu-item a, #nav-main li.current-menu-parent a {color: #313944;background: transparent;}
					#nav-main li.current-menu-item li a, #nav-main li.current-menu-parent li a {background: transparent;color:#0a321e;	}
					
  


	#nav-main2 {z-index: 7;position: relative;display:block; float: left;background: #313944;height: 3em;text-align: left;font-family: 'ColaborateThinRegular','ColaborateRegular', Arial, Helvetica Neue, Helvetica, Verdana, sans-serif;z-index: 3;position: relative; }
		#nav-main2 .navigation {display: inline-block;font-size: 1.2em;padding-top: 0.5em; }
			
			#nav-main2 li {display: block;float: left;position: relative;padding:0;margin:0;}
				#nav-main2 li a {padding:0 0.6em;display:block;background: transparent;color:#fff;}
				#nav-main2 li a:hover {color: #6BB070;text-decoration: underline;}
				/*2te Ebene */
				#nav-main2 li ul {display:none;padding: 15px 0 0>;font-size:0.9em;}	
				#nav-main2 li:hover ul {display:block;}
				#nav-main2 li ul {position:absolute;width:370px;background:transparent;z-index:9;padding-top: 11px;margin-left: -40px;	}
					#nav-main2 li ul li {display:block;float: none;font-size:0.9em;border: 0;margin: 0;padding: 0;width: 50%;float: left;}
						#nav-main2 li ul li a,  #nav-main li.current-menu-parent li a,  #nav-main2 li.current-menu-item li a {background: #9ea6b3;color:#fff;border: 0;padding: 0.5em 1.2em;	}
						 #nav-main2 li.current-menu-parent li a:hover,#nav-main2 li.current-menu-item li a:hover,#nav-main2 li ul li a:hover,#nav-main2 li.current-menu-parent li.current-menu-item a {color:#313944; }
						 #nav-main2 li ul li a:before {}
				/*Aktives Element */
				#nav-main2 li.current-menu-item a, #nav-main2 li.current-menu-parent a {color: #6BB070;}
					#nav-main2 li.current-menu-item li a, #nav-main2 li.current-menu-parent li a {color:#fff;	}
					


  		
  
  
  .mobile-switch {display: none;}
  
  	#breadcrumb {display: block; z-index: 2;position: relative; background: #ffdc0a;color:#0a321e;padding: 0.3em 1em;font-size: 0.9em;font-family: 'ColaborateLightRegular','ColaborateRegular', Arial, Helvetica Neue, Helvetica, Verdana, sans-serif; }
  		#breadcrumb a {color:#0a321e;}
  	

	.nav-footer {font-size: 0.8em;margin-top:2em}
		.nav-footer li {display: inline-block;margin: 0 1em 0 0;}  
  
	/*********************
	POSTS & CONTENT STYLES
	*********************/
  		
  		
  		div.archive-title {background: transparent;padding:0; margin-bottom: 2em; }
  		h1.archive-title {background: transparent;padding:0; margin-bottom: 2em; }
  			.archive-title p {margin: 0!important;}
  			h1.archive-title span {font-size: 0.5em;color: #5acb21;}
  	
 .archive #main article, .search-results #main article, .blog #main article {padding: 2em;}
 	.archive article img.wp-post-image, .search-results article img.wp-post-image {float: left;margin: 0 0.7em 0 0;width: 33%;height: auto; }
 	.archive article h1.h2, .search-results article h1.h2{font-size: 1.6em;}
 	.archive article h1 a, .search-results article h1.h2 a{}
 	.blog .wp-post-image {margin-bottom: -1.5em;margin-top: 1em; }
  	
  	
  	#commentform li {width: 30%;float: left;margin: 0 5% 0 0; }
  		#commentform li:last-of-type {margin: 0; }
  		

  
  /*********************
  SIDEBARS & ASIDES
  *********************/
  .sidebar {margin: 0; background: transparent;  }


  /* recent-posts widget */
  /* archives widget */
  /* tag-cloud widget */
  /* calendar widget */
  /* category widget */
  /* recent-comments widget */
  /* search widget */
  /* text widget */
  
  
  
  /*********************
  FOOTER STYLES
  *********************/
	#footer {background:#5e6c80;color:#fff;margin: 2em 0 0;padding: 0;text-align: left;}
			#footer .inner {padding:3em;}
			#footer .inner section {}
			#footer a {color: #eaedf1;	}
			#footer .widget {width: 25%;float: left;}
		
			#footer .widgettitle {background: transparent;padding: 0;}
			
			#footer .widget ul {margin: 0 2em 0 0;}
			#footer .widget li {padding-left: 0.5em;}

}



/* 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 only screen and (min-width: 768px) {
	
}


/*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;
  }
}