/*
 * Main Stylesheet
 * dunkelgrün : #004e2a mittelgrün : #A5C816 Orange : eb690b
 * @copyright Copyright (c) 2012 rocksolidthemes.com
 * @license   http://rocksolidthemes.com/agb   No free usage allowed
 */
/* ===========================================
 * # Index: The structure of this stylesheet
 *
 * - Imports (normalize.css / Mixins)
 * - Fonts
 * - Basic settings (SASS only)
 * - Colors (SASS only)
 * - General styles
 * - Button styles
 * - Wrapper Elements
 * - Elements in order of appearance in HTML
 * - Content styles
 * - Sidebar styles
 * - Form styles
 * - Content elements
 * - Slider styles
 * - Module styles (Search, FAQ, News, Events, Comments)
 * - Footer styles
 * - Media queries
 * - Grid (design + production helper)
 * ======================================== */
/* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
/* =============================================================================
 * HTML5 display definitions
 * ========================================================================== */
/* Corrects block display not defined in IE6/7/8/9 & FF3 */

/* ===========================================
 * Fonts
 * ======================================== */
 @import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700);
 
@font-face {
	font-family: "RockSolid Icons";
	src: url("../fonts/rocksolid-icons.eot");
	src: url("../fonts/rocksolid-icons.eot?#iefix") format('eot'), url("../fonts/rocksolid-icons.woff") format('woff'), url("../fonts/rocksolid-icons.ttf") format('truetype'), url("../fonts/rocksolid-icons.svg") format('svg');
	font-weight: normal;
	font-style: normal;
}

.textweiss {color:#fff}

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


#online h1 {
    margin: 0px;
    padding: 0px 0px 10px 0px;
}


/*Neukundenzugang deaktivieren GL*/ 
.oo-logon-anon-location {
	display: none !important;
}

#online {
    background: #fff;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 15px;
}

/* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */
audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

/* Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices */
audio:not([controls]) {
	display: none;
	height: 0;
}

/* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support */
[hidden] {
	display: none;
}

/* =============================================================================
 * Base
 * ========================================================================== */
/* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
html {
	font-size: 100%;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	font-family: sans-serif;
}

/* Addresses font-family inconsistency between 'textarea' and other form elements. */
button,
input,
select,
textarea {
	font-family: sans-serif;
}

/* Addresses margins handled incorrectly in IE6/7 */
body {
	margin: 0;
}
#mmenu{z-index:10000;}
* =============================================================================
 * Links
 * ========================================================================== */
/* Addresses outline displayed oddly in Chrome */
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}

/* Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test */
/* =============================================================================
 * Typography
 * ========================================================================== */
/* Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */
h1 {
	font-size: 1.5em;
	margin: 0.3em 0 0.2em 0;font-weight:300;
}

h2 {
	font-size: 1.3em;
	margin: 0.3em 0 0.2em 0;font-weight:300;
}

h3 {
	font-size: 1.1em;
	margin: 0.3em 0 margin: 0.2em 0;font-weight:300;
}

h4 {
	font-size: 1em;
	margin: 1.33em 0;
}

h5 {
	font-size: 0.83em;
	margin: 1.67em 0;
}

h6 {
	font-size: 0.75em;
	margin: 2.33em 0;
}

/* Addresses styling not present in IE7/8/9, S5, Chrome */
abbr[title] {
	border-bottom: 1px dotted;
}

/* Addresses style set to 'bolder' in FF3+, S4/5, Chrome */
b,
strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

/* Addresses styling not present in S5, Chrome */
dfn {
	font-style: italic;
}

/* Addresses styling not present in IE6/7/8/9 */
mark {
	background: yellow;
	color: black;
}

/* Addresses margins set differently in IE6/7 */
p {
	margin: 0;
}

pre {
	margin: 1em 0;
	font-family: monospace, serif;
	_font-family: "courier new", monospace;
	font-size: 1em;
}

/* Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
code,
kbd,
samp {
	font-family: monospace, serif;
	_font-family: "courier new", monospace;
	font-size: 1em;
}

/* Improves readability of pre-formatted text in all browsers */
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/* 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4 */
/* 1 */
q {
	quotes: none;
}
q:before,
q:after {
	content: "";
	content: none;
}

/* 2 */
small {
	font-size: 75%;
}

/* Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930 */
sub {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	top: -0.25em;
}

sub {
	bottom: -0.2em;
}

/* =============================================================================
 * Lists
 * ========================================================================== */
/* Addresses margins set differently in IE6/7 */
dl,
menu,
ol,
ul {
	margin: 0em 0;
}

dd {
	margin: 0 0 0 40px;
}

/* Addresses paddings set differently in IE6/7 */
menu,
ol,
ul {
	padding: 0 0 0 40px;
}

/* Corrects list images handled incorrectly in IE7 */
nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

/* =============================================================================
 * Embedded content
 * ========================================================================== */
/* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
img {
	border: 0;
	/* 1 */
	-ms-interpolation-mode: bicubic;
	/* 2 */
}

/* Corrects overflow displayed oddly in IE9 */
svg:not(:root) {
	overflow: hidden;
}

/* =============================================================================
 * Figures
 * ========================================================================== */
/* Addresses margin not present in IE6/7/8/9, S5, O11 */
figure,
form {
	margin: 0;
}

/* =============================================================================
 * Forms
 * ========================================================================== */
/* Corrects margin displayed oddly in IE6/7 */
/* Define consistent border, margin, and padding */
fieldset {
	border:1px solid #7AB031; 
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/* 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7 */
legend {
	border: 0;
	/* 1 */
	padding: 0;
	white-space: normal;
	/* 2 */
	*margin-left: -7px;
	/* 3 */
}

/* 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers */
button,
input,
select,
textarea {
	font-size: 100%;
	/* 1 */
	margin: 0;
	/* 2 */
	vertical-align: baseline;
	/* 3 */
	*vertical-align: middle;
	/* 3 */
}

/* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */
button,
input {
	line-height: normal;
	/* 1 */
}

/* 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6 */
button {
	cursor: pointer;
	/* 1 */
	-webkit-appearance: button;
	/* 2 */
	*overflow: visible;
	/* 3 */
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	/* 1 */
	-webkit-appearance: button;
	/* 2 */
	*overflow: visible;
	/* 3 */
}

/* Re-set default cursor for disabled elements */
button[disabled] {
	cursor: default;
}

input[disabled] {
	cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
	*height: 13px;
	/* 3 */
	*width: 13px;
	/* 3 */
}
input[type="search"] {
	-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

/* 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
 *    Known issue: excess padding remains in IE6 */
/* 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */
/* Removes inner padding and search cancel button in S5, Chrome on OS X */
/* Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers */
textarea {
	overflow: auto;
	/* 1 */
	vertical-align: top;
	/* 2 */
}

/* =============================================================================
 * Tables
 * ========================================================================== */
/* Remove most spacing between table cells */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ===========================================
 * Fonts
 * ======================================== */
@font-face {
	font-family: "RockSolid Icons";
	src: url("fonts/rocksolid-icons.eot");
	src: url("fonts/rocksolid-icons.eot?#iefix") format('eot'), url("fonts/rocksolid-icons.woff") format('woff'), url("fonts/rocksolid-icons.ttf") format('truetype'), url("fonts/rocksolid-icons.svg") format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ===========================================
 * General styles
 * ======================================== */
 

html {
	position: relative;
	/* IE8 iframe bugfix */
	/* http://stackoverflow.com/a/795681 */
	position: static\9;
}

body {
	font: 1.05em/1.5 "PT Sans", Times, sans-serif;
	color: #000;font-weight:300;
	background:#a5c816 url("../img/body-bg.gif") 0 0 repeat-x;
	
}
@media screen and (max-width: 700px) {
	body {
		font-size: 0.85em;
		background:#a5c816 url("../img/body-bg.gif") 0 -12em repeat-x;
	}
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: #ee6800;
}
.red{border:1px solid #cc0000; width:20%; float:left;max-height:100%;display:block;}

.rs-columns {
	clear: both;
	display: inline-block;
	width: 100%;
	height:100%;
	overflow: hidden;
}

.rs-column {
	float: left;
	width: 100%;
	margin-bottom: 2.25%;
	margin-right: 2.25%;
	
}
.rs-column.-large-first {
	clear: left;
}
.rs-column.-large-last {
	margin-right: -5px;
}
.rs-column.-large-first-row {
	margin-top: 0;
}
.rs-column.-large-col-1-1 {
	width: 100%;
}
.rs-column.-large-col-2-1 {
	width: 48.875%;
	height:100%;
	display:block;
}
.rs-column.-large-col-2-2 {
	width: 100%;
}
.rs-column.-large-col-3-1 {
	width: 31.83333%;
	border:0em solid #fff;
}
.rs-column.-large-col-3-2 {
	width: 65.91667%;
	padding:1em;
}
.rs-column.-large-col-3-3 {
	width: 100%;
}
.rs-column.-large-col-4-1 {
	width: 22%;
}
.rs-column.-large-col-4-2 {
	width: 46.875%;
}
.rs-column.-large-col-4-3 {
	width: 73.4375%;
}
.rs-column.-large-col-4-4 {
	width: 100%;
}
.rs-column.-large-col-5-1 {
	width: 15%;
}
.rs-column.-large-col-5-2 {
	width: 36.25%;
}
.rs-column.-large-col-5-3 {
	width: 57.5%;
}
.rs-column.-large-col-5-4 {
	width: 78.75%;
}
.rs-column.-large-col-5-5 {
	width: 100%;
}
.rs-column.-large-col-6-1 {
	width: 11.45833%;
}
.rs-column.-large-col-6-2 {
	width: 29.16667%;
}
.rs-column.-large-col-6-3 {
	width: 46.875%;
}
.rs-column.-large-col-6-4 {
	width: 64.58333%;
}
.rs-column.-large-col-6-5 {
	width: 82.29167%;
}
.rs-column.-large-col-6-6 {
	width: 100%;
}

@media screen and (max-width: 900px) {
	.rs-column,
	.opensauce-fullwidth .rs-column {
		margin-top: 3.25%;
		margin-right: 3.25%;
	}
	.rs-column.-large-first,
	.opensauce-fullwidth .rs-column.-large-first {
		clear: none;
	}
	.rs-column.-large-last,
	.opensauce-fullwidth .rs-column.-large-last {
		margin-right: 3.25%;
	}
	.rs-column.-large-first-row,
	.opensauce-fullwidth .rs-column.-large-first-row {
		margin-top: 3.25%;
	}

	
	.opensauce-fullwidth .rs-column.-medium-1.-medium-4,
	.opensauce-fullwidth .rs-column.-medium-3{
		clear: left;
	}
	
	.opensauce-fullwidth .rs-column.-medium-2.-medium-5,
	.opensauce-fullwidth .rs-column.-medium-6{
		margin-right: -5px;
	}

	.opensauce-fullwidth .rs-column.-medium-last {
		margin-right: -5px;
	}
	
	.rs-column.-medium-first-row,
	.opensauce-fullwidth .rs-column.-medium-first-row {
		margin-top: 0;
	}
	.rs-column.-medium-col-1-1,
	.opensauce-fullwidth .rs-column.-medium-col-1-1 {
		width: 100%;
	}
	.rs-column.-medium-col-2-1,
	.opensauce-fullwidth .rs-column.-medium-col-2-1 {
		width: 47.875%;
		margin-right: 3.25%;
		margin-bottom:0;
	}
	.rs-column.-medium-last {
		margin-right: 0;
	}
	.rs-column.-medium-col-2-2,
	.opensauce-fullwidth .rs-column.-medium-col-2-2 {
		width: 100%;
	}
	.rs-column.-medium-col-3-1,
	.opensauce-fullwidth .rs-column.-medium-col-3-1 {
		width: 30.16667%;
	}
	.rs-column.-medium-col-3-2,
	.opensauce-fullwidth .rs-column.-medium-col-3-2 {
		width: 64.58333%;
	}
	.rs-column.-medium-col-3-3,
	.opensauce-fullwidth .rs-column.-medium-col-3-3 {
		width: 100%;
	}
	.rs-column.-medium-col-4-1,
	.opensauce-fullwidth .rs-column.-medium-col-4-1 {
		width: 20.3125%;
	}
	.rs-column.-medium-col-4-2,
	.opensauce-fullwidth .rs-column.-medium-col-4-2 {
		width: 46.875%;
	}
	.rs-column.-medium-col-4-3,
	.opensauce-fullwidth .rs-column.-medium-col-4-3 {
		width: 73.4375%;
	}
	.rs-column.-medium-col-4-4,
	.opensauce-fullwidth .rs-column.-medium-col-4-4 {
		width: 100%;
	}
	.rs-column.-medium-col-5-1,
	.opensauce-fullwidth .rs-column.-medium-col-5-1 {
		width: 15%;
	}
	.rs-column.-medium-col-5-2,
	.opensauce-fullwidth .rs-column.-medium-col-5-2 {
		width: 36.25%;
	}
	.rs-column.-medium-col-5-3,
	.opensauce-fullwidth .rs-column.-medium-col-5-3 {
		width: 57.5%;
	}
	.rs-column.-medium-col-5-4,
	.opensauce-fullwidth .rs-column.-medium-col-5-4 {
		width: 78.75%;
	}
	.rs-column.-medium-col-5-5,
	.opensauce-fullwidth .rs-column.-medium-col-5-5 {
		width: 100%;
	}
	.rs-column.-medium-col-6-1,
	.opensauce-fullwidth .rs-column.-medium-col-6-1 {
		width: 11.45833%;
	}
	.rs-column.-medium-col-6-2,
	.opensauce-fullwidth .rs-column.-medium-col-6-2 {
		width: 29.16667%;
	}
	.rs-column.-medium-col-6-3,
	.opensauce-fullwidth .rs-column.-medium-col-6-3 {
		width: 46.875%;
	}
	.rs-column.-medium-col-6-4,
	.opensauce-fullwidth .rs-column.-medium-col-6-4 {
		width: 64.58333%;
	}
	.rs-column.-medium-col-6-5,
	.opensauce-fullwidth .rs-column.-medium-col-6-5 {
		width: 82.29167%;
	}
	.rs-column.-medium-col-6-6,
	.opensauce-fullwidth .rs-column.-medium-col-6-6 {
		width: 100%;
	}
}
@media screen and (max-width: 399px) {
	.rs-column,
	.opensauce-fullwidth .rs-column {
		margin-right: 6.25%;
	}
	.rs-column.-medium-first,
	.opensauce-fullwidth .rs-column.-medium-first {
		clear: none;
	}
	.rs-column.-medium-last,
	.opensauce-fullwidth .rs-column.-medium-last {
		margin-right: 6.25%;
	}
	.rs-column.-medium-first-row,
	.opensauce-fullwidth .rs-column.-medium-first-row {
		margin-top: 6.25%;
	}
	.rs-column.-small-first,
	.opensauce-fullwidth .rs-column.-small-first {
		clear: left;
	}
	.rs-column.-small-last,
	.opensauce-fullwidth .rs-column.-small-last {
		margin-right: -5px;
	}
	.rs-column.-small-first-row,
	.opensauce-fullwidth .rs-column.-small-first-row {
		margin-top: 0;
	}
	.rs-column.-small-col-1-1,
	.opensauce-fullwidth .rs-column.-small-col-1-1 {
		width: 100%;
	}
	
	.rs-column.-small-col-2-2,
	.opensauce-fullwidth .rs-column.-small-col-2-2 {
		width: 100%;
	}
	.rs-column.-small-col-3-1,
	.opensauce-fullwidth .rs-column.-small-col-3-1 {
		width: 29.16667%;
	}
	
	.rs-column.-large-col-3-1, .rs-column.-small-col-2-1,
	.opensauce-fullwidth .rs-column.-small-col-2-1 {
		width: 46.875%;
	}
	
	.rs-column.-small-col-3-2,
	.opensauce-fullwidth .rs-column.-small-col-3-2 {
		width: 64.58333%;
	}
	.rs-column.-small-col-3-3,
	.opensauce-fullwidth .rs-column.-small-col-3-3 {
		width: 100%;
	}
	.rs-column.-small-col-4-1,
	.opensauce-fullwidth .rs-column.-small-col-4-1 {
		width: 20.3125%;
	}
	.rs-column.-small-col-4-2,
	.opensauce-fullwidth .rs-column.-small-col-4-2 {
		width: 46.875%;
	}
	.rs-column.-small-col-4-3,
	.opensauce-fullwidth .rs-column.-small-col-4-3 {
		width: 73.4375%;
	}
	.rs-column.-small-col-4-4,
	.opensauce-fullwidth .rs-column.-small-col-4-4 {
		width: 100%;
	}
	.rs-column.-small-col-5-1,
	.opensauce-fullwidth .rs-column.-small-col-5-1 {
		width: 15%;
	}
	.rs-column.-small-col-5-2,
	.opensauce-fullwidth .rs-column.-small-col-5-2 {
		width: 36.25%;
	}
	.rs-column.-small-col-5-3,
	.opensauce-fullwidth .rs-column.-small-col-5-3 {
		width: 57.5%;
	}
	.rs-column.-small-col-5-4,
	.opensauce-fullwidth .rs-column.-small-col-5-4 {
		width: 78.75%;
	}
	.rs-column.-small-col-5-5,
	.opensauce-fullwidth .rs-column.-small-col-5-5 {
		width: 100%;
	}
	.rs-column.-small-col-6-1,
	.opensauce-fullwidth .rs-column.-small-col-6-1 {
		width: 11.45833%;
	}
	.rs-column.-small-col-6-2,
	.opensauce-fullwidth .rs-column.-small-col-6-2 {
		width: 29.16667%;
	}
	.rs-column.-small-col-6-3,
	.opensauce-fullwidth .rs-column.-small-col-6-3 {
		width: 46.875%;
	}
	.rs-column.-small-col-6-4,
	.opensauce-fullwidth .rs-column.-small-col-6-4 {
		width: 64.58333%;
	}
	.rs-column.-small-col-6-5,
	.opensauce-fullwidth .rs-column.-small-col-6-5 {
		width: 82.29167%;
	}
	.rs-column.-small-col-6-6,
	.opensauce-fullwidth .rs-column.-small-col-6-6 {
		width: 100%;
	}
}

/* Resetting box model for moo_mediabox,  moo_slimbox and j_colorbox */
#mbCenter *,
#colorbox,
#colorbox *,
#lbCenter *,
#lbBottomContainer * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;	}

::selection {
	background: #3d566e;
	color: #ffffff;
	text-shadow: none !important;}

::-moz-selection {
	background: #3d566e;
	color: #ffffff;
	text-shadow: none !important;}

button,
input,
select,
textarea {
	font-family: inherit;}

table {
	width: 100%;
	border-collapse: collapse;
	border: 0px solid #dedede;	
}
table th,
table td {
	border: 0px solid #e8e8e8;}
	
table th {
	padding: 0.33333em 0.55556em;
	font-weight: 600;
	text-align: left;
	background: rgba(0, 0, 0, 0.02);}
	
table td {
	padding: 0.33333em 0.55556em;}

strong,
b {
	font-weight: 600;}

a {
	color: #7AB031;
	text-decoration: none;}
	
a:hover,
a:focus {
	border-bottom:0px dotted #7CB03C;}

a:hover,
a:active {
	outline: 0;}
	
.main-content .ce_text a:after, 
#lieferanten .resp-tab-content a:after,
#tabControls  a:after,
.mod_Oekokiste a:after,
.mod_DropDown .headerText .information:after  {
   -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -x-system-font: none;
	padding:2px 0px 2px 2px;
	margin: -12px 0px 2px 0;
    color: #7AB031;
    content: "\e00b";
    font-family: "RockSolid Icons";
    font-size: 0.77778em;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-indent: 0;
    text-rendering: geometricprecision;
	display: inline-block;
	position: relative;	
}

.rs-column.-large-last .ce_text a:after{
color:#ffffff;}

.main-content a[href$=".pdf"]:after  {
	font: 0.75em/1 "RockSolid Icons";
	content: "\e064";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	margin-top:-0.2em;
	margin-left: 0.22222em;
	font-weight:bold;
	}

/* Icon attribute */
*[data-icon]:before {
	font: 100%/1 "RockSolid Icons";
	content: attr(data-icon);
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	margin-right: 0.22222em;
}
*[data-icon].after:before {
	content: none;
}
*[data-icon].after:after {
	font: 100%/1 "RockSolid Icons";
	content: attr(data-icon);
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	margin-left: 0.22222em;	}

.clear {
	clear: both;}

.invisible {
	position: absolute;
	height: 1px !important;
	width: 1px !important;
	clip: rect(0 0 0 0);
	margin: -1px;
	padding: 0;
	overflow: hidden;
	border: 0;}

.pdf_link {
	margin: 0.66667em 0 0 1.11111em;
	float: right;}
.pdf_link a {
	margin-left: 0.11111em;}

.mime_icon {
	margin-bottom: -0.25em;}

.ce_toplink,
.toplink {
	margin: 1.33333em 0;}
.ce_toplink a,
.toplink a {
	display: block;
	width: 100%;}

.ce_toplink > a:before,
.toplink > a:before {
	font: 100%/1 "RockSolid Icons";
	content: "\e00c";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	margin-right: 0.27778em;}

/* Style for dlh_googlemaps (if you don't use the plugin, you might want to delete this) */
.dlh_googlemap * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;}

.main-content .dlh_googlemap,
.sidebar .dlh_googlemap {
	/* Setting the maps max-width to 100% is best practice, since it becomes fluid that way */
	max-width: 100%;}

hr {
	clear: both;
	height: 1px;
	overflow: visible;
	margin: 1.33333em 0;
	border: 0;
	background: #dedede;}

.information {
	color: #ee6800;}

.warning {
	color: #e52f2f;}
p.warning,
div.warning {
	color: #841111;}
p.warning:before,
div.warning:before {
	content: "\e144";
	background: #e52f2f;}

p.drop-cap:first-letter,
span.drop-cap {
	float: left;
	margin: 0.08333em 0.1em -0.16667em -0.05em;
	font-size: 3.33333em;
	font-weight: 600;
	line-height: 0.7;
	color: #3d566e;}

p.drop-cap:first-letter {
	/* IE8 and IE9 calculate em's from the parent element */
	margin: 0.27778em 0.33333em -0.55556em -0.16667em \0/;}

code {
	padding: 0.14286em 0.35714em;
	font-family: "Lucida Console", monospace;
	font-size: 0.77778em;
	line-height: 1.35714;
	background-color: #e8e8e8;}

pre {
	margin: 1.71429em 0;
	padding: 0 0.42857em;
	display: block;
	overflow: auto;
	font-family: "Lucida Console", monospace;
	font-size: 0.77778em;
	line-height: 1.71429;
	color: white;
	background: #dedede;}
pre code {
	font-size: 1em;
	padding: 0;
	line-height: inherit;
	background-color: transparent;}

/* ===========================================
 * Button styles
 * ======================================== */
button,
.button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	padding: 0.25556em 0.5em;
	width:100%;
	borderr:0; 
	color:fff;
	text-align: center;
	text-decoration: none;
	background: #7AB031;}
	
button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"]:hover,
input[type="button"]:focus {
	background: #ee6800;}
	
button:active,
.button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
background: #ee6800;}

#colorbox button,
#colorbox .button,
#colorbox input[type="submit"],
#colorbox input[type="reset"],
#colorbox input[type="button"] {
	/* Fix colorbox close button */
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;}


/* ===========================================
 * Wrapper Elements
 * ======================================== */
.page {
	zoom: 1;
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 1.25em 1.25em 1.25em;
}

.page:before {
	content: "";
	display: table;
}
.page:after {
	content: "";
	display: table;
	clear: both;
	
}
@media screen and (max-width: 1180px) {
	.page {
		border: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
}


@media screen and (max-width: 700px) {
	.page {
		padding: 0 2px;
		background:inherit;
	}

}
.opensauce-not-boxed .page {
	padding: 0 1px;
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* ===========================================
 * Elements in order of appearance in HTML
 * ======================================== */
.page-header {
	position: relative;
	margin: 0 1.67143%;
}
@media screen and (max-width: 900px) {
	.page-header {
		margin-right: 2.55556%;
		margin-left: 2.55556%;
	}
}
@media screen and (max-width: 599px) {
	.page-header {
		zoom: 1;
	}
	.page-header:before {
		content: "";
		display: table;
	}
	.page-header:after {
		content: "";
		display: table;
		clear: both;
	}
}


/* ===========================================
 * HEADER
 * ======================================== */

.main-navigation-wrapper{height:11.75em;overflow:hidden;}
#logo{ position:absolute; top: 1.5em; left:1.8em;height: 8em; }
#shop{ position:absolute; top: 2.5em; right:0em; height: 3em; }
#logo img{max-height:7em;width:auto; }
#shop img{max-height:8em;width:auto; }

#top_navigation{ width: 50%; float:right;	text-align:right;margin:0.1em 12.5em 0 0;font-size:0.80em;}
#top_navigation a{color:#000;}
#top_navigation .ce_recommendation{display:inline;font-size:0.80em;}
#top_text .top_start{float:right; diplay:inline;}
.slogan{position:absolute; z-index:1000; left:42.5%; top:4em;height:1em;}

@media screen and (max-width: 1050px) {
#shop{ position:absolute; top: 2.5em; right:0em; height: 3em; }
.slogan{display:none;}
#shop img{max-height:7em;width:auto; }
}

@media screen and (max-width: 900px) {
#logo{ position:absolute; top: 1.5em; left:1.8em;height: 8em; }
#shop{ position:absolute; top: 2.5em; right:0em; height: 3em; }
#logo img{max-height:7em;width:auto; }
#shop img{max-height:6.5em;width:auto; }
#top_navigation{ width: 80%; float:right;	text-align:right;margin:0.1em 12.5em 0 0;font-size:0.80em;}
#top_navigation .ce_recommendation{display:inline;font-size:0.80em;}
#top_text .top_start{float:right; diplay:inline;}
}
@media screen and (max-width: 700px) {
	#logo{ position:absolute; top: 1.7em; left:1.8em;height: 8em;z-index:10; }
	#shop{ position:absolute; top: 2.5em; right:4em; height: 3em; }
	#shop img{max-height:5.5em;width:auto; }
	#top_navigation{width:100%;font-size:1.0em; text-align: center;margin: 0.1em 0.17143% 0 0; }	
	#top_navigation .button{ margin:0.3em auto ; width:80%}
	.main-navigation-wrapper{height:9.5em;overflow:hidden;}
}

@media screen and (max-width: 500px) {
	#logo{ top: 2.0em; left:1em;height:7em; }
	#shop{ top: 3.0em; right:4em; height: 3em; }
	#logo img{max-height:6.25em;width:auto; }
	#shop img{max-height:4.5em;width:auto; }
	#top_navigation{width:100%;font-size:0.9em; text-align: center;margin: 0.1em 0.1em 0 0; }	

	.main-navigation-wrapper{height:9.0em;}
}

@media screen and (max-width: 440px) {
	#logo{top: 2.7em; left:0em; }
	#shop{ top: 3.2em; right:3.7em; }
	#logo img{max-height:5em;width:auto; }
	#shop img{max-height:4em;width:auto; }
	.main-navigation-wrapper{height:8.5em;}
}
@media screen and (max-width: 350px) {
	#logo{top: 3.3em; left:0em; }
	#shop{ top: 3em; right:3.5em; }
	#logo img{max-height:4em;width:auto; }
	#shop img{max-height:3.5em;width:auto; }
	.main-navigation-wrapper{height:8em;}
}

/* ===========================================
 * MAIN
 * ======================================== */


/* Korrektur nach Contao V4 wechsel - gg - 25.06.2019 */
#nav-main {color:#004e2a;}
#nav-main ul li strong {font-weight: 300; font-size: 140%}
#nav-main ul.level_2 .active {font-size: 100%;
margin: 0 6px;
display: inline-block;
height: 30px;}




.mmenu{display:none;}	

#nav-main {
font-family: 'Oswald', sans-serif;
	position:absolute; 
	top:9.25em; 
	left:11.5em;
	text-align: left;}

#nav-main ul {
	display: inline;
	margin: 0;
	padding: 0;}
	
#nav-main li {
	font-family: 'Oswald', sans-serif;
	position: relative;
	display: inline-block;
	margin: 0 1.8em;
	height:2.1em;
	padding: 0;}

#nav-main li:first-child{	margin-left:0 ;}
#nav-main li.last{	margin-right:0 ;}

#nav-main > ul > li > a {
	
font-family: 'Oswald', sans-serif;
	display: block;
	font-size: 1.35em;
	color:#004e2a;
	font-weight:300;
	text-decoration: none;
	padding: 0em 0em;}

#nav-main  .level_1 li span.nonavlink,
#nav-main  .level_1 li span.active{
font-size: 1.25em;}

#nav-main > ul > li > a:hover,
#nav-main > ul > li > a:focus {
	border-bottom:2px solid #ee6800;
	color: #ee6800;
	padding: 0em 0em;}
	
#nav-main > ul > li.submenu:hover:before {
	content: "";
	position: absolute;
	display: none;
	left: -22px;
	top: -11px;
	width: 100%;
	height: 100%;
	padding: 0 0.314em 1.2em 0.314em;}

#nav-main > ul > li.submenu:hover > a {
	border-bottom:2px solid #004e2a;
	color: #004e2a;
	background:#fff;	}

#nav-main > ul > li.active > a,
#nav-main > ul > li.trail > a {
		border-bottom:2px solid #004e2a;
		color: #004e2a;}

#nav-main > ul > li > ul {
	position: absolute;
	left: 0.13em;
	top: 100%;
	display: none;
	z-index: 100;
	min-width: 150%;
	margin-top: 0.074em;
	padding: 0.374em 0 0em 0em;
	text-align: left;
	background:#fff;	}

.lt-ie9 #nav-main > ul > li > ul {
	min-width: 100%;
	background-color:#004e2a;}
	
#nav-main > ul > li > ul li {
	display: inline;
	margin: 0;
	padding:0;}

#nav-main > ul > li > ul li:first-child,
#nav-main > ul > li > ul li:last-child{
	margin: 0 ;
	padding:0;
	display: block;}

#nav-main > ul > li > ul a {
	position: relative;
	display: block;
	padding: 0.214em 0.714em 0.243em 0.714em;
	margin:0 0 0.2em 0;
	font-size: 1.0em;
	line-height: 1.214;
	color: #004e2a;
	text-decoration: none;
	white-space: nowrap;
	background:#fff;}

#nav-main > ul > li > ul a:hover,
#nav-main > ul > li > ul a:focus {
	background:#004e2a;color: white;
	padding: 0.214em 0.714em 0.243em 0.714em;}

#nav-main > ul > li > ul a:focus {
	background:#004e2a;color: white;
	padding: 0.214em 0.714em 0.243em 0.714em;}

#nav-main > ul > li > ul li span.active {
	background:#ee6800;color: white;
	padding: 0em 0.714em 0em 0.714em;
	display: block;
	margin:0 0 0.2em 0;	}
	
#nav-main .level_2 li span.active{
	font-size:1.0em;}


#nav-main > ul > li > ul > li:first-child > a {
	border-top: 0;width:100%;}
	

#nav-main > ul > li > ul ul a {
	padding-left: 1.071em;
	font-weight: normal;}
	
#nav-main > ul > li > ul ul ul a {
	padding-left: 2.143em;}
	
#nav-main > ul > li:hover > ul,
#nav-main > ul > li.submenu:hover:before {
	display: block;}

@media screen and (max-width:1000px) {
#nav-main li {margin: 0 1.25em;}

#nav-main  .level_1 li span.nonavlink,
#nav-main  .level_1 li span.active{
	font-size: 1.2em;}
	
#nav-main > ul > li > a {
	font-size: 1.2em;}
	
#nav-main > ul > li > a:hover,
#nav-main > ul > li > a:focus{
	font-size: 1.2em;
		padding: 0em;}

#nav-main > ul > li > ul a {
	font-size: 0.9em;
	line-height: 1.0em;}
}

@media screen and (max-width:900px) {
#nav-main li {margin: 0 0.5em;}

#nav-main  .level_1 li span.nonavlink,
#nav-main  .level_1 li span.active{
	font-size: 1.2em;}
	
#nav-main > ul > li > a {
	font-size: 1.2em;}
	
#nav-main > ul > li > a:hover,
#nav-main > ul > li > a:focus{
	font-size: 1.2em;
		padding: 0em;}

#nav-main > ul > li > ul a {
	font-size: 0.9em;
	line-height: 1.0em;}
}

@media screen and (max-width: 700px) {	
	#nav-main li {	
		margin: 0 0.5em;}

	#nav-main > ul > li > a {	
		font-size: 0.95em;}

	#nav-main > ul > li.active,
	#nav-main > ul > li.trail,
	#nav-main > ul > li.active > a,
	#nav-main > ul > li.trail > a {
		font-size: 0.95em;}
}

@media screen and (max-width: 700px) {
	#nav-main  {
		display:none;}
		
	.mmenu{
		position:absolute;
		top:3.25em; 
		right:0.25em;}	
		
	.mmenu{  
		width:2em;
		padding:0.1em 0.3em;}
		
	a.mmenu {
		color:#004e2a; 
		font-size:1.3em;
		display:block;	}
	
	.mmenu:after{   
		font: 30px/1 "RockSolid Icons";
		content: "\e0b7";
		display: inline-block;
		position: relative;
		margin-right: 5px;}
	
	#top_text .top-navi, .main-navigation-search , .mod_breadcrumb{
		display:none;}
}

@media screen and (max-width: 500px) {
	.mmenu{
		top:3.25em; 
		right:0.25em;
		z-index:20;}
}

@media screen and (max-width: 440px) {
	.mmenu{
		top:3.0em; 
		right:0.25em;
		z-index:20;}
		
	.mmenu:after{   
		font: 20px/1 "RockSolid Icons";
		content: "\e0b7";
		display: inline-block;
		position: relative;
		margin-right: 5px;}
}

@media screen and (max-width: 350px) {
	.mmenu{
		top:3.4em; 
		right:0em;
		z-index:20;}

}

.main-navigation-mobile {
	/* Hide mobile navigation <select> by default */
	display: none;
}
@media screen and (max-width: 599px) {
	.main-navigation-mobile {
		display: block;
		width: 87.5%;
		margin: 0.8em 0 0.8em 1.0%;	}
}

.main-navigation-search {
	position: absolute;
	top: 0.1em;
	right: 0;
	width:10em;
	height: 1.1em;
	overflow: hidden;
	border:1px solid #004e2a; }
	
@media screen and (max-width: 900px) {
	.main-navigation-search {
		position: absolute;
		top: 0.1em;
		right: 0;
		width:10em;
		height: 1.1em;
		overflow: hidden;
		border:1px solid #004e2a; }
}

.main-navigation-search input {
	float: right;
	width: 90%;
	margin: 0.0625em 0em 0 0.3125em;
	padding:0 0 0.4em 0.3em;
	font-size: 0.85em;
	border:0;
	color: #004e2a;}
	
.main-navigation-search:hover input,
.main-navigation-search input:hover,
.main-navigation-search input:focus {
	margin-left: 1.375em;}
	
.main-navigation-search button {
	position: absolute;
	top: 0;
	right: 0;
	width: 8%;
	height: 100%;
	margin: 0;
	padding: 0.17778em 0;
	border: 0;
	color: #004e2a;
	text-align: left;
	text-indent: -99em;
	text-shadow: none;
	line-height: 0;
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;}
	
.main-navigation-search button:after {
	font: 0.75em/1 "RockSolid Icons";
	content: "\e0cb";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	display: block;
	text-align: center;
	color: #004e2a;
	padding:0 0.2em 0.1875em 0;}
	
.main-navigation-search button:hover,
.main-navigation-search button:focus {
	color: #3d566e;}

	
	
.content-wrapper {
	zoom: 1;
	margin-bottom:0.5em;}
	
.content-wrapper:before {
	content: "";
	display: table;}
	
.content-wrapper:after {
	content: "";
	display: table;
	clear: both;}
	
@media screen and (max-width: 1100px) {
	.content-wrapper {
		padding: 0 0.5em 0 1em;}
}
@media screen and (max-width: 900px) {
	.content-wrapper {
		padding: 0 0.25em 0 1.1em;}
}
@media screen and (max-width: 700px) {
	.content-wrapper {
		padding: 0 0 0 0.2em;}
}

#header{
	max-width:1200px;
	overflow:hidden;
	background:inherit;}

.mod_rocksolid_slider{
	max-width:100%;}
	
.rsts-skin-default.rsts-type-fade .rsts-slide{
	background:inherit;}

#header .image_container, 
.mod_contentbox  .image_container,
.mod_rocksolid_slider .image_container{
	border: 4px solid #ffffff;
	max-width:100%; 
	max-height:100%;
	background:inherit; 
	margin:0;
	overflow:hidden;}
	
 #header .image_container img, 
 .mod_contentbox  .image_container img{
	background:inherit;}

 .mod_rocksolid_slider .image_container img {
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    display: block;
    height: auto;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

 .mod_rocksolid_slider .ce_image h1,
	#header .ce_image h1{
	position: absolute; 
	z-index:1;
	bottom:1.5em; 
	left:0em; 
	padding:0 1em 0 0.5em; 
	background: #ee6800; 
	font-size:1.8em;
	color:#fff; }

@media screen and (max-width: 900px) {
	.mod_rocksolid_slider .ce_image h1,
	#header .ce_image h1{
		font-size:1.2em;}
}

/* ===========================================
 * Content styles
 * ======================================== */

 .main-content {
	float: left;
	width: 100%;
	min-height:15em;
	padding:0 1em 0 1em;
	font-family:"PT Sans", serif;}

.main-content img {
    max-width: 100%;}
	
@media screen and (max-width: 1100px) {
	.main-content {	
		float: none; 
		width: 99.0%;	
		padding: 0;	}	
}

.main-text-wrapper {
	width: 63.58333%;
	display:block;
	float:left;
	border:0px solid #cc0000;
}
.main-content p,
.main-content ul,
.main-content ol,
.main-content table,
.main-content form,
.main-content fieldset {
	margin: 0.05em 0 0.7em 0;
	line-height: 1.3em;
	font-size:1.1em;}
	
.main-content p.western span{font-size:1.3em;line-height:1;}
 .main-content p.western span span span{font-size:1.0em;line-height:1;}
.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content h6 {
	margin: 0.75em 0 0.3em 0;
	font-weight: normal;
	line-height: 1.2;
	color: #A5C816;
	font-family:PT Sans, serif;
}
	
.main-content h1 {
	font-size: 2em;
	margin: 0.75em 0 0.25em 0;
	color:#EB690B;}

.main-content h2 {
	font-size: 1.55em;
	font-family:"PT Sans", serif;
color:#004e2a;}



.main-content img{
	margin:0 0 0.2em 0.25em; 
	}
	
.main-content img.information{

	max-width:100%;  
	margin:0 0.5em 0.3em 0;	}

.main-content .button{
	font-family:"PT Sans", sans-serif;
	font-size:1.05em;
	line-height: 1.1em; 
	text-align:center;}

.main-content .information{
	font-size:1.1em;
	color:#fff;}

.main-content h3 {
	font-size: 1.25em;}
	
.main-content h4 {
	font-size: 1.16667em;}
	
.main-content h5 {
	font-size: 1em;
	line-height: 1.5;}
	
.main-content h6 {
	font-size: 0.88889em;
	line-height: 1.5;
	letter-spacing: 0.0625em;
	color: #8a8a8a;
	text-transform: uppercase;}

.main-content ul li[data-icon],
.main-content ol li[data-icon] {
	list-style: none;}
	
.main-content ul li[data-icon]:before,
.main-content ol li[data-icon]:before {
	left: -0.76667em;
	width: 0;}
	
.main-content ul {
	list-style: disc;}
	
.main-content ul ul {
	margin-top: 0;}
	
.main-content ol {
	padding-left: 2.11111em;
	list-style: decimal;}
	
.main-content ol ol,
.main-content ol ul {
	margin-top: 0;}
	
.main-content ol ol {
	padding-left: 1.33333em;
	list-style: upper-alpha;}
	
.main-content ol ol ol {
	list-style: lower-roman;}
	
.main-content ol ol ol ol {
	list-style: lower-alpha;}
	
.main-content blockquote {
	position: relative;
	margin: 1.33333em 0 1.33333em 9.375%;
	color: #3d566e;}
	
.geschenk{
	padding:0 0 0 1.75em;}
	
.geschenk .teaser-boxes-item h2{
	font-size:1.25em;}
	
.geschenk .teaser-boxes-item p{
	font-size:0.95em;}
	
@media screen and (max-width: 900px){
.main-content .button{
	font-family:"PT Sans", sans-serif;
	font-size:0.9em;
	line-height: 0.9em; 
	text-align:center;}
}

@media screen and (max-width: 700px) {
	.main-content {
		width: 99%;
		padding-right:0.2em;	
		padding-left: 0.2em;
		background:inherit;
		min-height:inherit;	
		}
	.main-content #main-wrapper{
		margin:0;
		width:100%; }

	.main-content h1 {
		font-size: 1.7em;}

	.main-content h2 {
		font-size: 1.35em;	}

	.main-content h3{
		font-size: 1.2em;	}

	.main-content .button{
		width:100%; 
		font-size:0.85em;
		line-height: 0.85em; 
		text-align:center;
		padding:0.3em 0;}
}

@media screen and (max-width: 599px) {
	.main-content blockquote {
		margin-left: 15.625%;}
}
.main-content blockquote small,
.main-content blockquote i,
.main-content blockquote em {
	color: #8a8a8a;}
	
.main-content blockquote:before {
	content: "\201c";
	position: absolute;
	top: 0;
	left: -9.375%;
	margin: 0.42857em 0 0 -0.04762em;
	font-size: 4.66667em;
	font-weight: bold;
	line-height: 0;
	color: #004e2a;}
	
@media screen and (max-width: 599px) {
	.main-content blockquote:before {
		left: -15.625%;
		margin-left: -0.09524em;	}
}

.main-content .rsts-main {
	margin: 24px 0;}

.main-content .mod_oeko_waren_detail img{
	margin-left:1.5em; margin-bottom:0.5em;}


/* ===========================================
 * Breadcrumb
 * ======================================== */
.main-content .mod_breadcrumb{
	margin:0;}

.main-content .mod_breadcrumb ul{ 
	margin:0 0 0.3em 1.25em; 
	padding:0;}

.mod_breadcrumb li{
	display:inline;
	font-size:0.85em; 
	margin:0; 
	padding:0;}

.mod_breadcrumb a{	
	text-decoration:none;	}

.mod_breadcrumb a:after {
	/* add line break after label */
	content: "\  > ";}

/* ===========================================
 * Tabcontrols
 * ======================================== */
#search, #form,
.mod_Lieferanten, 
.mod_oeko_waren_detail, 
.mod_Oekokiste, .Rezeptliste,
#tabControls, #article-8  {
	background:#fff; 
	padding:1.5em 1.5em 1.5em 1.75em;
	margin-top:0em;
	margin-bottom:1.5em;
	overflow:hidden;}

#tabControls h1{
	margin-top:0em;}
	
/* ===========================================
 * Empfehlung
 * ======================================== */

#empfehlung {
	margin-top:2em;}
	
#empfehlung{
	padding:0}
	
#empfehlung h2{
	margin:0.5em 0 0.25em 1.5em;}
	
#empfehlung .explanation{
	margin:0;}
	
#empfehlung .submit_container{
	margin:0;padding-top:0;}
	
#empfehlung input[type="submit"]{
	margin:0;padding-top:0;}
	
#empfehlung img{
	border:3px solid #7AB031;}
	
/* ===========================================
 * Form styles
 * ======================================== */
form h1,
form h2,
form h3,
form h4,
form h5,
form h6 {
	clear: both;}
.ce_form{margin:1.5em;}
.ce_form h1{
	margin-left:1em;}

form p {
	position: relative;
	clear: both;}
	
form p b.error,
form p.error {
	display: block;
	color: #e52f2f;}

input,
select,
textarea {
	padding: 0.35em 0.55556em 0.35em;
	line-height: normal;
	border: 1px solid #004e2a;

	color: inherit;
	margin-bottom:0.4em;}

select{
	-webkit-appearance: none;
	line-height:1em;}

.valid input,
.valid textarea {
	border-color: #a5c816;}
	
.invalid input,
input.error,
.invalid textarea,
textarea.error {
	border-color: #e52f2f;}
	
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	/* multiple rules, because user agents are required to ignore a rule with an unknown selector */
	color: #b1b1b1;}
	
input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #b1b1b1;}
	
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #b1b1b1;}
	
input::placeholder,
textarea::placeholder {
	color: #b1b1b1;}
	
input:hover,
textarea:hover {
	border-color: #7AB031;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.05), inset 0 1px #ffffff;
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.05), inset 0 1px #ffffff;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.05), inset 0 1px #ffffff;}
	
input:focus,
textarea:focus {
	border-color: #7AB031;}

input[type="text"],
input[type="search"],
input[type="email"] {
	outline: none;
	width:100%;}
	
input[type="checkbox"],
input[type="radio"],
input[type="image"] {
	width: auto !important;
	height: auto !important;
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;}
	
input[type="checkbox"] {
	vertical-align: middle;
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;}
	
input[type="radio"] {
	vertical-align: middle;
	-webkit-appearance: radio;
	-moz-appearance: radio;
	appearance: radio;
	background: none;}

input[type="file"] {
	padding: 0;
	height: auto;}

button,
input[type="submit"] {
	margin-top: 0.25em;
	margin-right:0.35em;
	margin-bottom:0.35em;
	padding:0.35em 3.5em;
	float:right;
	border:0;
	}

textarea {
	height: 16.75em;
	resize: vertical;
	line-height: 1.5;
	outline: none;}

fieldset {
	margin: 1em 0;}
	
fieldset legend {
	padding: 0 0.27778em;}
	
fieldset + br {
	/* Kill <br> that Contao injects */
	display: none;}

.main-content form p {
	margin-top: 1em;
	margin-bottom: 1em;}
	
.main-content form p b.error,
.main-content form p.error {
	clear: right;
	float: right;
	width: 37.5%;
	margin: 1.375em 0 0;
	font-size: 0.88889em;}
	
@media screen and (max-width: 599px) {
	.main-content form p b.error,
	.main-content form p.error {
		float: none;
		width: auto;	}
}
.main-content label {
	display: block;
	margin-bottom: 0.0625em;
	font-size: 0.88889em;
	display:none;}
	
.home .main-content label {
	display: block;
	margin-bottom: 0.0625em;
	font-size: 0.88889em;	}
	
.main-content label .mandatory {
	margin-left: 0.11111em;
	color: #004e2a;}
	
.main-content  .form_left{
	width:48%;
	margin-bottom:0.25em;
	float:left;}
	
.main-content  .form_right{
	width:48%;
	margin-bottom:0.25em; 
	float:right;}
	
.main-content input[type="checkbox"] + label {
	display: inline;}
	
.main-content fieldset p {
	margin: 0;}
	
.main-content fieldset p b.error,
.main-content fieldset p.error {
	float: none;
	width: auto;
	margin: 0.5em 0;}
	
.main-content fieldset label {
	display: inline;
	margin: 0;}
	
.main-content fieldset label:after {
	/* add line break after label */
	content: "\A";
	white-space: pre;}
	
.main-content input,
.main-content textarea,
.main-content select {
	width: 99%;}
	
.main-content  .pflicht{margin-top:1em;}
.main-content fieldset {
	width: 99%;}
	
@media screen and (max-width: 700px) {
	.main-content input,
	.main-content textarea,
	.main-content select,
	.main-content fieldset {
		width: 100%;	}
}

.main-content button,
.main-content input[type="submit"] {
	width: auto;color:#fff;}
	
@media screen and (max-width: 700px) {
	.main-content button,
	.main-content input[type="submit"] {
		width: 100%;
		margin-left:1em;	}
}

.explanation p,
.captcha_text p {
	margin: 0;}

.explanation {
	font-size: 0.77778em;
	margin: -0.85714em 0 1.71429em;
	color: #8a8a8a;}

.captcha_text {
	display: block;}
	
label .captcha_text {
	display: inline;}

#formerror{
	display:none;}
	
#simplemodal-overlay {
	background-color:#000; cursor:wait;}
	
#simplemodal-container {
	height:auto !important; 
	width:40% !important; 
	color:#c00; 
	background-color:#FDE777; 
	border:4px solid #444; 
	padding:12px;
	font-size:1em;}
	
#simplemodal-container a.modalCloseImg {
	background:url("pfeil.png") no-repeat; 
	width:25px; 
	height:29px; 
	display:inline; 
	z-index:3200; 
	position:absolute; 
	top:-15px; 
	right:-16px; 
	cursor:pointer;}
	
#simplemodal-container #basic-modal-content {
	padding:8px;}
	
label.error{
	color:#c00;}
	
@media screen and (max-width: 700px) {
.main-content  .form_left{
	width:100%;
	margin-bottom:0.25em;
	float:left;}
	
.main-content  .form_right{
	width:100%;
	margin-bottom:0.25em; 
	float:left;}
}

/* =============================================================================
 * Rezepte & Warenkunde
 * ========================================================================== */
 #rezeptsuche{
	margin-right:2.25%;
	min-height:11em;
	max-height:11em;
	margin-bottom:0;}
 
@media screen and (max-width: 1090px) {
  #rezeptsuche{
	min-height:9em;
	max-height:9em;}
}
	
#b_rezepte{
	border:0px solid #cc0000;
	margin:2em;}
	
#b_rezepte table, 
#b_rezepte tr,
#b_rezepte td {
	border:0px;}

#rezept_suche{
	width:75%}
	
#rezept_suche input{
	margin:0.5em 0 0.5em 0;}

#rezepte-oekokiste a{
	width:47%; 
	padding:0.5em 2em 0.2em 1.5em;
	float:left; 
	line-height:1.1em;}
	
#rezepte-oekokiste a:nth-child(2n+1){
	clear:both;}
#rezept_suche input{
	margin:0.5em 0 0.5em 0;}
#rezepte-oekokiste ul{
	margin-left:1em;}

.mod_Warenkunde img{
	float:right; 
	padding 0 0 0.5em 0.5em;}

.mod_Warenkunde h2{
	font-size:1.2em;}
	
h2#warenkundeProduktUeber{
	font-size:1.4em;}
	
#rezepte-oekokiste a:before{
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -x-system-font: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #E7EFD9;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
	padding:2px 1px;
	margin: -5px 5px 2px -1.5em;
;
    color: #FFFFFF;
    content: "\e019";
    display: inline-block;
    float: left;
    font-family: "RockSolid Icons";
    font-size: 0.77778em;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    position: relative;
    text-indent: 0;
    text-rendering: geometricprecision;
    top: 0.42857em;}

.rezept_zutaten{
	width:70%;
	float:left;}

.rezImageWrapper{
	margin:0 0.25em 0 0;
	width:29%;
	float:right;}
	
.rezept_zubereitung{
	width:100%;
	float:left; 
	clear:both;
	display:block;}
	
.mod_Warenkunde .warenWrap h2:before {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -x-system-font: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #E7EFD9;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
	padding:2px 1px;
	margin: -5px 5px 2px 0;

    color: #FFFFFF;
    content: "\e019";
    display: inline-block;
    float: left;
    font-family: "RockSolid Icons";
    font-size: 0.77778em;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    position: relative;
    text-indent: 0;
    text-rendering: geometricprecision;
    top: 0.42857em;}
	
.mod_Warenkunde .warenWrap h2.ui-state-active:before{ 
        content: "\e015";
  }
.mod_Warenkunde .warenkundeProduktListeEintrag{
	float:left; 
	width:33%;
	padding:1em 0 1em 2em; }
	
.mod_Warenkunde .warenWrap{
	clear:both;}
	
.mod_Warenkunde .warenkundeProduktBild{
	float:right; 
	margin:0 0.5em 1em 1em;}
	
.mod_Warenkunde .produktBild img{
	}
	
/* ===========================================
 * Content elements
 * ======================================== */
 .mod_DropDown{
	margin:0 0 1.5em 1.5em;}
	
.mod_DropDown h2{
	font-size:1.3em;
	line-height: 1.1em;
	width:25%; 
	padding:0.25em 0 0 0.2em;}
	
.mod_DropDown h3{
	font-size:1.25em;	
	width:100%; }	
	
.mod_DropDown td{
	margin:0; 
	padding:0 0 0.35em 0.25em; 
	vertical-align:top;
	font-size:0.9em;
	line-height: 1.0em;}
	
.mod_DropDown p{
	font-size:0.9em;}
	
.mod_DropDown .accordionItem{
	margin-left:1.75em;}

.mod_DropDown .element {width:32%;}

.mod_DropDown .itemTableHeaderRow{
	display:none;}
	
.mod_DropDown .itemTableBodyQty{
	width:17%;}
	
.mod_DropDown .itemTableBodyArticle{
	width:70%;}
	
.mod_DropDown .headerText{
	float:left; 
	width:59%; 
	margin-top:1em;}
	
.mod_DropDown .headerText .information{
	color: #004e2a;
	font-size:0.85em; }

@media screen and (max-width: 990px) {
	.mod_DropDown .element {
		width:50%;}
		
	.mod_DropDown h3{
		padding-left:0.2em;
		font-size:1.15em;
		width:100%; }
		
	.mod_DropDown .itemTableBodyQty{
		width:25%;}
	.mod_DropDown .itemTableBodyArticle{
		width:70%;}
	}
	
@media screen and (max-width: 599px) {
	.mod_DropDown .element {
		width:50%;}
		
	.mod_DropDown h3{
		padding-left:0.2em;
		font-size:1.05em;
		width:100%;}
		
	.mod_DropDown .itemTableBodyQty{
		width:28%;
		font-size:0.9em;
		color:#004e2a;}
		
	.mod_DropDown .itemTableBodyArticle{
		width:70%;
		font-size:0.9em;	
		color:#004e2a;}
		
	.mod_DropDown .artikelPreisDropDown{
		font-size:0.9em;	
		color:#004e2a;}
}
/* ===========================================
 * Content elements
 * ======================================== */

.main-content .rs-columns.weiss{
	background:#fff; 
	display:block;

	margin-bottom: 1.5em;}
	

.main-content .rs-column{
	background: #fff;

	padding:0;	}

.mod_article .teaser .rs-column:nth-of-type(2).-large-last {
	width:31.75%; 
	border:0 solid #fff;
	background:#004e2a; 
	color:#fff;
	margin-right:0;
	margin-bottom:1.25em;}

.mod_article .teaser .rs-column:nth-of-type(2).-large-last a.confirmation{
	line-height:1.2em;}

.mod_article .teaser .rs-column:nth-of-type(2).-large-last a.confirmation:before{
	content: "";
	float: left;
	width: 4em;
	height: 4em;
	background: url('../img/shop-kl-w.png') no-repeat;
	background-size: 80%;
	padding:1em 0;}
	
.bg_none .rs-column.-large-last {
	width:31.75%; 
	border:0px solid #fff; 
	background-color:inherit; 
	margin:0;
	padding:0;}

.bg_none .s_angebote{
	margin-top:-0em;
	margin-bottom:1em;
	background:#fff;
	width:100%;
	display:block;	}

.bg_none .s_angebote .mod_rocksolid_slider{
	margin-left:20%;
	margin-top:1.5em;
	margin-bottom:1.5em;
	width:80%;
	padding:0.5em 0 0.5em 0.5em;}

.bg_none .s_angebote  .rsts-nav{
	position:absolute;
	right:0.5em;
	bottom:0;
	height:1.5em;}

.main-content .rs-column:nth-of-type(2).-large-last .mod_eventlist {
	width:100%; 
	margin:0 0 1.25em 0;
	padding:0.5em 0 0.5em 1em;

	background:#fff; 
	color:#000000; 
	display:block;}

.mod_article .teaser  .rs-column:nth-of-type(2).-large-last h2{
	color:#fff;}
	
.mod_article .teaser .rs-column:nth-of-type(2).-large-last a{
	color:#ffffff;
	border-bottom:1px dotted #ffffff;}
	
.mod_eventlist h2{
	margin-top:0.25em;
	margin-bottom:0.2em:}
	
.main-content .rs-column .ce_text, 
.main-content .rs-column .maps-bw,
.main-content .rs-column .mod_sitemap, 
.main-content .rs-column .mod_eventlist, 
.main-content .rs-column .mod_eventreader,
.main-content .rs-column  .formbody
.main-content h1.ce_headline{ 
	margin: 1em 1.5em 1.5em 1.25em; }

.main-content .rs-column.oekokistler, 
.mitglied .main-content .mod_article .rs-column.-large-last, 
#lieferanten .mod_article .rs-column.-large-last{
	background-color:inherit; 
	padding:0; 
	border:0;}

.mitglied .main-content .mod_article .rs-column.-large-last img, 
.bw .main-content .mod_article .ce_rs_column_start.-large-last img, 
.bw-mitglied .mod_article  .rs-column.-large-last img
#lieferanten .mod_article .rs-column.-large-last img{
	border:3px solid #7AB031;
	margin:0; 
	padding:0; max-width:99%;}

#termine h5{
	padding:1em 0 0 1.75em;
	color: #000000;}

#veranstaltung{
	background:#fff; 
	color:#004e2a;
	padding:0.25em 1em 1em 1em;
	border:0em solid #fff;
	padding-left: 1.5em;
	margin:0;}
 
 #veranstaltung h2>a{
	margin-left:-1em;}
 
 #veranstaltung .ce_text{
	margin-bottom:0.75em;
	margin-top:0em;}
 
.embed-container {
	position: relative; 
	padding-bottom: 56.25%; /* ratio 16x9 */
	height: 0; 
	overflow: hidden; 
	width: 91%;
	height: auto;
	margin:1.0em 1.75em 1.5em;
}
.embed-container iframe {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

.embed-shop {
	position: relative; 
	background:inherit;
	overflow: hidden; 
	width: 100%;
    margin:1.0em 0em 0em 0em;
	height:70vh;
}
.embed-shop iframe {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height:100%;
}

.rs-columns > h1,
.teaser-boxes h1,
.icon-boxes h1,
.news-boxes h1 {
	margin: 0 0 0 0.5em;
	font-size: 1.55556em;
	font-weight: normal;
	color: #3d566e;
	text-transform: uppercase;
}

.teaser-boxes,
.icon-boxes,
.news-boxes {
	margin: 0 0 1.25em 0;
	/* clearfix */
	overflow: hidden;
}
	
#rezepte .teaser-boxes-item:first-of-type,
#rezept .teaser-boxes-item:first-of-type{
	margin: 0 1.25em 1.25em 0;}

.teaser-boxes-item {
	font-size: 0.88889em;
	color: #000000;}
	

	
#p_pflanzenbau .rs-column,
#tierische-produkte .rs-column,
#veredler_neu .rs-column{
	padding-bottom:1.0em;
	margin-bottom: 0.25em;}

#p_pflanzenbau .ce_rs_column_start ~ .ce_text,
#tierische-produkte .ce_rs_column_start ~ .ce_text	
#veredler_neu .ce_rs_column_start ~ .ce_text{
	display:none;}
	

.teaser-boxes-item:hover,
.teaser-boxes-item:focus {
	text-decoration: none;}

.teaser-boxes-item h2, .teaser-boxes-item h3 {
	margin: 0 0 0 0.5em;
	font-size: 1.55556em;
	font-family: "Oswald",sans-serif;
	color: #004e2a;
	padding:0.25em 0 0.1em 0.25em;}
	
.teaser-boxes-item p {
	margin: 0 0.25em 0.75em 1em;
	font-size: 1.1em;}

@media screen and (max-width: 900px) {
	.teaser-boxes-item h2 {
		font-size: 1.2em;}
	
	.teaser-boxes-item p {
		font-size: 1em;}
	
	.main-content .rs-column .ce_text, 
	.main-content .rs-column .mod_sitemap, 
	.main-content .rs-column .mod_eventlist, 
	.main-content .rs-column .mod_eventreader,
	.main-content .rs-column  .formbody
		{ margin: 1em 1.0em 1.5em 1.25em; }
}

.teaser-boxes-item-image {
	position: relative;
	margin: 0;}
	
.teaser-boxes-item-image  img{
	margin: 0;}
	
a:hover .teaser-boxes-item-image:before,
a:focus .teaser-boxes-item-image:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.3);}
	
a:hover .teaser-boxes-item-image:after,
a:focus .teaser-boxes-item-image:after {
	font: 0.5em/1 "RockSolid Icons";
	content: "\e019";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
	padding: 0.75em;
	color: #ffffff;
	text-align: center;
	background: #000000;}
	
.teaser-boxes-item-image img {
	display: block;
	width: 100%;
	height: auto;}

.icon-boxes-item {
	font-size: 0.88889em;
	color: #8a8a8a;}
	
.icon-boxes-item:hover,
.icon-boxes-item:focus {
	text-decoration: none;}
	
.icon-boxes-item[data-icon]:before {
	margin: 0 0 0.5em 0;
	padding: 0.5em;
	border: 1px solid #dedede;
	font-size: 1.5em;
	color: #7AB031;}
	
.icon-boxes-item h2 {
	margin: 0;
	font-size: 1.3125em;
	color: #3d566e;}
	
.icon-boxes-item p {
	margin: 0 0;}

.icon-boxes-item-link {
	font-size: 0.875em;
	letter-spacing: 0.07143em;
	color: #eb690b;
	text-transform: uppercase;}
	
a:hover .icon-boxes-item-link,
a:focus .icon-boxes-item-link {
	text-decoration: underline;}

.news-boxes-item {
	font-size: 0.77778em;
	color: #8a8a8a;}
	
.news-boxes-item h2 {
	margin: 0;
	font-size: 1.71429em;
	line-height: 1.33333;
	font-weight: normal;}
	
.news-boxes-item h2 a {
	color: #3d566e;}
	
.news-boxes-item p {
	margin: 0.28571em 0 0;}
	
.news-boxes-item .news-boxes-item-info {
	margin: 0;
	letter-spacing: 0.07143em;
	text-transform: uppercase;}
	
.news-boxes-item .news-boxes-item-more {
	margin-top: 0.57143em;
	letter-spacing: 0.07143em;
	text-transform: uppercase;}

@media screen and (max-width: 700px) {
	.main-content .rs-column .ce_text, 
	.main-content .rs-column .mod_sitemap, 
	.main-content .rs-column .mod_eventlist, 
	.main-content .rs-column .mod_eventreader,
	.main-content .rs-column  .formbody{ 
		margin: 1em; }

	.main-content  .rs-columns .rs-column,
	#warenkunde-329 .last a.teaser-boxes-item, 
	.main-content .rs-column, 
	.mod_article .teaser .rs-column.-large-last , .mod_article .teaser .rs-column.r_zutat.-large-last,
	#search, #kontakt, .mod_oeko_lieferanten, .mod_oeko_waren_detail, .mod_Oekokiste, #tabControls,
	.mod_article .teaser .rs-column:nth-of-type(2).-large-last  {
		width:97.5%;
		margin:0.5em 0.5em 0.5em 0.4em; }
	
	.main-content .rs-column:nth-of-type(2).-large-last .s_angebote{
		width:100%;float:left;margin:0.75em 0em 0.5em 0em;padding-bottom:0.5em;}
		
	.main-content .rs-column:nth-of-type(2).-large-last .mod_eventlist {
		width:100%;float:left;margin:0.75em 0 0 0;}
		
	.resp-tab-content h1{
		margin-top:0;}

	.main-content .g-maps{
		width:85%;
		margin: 0 auto;}
}

.newsletter-box {
	padding: 1.33333em 6.25%;
	border: 1px solid #056799;
	color: #ffffff;
	background: #7AB031;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.sidebar .newsletter-box {
	padding-right: 11.11111%;
	padding-left: 11.11111%;
}
@media screen and (max-width: 900px) {
	.sidebar .newsletter-box {
		padding-right: 5.55556%;
		padding-left: 5.55556%;
	}
}
@media screen and (max-width: 599px) {
	.sidebar .newsletter-box {
		padding-right: 6.25%;
		padding-left: 6.25%;
	}
}
.sidebar .block + .newsletter-box {
	margin-top: 1.77778em;
}
.newsletter-box:before {
	content: "";
	float: right;
	width: 5.33333em;
	height: 5.55556em;
	margin-left: 0.77778em;
	background: url("../img/newsletter-bg.png") 50% 50% no-repeat;
	background-size: 100% 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3) {
	.newsletter-box:before {
		background-image: url("../img/newsletter-bg-x2.png");
	}
}
.newsletter-box h1,
.newsletter-box h2 {
	padding: 0;
	border: 0;
	letter-spacing: normal;
	text-transform: none;
}
.newsletter-box h1 {
	margin: -0.16667em 0 0;
	font-size: 1.33333em;
	font-weight: normal;
	line-height: 1.125;
	color: inherit;
}
.newsletter-box h2 {
	margin: 0;
	font-size: 1em;
	font-weight: normal;
	color: #b4dbef;
}
.newsletter-box form {
	margin: 0;
}
.newsletter-box .formbody {
	position: relative;
	width: 18.33333em;
	max-width: 100%;
	margin: 0.66667em 0 0;
}
.newsletter-box .formbody input {
	display: block;
	width: 100%;
	padding-right: 2.66667em;
	border-color: #2b3c4d;
	color: #343434;
}
.newsletter-box .formbody button {
	position: absolute;
	right: 0;
	bottom: 0;
	width: auto;
	overflow: hidden;
	margin: 0;
	padding: 0.72222em;
	line-height: 0;
	text-align: left;
	text-indent: -99em;
}
.newsletter-box .formbody button:after {
	font: 0.77778em/1 "RockSolid Icons";
	content: "\e0ce";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	display: block;
}
.newsletter-box .formbody .error {
	color: #9b1313;
}

.icon-links {
	font-size: 0.88889em;
}
.icon-links h1 {
	font-size: 0.875em;
	font-weight: 600;
	letter-spacing: 0.07143em;
	color: #8a8a8a;
	text-transform: uppercase;
}
.icon-links ul {
	margin: 0;
	padding: 0;
}
.icon-links li {
	list-style: none;
	display: inline;
}
.icon-links a {
	display: block;
	padding: 0.25em 0;
	border-bottom: 1px solid #dedede;
	color: inherit;
	text-decoration: none;
}
.icon-links a:before {
	font: 0.375em/1 "RockSolid Icons";
	content: "\e019";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	top: -0.33333em;
	margin-right: 1.66667em;
	padding: 0.66667em;
	border: 1px solid #dedede;
	color: #7AB031;
}
.icon-links a[data-icon]:before {
	content: attr(data-icon);
	top: 0;
	border: 0;
	margin-right: 0.66667em;
	padding: 0;
	font-size: 0.9375em;
	color: inherit;
}

.icon-links-label {
	color: #343434;
}
a:hover .icon-links-label,
a:focus .icon-links-label {
	text-decoration: underline;
}

.author-box h1 {
	margin: 2em 0 1em;
	padding: 0 0 0.42857em;
	border-bottom: 1px solid #e8e8e8;
	font-size: 0.77778em;
	font-weight: 600;
	letter-spacing: 0.07143em;
	color: #8a8a8a;
	text-transform: uppercase;
}
.author-box img {
	float: right;
	margin: 0 0 0.55556em 1em;
}
.author-box p {
	margin: 0.875em 0;
	font-size: 0.88889em;
}

.author-box-links {
	margin: 1em 0;
	padding: 0;
	font-size: 0.77778em;
	letter-spacing: 0.07143em;
	text-align: center;
	text-transform: uppercase;
}
.author-box-links li {
	display: inline;
	list-style: none;
}
.author-box-links a {
	display: inline-block;
	margin: 0.35714em 0.21429em 0.28571em;
	padding: 0.57143em 1.42857em;
	border: 1px solid #dedede;

	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
	background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
	background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.author-box-links a:hover,
.author-box-links a:focus {
	border-color: #c7c7c7;
	text-decoration: none;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.image_container {
	position: relative;
	display: inline-block;
	padding: 0;
	border: 0px solid #ffffff;
	width:100%;
}
.image_container.no-border,
.no-border .image_container {
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: none;
}
.image_container img {
	display: block;
	width: 100%;
	height: auto;
}

.-medium-col-3-2 .image_container img{
margin:1em 1.25em 1em 0;
max-width:96%;}
	
.image_container a {
	position: relative;
	display: block;
}
.image_container a:hover:before,
.image_container a:focus:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.3);
}
.image_container a:hover:after,
.image_container a:focus:after {
	font: 0.55556em/1 "RockSolid Icons";
	content: "\e0cb";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
	padding: 0.5em;
	color: #ffffff;
	text-align: center;
	background: #7BAF48;
}
.image_container figcaption,
.image_container .caption {
	/* overwrite elements style attribute */
	width: 100% !important;
	padding: 0.28571em 0 0;
	font-size: 0.77778em;
	color: #8a8a8a;
}

.image_container.float_right,
.image_container.float_left {
	float: right;
	width: 43.75% !important;
	margin: 0.44444em 0 0.88889em 6.25%;
}
@media screen and (max-width: 599px) {
	.image_container.float_right,
	.image_container.float_left {
		width: auto !important;
	}
}
.no-resize .image_container.float_right,
.image_container.float_right.no-resize,
.no-resize .image_container.float_left,
.image_container.float_left.no-resize {
	width: auto !important;
}
@media screen and (max-width: 599px) {
	.image_container.float_right,
	.image_container.float_left {
		margin-left: 0;
		float: none !important;
	}
}
.opensauce-fullwidth .image_container.float_right,
.opensauce-fullwidth .image_container.float_left {
	width: 26.92308% !important;
	margin: 0.44444em 0 0.88889em 3.84615%;
}
@media screen and (max-width: 900px) {
	.opensauce-fullwidth .image_container.float_right,
	.opensauce-fullwidth .image_container.float_left {
		width: 43.75% !important;
	}
}
@media screen and (max-width: 599px) {
	.opensauce-fullwidth .image_container.float_right,
	.opensauce-fullwidth .image_container.float_left {
		width: auto !important;
	}
}
@media screen and (max-width: 900px) {
	.opensauce-fullwidth .image_container.float_right,
	.opensauce-fullwidth .image_container.float_left {
		margin-left: 6.25%;
	}
}
@media screen and (max-width: 599px) {
	.opensauce-fullwidth .image_container.float_right,
	.opensauce-fullwidth .image_container.float_left {
		margin-left: 0;
	}
}
.opensauce-fullwidth .no-resize .image_container.float_right,
.opensauce-fullwidth .image_container.float_right.no-resize,
.opensauce-fullwidth .no-resize .image_container.float_left,
.opensauce-fullwidth .image_container.float_left.no-resize {
	width: auto !important;
}

.image_container.float_left {
	float: left;
	margin: 0.44444em 6.25% 0.88889em 0;
}
@media screen and (max-width: 599px) {
	.image_container.float_left {
		margin-right: 0;
	}
}
.opensauce-fullwidth .image_container.float_left {
	margin: 0.44444em 3.84615% 0.88889em 0;
}
@media screen and (max-width: 900px) {
	.opensauce-fullwidth .image_container.float_left {
		margin-right: 6.25%;
	}
}
@media screen and (max-width: 599px) {
	.opensauce-fullwidth .image_container.float_left {
		margin-right: 0;
	}
}

.ce_youtube-wrapper {
	position: relative;
	/* ratio 16 to 9 */
	margin: 1.33333em 0;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.ce_youtube-wrapper iframe,
.ce_youtube-wrapper object,
.ce_youtube-wrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mejs-video,
.mejs-audio {
	margin: 1.11111em 0;
}
.ce_gallery{margin: 0 2em 1.5em 1.5em;}
.ce_gallery.-per-row-1 > ul > li {
	width: 100%;
}
.ce_gallery.-per-row-2 > ul > li {
	width: 49.25%;
}
.ce_gallery.-per-row-3 > ul > li {
	width: 32.33333%;
}
.ce_gallery.-per-row-4 > ul > li {
	width: 23.875%;
}
.ce_gallery.-per-row-5 > ul > li {
	width: 18.8%;
}
.ce_gallery.-per-row-6 > ul > li {
	width: 15.41667%;
}
.ce_gallery.-per-row-7 > ul > li {
	width: 13%;
}
.ce_gallery.-per-row-8 > ul > li {
	width: 11.1875%;
}
.ce_gallery.-per-row-9 > ul > li {
	width: 9.77778%;
}
.ce_gallery.-per-row-10 > ul > li {
	width: 8.65%;
}
.ce_gallery.-per-row-11 > ul > li {
	width: 7.72727%;
}
.ce_gallery.-per-row-12 > ul > li {
	width: 6.95833%;
}
@media screen and (max-width: 599px) {
	.ce_gallery {
		/* doubled class for specificity */
	}
	.ce_gallery.ce_gallery > ul > li {
		width: auto;
	}
}
.ce_gallery > ul {
	zoom: 1;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.ce_gallery > ul:before {
	content: "";
	display: table;
}
.ce_gallery > ul:after {
	content: "";
	display: table;
	clear: both;
}
.ce_gallery > ul > li {
	float: left;
	width: 23.875%;
	margin: 1.5% 0 0 1.5%;
}
@media screen and (max-width: 599px) {
	.ce_gallery > ul > li {
		margin-right: 0;
		margin-left: 0;
	}
}
.ce_gallery > ul > li.col_first {
	clear: left;
	margin-left: 0;
}
.ce_gallery > ul > li.col_last {
	/* for rounding failures */
	margin-right: -1%;
}
.ce_gallery > ul > li > .image_container {
	width: 100%;
}
.ce_gallery img {
	width: 100%;
	height: auto;
}

.enclosure,
.ce_downloads {
	margin: 1.6875em 0;
	padding: 1.25em 1.875em;
	border: 1px solid #dedede;

	font-size: 0.88889em;
	background: #ffffff;
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
	background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
	background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.enclosure h1,
.enclosure h2,
.enclosure h3,
.enclosure h4,
.enclosure h5,
.enclosure h6,
.ce_downloads h1,
.ce_downloads h2,
.ce_downloads h3,
.ce_downloads h4,
.ce_downloads h5,
.ce_downloads h6 {
	margin: -1.75em -2.58333em 1.66667em;
	padding: 0.66667em 1.66667em;
	font-size: 0.75em;
	font-weight: 600;
	letter-spacing: 0.08333em;
	color: #ffffff;
	text-transform: uppercase;
	background: #3d566e;
}
.enclosure h1:before,
.enclosure h2:before,
.enclosure h3:before,
.enclosure h4:before,
.enclosure h5:before,
.enclosure h6:before,
.ce_downloads h1:before,
.ce_downloads h2:before,
.ce_downloads h3:before,
.ce_downloads h4:before,
.ce_downloads h5:before,
.ce_downloads h6:before {
	font: 1.16667em/1 "RockSolid Icons";
	content: "\e06d";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	top: 0.07143em;
	float: right;
}
.enclosure ul,
.enclosure p,
.ce_downloads ul,
.ce_downloads p {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* ===========================================
 * Accordion
 * ======================================== */
.ce_accordion .toggler {
		margin: 1.0em 0 0.5em;
	padding: 0 0 0.42857em;
	border-bottom: 2px solid #7AB031;
	font-size: 1.25em;
	color: #7AB031;
	
}

	
.ce_accordion .accordion{
	margin: 0em 1.5em 0em 1.5em;}
	
.ce_accordion .toggler:hover, .ce_accordion .toggler:before {
	color: #004e2a;}

.ce_accordion .toggler.active, .ce_accordion .toggler.active:before{
	color: #004e2a;}



 .ce_accordion .ui-state-default  :before{
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -x-system-font: none;
    background-attachment: scroll;
    background-clip: border-box;
  
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
	padding:2px 1px;
	margin: -3px 5px 2px 0;
    color: #004e2a;
    content: "\e019";
    display: inline-block;
    float: right;
    font-family: "RockSolid Icons";
    font-size: 0.77778em;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    position: relative;
    text-indent: 0;
    text-rendering: geometricprecision;
    top: 0.42857em;}
 .ce_accordion  .ui-state-active :before{
        content: "\e015";
  }




.accordionHeader, .ui-accordion-header{
	cursor:pointer;}

#maps-entf{
	margin:0.5em 0 2em 2em;}
	
address{
	font-style: normal;}

.empf_link{
	margin:0.5em;}	

.lieferInfoMapHeader img{
	max-width:150px;}
	
	


/* ===========================================
 * Slider styles
 * ======================================== */
.rsts-skin-testimonials.rsts-main {
	position: relative;
	margin: 1.5em 0;
}
.rsts-skin-testimonials .rsts-header {
	border-bottom: 1px solid #e8e8e8;
}

.rsts-caption {display:none;}

.rsts-skin-testimonials .rsts-header h1,
.rsts-skin-testimonials .rsts-header h2,
.rsts-skin-testimonials .rsts-header h3,
.rsts-skin-testimonials .rsts-header h4,
.rsts-skin-testimonials .rsts-header h5,
.rsts-skin-testimonials .rsts-header h6 {
	margin: 0;
	padding: 0.14286em 0 0.64286em;
	font-size: 0.77778em;
	font-weight: 600;
	color: #8a8a8a;
	letter-spacing: 0.07143em;
	text-transform: uppercase;
}
.rsts-skin-testimonials .rsts-prev,
.rsts-skin-testimonials .rsts-next {
	position: absolute;
	right: 1.33333em;
	bottom: 0.66667em;
	overflow: hidden;
	text-indent: -99em;
	line-height: 0;
}
.sidebar .rsts-skin-testimonials .rsts-prev,
.sidebar .rsts-skin-testimonials .rsts-next {
	bottom: 0.33333em;border:1px solid #cc0000;
}
.rsts-skin-testimonials .rsts-prev:after,
.rsts-skin-testimonials .rsts-next:after {
	font: 0.44444em/1 "RockSolid Icons";
	content: "\e018";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	display: block;
	padding: 0.75em;
	color: #ffffff;
	background: #004e2a;
}
.rsts-skin-testimonials .rsts-next {
	right: 0;border:1px solid #cc0000;
}
.rsts-skin-testimonials .rsts-next:after {
	content: "\e019";
}
.rsts-skin-testimonials .rsts-nav {
	position: absolute;
	right: -5px;
	top: 2px;
	line-height: 0;border:1px solid #cc0000;
}
.rsts-skin-testimonials .rsts-nav ul {
	margin: 0;
	padding: 0;
}
.rsts-skin-testimonials .rsts-nav li {
	display: inline;
}
.rsts-skin-testimonials .rsts-nav a {
	float: left;
	width: 17px;
	height: 17px;
	overflow: hidden;
	outline: none;
	padding: 5px;
	text-indent: -99em;
}
.rsts-skin-testimonials .rsts-nav a:after {
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background: #dedede;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
}
.rsts-skin-testimonials .rsts-nav a:hover:after,
.rsts-skin-testimonials .rsts-nav a.active:after {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
	width: 11px;
	height: 11px;
	margin: -2px;
}
.rsts-skin-testimonials .rsts-nav-prev,
.rsts-skin-testimonials .rsts-nav-next {
	display: none;
}

.rsts-skin-light .rsts-nav {
	position: absolute;
	bottom: 20px;
	margin: 0;
	width: 100%;border:1px solid #cc0000;
}

/* ===========================================
 * Module styles (Search, FAQ, News, Events, Comments, Sitemap etc.)
 * ======================================== */
.back a:before {
	font: 0.66667em/1 "RockSolid Icons";
	content: "\e018";
	text-indent: 0;
	display: inline-block;
	 -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -x-system-font: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #E7EFD9;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
	padding:2px 2px;
	margin: 0px 5px 2px 5px;

    color: #FFFFFF;
       display: inline-block;
    float: left;
    font-family: "RockSolid Icons";
    font-size: 0.77778em;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    position: relative;
    text-indent: 0;
    text-rendering: geometricprecision;
    top: 0.42857em;
}

.next a:after {
	content: ">";
	margin-right: 0;
	margin-left: 0.1em;
}
#termine .event{
	float:left;
	clear:both;}
	
#termine .event{
	padding-bottom:0.5em;}

#termine .date{
	display:block; 
		width:7.7em;
		float:left;
		font-size:1.2em; 
		margin-top:-0.15em;
		text-align:right;
		padding-right:0.35em;
		color:#004e2a;}

.pagination{
	padding-top:1em;
	clear:both;}

.pagination > p {
	text-align: left;
	width:20%;
	font-size:0.9em;
	float:left;}
	
.pagination ul {
	list-style-type: none !important;
	text-align: right;
	width:80%;
	font-size:0.9em;
	float:left;}
	
.pagination li {
	display: inline-block;}
	
.pagination li a,
.pagination li span {
	padding: 4px 12px;
	background-color: #ffffff;}
	
.pagination li .current {
	border-bottom: 1px solid #e8e8e8;
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
	background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
	background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));}

.news-image-teaser {
	position: relative;
	margin: 2em 0;
	padding: 0 0 0 12.5%;}
	
@media screen and (max-width: 599px) {
	.news-image-teaser {
		padding-left: 0;
	}
}
.news-image-teaser.-no-date {
	padding-left: 0;
}
.news-image-teaser h1 {
	margin: 0 0 0.25em;
	padding: 0 0 0.3125em;
	border-bottom: 1px solid #dedede;
	font-size: 1.77778em;
	font-weight: normal;
	line-height: 1.1875;
	color: #3d566e;
}
@media screen and (max-width: 599px) {
	.news-image-teaser h1 {
		margin-right: 18.75%;
	}
}
.news-image-teaser time {
	position: absolute;
	top: 0.19444em;
	left: 0;
	width: 9.375%;
	border: 1px solid #dedede;
	font-size: 2em;
	font-weight: 600;
	line-height: 1;
	color: #8a8a8a;
	text-align: center;
	background: #ffffff;
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02));
	background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02));
	background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02));
	background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02));
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 599px) {
	.news-image-teaser time {
		left: auto;
		right: 0;
		width: 15.625%;
	}
}
.news-image-teaser time:before {
	font: 0.69444em/1 "RockSolid Icons";
	content: "\e06b";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	display: block;
	margin: -1px -1px 0.08em -1px;
	padding: 0.72em 0;
	color: #ffffff;
	background: #7AB031;
}
.news-image-teaser time b {
	display: block;
	margin: -0.19048em 0 0.2381em;
	font-size: 0.58333em;
	font-weight: inherit;
	text-transform: uppercase;
}
.news-image-teaser time i {
	display: none;
}
.news-image-teaser img {
	display: block;
	width: 100%;
	height: auto;
}
.news-image-teaser p {
	margin: 0.66667em 0;
	color: #8a8a8a;
}
.news-image-teaser .news-image-teaser-info {
	margin: 0.57143em 0 1em;
	font-size: 0.77778em;
	color: inherit;
}
.news-image-teaser .news-image-teaser-more {
	font-size: 0.88889em;
	text-transform: uppercase;
}

.mod_calendar th.previous a:after,
.mod_calendar th.previous a:before,
.mod_calendar th.next a:after,
.mod_calendar th.next a:before {
	display: none;
}
.mod_calendar th.current {
	border-right: 0;
	border-left: 0;
	text-align: center;
}
.mod_calendar th.current:before {
	font: 16px/1 "RockSolid Icons";
	content: "\e037";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	margin-right: 6px;
}
.mod_calendar th.previous {
	border-right: 0;
}
.mod_calendar th.next {
	border-left: 0;
	text-align: right;
}
.mod_calendar th.label {
	font-size: 0.66667em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.07143em;
}
.mod_calendar td {
	vertical-align: top;
	width: 14.28571%;
}
.mod_calendar td.today {
	font-weight: 600;
	background-color: #dedede;
}
.mod_calendar .event {
	font-size: 0.66667em;
}
.mod_calendar .minicalendar td {
	padding: 0.16667em;
	text-align: center;
}
.mod_eventlist{
	margin-left: 0.5em;
	
}
.mod_eventlist .event{
	margin-top: 0em;
	
}
.mod_eventlist .time{display:none;}

.mod_eventreader .event h1,
.intern .mod_eventreader .event h1{
font-size: 1.55556em;}

.mod_eventreader  .back{display:none;}
.main-content .rs-column .mod_eventreader .ce_text{margin:0;padding:0;}

.mod_eventlist .event > h2 {
	margin-top: 0;
	font-size: 1.55556em;
}
.mod_eventlist .date{
	font-size: 1.35556em;
	color:#004e2a;
}
.mod_calendar .minicalendar .active{
background:#000000;
}

.mod_faqlist ul {
	list-style: none;
	padding-left: 0;
}
.mod_faqlist li:before {
	font: 100%/1 "RockSolid Icons";
	content: "\e0f7";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	margin-right: 0.44444em;
}

.mod_faqreader .info {
	font-size: 0.77778em;
	color: #8a8a8a;
}

.mod_login form p.error {
	float: none;
	width: auto;
	margin: 1em 0;
}
.mod_login input {
	width: 80%;
}
.mod_login table {
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.mod_login table td {
	border: 0;
	padding: 0.33333em 0;
}

.mod_search {
	margin: 1.5em 0;
}
.mod_search form input {
	vertical-align: middle;
}
.mod_search form input[type="search"] {
	width: 74.375%;
	margin: 0;
	padding-top: 0.61111em;
	padding-bottom: 0.5em;
}
.mod_search form input[type="submit"] {
	width: 25%;
	margin: 0 -2% 0 0;
}
.mod_search .relevance {
	float: right;
	margin-top: 0.71429em;
	font-size: 0.58333em;
}
.mod_search .header {
	padding-bottom: 0.27778em;
	border-bottom: 1px solid #dedede;
	color: #004e2a;
}
.mod_search .highlight {
	padding: 0 0.22222em;
	font-weight: 600;
	background: #cde7f4;
}
.mod_search .url {
	padding-bottom: 1.42857em;
	border-bottom: 1px dotted #dedede;
	font-size: 0.77778em;
	color: #8a8a8a;
}
.mod_search .url:before {
	font: 100%/1 "RockSolid Icons";
	content: "\e0b5";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	margin-right: 0.35714em;
}
.mod_search .url .filesize {
	font-size: 0.85714em;
}

.comment_default {
	margin: 1.6875em 0;
	padding: 1.25em 6.25% 0;
	border: 1px solid #dedede;

	font-size: 0.88889em;
	background: #ffffff;
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
	background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
	background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.comment_default .info {
	margin-top: 0;
	border-bottom: 1px solid #dedede;
}
.comment_default .reply {
	margin-left: 6.66667%;
}
.comment_default .reply .info {
	font-weight: 600;
}

.ce_comments .form {
	margin-top: 3.33333em;
}
.ce_comments .form .widget {
	margin-top: 1.33333em;
}

.mod_sitemap ul {
	padding-left: 0;
	list-style-type: none;
}
.mod_sitemap ul li li {
	padding: 0.1875em 0 0.1875em 1.75em;
	font-size: 0.88889em;
}
.mod_sitemap ul li li.submenu ul {
	margin: 0;
}
.mod_sitemap > ul > li:before {
	font: 100%/1 "RockSolid Icons";
	content: "\e083";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	margin-right: 0.55556em;
	color: #004e2a;
}

/* ===========================================
 * Accordion
 * ======================================== */
 
#termine .ce_accordion .ui-state-default  :before{display:none;}

.ce_accordion .toggler {
	margin: 1.0em 0 0.5em;
	padding: 0 0 0.42857em;
	border-bottom: 2px solid #7AB031;
	font-size: 1.25em;
	color: #7AB031;
}

.ce_accordion .toggler:before{
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -x-system-font: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
	padding:2px 1px;
	margin: 0px 5px 2px 0;
    color: #7AB031;
    content: "\e019";
	text-indent: 0;
    display: inline-block;
    float: right;
    font-family: "RockSolid Icons";
    font-size: 0.77778em;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    position: relative;
    text-indent: 0;
    text-rendering: geometricprecision;
    top: 1.42857em;}
	
.ce_accordion .accordion{
	margin: 3em 1.5em 0em 0em;}
	
.ce_accordion .accordion	.ce_text{
	margin: 0em 0em;}
	
.ce_accordion .toggler:hover, .ce_accordion .toggler:before {
	color: #7AB031;}

.ce_accordion .toggler.active, .ce_accordion .toggler.active:before{
	color: #7AB031;}
 .ce_accordion .toggler .a_date{
 font-size:0.9em;width:100%;float:left;color:#7AB031;
 clear:both;}
 .ce_accordion .toggler .a_title{
  font-size:1.0em;float:left;width:100%;
 clear:both;}
 
 .ce_accordion  .ui-state-active:before{
        content: "\e015";
  }
 
/* ===========================================
 * Probeabo
 * ======================================== */

.u-probeabo fieldset{
	 float:left;
	 width:95%; 
	 margin:0;
	 color: #767676;
	 padding:0 0 0.25em 0.75em;}

.u-probeabo fieldset legend{
	 width:100%; 
	 float:left; 
	 font-size:0.85em; 
	 clear:left;}
	 
.u-probeabo .radio_container{
	  border:1px solid #7ab031; 
	  margin-bottom:0.5em;}
 
.u-probeabo .explanation{
	 margin:0 0 0 1em;}
 
.u-probeabo span{ 
	float:left; 
	width:9.5em; 
	font-size:0.75em;}
 
.u-probeabo .widget-select label{ display:none;}
 
.u-probeabo select {float:left;
margin-top:0.25em;
	padding: 0em 0.55556em 0em;
	line-height: normal;
	border: 1px solid #399D2C;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	border-radius: 0.25em;
	color: inherit;
	font-size:0.65em;
	width:25%;}

  
/* ===========================================
 * Footer styles
 * ======================================== */
.page-footer {
	clear: both;
	zoom: 1;
	position: relative;
	width:100%;
	margin: 0 auto 0 auto;
	padding: 0 0 0em 0em;overflow:hidden;
	background:#fff url("") 0 bottom repeat-x;}
	
.page-footer .mobile, .page-footer .foot-mobile{
	display:none;}
	
.page-footer .footer-wrapper{
	max-width:1200px; 
	margin:0 auto;
	padding:0 2em;}

.page-footer #foot_navigation{
	background:#fff url("../img/lieferwagen.png") bottom center no-repeat;
	padding:0.5em 0.5em 3.75em 1em; 
	width:100%;
	float:left;
	}
	
.page-footer #foot_verband{
	padding:1em 1.5em 1em 0.5em; 
	width:15%;
	float:right;}
	
#foot_verband .oekokiste img{
	width:60%;}
	
#foot_verband .verband img{
	width:50%;
	padding-left:0.25em;}
	
.page-footer #foot_text{
float:left;
	max-width:1100px; 
	margin:0em auto 0 auto;
	clear:both;
	font-size:0.85em;color:#004e2a;}
	
.page-footer #foot_text p{margin:0em 0 1em 1.25em; padding-top:0.7em;}
	
.page-footer #foot_text a{color:#004e2a;}
	
.page-footer .mod_navigation ul{
	margin:0; 
	padding:0;
	width:100%; }
	
.page-footer .mod_navigation li{
	width:16%;
	display:inline-table;
	font-size:1.0em;}
	
.page-footer .mod_navigation ul.level_2 li{
	width:95%;
	display:block;
	font-size:0.85em;}
	
.page-footer .mod_navigation ul li a, .page-footer .mod_navigation ul.level_2 li a{
font-family: 'Oswald', sans-serif;color:#004e2a;}
.page-footer .mod_navigation ul li .active{color:#EB690B;
font-family: 'Oswald', sans-serif;}

@media screen and (max-width: 900px) {
			
	.page-footer .mod_navigation li{
		width:19%;
		display:inline-table;
		font-size:0.9em;
		line-height:1.2em;}
		
	.page-footer .mod_navigation ul.level_2 li{
		width:95%;
		display:block;
		font-size:0.85em;
		line-height:1.2em;}
}

@media screen and (max-width: 700px) {
	
	.page-footer {
		background:#fff url("../img/09_system/footer-bg.gif") 0 1.5em repeat-x;
		width:98%;
		padding-top:0.1em;}	
		
	.page-footer #foot_navigation{
		display:none;}
	
.page-footer #foot_text{
	color:#004e2a;}
	
	.page-footer #foot_text p{margin:0em 0 1em 0em; }
	
	.page-footer #foot_text a{
		color:#004e2a;}	
	
	.page-footer p{
		text-align:center;}
		
	.page-footer #foot_verband{
		padding:0em 0.5em 0em 0.5em; 
		width:99%;
		float:left;
		text-align:center;}
		
	#foot_verband .oekokiste {
		display:inline;}
		
	#foot_verband .oekokiste img{
		width:20%;}
		
	#foot_verband .verband {
		display:inline;}
		
	#foot_verband .verband img {
		width:15%; }
}

.footer-navigation ul {
	margin: 0;
	padding: 0;}
	
.footer-navigation li {
	display: inline;}
	
.footer-navigation li:after {
	content: " ";}
	
.footer-navigation a,
.footer-navigation li > span {
	margin-right: 1.5em;
	color: #004e2a;}


/*TABCONTROL*/

ul.resp-tabs-list{
    margin: 0px;
    padding: 0 0;}

.resp-tabs-list li {
    font-size: 1.2em;
    display: inline-block;
    padding: 0.2em 0 0.2em 0.2em;
    margin: 0 4px 0 0;
    list-style: none;
    cursor: pointer;
    float: left;}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
	margin-top:-1em;
	border:0;}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;}

.resp-tab-content {
    display: none;
    padding: 0 1em 0 2em;}
	
.resp-tab-item{
	border-bottom: 1px #004e2a solid !important;}
	
.resp-tab-active {
	border-bottom: 2px #004e2a solid !important;
	color:#7AB031;}

.resp-content-active, .resp-accordion-active {
    display: block;}

h2.resp-accordion {
    font-size: 1.25em;
    border-bottom: 0px solid #004e2a;
	margin: 0px;
    padding: 10px 15px;}

h2.resp-tab-active {
    border-bottom: 0px solid #ECF7E4 !important;
    margin-bottom: 0px !important;
     padding: 0em 0 0.25em 0.25em;}

/*-----------Vertical tabs-----------*/
.tabControl{
	clear:both;
	margin:1em 0 0 0;}
	
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 29%;}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 0.25em 0  !important;
    margin: 0 0 4px;
    cursor: pointer;
    float: none;}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
  border:0;
    float: left;
    width: 68%;
    min-height: 250px;
    clear: none;}

.resp-vtabs .resp-tab-content {
    border: none;
    word-wrap: break-word;}

.resp-vtabs li.resp-tab-active { 
	position: relative;
	z-index: 1;
	margin-right: -1px !important;
	padding: 0.25em 0 0.25em 0.25em;}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #004e2a;}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #004e2a;}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: #fff;/* !important;*/}

.resp-easy-accordion h2.resp-accordion {
    display: block;
	border-bottom:0px solid #ECF7E4;}

.resp-easy-accordion .resp-tab-content {
    border: 0px solid #ECF7E4;}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 0px solid #ECF7E4;/* !important;*/}

.resp-jfit {
    width: 100%;
    margin: 0px;}

.resp-tab-content-active {
    display: block;
	border-bottom: 0px solid #ECF7E4;}

h2.resp-accordion:first-child {
    border-top: 0px solid #ECF7E4;/* !important;*/}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 700px) {
    ul.resp-tabs-list {
        display: none;    }

    h2.resp-accordion {
        display: block;
		padding:0.5em; 
		color:#000000;    }
	
    h2.resp-accordion.resp-tab-active {
        color:#7AB031;    }
	
	.resp-tab-content-active h2{
		display:inherit;}
	
    .resp-vtabs .resp-tab-content {
        border: 0px solid #ECF7E4;   }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none;
		padding:0;
		border:0;    }

    .resp-accordion-closed {
        display: none !important;    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #ECF7E4 !important;    }
}

 #shown, #hidden { 
	display: block; 
	text-align:left;
	color: #fff; 
	line-height: 1.1em;
	font-size: 1.2em;}
	
#shown a, #hidden a{
	color: #fff; }

#contacts-cont{
	position: fixed; 
	z-index:10000;
	top: 15.5em; 
	right:-210px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;}
	
#contacts-cont:hover{
    right:-210px;}

#contacts-cont #hidden{
	height:2.4em;
	width:8em;
	float:left;    
	background:#EB6909;  
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg); 
	-o-transform: rotate(-90deg); 
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	padding:0.6em 0.6em 0.6em 0.3em;}

#contacts-cont #shown{
	height:50px;
	width:150px;   
	float:left;    
	background:#EB6909;  
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg); 
	-o-transform: rotate(-90deg); 
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}

#mail-cont{
	position: fixed; 
	z-index:10000;
	top: 28em; right:-225px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;}

#mail-cont:hover{
    right:0px;}

#mail-cont #hidden{
	height:2.4em;
	width:2.4em;
	float:left;
	background:#399D2C; 
	padding:0.5em 0.6em 0.6em 0.55em;}

#mail-cont #shown{
	height:2.4em;
	width:11em;   
	float:left;    
	background:#399D2C;  
	padding:0.5em 0.6em 0.5em 0.7em;}

#mail-cont #hidden:before {
	font: 130%/1 "RockSolid Icons";
	content: "\40";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	color: #fff;}

#telefon-cont{
	position: fixed; 
	z-index:10000;
	top: 25em; right:-225px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	color:#fff;}
	
#telefon-cont:hover{
    right:0px;}
	
#telefon-cont #hidden{
	height:2.4em;
	width:2.4em;
	float:left;   
	background:#399D2C; 
	padding:0.5em 0.6em 0.6em 0.6em;}

#telefon-cont #hidden:before {
	font: 130%/1 "RockSolid Icons";
	content: "\e0e8";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;}

#telefon-cont #shown{
	height:2.4em;
	width:11em;   
	float:left;  
	background:#469A2A; 
	padding:0.6em 0.6em 0.6em 0.7em;	}

#shop-cont{
	position: fixed; 
	z-index:10000;
	top: 22em; right:-225px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	color:#fff;}
	
#shop-cont:hover{
    right:0px;}
	
#shop-cont #hidden{
	background-image: url("../img/shop-mini.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 98% 98%;
	height:2.4em;
	width:2.4em;
	float:left;   
	background:#EB6909; 
	padding:0.15em 0.6em 0.5em 0.15em;}

#shop-cont #hidden:before {
	content:url("../img/shop-mini.png");
	background-size: 98% 98%;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;}

#shop-cont #shown{
	height:2.4em;
	width:11em;   
	float:left;  
	background:#EB6909; 
	padding:0.1em 0.6em 0.1em 0.7em;	}



#contacts-cont #shown a, #contacts-cont #hidden a { 
	display: block; 
	text-align:center;
	padding: 0em 0.25em 0.5em 0.25em;
	color: #fff; 
	line-height: 1.2em;
	font-size: 1.2em;
	text-decoration: none; }

@media screen and (max-width: 1030px) {
	#contacts-cont,
	#shop-cont,
	#telefon-cont,	
	#mail-cont {
		display:none;}
}
/* ****************************** Shopeingangseite **** */
.shop-neu #contacts-cont,
.shop-neu #telefon-cont,
.shop-neu #shop-cont,
.shop-neu #mail-cont{
	display:none;}
.shop-neu .page{padding:0;}
.shop-neu .page-header{margin:0 1em;}

.shop-neu .mmenu{display:none;}

@media screen and (max-width: 700px) {
	.shop-neu #logo{top:2.15em;left:20%;}
	#logo img{max-height:5em;width:auto; }
}
.shop-neu #top_navigation{ 
	width: 99%; 
	float:right;	
	text-align:right;
	margin:0.1em 0.5em 0 0;
	font-size:0.80em;}
.shop-neu #nav-main{left:10em;}
.shop-foot .page{display:none;}

.shop-foot .page-footer{
	position:absolute;
	border:0px solid #cc0000;
	background:#fff; 
	height:80px;
	margin:0 auto 0 auto;
	padding:0em;}
	
.shop-foot .footer-wrapper{
	margin:0 auto;
	padding:0 1.25em;}

.shop-foot .page-footer #foot_verband{
	margin:0.5em 0; 
	padding:0;
	width:20%;
	float:right;}
	
.shop-foot #foot_verband .oekokiste img{
	float:right; 
	padding:0em;
	margin-right:0.25em; 
	height:40px;width:40px;}
	
.shop-foot .page-footer #foot_text{
	max-width:80%; 
	float:left;
	font-size:0.85em;
	padding-top:0.5em;}
	
body.shop-angebot {	
	background:inherit;	}

body.shop-angebot h1{
	margin-top:0;
	color:#fff; }
	
body.shop-angebot p{
	color:#fff; }

body.shop-angebot .teaser-boxes p{
	color:#000000;
	font-size:1em;}

p > a.confirmation{
	line-height:2.2em;
	margin: 3.5em 0 0 0;
}

a.confirmation:before{
	content: "";
	float: left;
	width: 4em;
	height: 4em;
	background: url('../img/shop-kl.png') no-repeat;
	background-size: 80%;padding:1em 0;
}

/* ****************************** shopslider **** */
.mod_MiniSlider{
	clear:both; }
	
.miniSlider{
	position:relative; 
	width:100%;
	height:11em;
	padding:0em 0 0em 0.5em;}
	
.miniSlider .sliderMiniPage img{ 
	max-width:100%;
	min-height:150px; 
	max-height:150px; 
	display:block;
	background: url('../img/karotte_frei.png') 2.25em 0em no-repeat;
	background-size:45% 90%;
	padding:0.5em 0 1em 0.5em; 
	width:inherit;
	position: relative; 
	left:0; 
	top:1em; }

.miniSlider .miniSliderbg{ 	
	z-index:10; 
	text-align:right; 
	position: absolute; 
	padding:2em 1em 0 1em;
	color:#fff; 
	bottom:0; 
	right:0; 
	height:9.5em; 
	width:60%;	
	background:url(../img/shop-aktion.png) left bottom no-repeat;
	background-size:100% 75%;}
	
.miniSlider .miniSlidername{ 
margin-top:1em;
	font-size:1.1em; 
	font-weight:300; 
	margin-bottom:0.5em; 
	line-height:1em;}
	
.miniSlider a{
	color: #fff;}
	
.miniSlider .miniSliderPreise{ 
	font-size:1.0em; 
	font-weight:600;  
	color:#fff;}
	
.mod_MiniSlider .miniSliderEinheit{  
	font-size:0.9em; 
	font-weight:300;
	line-height:0.9em; }

@media screen and (max-width: 700px) {
	.miniSlider .miniSliderbg{ 	width:40%;}
	.miniSlider .sliderMiniPage img{ padding-left:10%;
	background: inherit;
	
	}
}