/*
Theme Name: Mischfrucht Anbau
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Mischfrucht Anbau
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

naturkraft is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 21, 2015 */

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
	
	
font-family: 'Roboto', sans-serif;
font-family: 'Dosis', sans-serif;	
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family:sans-serif;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}

body {
	margin:0;
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
	display:block;
}

audio,canvas,progress,video {
	display:inline-block;
	vertical-align:baseline;
}

audio:not([controls]) {
	display:none;
	height:0;
}

[hidden],template {
	display:none;
}

a {
	background-color:transparent;
}

a:active,a:hover {
	outline:0;
}

abbr[title] {
	border-bottom:1px dotted;
}

b,strong {
	font-weight:700;
}

dfn {
	font-style:italic;
}

h1 {
	font-size:28px;
	margin:0 0 20px;
	line-height:32px;
}

mark {
	background:#ff0;
	color:#000;
}

small {
	font-size:80%;
}

sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}

sup {
	top:-.5em;
}

sub {
	bottom:-.25em;
}

img {
	border:0;
}

svg:not(:root) {
	overflow:hidden;
}

figure {
	margin:1em 40px;
}

hr {
	box-sizing:content-box;
	height:0;
}

pre {
	overflow:auto;
}

code,kbd,pre,samp {
	font-family:monospace,monospace;
	font-size:1em;
}

button,input,optgroup,select,textarea {
	color:inherit;
	font:inherit;
	margin:0;
}

button {
	overflow:visible;
}

button,select {
	text-transform:none;
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance:button;
	cursor:pointer;
}

button[disabled],html input[disabled] {
	cursor:default;
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0;
}

input {
	line-height:normal;
}

input[type="checkbox"],input[type="radio"] {
	box-sizing:border-box;
	padding:0;
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
	height:auto;
}

input[type="search"] {
	-webkit-appearance:textfield;
	box-sizing:content-box;
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none;
}

fieldset {
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em;
}

legend {
	border:0;
	padding:0;
}

textarea {
	overflow:auto;
}

optgroup {
	font-weight:700;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

td,th {
	padding:0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,button,input,select,textarea {
	color:#000;
	font-family:'Roboto',sans-serif;
	font-weight:300;
	font-size:15px;
	line-height:20px;
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	clear:both;
}

p {
	margin-bottom:1.5em;
}

dfn,cite,em,i {
	font-style:italic;
}

blockquote {
	margin:0 1.5em;
}

address {
	margin:0 0 1.5em;
}

pre {
	background:#eee;
	font-family:"Courier 10 Pitch",Courier,monospace;
	font-size:15px;
	font-size:.9375rem;
	line-height:1.6;
	margin-bottom:1.6em;
	max-width:100%;
	overflow:auto;
	padding:1.6em;
}

code,kbd,tt,var {
	font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
	font-size:15px;
	font-size:.9375rem;
}

abbr,acronym {
	border-bottom:1px dotted #666;
	cursor:help;
}

mark,ins {
	background:#fff9c0;
	text-decoration:none;
}

big {
	font-size:125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing:border-box;
}

*,:before,:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing:inherit;
}

body {
	background-color:#fff;
	text-align:center;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:"";
}

blockquote,q {
	quotes:"" "";
}

hr {
	background-color:#ccc;
	border:0;
	height:1px;
	margin-bottom:1.5em;
}

ul,ol {
	margin:0 0 1.5em 3em;
}

ul {
	list-style:disc;
}

ol {
	list-style:decimal;
}

li > ul,li > ol {
	margin-bottom:0;
	margin-left:1.5em;
}

dt {
	font-weight:700;
}

dd {
	margin:0 1.5em 1.5em;
}

img {
	height:auto;
/* Make sure images are scaled correctly. */
	max-width:100%;
/* Adhere to container width. */
}

img.alignnone.wp-image-1218.size-full {
    margin: -37px 0 0 20px;
    width: 37px;
}

table {
	margin:0 0 1.5em;
	width:100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,input[type="button"],input[type="reset"],input[type="submit"] {
	border:1px solid;
	border-color:#ccc #ccc #bbb;
	border-radius:3px;
	background:#e6e6e6;
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),inset 0 15px 17px rgba(255,255,255,0.5),inset 0 -5px 12px rgba(0,0,0,0.05);
	color:rgba(0,0,0,.8);
	font-size:12px;
	font-size:.75rem;
	line-height:1;
	padding:.6em 1em .4em;
	text-shadow:0 1px 0 rgba(255,255,255,0.8);
}

button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover {
	border-color:#ccc #bbb #aaa;
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.8),inset 0 15px 17px rgba(255,255,255,0.8),inset 0 -5px 12px rgba(0,0,0,0.02);
}

button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active {
	border-color:#aaa #bbb #bbb;
	box-shadow:inset 0 -1px 0 rgba(255,255,255,0.5),inset 0 2px 5px rgba(0,0,0,0.15);
}

input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],textarea {
	color:#666;
	border:1px solid #ccc;
	border-radius:3px;
}

input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,textarea:focus {
	color:#111;
}

input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"] {
	padding:3px;
}

textarea {
	padding-left:3px;
	width:100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color:#000;
}

a:visited {
	color:#000;
}

a:hover,a:focus,a:active {
	color:#000;
}

a:focus {
	outline:#000;
}

a:hover,a:active {
	outline:0;
	color:#c7c7c6;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	display:inline-block;
	width:auto;
	margin:75px auto;
}

.main-navigation ul {
	display:none;
	list-style:none;
	margin:0;
	padding-left:0;
}

.main-navigation ul li:last-child {
	margin-right:0;
}

.col .hentry:last-child {
	border-bottom:none;
}

a.tag-cloud-link.medium {
	font-size: 14px !important;
	font-weight: 400;
}

a.tag-cloud-link.small {
	font-size: 14px !important;
	font-weight: 300;
}

a.tag-cloud-link.big {
	font-size: 14px !important;
	font-weight: 600;
}

.tagcloud a:nth-child(even) {
	color: #24408E !important;
}

.tagcloud a {
	opacity:1;
	color:#24408E;
	display:inline-block;
	margin:0 5px 5px 0;
	padding:0 6px;
	line-height:30px;
}

.tagcloud a:nth-child(9n) {
	background-color:#969696;
	color: white !important;
}

.tagcloud a:nth-child(9n+1) {
	background-color:#9ac8ec;
	color: white !important;
}

.tagcloud a:nth-child(9n+2) {
	background-color:#eca0b7;
	color: white !important;
}

.tagcloud a:nth-child(9n+3) {
	background-color:#5fa587;
	color: white !important;
}

.tagcloud a:nth-child(9n+4) {
	background-color:#eb6636;
	color: white !important;
}

.tagcloud a:nth-child(9n+5) {
	background-color:#4169ad;
	color: white !important;
}

.tagcloud a:nth-child(9n+6) {
	background-color:#fdca23;
	color: white !important;
}

.tagcloud a:nth-child(9n+7) {
	background-color:#8f3b4d;
	color: white !important;
}

.tagcloud a:nth-child(9n+8) {
	background-color:#1e4077;
		color: white !important;

}



@media screen and (min-width: 1350px) {
	.main-navigation li {
		width:170px;
		margin:0 5px;
	}
}

@media screen and (max-width: 1349px) {
	.main-navigation li {
		width:165px;
		margin-right:9px;
	}
}

.main-navigation li {
	position:relative;
	padding-left:5px;
	float:left;
	height:164px;
	background:#fff;
	display:table-cell;
	vertical-align:middle;
	border-radius:6px;
	text-align:center;
	margin-bottom:9px;
}

.main-navigation li img {
	text-align:center;
	max-height:80%;
	padding:10px;
	width:auto;
}

.main-navigation li.conte img {
	width:auto;
	height:100%;
}

.main-navigation li.conte a:hover {
	color:#000;
}

.home span.menu-image-title {
	display:block;
	height:20px;
	bottom:4px;
	position:absolute;
	width:100%;
	margin-left:-5px;
	font-family:'submonofat';
	font-size:15px;
	line-height:19px;
	font-weight:400;
}

.main-navigation a {
	text-decoration:none;
	display:inline-block;
	height:165px;
	width:100%;
	overflow:hidden;
}

a.inner {
	width:auto;
	height:auto;
	line-height:10px;
	padding-top:2px;
}

.main-navigation li.shops a:hover,.main-navigation li.shops a {
	color:#c7c7c6;
}

.main-navigation li.shops span a {
	color:#000;
	margin:0 -3px;
}

.menu-main-container ul ul {
	box-shadow:0 3px 3px rgba(0,0,0,0.2);
	float:left;
	position:absolute;
	/*top:1.5em;*/
	left:-999em;
	z-index:99999;
	padding-top: 7px;
}

.main-navigation ul ul ul {
	left:-999em;
	top:0;
}

.main-navigation ul ul a {
	width:200px;
}

ul#secondary-menu ul {
	margin: 0;
	padding-left: 3px;
	margin-left: -15px;
}

ul#secondary-menu ul li {
    display: block;
    float: none;
    list-style-type: none;
    margin: 0;
    border-right: none;
    padding-right: 15px;
    padding-left: 5px;
    line-height: 26px;
    letter-spacing: 1px;
    font-family: 'Dosis', sans-serif;
    text-align: left;
    background-color: white;
}

.main-navigation li:hover > a,.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,.main-navigation ul ul a.focus {
}


.menu-main-container ul li:hover > ul,.menu-main-container ul li.focus > ul, ul#secondary-menu li:hover > ul {
	left:auto;
}

.main-navigation ul ul li:hover > ul,.main-navigation ul ul li.focus > ul {
	left:100%;
}

.main-navigation .current_page_item > a,.main-navigation .current-menu-item > a,.main-navigation .current_page_ancestor > a {
}

/* Small menu. */
.menu-toggle,.main-navigation.toggled ul {
	display:block;
}

.main-navigation ul {
	display:block;
}

.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation {
	margin:0 0 1.5em;
	overflow:hidden;
}

.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous {
	float:left;
	width:50%;
}

.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next {
	float:right;
	text-align:right;
	width:50%;
}

.menu-unternehmen-container {
	display:inline-block;
	float:left;
}

ul#secondary-menu,ul.topheader {
	margin:0;
	padding:0;
	display:inline-block;
	float:left;
}

img.homeHouse {
	float:left;
	display:inline-block;
	margin-left:20px;
	border-right:2px solid #000;
	padding-right:15px;
	width:auto;
	height:16px;
	padding-bottom:0;
}

img.showHeader {
    display: none;
}

img.showHeader.active {
    display: inline-block;
    float: left;
    width: 36px;
    margin: 0;
    border-left: 2px solid black;
    padding: 3px 0 2px 13px;
    cursor: pointer;
}

ul#secondary-menu li,ul.topheader li {
	display:inline-block;
	float:left;
	list-style-type:none;
	margin:0 0 0 10px;
	border-right:2px solid #000;
	padding-right:15px;
	padding-left:5px;
	line-height:16px;
	letter-spacing: 1px;
	font-family: 'Dosis', sans-serif;	
}

ul#secondary-menu li:last-child,ul.topheader li:last-child {
	border-right:0;
}

ul#secondary-menu li a,ul.topheader li a {
	text-transform:uppercase;
	text-decoration:none;
	font-size:16px;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip:rect(1px,1px,1px,1px);
	position:absolute!important;
	height:1px;
	width:1px;
	overflow:hidden;
}

.screen-reader-text:focus {
	background-color:#f1f1f1;
	border-radius:3px;
	box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
	clip:auto!important;
	color:#21759b;
	display:block;
	font-size:14px;
	font-size:.875rem;
	font-weight:700;
	height:auto;
	left:5px;
	line-height:normal;
	padding:15px 23px 14px;
	text-decoration:none;
	top:5px;
	width:auto;
	z-index:100000;
/* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display:inline;
	float:left;
	margin-right:1.5em;
}

.alignright {
	display:inline;
	float:right;
	margin-left:1.5em;
}

.aligncenter {
	clear:both;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after {
	content:"";
	display:table;
}

.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after {
	clear:both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin:0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width:100%;
}

/* Search widget. */
.widget_search .search-submit {
	display:none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display:block;
}

.hentry {
	margin:0 0 25px;
	border-bottom:1px solid gray;
	padding-bottom:25px;
}

.byline,.updated:not(.published) {
	display:none;
}

.single .byline,.group-blog .byline {
	display:inline;
}

.page-content,.entry-content,.entry-summary {
	margin: 0;
}

.page-links {
	clear:both;
	margin:0 0 1.5em;
}

/* image rotator */
#header-banner {
	list-style: none;
	margin: 0;
	padding: 0;
}

#header-banner li {
	display: none;
}

#header-banner li:first-child {
	display: inline-block;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,.archive .format-aside .entry-title {
	display:none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap:break-word;
}

.bypostauthor {
	display:block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
	display:none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display:block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley {
	border:none;
	margin-bottom:0;
	margin-top:0;
	padding:0;
}

/* Make sure embeds and iframes fit their containers. */
embed,iframe,object {
	max-width:100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom:1.5em;
	max-width:100%;
}

.wp-caption img[class*="wp-image-"] {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.wp-caption .wp-caption-text {
	margin:.8075em 0;
}

.wp-caption-text {
	text-align:center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom:1.5em;
}

.gallery-item {
	display:inline-block;
	text-align:center;
	vertical-align:top;
	width:100%;
}

.gallery-columns-2 .gallery-item {
	max-width:50%;
}

.gallery-columns-3 .gallery-item {
	max-width:33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width:25%;
}

.gallery-columns-5 .gallery-item {
	max-width:20%;
}

.gallery-columns-6 .gallery-item {
	max-width:16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width:14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width:12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width:11.11%;
}

.gallery-caption {
	display:block;
}

/*--------------------------------------------------------------
## Custom Naturkraft
--------------------------------------------------------------*/
div#content {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1;
}

header#masthead {
	display:inline-block;
	z-index:2;
	position:relative;
	width:100%;
	padding-top: 20px;
}

#site-navigation.sticky {
	position: fixed;
	background: white;
	z-index: 999;
	padding: 20px 0;
	top: 0;
	width: 100%;
	margin: 0;
}



.site-main div span style + span {
	font-family:'submonofat'!important;
	text-transform:uppercase;
	background-color:none!important;
	font-size:28px!important;
	width:40%;
	right:5%!important;
	top:315px!important;
	left:auto!important;
	font-weight: normal !important;
}

.site-main div span style + span h5 {
	font-size:15px;
	margin:12px 0 0;
	padding:0;
	font-weight:400;
}

footer.entry-footer span {
    display: block;
}

#blogContent,footer#colophon {
	position:relative;
	top:0;
	left:0;
	z-index:0;
	width:100%;
	color:#000;
	font-family:'Roboto',sans-serif;
	font-weight:300;
	font-size:15px;
	line-height:20px;
	text-align:left;
}

footer#colophon {
	background-color:#E8E9EA;
	height:auto;
	font-family:'Dosis',sans-serif;
	font-size:17px;
	line-height:21px;
	font-weight:300;
}

.footerMood {
    display: table;
    width: 100%;
    margin: -50px auto -25px auto;
    text-align: center;
    overflow: hidden;
}

.footerMood {
    width: 100%;
    max-width: 2000px;

}


/* footer -> logos */
.footer-icons {
	
}

.footer-icons img {
	float: left;
}

.footer-icons .footer-icons-big img {
	float: left;
	max-width: 50%;
}

.twocol .col {
	width:calc(50% - 15px);
	margin-right:30px;
}

.col {
	display:inline-block;
	float:left;
	padding:0 20px;
	margin: 30px auto;
}

.col.inside {
	margin:50px auto;
}

.col.blogside {
	width:300px;
	display:inline-block;
	float:left;
	padding-right:20px;
}

.col.archive {
	margin:0 auto 50px;
	padding:25px 0;
	border-bottom:1px solid #000;
}

.section div.col.archive:first-child {
	margin-top:0;
	padding-top:0;
}

.grau .col,.hellblau .col {
	margin:50px auto;
}

.section.brand .col,.col.geschichte {
	margin:0 auto;
}

.section.topNav .col {
	margin:50px auto 20px;
	font-family:'Dosis',sans-serif;
	font-weight:600;
	font-size:16px;
	text-transform:uppercase;
	text-align:left;
}

.section.topNav .col li:first-child {
	margin-left:0;
}

.threeThirdHolder {
	width:calc(100% - 300px);
	display:inline-block;
}

.col.shop,.col.fachhandel,.col.language {
	width:33.3%;
	padding:0;
}

.section.topNav .col a {
	text-decoration:none;
}

.col.shop a,.col.language a,.section.topNav .col.language {
	font-weight:300;
}

.col.language {
	display:none;
}

.section.topNav .col.language ul {
	text-align:right;
	float:right;
}

.col.banner {
    display: inline-block;
    float: left;
    width: calc( 100% - 300px );
    max-width: 1140px;
    margin-left: 0;
    padding-left: 0;
}

.bannerimage {
    width: 85%;
    display: inline-block;
    float: left;
}

.katalog {
    width: 15%;
    display: inline-block;
    float: left;
    height: auto;
    opacity: 0;
    transition: all 0.5s ease;
}

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

.section.topNav .col.fachhandel {
	text-align:center;
}

.section.topNav .col.fachhandel ul {
	float:none;
}

.col.logo,.col.title {
	width:300px;
}

.col.logo img {
    margin-left: 0;
    width: 120px;
    float: left;
}

nav#site-navigation {
    margin-top: 100px;
}

.col.bluefade {
	background-color:#e2e3ef;
}

.section {
	display:inline-block;
	width:100%;
}

.archive .blogside + .col.insideContent.full,.single .blogside + .col.insideContent {
	width:calc(100% - 300px);
}

.section.brand {
	margin-bottom: 20px;
}

.section.twocol,.threecolHolder {
	position:relative;
	display:table;
	margin:auto;
	width:1250px;
	max-width:100%;
}

.threecolHolder {
	padding-top:20px;
}

.twocol .col + .col {
	margin-right:0;
}

.site-footer .col h3 {
	font-weight:300;
	font-size:17px;
	line-height:21px;
}

.site-footer .col ul {
	margin:0;
	padding:0;
}

.site-footer a {
	text-decoration:none;
}

img.fbIcon {
	width:18px;
	margin-right:10px;
	height:auto;
}

img.youtubeIcon {
	width:25px;
	margin-right:5px;
	height:auto;
}

img.paypalIcon,img.kreditIcon {
	height:18px;
	margin-right:10px;
	width:auto;
}

img.postfinanceIcon {
	height:18px;
	margin-right:37px;
	width:auto;
}

.site-footer .col {
	border-right:1px solid #000;
}

.site-footer .col ul li {
	list-style-type:none;
	padding:2px 0;
}

.site-footer .col {
	max-width:400px;
}

.site-footer .threecolHolder div:last-child {
	border-right:none;
}

.col a:hover {
	color:#24408E;
}

.threecolHolder + .threecolHolder {
	padding-top:0;
}

.section h2, .section h1, .inside .col.title,.katList li.categories,.ufaq-faq-category-title.ufaq-faq-category-title-toggle, .insideContent h1, .insideContent h2 {
	text-transform:uppercase;
	font-family:'Dosis',sans-serif;
	font-weight:400;
	color:#24408E;
	font-size:20px;
	line-height:24px;
}

.katList li.categories li {
	color:#000;
	font-size:15px;
	font-weight:300;
}

.section h3 {
	text-transform:uppercase;
	font-family:'Dosis',sans-serif;
	font-weight:400;
	color:#24408E;
	font-size:16px;
	line-height:20px;
}

.section h3 + h2,.section.inside h3 + h2 {
	margin-top:0;
}

.icon {
	text-align:center;
	width:100%;
	margin-top:-25px;
	display:inline-block;
}

.icon img {
	width:50px;
	height:auto;
}

.section.threecol {
	background:rgba(0,0,0,0.17);
	padding-bottom:25px;
}

.section.threecol .col {
	width:calc(33% - 16px);
	margin:20px 30px 20px 0;
	background:#fff;
	padding:0 20px 20px;
}

.site-footer.section.threecol .col {
	background:none;
}

.section.threecol div.col:last-child {
	margin-right:0;
}

.errowDown {
	position:absolute;
	top:100%;
	left:50%;
	z-index:999;
	margin-top:-90px;
	cursor:pointer;
}

@-webkit-keyframes arrow-jump {
	0% {
		opacity:0;
	}
	
	100% {
		opacity:1;
		-webkit-transform:translateY(50px);
		-moz-transform:translateY(50px);
		-0-transform:translateY(50px);
		transform:translateY(50px);
	}
}

#arrow {
	-webkit-animation:arrow-jump 3s infinite;
/* Safari 4+ */
	-moz-animation:arrow-jump 3s infinite;
/* Fx 5+ */
	-o-animation:arrow-jump 3s infinite;
/* Opera 12+ */
	animation:arrow-jump 3s infinite;
/* IE 10+, Fx 29+ */
}

/*
	Unternehmensseite
*/
div#page {
	max-width:1600px;
	margin:auto;
}

.unternehmensHolder {
	display:inline-block;
	width:100%;
	margin-bottom:60px;
}

.headerImgQuote, .insideHeaderImg .quote {
	display: inline-block;
	position: relative;
}

.headerImgQuote {
	z-index: 1;
}

 .insideHeaderImg .quote { 
	 z-index: 2;
 }

.insideHeaderImg {
	display:inline-block;
	margin:20px 0 40px;
}

.home .headerImgQuote img {
    width: 100%;
}

.headerImgQuote, .insideHeaderImg {
    width: 100%;
}

.insideHeaderImg .quote {
	text-align: left;
	float: right;
	margin-right:180px;
	margin-top:-350px;
	color:#fff;
	font-size:35px;
	line-height:37px;
	font-family:'submonofat';
	font-weight: normal !important;
}

.insideHeaderImg .quote h5 {
	font-size:18px;
	font-weight:300;
	margin-top:-20px;
}

.section.inside ul {
	margin:0 0 0 20px;
	padding:0;
}

.section.inside {
	text-align:left;
	float:left;
}

.section a {
	text-decoration:none;
}

.section.inside.full {
	width:calc(100% - 300px);
	margin-left:300px;
	padding-right:40px;
	margin-bottom:40px;
}

div#page-83 .col.insideContent {
	margin-bottom:20px;
}

.section.grau {
	background-color:rgba(0,0,0,0.17);
}

.section.hellblau {
	background-color:#e2e3ef;
}

.col.title + .col.insideContent {
	width:calc(100% - 300px);
}

.insideContent {
	max-width:1000px;
	    width: calc(100% - 300px);
}

.section.inside h2 {
	margin-top:40px;
}

.section.inside h2:first-child {
	margin-top:0;
}

.section.inside.blog h2 {
	margin-top:20px;
}

.blog a.more-link {
	display:none;
}

.section.inside.threecol {
	text-align:left;
}

.col.half {
	display:inline-block;
	float:left;
	width:calc(50% - 10px);
	padding:0;
	margin:0 20px 20px 0;
}

.section div.col.half:nth-child(even) {
	margin-right:0;
}

.bildbeschriftung {
	position:absolute;
	margin-top:-100px;
	color:#fff;
	font-size:23px;
	line-height:28px;
	text-align:left;
	width:calc(50% - 2%);
	padding:0 20px;
	font-weight:normal;
	font-family:'Dosis',sans-serif;
}


/* pdf icons */
img.pdf {
	width:20px;
	height:auto;
	margin-top:-5px;
}

.section.inside ul.pdf {
	list-style-image:url("img/pdficon_small.gif");
	padding-left:10px;
}

.section.inside ul.pdf li {
	margin-bottom:5px;
}

[data-ssfa-icon]:before {
	content: url("img/pdficon_small.gif") !important;
}

.labelContentHolder {
	margin-bottom:15px;
	display:inline-block;
	width:100%;
}

.labelimg {
	display:inline-block;
	position:absolute;
	margin-left:-120px;
	width:100px;
	text-align:right;
}

.section.inside .blogside ul {
	list-style-type:none;
	margin:0 0 30px;
	padding:0;
}

.section.inside .blogside ul ul {
	list-style-type:none;
	margin:10px 0 30px 10px;
	padding:0;
}

/*.section.inside .blogside ul li, .tagcloud a {
	text-transform:uppercase;
	margin-bottom:10px;
		font-family:'Dosis',sans-serif;
		    font-size: 15px !important;
		    line-height: 15px !important;
}*/

.tagcloud a {
    display: inline-block;
    margin-bottom: 5px;
}

.section.inside .blogside ul li.current_page_item {
	font-weight:600;
}

.section.inside .blogside ul li.current_page_item ul li {
	font-weight:400;
}


.section.inside .blogside h2 {
	display: none;
}

.section.inside .categories ul {
	margin:0;
	padding:0;
}

.section.inside .categories ul {
	margin-top:5px;
}

.single h1 {
	margin-top:10px;
}

.postnav {
	padding:0 20px;
}

.blogThumbSingle {
	display:inline-block;
	float:left;
	padding-right:20px;
}

.blogThumbSingle img {
	max-height:500px;
	width:auto;
}

/*file away custom*/

.ssfa-meta-container {
	display: none;
}

.entry-content.download h2 {
	cursor: pointer;
	background-image: url(img/downloadErrow.png);
    background-position: right center;
    background-repeat: no-repeat;
    display: inline-block;
    padding-right: 17px;
    margin-bottom: 0;
    clear: both;
}

.ssfa-listitem {
	opacity: 0;
	transition:all .5s ease;
}

.ssfa-meta-container.active .ssfa-listitem{
	opacity: 1;
	transition:all .5s ease;
}

/*search function*/

input.search-submit {
    display: none;
}

.search .insideContent {
    float: none;
}

span.page-title.subm span {
	font-weight: 600;
}

form.search-form {
    display: inline-block;
    float: right;
    margin: 0 20px 0 0;
}

input[type="search"] {
    border: 1px solid black;
    border-radius: 0;
}

/*End search function*/


/*RSS Feed*/

.blogcontentfeed img {
    height: 0;
    width: 0;
}

.blogcontentfeed .imageholder {
	width: 100%;
	height: 250px;
	background-position: center center;
	background-size: cover;
	margin-bottom: 20px;
}

.blogcontentfeed p:last-child {
	display: none;
}

a.readmoreblog {
	clear: both;
	width: 100%;
	display: inline-block;
	margin-top: 30px;
}

.blogcontentfeed a + p {
	clear: both;
}

.blogcontentfeed p {
	margin: 0;
}


/*End RSS Feed*/


@media screen and (min-width:955px) {
	div#ufaq-faq-list {
		margin-top:-45px;
	}
}

@media screen and (min-width:1520px) {
	.bildbeschriftung {
		width:calc(50% - 14%);
	}
}

@media screen and (min-width:2270px) {
	.bildbeschriftung {
		width:calc(50% - 16%);
	}
}

@media screen and (min-width:2410px) {
	.bildbeschriftung {
		width:calc(50% - 20%);
	}
}

@media screen and (min-width:2710px) {
	.bildbeschriftung {
		width:calc(50% - 22%);
	}
}

@media screen and (min-width:2925px) {
	.bildbeschriftung {
		width:calc(50% - 24%);
	}
}

@media screen and (min-width:3155px) {
	.bildbeschriftung {
		width:calc(50% - 26%);
	}
}

@media screen and (min-width:3420px) {
	.bildbeschriftung {
		width:calc(50% - 28%);
	}
}

@media screen and (min-width:3735px) {
	.bildbeschriftung {
		width:calc(50% - 30%);
	}
}

@media screen and (min-width:4110px) {
	.bildbeschriftung {
		width:calc(50% - 34%);
	}
}


div.ufaq-faq-title h4 {
	color:#000;
	font-family:'Roboto',sans-serif;
	font-weight:400;
	font-size:15px;
	line-height:20px;
	text-transform:uppercase;
}

.ufaq-faq-body {
	padding:0 25px;
	padding-left:55px;
	margin-top:0;
}

@media screen and (max-width: 1290px) {
	.section.twocol,.threecolHolder {
		width:100%;
		padding:0 20px;
	}
	
	.section.threecol .col {
		width:calc(33% - 17px);
	}
	
	.footerMood {
	    margin: -20px auto -25px auto;
	    text-align: center;
	}
	
}

@media screen and (max-width: 1220px) {
	.main-navigation {
		margin:34px auto;
		width:697px;
		float:none;
		display:block;
	}
	
	.site-main div span style + span {
		top:440px!important;
		width:697px;
		left:50%!important;
		margin-left:-348px!important;
		font-size:25px!important;
	}
	
	.threecolHolder + .threecolHolder {
		padding-top:20px;
	}
}

@media screen and (max-width: 1100px) {
	.col.shop,.col.fachhandel,.col.language {
		width:auto;
		padding-right:10px;
	}
}

@media screen and (max-width: 955px) {
	
	
	img.alignnone.wp-image-1218.size-full {
    	margin: auto;
		float: none;
		display: block;
		clear: both;
	}
	
	.col.title + .col.insideContent {
		width:auto;
	}
	
	.section.inside.full {
		width:100%;
		margin-left:0;
		padding:0 20px;
	}
	
	.col.title {
		margin:20px 0 0;
	}
	
	
	
	.archive .col.insideContent,.single .col.insideContent {
		margin:100px auto;
	}
	
	.col.insideContent.label {
		width:calc(100% - 70px);
		margin-left:70px;
	}
	
	
	
	.section.threecol .col {
		width:calc(33% - 18px);
	}
	
	.section.threecol .col {
		width:100%;
		max-width: 100%;
	}
	
	.site-footer .col {
		border-bottom:1px solid #000;
		border-right:none;
	}
	
	.twocol .col {
		width:100%;
		margin:30px auto;
	}
	
	.section.twocol div.col:first-child {
		margin-top:50px;
	}
	
	.col.half {
		width:100%;
		padding:0;
		margin:0 0 10px;
	}
	
	.bildbeschriftung {
		margin-top:-100px;
		width:calc(100% - 2%);
	}
}

@media screen and (max-width: 1200px) {
	.threeThirdHolder {
		margin-left:20px;
		display: inline-block;
		float: left;
	}
	
	.section.topNav .threeThirdHolder .col {
		margin-top:0;
	}
	
	
	ul#secondary-menu li,img.homeHouse {
		display:block;
		float:none;
		margin:10px 0 0 10px;
		border-right:none;
		padding-right:15px;
		padding-left:0;
		text-align:left;
	}
	
	nav#site-navigation {
		margin-left:15px;
		margin-top: 30px;
	    display: inline-block;
	    float: left;
	}
	
form.search-form {
	margin: 0;
    position: absolute;
    right: 15px;
    top: 50px;
}
	
	#site-navigation.sticky {
		padding: 10px;
	}
	
	.col.logo{
		clear:both;
		width:100%;
	}
	
	.col.blogside {
		width:100%;
		padding-left:20px;
		margin-top:30px;
		margin-bottom:-76px;
	}
	
	.col.blogside li {
		display:inline-block;
		margin-right:10px;
	}
	
	div#insidecontent {
		display: none;
	}
	
	div#secondary {
		width: 100%;
		margin-bottom: 50px;
	}
	
	.home div#secondary {
		margin-bottom: 100px;
	}
	
	.archive .blogside + .col.insideContent.full,.single .blogside + .col.insideContent {
		width:100%;
	}
	
	.col.banner {
		display: none;
	}
	
	.col.insideContent {
	    margin: 20px auto;
	    max-width: 100%;
	    width: 100%;
	}
}

@media screen and (max-width: 750px) {
	.main-navigation {
		width:348px;
	}
	
	.col.logo {
		text-align:left;
	}
	
	
	
	.site-main div span style + span {
		display:none!important;
	}
	
	.section.twocol div.col:first-child {
		margin-top:100px;
	}
	
	ul.topheader li {
		padding-left:0;
	}
	
	
	.section.topNav .col.language {
		padding-right:20px;
		top:0;
		margin-top:0;
	}
	
	.threeThirdHolder {
		width:auto;
	}
	
	.insideHeaderImg .quote {
		margin-right:10px;
		margin-top:-200px;
		font-size:35px;
		line-height:37px;
		font-size:25px;
		line-height:27px;
	}
}

@media screen and (max-width: 461px) {
	.section.topNav .col.fachhandel {
		margin-top:0;
	}
	
	.col {
		padding:0 20px;
		width:auto;
	}
	
	.labelimg {
		display:block;
		position:relative;
		margin-left:0;
		width:100px;
		text-align:right;
	}
	
	.col.insideContent.label {
		margin-left:0;
	}
	
	.labelimg {
		text-align:left;
	}
	
	.bildbeschriftung {
		font-size:18px;
		line-height:20px;
	}
	
	.col.insideContent.geschichte {
		padding:0;
	}
	
	.section.inside .blogside ul li {
		display:block;
		margin:0;
		padding:0;
	}
}

@media screen and (max-width: 350px) {
	.main-navigation {
		width:100%;
		max-width:100%;
	}
	
	.main-navigation li {
		width:48%;
		margin-bottom:7px;
		font-size:12px;
		line-height:14px;
		margin-right:2%;
	}
	
	.menu-main-container {
		display:inline-block;
		width:96%;
		margin-left:2%;
	}
	
	.main-navigation {
		margin:20px auto;
	}
}

/*--------------------------------------------------------------
## End Custom Naturkraft
--------------------------------------------------------------*/