/* ----------------- Fonts ----------------- */

/* oxygen-regular - latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oxygen-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oxygen-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oxygen-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oxygen-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oxygen-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oxygen-v15-latin-regular.svg#Oxygen') format('svg'); /* Legacy iOS */
}

/* oxygen-700 - latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oxygen-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oxygen-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oxygen-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oxygen-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oxygen-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oxygen-v15-latin-700.svg#Oxygen') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* ----------------- body ----------------- */

body {
	background-color:#fafafa;
	background-image:none;
}

#page {
	margin:0 auto 0;
}

#bottom {
	background:#444e54;
	/* background-color:#e4e4e4; */
}

.bottom_inner {
	background:#444e54;
	/* background-color:#e4e4e4; */
}

#footer {
	background:#3a454b;
	padding-bottom:0px;
}

#header {background:#fafafa;}
.cont_nav, 
.headline, 
.middle_inner {background:#fafafa;}


/* ----------------- Logo ----------------- */

.logo {
	top:34px;
	width:210px;
	height:56px;
}


/* ----------------- Info Block ----------------- */

.info_block {
	position:absolute;
	top:0;
	right:1px;
	z-index:300;
	width:180px;
}

.info_block_inner {
	margin-top:55px;
}

.info_telefon {
	float:left;
}

.info_telnr {
	float:left;
	color:#003883;
}

.info_mail {
	float:right;
	margin-top:1px;
}

.info_block p {
	overflow:hidden;
	margin-left:5px;
	padding:4px 0 0;
	font-size:14px;
	line-height:20px;
	width:100%;
	text-align:right;
} 


/* ----------------- Navi ----------------- */
/* .headline padding top 31 px statt 41px in style.css 731 */

/* style.css 462 */
#header nav {background:#444e54;}

/* fonts.css 400 */
#navigation li > a, 
#navigation li.current_page_item > a,
#navigation li.current_page_ancestor > a,
#navigation li.current-menu-ancestor > a,
#navigation li:hover > a:hover, 
#navigation li:hover > a {color:#ffffff;}

#navigation li li > a {color:#4e5c64;}

#navigation li li.current_page_item > a,
#navigation li li.current_page_ancestor > a,
#navigation li li.current-menu-ancestor > a,
#navigation li li:hover > a:hover, 
#navigation ul li:hover > a {color:#bacaaa;}

/* Navi Colors Schemes fonts.css 723*/
#navigation > li:hover, 
#navigation > li.current_page_item > a, 
.tour  > li a:hover, 
.tour  > li.current a {background-color:#003883;}

#navigation > li + li:hover, 
#navigation > li + li.current_page_item > a, 
.tour  > li + li a:hover, 
.tour  > li + li.current a {background-color:#7978ac;}

#navigation > li + li + li:hover, 
#navigation > li + li + li.current_page_item > a, 
.tour  > li + li + li a:hover, 
.tour  > li + li + li.current a {background-color:#bdbad6;}

#navigation > li + li + li + li:hover, 
#navigation > li + li + li + li.current_page_item > a, 
.tour  > li + li + li + li a:hover, 
.tour  > li + li + li + li.current a {background-color:#c7d7b6;}

#navigation > li + li + li + li + li:hover, 
#navigation > li + li + li + li + li.current_page_item > a, 
.tour  > li + li + li + li + li a:hover, 
.tour  > li + li + li + li + li.current a {background-color:#a0c680;}

#navigation > li + li + li + li + li + li:hover, 
#navigation > li + li + li + li + li + li.current_page_item > a, 
.tour  > li + li + li + li + li + li a:hover, 
.tour  > li + li + li + li + li + li.current a {background-color:#45a12b;}

#header nav.fixed_nav {display:none;}

.resp_navigation {background-color:#45a12b;}

/* ----------------- Titel ----------------- */

h1 {color: #4e5c64;}

h2 {color: #333333;}

h3 {color: #4e5c64;}
h3:after{
	height:5px;
	border-top:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
}
.titel h3 {margin-top:-6px;}

h4 {color: #4e5c64; line-height:26px;}

h5 {color: #4e5c64;}

h6 {font:400 16px/24px "Oxygen", Arial, Geneva, Helvetica, sans-serif;}
h6 {color: #4e5c64;}

.entry-content p, .entry-content p em {color:#808080;}

.button,
.button_medium,
.button_large {
	text-transform:none;
}


/* ----------Slide Top ---------- */

#slide_top {background-color:#45a12b;}


/* ----------Links Home ---------- */

.agenturlink a {color:#605f93;}
.agenturlink a:hover {color:#7978ac;}

.naturslink a {color:#87ad67;}
.naturslink a:hover {color:#a0c680;}


.kontakt a {color:#45a12b;}
.kontakt a:hover {color:#69b254;}

.schatten {
	-webkit-box-shadow:3px 3px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:3px 3px 5px rgba(0, 0, 0, 0.4);
	box-shadow:3px 3px 5px rgba(0, 0, 0, 0.4);
}

.schatten2 {
	-webkit-box-shadow:3px 3px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:3px 3px 4px rgba(0, 0, 0, 0.3);
	box-shadow:3px 3px 4px rgba(0, 0, 0, 0.3);
}

.ovh ul {
    list-style: none outside url("../images/list_image.png"); 
	margin-left:16px; margin-top:-3px;
}


/* ---------------- Img Slider ---------------- */

.cmsms_content_slider_parent ul.cmsms_slides_nav li a:hover,
.cmsms_content_slider_parent ul.cmsms_slides_nav li.active a, 
a.cmsms_content_next_slide:hover, 
.bottom_inner a.cmsms_content_next_slide:hover, 
a.cmsms_content_prev_slide:hover, 
.bottom_inner a.cmsms_content_prev_slide:hover {background-color:#dadada;}



.accordion .tab_content {
	padding:0px;
}



/* ---------------- Werbefeld mit Kontakt ---------------- */

.colored_shortcode {
    -webkit-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.2);
	box-shadow:3px 3px 3px rgba(0, 0, 0, 0.2);
}

.colored_title_inner {
    padding:23px 30px 8px;
	background-color:#ffffff;
}

.colored_title_inner p {color:#808080;}

.colored_button {
    font-size:20px;
	line-height:36px;
	min-width: 160px;
	padding: 0px 20px;
	text-align:center;
}

.agentur.colored_title_inner h4 {color:#a4a1bd; margin-bottom:9px;}
.agentur.colored_button {background:#e8e8ef; color:#8b88a4;}
.agentur.colored_button:hover {background:#eeeef2;} 
a.agentur.colored_button {
	-webkit-transition:color .3s ease-out;
    -moz-transition:color .3s ease-out;
    -ms-transition:color .3s ease-out;
    -o-transition:color .3s ease-out;
    transition:background-color .3s ease-out;
}

.naturschutz.colored_title_inner h4 {color:#a1b191; margin-bottom:9px;}
.naturschutz.colored_button {background:#e5eddd; color:#a1b191;}
.naturschutz.colored_button:hover {background:#ecf1e7;} 
a.naturschutz.colored_button {
	-webkit-transition:color .3s ease-out;
    -moz-transition:color .3s ease-out;
    -ms-transition:color .3s ease-out;
    -o-transition:color .3s ease-out;
    transition:background-color .3s ease-out;
}

.umweltbildung.colored_title_inner h4 {color:#a1b191; margin-bottom:9px;}
.umweltbildung.colored_button {background:#e5eddd; color:#a1b191;}
.umweltbildung.colored_button:hover {background:#ecf1e7;} 
a.umweltbildung.colored_button {
	-webkit-transition:color .3s ease-out;
    -moz-transition:color .3s ease-out;
    -ms-transition:color .3s ease-out;
    -o-transition:color .3s ease-out;
    transition:background-color .3s ease-out;
}

/* ---------------- Projekte Uebersicht ---------------- */

/* portfolio uebersicht style.css 3394 */
.project_rollover h6 {line-height:20px; font-size:15px;}

/* portfolio uebersicht style.css 3835 */
ul.p_filter li a {padding-left:15px;}

/* portfolio uebersicht style.css 3509 */
.portfolio_container.three_blocks .portfolio_inner .project_rollover .entry-header {margin:0;}

/* portfolio uebersicht style.css 4481 */
.project_rollover .entry-header h6, .portfolio_container.three_blocks .portfolio_inner .project_rollover .entry-header h6 {margin:0;}

.portfolio_inner *, .portfolio_inner a, .portfolio_inner .project_rollover, .project_rollover h6, .project_rollover {color:#87ad67;}

.p_options_block {padding:0px;}

.p_options_block:before {background:none;}

div.p_filter {float: left;}

.p_sort {float: left;}

.p_sort a:after, a.p_cat_filter:after {right:15px;}

.p_sort a[name="p_name"] {margin-right:0px;}
.p_sort a[name="p_date"] {margin-right:20px;}

.pj_sort {height: 35px;}

.p_filter a.p_cat_filter {width:172px;}

.p_filter_container .button, .p_sort .button {
	background-color:#ffffff;}
	
a.p_cat_filter.button, .p_sort .button {color:#87ad67;}

.p_filter a.p_cat_filter, .p_sort .button {font-size:14px; text-transform:none;}
	
.p_filter_container:hover > a.p_cat_filter,
.p_sort a:hover, 
.p_sort a.current {background-color:#f0f0f0;}

.p_filter_container ul.p_filter {background-color:#ffffff;}

ul.p_filter li a {color:#87ad67; text-shadow:none;}
ul.p_filter li a:hover {color:#3a454b; text-shadow:none;}

ul.p_filter li.current a {color:#3a454b; text-shadow:none;}

.chronik.button {
	background-color:#a0c680;
	color:#ffffff;
	text-transform:none;
	font-size:16px;
}

.chronik.button:hover {background-color:#b1d098;}


/* ---------------- portfolio single ---------------- */

.project_content {margin: 0px;}

.format-video .resizable_block {margin-bottom: 30px;}

.project_sidebar {margin: 0px;}

.project_sidebar a {color:#87ad67;}
.project_sidebar a:hover {color:#a0c680;}

.projektheader {
	width: inherit;
	margin: 0 0 9px;
}

.projektheader > div {
	display:table-cell;
    vertical-align:middle;
}

.projektheader img {
	display:block;
	margin-right:10px;
}

.projektheader div h5 {margin-bottom:0px; padding-top:3px;}

.project_navi .one_third {padding-bottom:0px;}

.entry .project_navi span a {
    padding: 1px 0px 0px;
    background: none;
}

.entry .project_navi span a.next {background: none;}
.entry .project_navi {border:none;
    margin: 0px; 
    padding: 8px 0px 12px;
}

.proli {text-align:left;}
.promitte {text-align:center;}
.prore {text-align:right;}
    
.entry .project_navi span a {text-transform: none; font-size:15px; line-height:24px; color:#87ad67;}
.entry .project_navi span a:hover {text-transform: none; font-size:15px; line-height:24px; color:#a0c680;}


/* ---------------- Projekte Chronik ---------------- */

.cmsms_timeline li a {
	color:#87ad67;
	display:block;
}
.cmsms_timeline li {
	color:#87ad67;
}

.cmsms_timeline li a:before {
	top:7px;
	width: 6px;
	height: 6px;
	border-radius: 0%;
}

.cmsms_timeline li span {
    position: relative;
	padding-left: 13px;
	display:block;
}
.cmsms_timeline li span::before {
    position: absolute;
    top: 7px;
    left: -2px;
    width: 6px;
    height: 6px;
	border-radius: 0;
    background: rgba(0, 0, 0, .2);
    content: '';
}


/* ---------------- blockquote ---------------- */
q:before, 
blockquote:before {
	position:absolute;
	top:0;
	left:0;
	display:block;
    padding:0;
	content:'\00BB';
	font-size:36px;
	line-height:1em;
}

q:before, 
blockquote:before {
	font-size:36px;
	/* line-height:1.5; */
	font-weight:700;
	font-family:"Oxygen", Arial, Geneva, Helvetica, sans-serif;
	color:#a0c680;
}

q, blockquote {padding:0 0 18px 30px;}

.entry-content blockquote p {padding-top:9px; color:#666666;}


/* ---------- Kontaktformular ---------- */

input[type="text"], textarea, select {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color:#e4e4e4;
}

input[type="text"]:focus,
textarea:focus,
select option:hover {
	background:#45a12b;
	color:#ffffff;
}

.color2 {color:#45a12b;}

#contact_form_formsend.button {
	background-color:#45a12b;
	color:#ffffff;
	text-transform:none;
	font-size:14px;
}

#contact_form_formsend.button:hover {background-color:#69b254;}

.formError .formErrorArrow div {
	border-right:1px solid #a0c680;
	border-left:1px solid #a0c680;
	background-color:#a0c680;
}

.formError .formErrorContent {
	background-color:#45a12b;
	border:1px solid #a0c680;
	color:#ffffff;
	font-size:12px;
	font-family:Arial;
}


/* ---------- Impressum ---------- */

ul.impressum {
    list-style: none outside url("../images/list_image.png"); 
	margin-left:16px; margin-top:-3px;
}
.impressum a {color:#45a12b;}
.impressum a:hover {color:#69b254;}

/* ----------Error 404 ---------- */

.errorhome.button_medium {
	background-color:#45a12b;
	color:#ffffff;
	text-transform:none;
	font-size:16px;
}

.errorhome.button_medium:hover {background-color:#69b254;}


/* ---------- Bottom ---------- */

.bottom_inner .widget_portfolio_link:hover {color:#ffffff;}

.widget_portfolio_link {
	padding-bottom:12px;
	font-size:15px;
}

.bottom_inner a.cmsms_content_prev_slide, 
.bottom_inner a.cmsms_content_next_slide {
	-webkit-box-shadow:3px 3px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:3px 3px 4px rgba(0, 0, 0, 0.2);
	box-shadow:3px 3px 4px rgba(0, 0, 0, 0.2);
}

.bottom_inner a.cmsms_content_prev_slide:hover, 
.bottom_inner a.cmsms_content_next_slide:hover {background:url(../images/widget_nav_bottom.png) no-repeat left top rgba(255, 255, 255, .08);}

.bottom_inner a.cmsms_content_next_slide:hover {
	left:22px;
	background-position:left bottom;
}

.bottom_inner {color:#cccccc;}
.bottom_inner a {color:#e4e4e4;}
.bottom_inner a:hover {color:#ffffff;}

.bottom_inner .cmsms-form-builder input[type="text"],
.bottom_inner .cmsms-form-builder textarea {width:95%;}

#contact_form_widget_001_wformsend.button {background-color:#495459; margin-top:6px;}
#contact_form_widget_001_wformsend.button:hover {background-color:#6c7579;}

.bottom_mail {
	display:inline-block;
	border:none;
	margin-right:5px;
}

#form_contact_form_widget_001 textarea, #form_contact_form_widget_001 input[type="text"], #contact_form_widget_001_wformsend.button {
	-webkit-box-shadow:3px 3px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:3px 3px 4px rgba(0, 0, 0, 0.2);
	box-shadow:3px 3px 4px rgba(0, 0, 0, 0.2);
}

/* .bottom_inner .cmsms-form-builder input[type="text"] {border:none;} */

/* ---------- Footer ---------- */

.footer_inner {
	color:#cccccc;
	text-align:center;
	padding:28px 30px 30px;
}
	
#footer .footer_inner > span {text-align:center; margin-top:0px;}

.footer_inner a {color:#e4e4e4;}
.footer_inner a:hover {color:#ffffff;}


/* ---------- Divider ---------- */

.divider1 {
	clear:both;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:24px 0 32px;
	width:100%;
	height:1px;
	background:#e4e4e4;
}

.divider2 {
	clear:both;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:10px 0 16px;
	width:100%;
	height:1px;
	background:#e4e4e4;;
}

.divider3 {
	clear:both;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:10px 0 32px;
	width:100%;
	height:1px;
	background:#e4e4e4;;
}

.divider4 {
	clear:both;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0 0 32px;
	width:100%;
	height:1px;
	background:#e4e4e4;;
}

.line24 {line-height:24px; display:inline-block;}
.bottom0 {margin-bottom:0px;}
.bottom2 {margin-bottom:2px;}
.bottom3 {margin-bottom:3px;}
.bottom9 {margin-bottom:9px;}
.bottom11 {margin-bottom:11px;}
.bottom18 {margin-bottom:18px;}
.top4 {margin-top:4px;}
.right20 {margin-right:20px;}



@media only screen and (max-width: 1439px) {
	
	.responsive_portf_zeile {display:none;}
	
}


@media only screen and (max-width: 1151px) {

#top, 
	#header,
	.middle_inner, 
	.headline,
	.cont_nav,
	.bottom_inner,
	#top_sidebar, 
	.middle_sidebar, 
	.footer_inner {
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		margin-right:1%;
		margin-left:1%;
		width:98%;
	}

}

@media only screen and (max-width: 1100px) {

	.project_rollover h6 {line-height:18px; font-size:14px;}
	
}


/* ---------- Korrekturen auf 2er ---------- */

@media only screen and (min-width: 796px) and (max-width: 1024px) {
	
	.three_blocks.portfolio_container .portfolio:nth-child(odd) {
		float:left;
		padding-right:4%;
		padding-left:0;
		width:46%;
	}
	
	.three_blocks.portfolio_container .portfolio:nth-child(even){
		float:right;
		padding-right:0;
		padding-left:0;
		width:46%;
	}
	
	.project_rollover h6 {line-height:20px; font-size:15px;}
	
	.portfolio_container.three_blocks .portfolio_inner .project_rollover {padding-top: 15px;}
	
	/*
	.portfolio_inner .project_rollover, 
	.portfolio_container.three_blocks .portfolio_inner .project_rollover {padding-top:17px;}
	
	.project_rollover .entry-header h6, 
	.portfolio_container.three_blocks .portfolio_inner .project_rollover .entry-header h6  {margin:0 25px 0 0;}
	
	.portfolio_container.three_blocks .portfolio_inner .project_rollover .entry-header ul {margin-top:0;}
	
	.portfolio_container.three_blocks .portfolio_inner .project_rollover .cmsms_post_img {top:15px;}
	*/
}


@media only screen and (min-width: 541px) and (max-width: 795px) {
	
	.three_blocks.portfolio_container .portfolio:nth-child(odd) {
		float:left;
		padding-right:4%;
		padding-left:0;
		width:46%;
	}
	
	.three_blocks.portfolio_container .portfolio:nth-child(even){
		float:right;
		padding-right:0;
		padding-left:0;
		width:46%;
	}
	
	.portfolio_container.three_blocks {margin-right:-4%;}
	
	.project_rollover h6 {line-height:20px; font-size:14px;}
	
	.portfolio_container.three_blocks .portfolio_inner .project_rollover {padding-top: 15px;}
	
	/*
	.portfolio_inner .project_rollover, 
	.portfolio_container.three_blocks .portfolio_inner .project_rollover {padding-top:17px;}
	
	.project_rollover .entry-header h6, 
	.portfolio_container.three_blocks .portfolio_inner .project_rollover .entry-header h6  {margin:0 25px 0 0;}
	
	.portfolio_container.three_blocks .portfolio_inner .project_rollover .entry-header ul {margin-top:0;}
	
	.portfolio_container.three_blocks .portfolio_inner .project_rollover .cmsms_post_img {top:15px;}
	*/
}


@media only screen and (min-width: 541px) and (max-width: 700px) {
	
	.project_rollover h6 {line-height:18px; font-size:13px;}
	
	.portfolio_container.three_blocks .portfolio_inner .project_rollover {padding-top: 6px; padding-left:6px;}
	
}


/* ---------- fonts.css 663 ---------- */

@media only screen and (min-width: 450px) and (max-width: 540px) {
	
	.portfolio_container.three_blocks .portfolio_inner .project_rollover .entry-header h6, 
	.project_rollover h6	{font:100 18px/24px "Oxygen",Arial,Geneva,Helvetica,sans-serif;}

}


@media only screen and (max-width: 1024px) {
	
	.respno1024	{visibility:hidden;}
	.resp_navigation {margin:37px 30px 10px 0;}
	.info_block {display:none;}

}


@media only screen and (max-width: 768px) {

	.entry .project_navi {border:none;
    	margin: 0px; 
    	padding: 8px 0px 12px;
	}

	.proli {text-align:left;}
	.promitte {text-align:left;}
	.prore {text-align:left;}
	
	.respno768	{display:none;}
	
	.colored_button {
	text-align:left;
	padding-left:30px;
	}

}



@media only screen and (max-width: 540px) {
	
	.p_sort {padding-bottom:0px;}
	div.p_filter {padding-bottom:20px;}
	.pj_sort {height: 92px;}
	
	.resp_navigation {
		margin:15px auto 10px;
	}
	
	h1 {
	font-size:26px;
	line-height:30px;
	}

}