@charset "UTF-8";
/* ==========================================================================
   HTML5 Reset + Box-Sizing:border-box; 
   ========================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	table-layout: auto;
	float: left;
}
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* Force fancybox to use box-sizing: content-box */
.fancybox-skin { background: #fff !important; }
#fancybox-wrap, #fancybox-wrap * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
/* =============================================================================
   Universal Styles
   
   FARBEN:
   Grün: #A4C815;
   Dunkelorange: #d79400;
   Hellgrün: #e4f3c2;
   	
   SCHRIFTEN:
   
   
   ========================================================================== */

/* @group allgemeines */  
html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	min-height: 100%;
}
body {
	font-family: myriad-pro, "Myriad Pro", Arial, sans-serif;
	font-size: 14px;
	color: #333;
	background: #F3F3F3;
}
.container:before, .container:after {
	display: table;
	content: " ";
}
.container:after { clear: both; }
#kopf, #userNavbar, #kopf_top, #primaryNav, #inhalt, #inhalt_bottom, #fuss {
	float: left;
	width: 100%;
}
p {
	font-size: 14px;
	line-height: 16px;
}
ol { list-style: inside; }
ol li {
	list-style-type: decimal;
	line-height: 20px;
}
em { font-style: italic; }
strong { font-weight: 700; }
iframe { width: 100%; }
.varte243_anzeigen {
	background: transparent url('../bilder/ui/icon-ansehen.png') no-repeat;
	display: inline-block;
	width: 25px;
	height: 25px;
}
.varte243_loeschen {
	background: transparent url('../bilder/ui/icon-loeschen.png') no-repeat;
	display: inline-block;
	width: 25px;
	height: 25px;
}
.varte243_anzeigen img, .varte243_loeschen img { display: none; }
#popup_liste .msvcToolTip { margin-left: 15px; }
#fadelayer {
	position: fixed;
	margin: 0;
	padding: 0;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	zoom: 1;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background-color: #bbbbbb;
	visibility: hidden;
	vertical-align: middle;
}
#fadelayer table { z-index: 1001; }
#fadelayer table td {
	text-align: center;
	vertical-align: middle !Important;
}
address { line-height: 20px; }
.pagination, .nummerierung {
	float: left;
	width: 100%;
	text-align: center;
	margin: 20px 0;
}
.pagination li, .nummerierung li {
	display: inline-block;
	float: none;
}
/* Flexbox Sticky Footer */
.flexbox body {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
  	min-height: 100vh;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-webkit-flex-direction: column;
  	    -ms-flex-direction: column;
  	        flex-direction: column;	
}
.flexbox #mainWrapper {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;	
}
.flexbox .push {display:none;}


/* @end allgemeines */ 

/* @group Überschriften */ 
hgroup {
	float: left;
	width: 100%;
	line-height: 24px;
	margin: 0 0 20px;
}
hgroup h1, hgroup h2, hgroup h3, hgroup h4, hgroup h5, hgroup h6 { clear: none; }
h1, h2, h3, h4, h5, h6 {
	font-family: myriad-pro, "Myriad Pro", Arial, sans-serif;
	clear: both;
}
h1 {
	font-size: 24px;
	color: #3b3b3b;
}
h2 { font-size: 18px; }
h3 {
	font-size: 18px;
	font-weight: 700;
}
h5 {
	font-family: myriad-pro;
	font-size: 16px;
}
h4 {
	font-family: myriad-pro;
	font-size: 14px;
	color: #A4C815;
	margin: 0 0 20px;
}
/* @end Überschriften */ 

/* @group mobile nav*/
#kopf .mobile-nav {
	position: absolute;
	top: 50%;
	right: 20px;
	margin: -12px 0 0;
}
#mobileMenu .mobile-nav { margin: 10px 0; }
.mobile-nav {
	border: 0;
	cursor: pointer;
	transition: .3s;
	width: 30px;
	height: 24px;
	padding: 0;
	outline: none;
}
.show-nav #kopf .mobile-nav, .mobile-nav.close {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
.show-nav #kopf .mobile-nav span, .mobile-nav.close span { background: transparent !important; }
.show-nav #kopf .mobile-nav span:before, .mobile-nav.close span:before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
}
.show-nav #kopf .mobile-nav span:after, .mobile-nav.close span:after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
}
.show-nav #kopf .mobile-nav span:before, .show-nav #kopf .mobile-nav span:after, .mobile-nav.close span:before, .mobile-nav.close span:after {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: 0;
}
.mobile-nav span {
	display: inline-block;
	transition: 0.3s;
	position: relative;
}
.mobile-nav span, .mobile-nav span:before, .mobile-nav span:after {
	border-radius: 2px;
	width: 100%;
	height: 4px;
}
.mobile-nav span, .mobile-nav span:before, .mobile-nav span:after { background: #A4C815; }
#mobileMenu .mobile-nav span, #mobileMenu .mobile-nav span:before, #mobileMenu .mobile-nav span:after { background: #fff; }
.mobile-nav span:before, .mobile-nav span:after {
	position: absolute;
	left: 0;
}
.mobile-nav span:before {
	content: "";
	top: -10px;
}
.mobile-nav span:after {
	content: "";
	bottom: -10px;
}
/* @end mobile nav */

/* @group Links */ 
a {
	color: #666;
	text-decoration: none;
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
}
.active, .verlinkung { color: #A4C815; }
.verlinkung:hover { text-decoration: underline; }
a:hover { }
.link { text-decoration: underline;/*font-weight: 300;*/ }
.orange { }
.linkBtn { color: #9c9c9c; }
.linkBtn:hover {
	text-decoration: underline;
	color: #ccc;
}
.weblink {
	color: #f59b00;
	font-size: 16px;
}
.action-link {
	float: left;
	margin: 5px 0 5px 12px;
	line-height: 15px;
}
hr, .separator {
	width: 100%;
	background: url(../bilder/ui/separator.png) no-repeat;
	border: none;
	display: inline-block;
}
hr { height: 5px; }
fieldset hr {
	float: left;
	width: 100%;
	height: 1px;
	background: #d9d9d9;
	margin: 10px 0;
}
.separator { background-position: center bottom; }
/*.separator:last-child, .separator.last-child { background: none; }*/
/* @end Links */ 

/* @group helper classes */
.fullWidth { width: 100%; }
.preamble {
	float: left;
	width: 100%;
	margin: 0 0 20px;
}
.preamble, .preamble h2, .vorgangsListe h2 { font-family: 'Lato', sans-serif; }
.preamble h2 { margin: 0 0 5px; }
.preamble h2, .fsetHeadline, .vorgangsListe h2 {
	color: #A4C815;
	font-style: italic;
}
.preamble p {
	font-size: 12px;
	line-height: 20px;
}
.preamble hr {
	background: url(../bilder/ui/sep.png) repeat-x;
	height: 4px;
	width: 100%;
	float: left;
	margin: 30px 0 0 -20px;
}
.container-40 .preamble hr { margin-left: -40px; }
.gelb { color: #A4C815; }
.clear { clear: both; }
.left {
	float: left;
	margin-left: 0;
}
.right {
	float: right;
	margin-right: 0;
}
.trennline {
	width: 100%;
	clear: both;
	height: 1px;
	float: left;
	border: none;
}
.vlist li {
	float: left;
	width: 100%;
	margin: 0 0 10px;
}
.vlist li ul.nested li {
	display: inline;
	clear: none;
	width: auto;
	line-height: 35px;
	margin: 0 20px 0 0;
}
.vlist li:last-child, .vlist li.last, #inhalt .vlist li:last-child { margin: 0; }
.vlist.l5 li { margin: 0 0 5px; }
.vlist.l20 li { margin: 0 0 20px; }
.hlist li {
	float: left;
	margin: 0 20px 0 0;
}
.hlist li:last-child, .hlist li.last { margin: 0; }
.button_container {
	float: left;
	width: 100%;
	margin: 20px 0;
}
.padlist li { }
.padlist li:before {
	background: url("../bilder/ui/sprites.png") repeat scroll -188px -452px transparent;
	content: "";
	float: left;
	height: 5px;
	margin: 7px 8px 0 0;
	width: 5px;
}
.cursorList li a:before {
	background: url("../bilder/ui/sprites.png") -154px -452px no-repeat;
	display: inline-block;
	content: "";
	width: 7px;
	height: 7px;
	margin: 0 8px 0 0;
}
.cursorList li a:hover {
	color: #ffaf00;
	text-decoration: underline;
}
.cursorList li a:hover:before { background-position: -171px -452px; }
.cursorBtnLarge-icon:before {
	background: url("../bilder/ui/sprites.png") -118px -452px no-repeat;
	content: "";
	width: 8px;
	height: 9px;
	margin: 0 8px 0 0;
	display: inline-block;
}
.cursorBtnLarge-icon:hover:before {
	width: 8px;
	height: 9px;
	background-position: -136px -452px;
}
.cursorBtnSmall-icon:before {
	width: 7px;
	height: 7px;
	background-position: -154px -452px;
}
.cursorLink { font-size: 16px; }
.cursorLink:hover {
	color: #d79400;
	text-decoration: underline;
}
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mt5 { margin-bottom: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 15px; }
.ml5 { margin-bottom: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.mr5 { margin-bottom: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.post {
	float: left;
	width: 100%;
	margin: 30px 0;
}
.post p {
	line-height: 35px;
	font-size: 12px;
}
.tooltip {
	display: none;
	position: absolute;
	border: 1px solid #d58c00;
	background-color: #ffae00;
	/*-webkit-box-shadow: inset 0 1px rgba(255,255,255,.39);
	-moz-box-shadow: inset 0 1px rgba(255,255,255,.39);
	box-shadow: inset 0 1px rgba(255,255,255,.39);*/
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.15), rgba(255,255,255,.15));
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.15), rgba(255,255,255,.15));
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.15), rgba(255,255,255,.15));
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.15), rgba(255,255,255,.15));
	background-image: linear-gradient(to top, rgba(0,0,0,.15), rgba(255,255,255,.15));
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px 15px;
	color: #794F00;
	text-shadow: 1px 1px rgba(255,255,255,.24);
	font-size: 12px Arial;
	width: 250px;
	behavior: url(../r40/vc_ops2/public/themen/druckbestellung/css/PIE.htc);
	-moz-box-shadow: 0 0 4px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 4px #666;
}
.no-margin { margin: 0; }
/* @end helper classes  */

/* =============================================================================
   Formulare / NiceForms
   ========================================================================== */  
/* @group Formulare */  
label, input, select, textarea, button {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
}
fieldset {
	padding: 30px 0 0;
	position: relative;
	float: left;
	width: 100%;
}
.fsetHeadline {
	font-size: 18px;
	font-weight: 400;
}
.radioCtn .fsetHeadline {
	margin: 0;
	line-height: 21px;
}
.radioCtn { margin-bottom: 30px; }
.abweichende_lieferadresse {
	float: left;
	width: 100%;
}
fieldset.sectionWrapper { padding-bottom: 20px; }
fieldset .addressForm:last-child { margin: 0; }
.sectionWrapper fieldset { padding: 25px 0; }
.sectionWrapper fieldset.single { padding: 0; }
/*.sectionWrapper fieldset .addressForm + .addressForm { margin: 0;}*/
.sectionWrapper fieldset .addressForm:last-child { margin-bottom: 0; }
.sectionWrapper fieldset + fieldset { border-top: 1px solid #d9d9d9; }
.sectionWrapper fieldset:last-child { padding-bottom: 0; }
.btnCtn {
	float: left;
	width: 100%;
	margin: 20px 0 0;
}
.clear + .link, .addressForm + .link {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-style: italic;
	clear: both;
	color: #6c6c6c;
	margin: 10px 0 0;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}
.clear + .link {
	display: inline-block;
	width: 100%;
	text-align: center;
}
fieldset.last { background-image: none; }
fieldset.roundedForm { background: none; }
legend {
	float: left;
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 30px;
	width: 100%;
}
.warenkorb legend {
	font-size: 30px;
	color: #dddddd;
}
.warenkorb legend span {
	font-size: 72px;
	margin: 0 30px 0 0;
}
/* label */
label {
	width: 100%;
	float: left;
}
label[for], .noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.li_zustimmung { }
#inhalt fieldset .li_zustimmung .input_checkbox {
	float: left;
	margin: 5px 10px 0 0;
}
#inhalt fieldset .label_checkbox {
	float: left;
	line-height: 20px;
	width: auto;
}
#inhalt form label {
	margin: 0 0 15px;
	line-height: 12px;
}
#inhalt .vlist li { margin: 0 0 20px; }
#inhalt input[type="file"] {
	line-height: 100%;
	height: auto;
	padding: 10px;
}
#inhalt .progressBar input[type="file"] {
	padding: 0;
	border: none;
}
#inhalt input, #inhalt input[type="text"], #inhalt input[type="password"], #inhalt textarea {
	background-color: #f5f5f5;
	border: 1px solid #eaeaea;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#inhalt #inhalt .input_datum {
	width: 48%;
	text-align: center;
}
#inhalt .input_datum.left { float: left; }
#inhalt .input_datum.right { float: right; }
input[type="checkbox"], input[type="radio"], #inhalt input[type="checkbox"], #inhalt input[type="radio"] {
	padding: 0;
	margin: 0 10px 0 0;
	width: auto;
	height: auto;
	line-height: 100%;
}
#inhalt label .weblink {
	display: inline-block;
	margin: -2px 0 0 10px;
}
#inhalt input { height: 35px; }
.input_disabled { }
#inhalt input:focus, #inhalt textarea:focus { border-color: #A4C815; }
#inhalt textarea { padding: 12px 6px 6px 12px; }
.subForm ul ul {
	float: left;
	width: auto;
}
.subForm ul.vlist ul li { }
.label_lang { width: auto; }
.formlist label {
	line-height: 24px;
	width: 200px;
}
.kalender_optionen label {
	line-height: 18px;
	width: auto;
	font-size: 11px;
}
.radiolist label { line-height: 22px; }
/* input */
.radiolist .input_radio, .radiolist .input_checkbox, .addressForm .input_radio, .addressForm .input_checkbox { width: 16px; }
input {
	height: 28px;
	line-height: 28px;
	border: none;
	padding: 0 12px;
}
input[type="text"], input[type="password"] {
	background-color: #f0f0f0;
	-webkit-box-shadow: inset 1px 2px 2px rgba(0,0,0,.15);
	-moz-box-shadow: inset 1px 2px 2px rgba(0,0,0,.15);
	box-shadow: inset 1px 2px 2px rgba(0,0,0,.15);
}
input[type="radio"], .input_radio, .input_checkbox {
	width: 16px;
	height: 16px;
	margin: 0 10px 0 0;
	padding: 0;
	border: none;
	background: none;
}
.input_datum {
	width: 100px;
	margin-right: 5px;
}
.input_menge { text-align: center;/*width: 100%;*/
}
/* select */
.kalender_optionen select {
	float: right;
	width: auto;
	margin: 0;
}
.notIE select, #vorlage_ui select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../bilder/ui/select-arrow.png) no-repeat center right #f5f5f5;
	border: 1px solid #eaeaea;
	height: 35px;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	padding: 0 36px 0 12px;
	position: relative;
}
.notIE select:after, #vorlage_ui select:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 5px 0 5px;
	border-color: #d4d4d4 transparent transparent transparent;
}
/* textarea */
textarea {
	background-color: #f0f0f0;
	-webkit-box-shadow: inset 1px 2px 2px rgba(0,0,0,.15);
	-moz-box-shadow: inset 1px 2px 2px rgba(0,0,0,.15);
	box-shadow: inset 1px 2px 2px rgba(0,0,0,.15);
	border: none;
	padding: 12px 0 0 12px;
	width: 100%;
	margin: 0;
}
/* button */
button {
	border: none;
	cursor: pointer;
	background: none;
	height: 24px;
}
html body #main button.sprites:before { margin: 0; }
#inhalt .listForm label {
	font-weight: 700;
	margin: 0;
	line-height: 100%;
}
.listForm {
	float: left;
	width: 100%;
}
.listForm + .listForm { margin: 20px 0 0; }
.listForm li {
	float: left;
	width: 100%;
	margin: 0 0 20px;
}
.listForm li:last-child, .listForm li.last, .listForm ul li:last-child, .listForm ul li.last { margin: 0; }
.listForm ul { }
.listForm ul li { }
#inhalt .addressForm.btnForm > li { width: auto; }
/* @end Formulare */ 

/* @group Custom Inputs */ 
.customInput input[type="checkbox"], .customInput input[type="radio"] {
	float: left;
	width: auto !important;
}
.customInput input[type="checkbox"] + label, .customInput input[type="radio"] + label { width: auto !important; }
.inlineForm li { float: left; }
.inlineForm li:last-child { margin: 0; }
.customInput label { position: relative; }
.inlineForm .customInput label {
	font-family: 'Lato', sans-serif !important;
	font-size: 14px;
	font-weight: 300;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}
.addressForm .customInput label {
	font-family: myriad-pro, "Myriad Pro", Arial, sans-serif;
	font-size: 12px;
}
.notIE .customInput input[type="checkbox"], .notIE .customInput input[type="radio"] {
	float: left;
	display: none;
}
.notIE .customInput input[type="checkbox"] + label, .notIE .customInput input[type="radio"] + label { width: auto; }
.notIE .customInput input[type="checkbox"] + label span, .notIE .customInput input[type="radio"] + label span {
	cursor: pointer;
	float: left;
	margin: 0 0 0 18px;
	line-height: 26px;
}
.btnCtn .customInput input[type="checkbox"] + label span, .btnCtn .customInput input[type="radio"] + label span { line-height: 40px; }
.notIE .btnCtn .customInput input[type="checkbox"] + label:before, .notIE .btnCtn .customInput input[type="radio"] + label:before { margin: 8px 0 0; }
/* checkbox */
.notIE .customInput input[type="checkbox"]:checked + label:before {
	content: "";
	background-image: url(../bilder/ui/checkbox-checkmark.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.notIE .customInput input[type="checkbox"] + label:before {
	content: "";
	width: 26px;
	height: 24px;
	background-color: #fff;
	float: left;
	border: 1px solid #d2d2d2;
	cursor: pointer;
}
.btnCtn .customInput input[type="checkbox"] { margin: 14px 10px 0 !important; }
/* radio */
.notIE .customInput input[type="radio"] + label:before, .notIE .customInput input[type="radio"]:checked + label:before {
	content: "";
	width: 23px;
	height: 23px;
	background-color: #f5f5f5;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	float: left;
	border: 1px solid #eaeaea;
	cursor: pointer;
}
.notIE .customInput input[type="radio"]:checked + label:after {
	content: "";
	width: 17px;
	height: 17px;
	background: #A4C815;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	margin: 4px 0 0 4px;
	cursor: pointer;
}
/* @end Custom Inputs */ 

/* =============================================================================
   Kopfbereich
   ========================================================================== */  

/* @group Sprachen */  
#sprach_wahl {
	position: absolute;
	right: 0;
	top: 15px;
}
/* @end Sprachen */ 

/* @group allgemeines */  
#kopf { /*height: 145px;*/ position: relative; }
#userNavbar {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	height: 36px;
	background: #eeeeee;
}
#userNavbar p {
	line-height: 36px;
	text-align: right;
}
#userNavbar .link { color: #A4C815; }
#kopf_top {
	/*height: 160px;*/
	position: relative;
	background: #fff;
}
/* @end allgemeines */ 

/* @group logo */ 
#logoBox {
	float: left;
	display: block;
}
#kopf #cartBox {
	float: right;
	margin: 50px 0 0;
}
#cartBox p {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color: #333;
	margin: 0 0 6px;
}
/* @end logo */

/* @group login */  
#login {
	float: right;
	margin: 28px 0 0;
}
#login a { }
#login input, #login a { font-size: 10px; }
#login ul {
	float: left;
	width: 210px;
}
#login ul li {
	float: left;
	margin: 0 0 10px;
	width: 100%;
	line-height: 20px;
}
/* @end login */

/* @group primaryNav */ 
#primaryNav {
	height: 50px;
	background: #F3F3F3; /* #A4C815 */ 
}
.loggedIn #primaryNav { }
#primaryNav a, #mobileMenu > .container > ul > li > a {
	color: #595959;
	text-transform: uppercase;
	display: block;
}
#primaryNav a:hover, #secondaryNav a:hover { /*color: #A4C815; */ }
#secondaryNav #loggedInUser a:hover { color: inherit; }
#primaryNav ul { float: left; }
#primaryNav ul li {
	float: left;
	/*margin: 0 20px;*/
	position: relative;
	z-index: 1000;
}
#primaryNav > div > ul > li, #primaryNav > div > ul > li:last-child, #primaryNav > div > ul > li#nav_kontakt {
	border-left: 1px solid rgba(0,0,0, .4);
	box-shadow: inset 1px 0 0 0 rgba(255,255,255, .12);
	height: 50px;
}
#primaryNav > div > ul > li > a {
	padding: 17px 30px;
	font-size: 16px;
}
.searchForm { position: relative; }
.searchForm input {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	height: 35px;
	background: #fff;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	padding: 0 50px 0 25px;
	float: left;
}
input::-webkit-input-placeholder {
 font-style:italic;
}
input:-moz-placeholder {
 font-style:italic;
}
input::-moz-placeholder {
 font-style:italic;
}
input:-ms-input-placeholder {
 font-style:italic;
}
input::-webkit-input-placeholder {
 font-style:italic;
}
 .searchForm input:-moz-placeholder {
 color: #595959;
 font-style:italic;
}
 .searchForm input::-moz-placeholder {
 color: #595959;
 font-style:italic;
}
 .searchForm input:-ms-input-placeholder {
 color: #A4C815;
 font-style:italic;
}
.searchBtn {
	width: 35px;
	height: 35px;
	background: url(../bilder/ui/lupe.png) no-repeat center center #fff;
	cursor: pointer;
	border: 0;
	text-indent: -9999px;
	position: absolute;
	right: 0;
	top: 0;
	border-left: 1px solid #F3F3F3;
}
#primaryNav ul li#nav_registrieren { margin: 0; }
#primaryNav > div > ul > li:hover, .sfHover { background: #fff; }
.sf-sub-indicator { display: none; }
#primaryNav > div > ul > li > a.sf-with-ul:after {
	content: "";
	display: none;
}
.sf-with-ul:after {
	content: ">";
	float: right;
	font-weight: 700;
	margin: 0 -18px 0 0;
}
#primaryNav > div > ul > li:hover > a, #primaryNav > div > ul > li.sfHover > a, .sfHover a, .submenu a { color: #595959; }
#primaryNav > div > ul > li > .submenu { margin: 0 0 0 -1px; }
#primaryNav .submenu {
	font-weight: 700;
	display: none;
	/*padding:20px 0 20px 30px;*/
	padding: 20px 0;
	position: absolute;
	top: 100%;
	width: auto;
	z-index: -1;
	background: #fff;
	border: 1px solid rgb(231, 231, 231);
	border-top: none;
}
#kopf .submenu li:hover { background: #A4C815; }
#kopf .submenu li { padding: 0 30px 0 30px; }
#primaryNav .submenu > li:hover > a { color: #fff !important; }
#kopf .submenu li { position: relative; }
.submenu li a { padding: 0 15px 0 0;/*padding:15px 10px;	*/ }
#primaryNav .submenu .submenu {
	top: 0;
	left: 100%;
	margin-top: -20px;/*margin: -20px 0 0 45px;*/
}
#primaryNav .submenu .submenu li { padding: 0 30px; }
#primaryNav #nav_produkte .submenu { }
#primaryNav #nav_kalkulator .submenu { /*left: -20px; */ }
#primaryNav .submenu a {
	text-transform: none;
	padding: 10px 0;
	color: #595959;
	cursor: pointer;
}
#primaryNav .submenu li {
	line-height: 100%;
	width: 100%;
	margin: 0;
	white-space: nowrap;
}
#primaryNav .submenu li:hover { }
/* Active Menu */
body#frontend_websubmission #primaryNav #nav_produkte, body.frontend_produktauswahl:not(#frontend_startseite) #primaryNav #nav_produkte { background: #fff; }
body#frontend_websubmission #primaryNav #nav_produkte a, body.frontend_produktauswahl:not(#frontend_startseite) #primaryNav #nav_produkte > a { color: #595959; }
/* @end primaryNav */   

/* @group secondaryNav */
#secondaryNav {
	color: #FFFFFF;
	float: left;
	margin: 0 0 0 70px;
	width: 691px;
}
#loggedInUser { }
#secondaryNav { }
#secondaryNav li { line-height: 20px; }
#secondaryNav a { color: #fff; }
/* @end secondaryNav */

/* @group aktive Seiten */
body#startseite #nav_home a { background: #fff; }
body#startseite #nav_home a:before { background-image: url(../bilder/ui/home-active.png); }
/* @end aktive Seiten */

/* @group breadcrumb */  
#kopf_breadcrumb {
	background: #A4C815;
	float: left;
	height: 42px;
	width: 100%;
	padding: 0 20px;
}
#kopf_breadcrumb a { color: #e4f3c2; }
#kopf_breadcrumb a:hover {
	color: #fff;
	text-decoration: underline;
}
#kopf_breadcrumb ul { }
#kopf_breadcrumb ul li {
	float: left;
	margin: 0 7px 0 0;
	line-height: 41px;
}
/*.wk_navi {display:none;}*/
.wk_icon { float: left; }
.wk_icon:after {
	background: url(../bilder/ui/wk_icon.png) 0 8px no-repeat;
	content: "";
	width: 23px;
	height: 42px;
	float: right;
	margin: 0 0 0 4px;
	display: inline-block;
}
.wk_navi_on .wk_navi { display: block; }
/* @end breadcrumb */ 

/* =============================================================================
   Inhaltsbereich
   ========================================================================== */  

/* @group banner */   
#banner {
	position: relative;
	float: left;
	/*height: 356px;*/
	width: 100%;
}
.bannerText {
	-webkit-transition: 0.55s ease;
	-moz-transition: 0.55s ease;
	-o-transition: 0.55s ease;
	transition: 0.55s ease;
}
.bannerText h1 {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
.bannerText p {
	font-family: 'Lato', sans-serif;
	font-style: italic;
	font-weight: 400;
	margin: 10px 0 0;
}
/* @end banner */ 

/* @group inhalt */    
#inhalt {
	background: url(../bilder/ui/basic-shadow.png) top center #F3F3F3 no-repeat;
	padding: 25px 0 60px;
}
#inhalt > .container > h1, .hdl {
	padding: 18px 0 28px 44px;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 400;
	color: #595959;
	position: relative;
}
#inhalt > .container > h1:before, .hdl:before { content: ""; }
#inhalt > .container > h1:before, .hdl:before {
	width: 24px;
	height: 24px;
	background: url(../bilder/ui/polygon.png) no-repeat 8px 6px #595959;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	float: left;
	margin: 1px 18px 0 0;
}
.sectionWrapper {
	background: #fff;
	border: 1px solid #eaeaea;
	border-top: none;
	-moz-box-shadow: 0 3px 0 0 #e1e2e1;
	-webkit-box-shadow: 0 3px 0 0 #e1e2e1;
	-ms-box-shadow: 0 3px 0 0 #e1e2e1;
	box-shadow: 0 3px 0 0 #e1e2e1;
	position: relative;
	float: left;
	width: 100%;
}
.sectionWrapper + .sectionWrapper { margin: 30px 0 0; }
.sectionWrapper:before {
	content: "";
	float: left;
	height: 5px;
	background: #A4C815;
	position: absolute;
	top: -5px;
	left: -1px;
	right: -1px;
}
#inhalt .container { /*background: #fff;*/ /*padding: 30px 20px;*/ /*border: 1px solid #ebebeb;
	box-shadow: 0 3px 0 0 rgba(26, 31, 23, 0.06);*//* min-height: 600px;*/ }
#produkt_container {
	float: left;
	width: 100%;
	margin: 25px 0;
}
#frontend_startseite #produkt_container { min-height: 600px; }
.produkt {
	float: left;
	height: 196px;
	border: 1px solid rgb(231, 231, 231);
	-moz-box-shadow: 0px 2px 0px 0px rgba(26, 31, 23, 0.17);
	-webkit-box-shadow: 0px 2px 0px 0px rgba(26, 31, 23, 0.17);
	-ms-box-shadow: 0px 2px 0px 0px rgba(26, 31, 23, 0.17);
	box-shadow: 0px 2px 0px 0px rgba(26, 31, 23, 0.17);
	background: #fff;
	cursor: pointer;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
#frontend_vorlagenauswahl .produkt { height: 300px; }
.produkt:hover { background-color: #e1e1e1; }
.produkt:hover h2 { color: #fff; }
.produkt .inner {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.produkt h2 {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color: #A4C815;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 0 0 10px;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
a[rel="tooltip"] {
	background: url(../bilder/ui/info.png) no-repeat;
	display: inline-block;
	width: 19px;
	height: 19px;
}
.produkt a[rel="tooltip"] {
	float: right;
	margin: 8px 12px 0 0;
}
.pb-tooltip {
	padding: 23px 17px !important;
	font-family: myriad-pro, Arial, sans-serif !important;
	background: #f7f7f7;
	border: 1px solid #d4d4d4 !important;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	color: #333;
}
.pb-tooltip h2 {
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 10px;
}
.pb-tooltip p { line-height: 21px; }
#seoBox { margin: 25px 0 0; }
#seoBox h3 {
	color: #333;
	margin: 0 0 15px;
}
.kundenseiten #inhalt .container, .infoseiten #inhalt .container { padding: 40px; }
.kundenseiten .preamble hr, .infoseiten .preamble hr { margin-left: -40px; }
.mainHeadline { margin: 0 0 20px; }
.kleintext { font-size: 12px; }
#inhalt_bottom {
	background: url(../bilder/ui/shadow-bottom.png) no-repeat scroll center -2px transparent;
	height: 50px;
}
.pictureCtn {
	float: left;
	width: 100%;
	margin: 0 0 20px;
	position: relative;
}
.pictureCtn:last-child { margin: 0; }
.pictureCtn img { }
.pictureCtn figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	color: #333;
	background: rgba(255,255,255,.75);
}
.pictureCtn .btn {
	position: absolute !important;
	bottom: 2px;
	left: 0;
}
#inhalt_bottom.kontakt_anfrage {
	height: 160px;
	text-align: center;
	padding: 85px 0 45px;
}
#inhalt_bottom ul {
	clear: both;
	margin: 0 auto;
	text-align: center;
}
#inhalt_bottom ul li {
	display: inline;
	float: none;
}
#inhalt_bottom article h1, #inhalt_bottom article a {
	clear: none;
	display: inline-block;
}
/* @end inhalt */ 
   
/* =============================================================================
   Fussbereich
   ========================================================================== */   

/* @group allgemeines */  
#fuss {
	background: #2b2b2c;
	border-top: 4px solid #A4C815;
	border-bottom: 6px solid #202020;
}
#fuss h3 { margin: 0 0 20px; }
#fuss h3, #fuss h3 a {
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
}
#fuss #zahlungsmittel h3 { margin: 0 0 5px; }
#fuss article, #fuss .subsection { float: left; }
.liste li { }
.zahlarten {
	background: url(../bilder/ui/zahlarten.png) no-repeat;
	width: 310px;
	height: 43px;
	display: inline-block;
}
.klimaneutral {
	background: url(../bilder/ui/klimaneutral.png) no-repeat;
	width: 80px;
	height: 29px;
	display: inline-block;
}
/* @end allgemeines */ 

/* @group fuss top */    
#fuss_top { }
#fuss_top p, #fuss_top li, #fuss_top a {
	font-size: 11px;
	line-height: 18px;
	color: #838383;
}
#fuss_top a:hover { color: #A4C815; }
#fuss_top .container { padding: 30px 0; }
#fuss-ueberuns {
	float: left;
	width: 210px;
}
#support-hotline a { color: #A4C815; }
span.hotline {
	font-style: italic;
	font-size: 24px;
	color: #A4C815;
	white-space: nowrap;
	margin: 0 0 5px;
	float: left;
	width: 100%;
}
#fuss-sitemap { margin: 0 65px; }
#fuss-sitemap #produkte { /*margin: 0 85px 0 0;*/ }
#fuss-badges article {
	width: 100%;
	margin: 0 0 5px;
}
#zahlungsmittel .hlist li { margin: 0 6px 0 0; }
#versandart .hlist li { margin: 0; }
#versandart h3, #zertifizierung h3 { margin: 0 0 10px; }
#fuss-badges #zertifizierung { margin: 0; }
/* @end fuss top */ 

/* @group fuss bottom */  
#fuss_bottom {
	font-size: 10px;
	color: #424242;
	background: #242424;
	height: 40px;
	line-height: 40px;
}
#fuss_bottom .container { padding: 0 20px; }
#fuss_bottom p, #fuss_bottom a { font-size: 10px; }
#fuss_bottom a { color: #A4C815; }
#credits {
	float: left;
	line-height: 40px;
}
#socialNav {
	float: right;
	padding: 5px 0;
	height: 40px;
}
/* @end fuss bottom */ 

/* =============================================================================
   Websubmission
   ========================================================================== */
#submissionCtn { float: left; }
#kalkulation_container {
	float: left;
	width: 100%;
}
#kalkulation_container section {
	float: left;
	width: 100%;
}
#kalkulation_container section h2 {
	text-transform: uppercase;
	color: #A4C815;
	font-size: 14px;
	margin: 0 0 20px;
}
#kalkulation_container section:not(.eigenschaften_container) + section { margin: 40px 0 0; }
#kalkulation_container #eig_allgemein { margin: 0 0 40px; }
#kalkulation_container section.eigenschaften_container + section.eigenschaften_container { margin: 15px 0 0; }
#kalkulation_container section ul { }
#kalkulation_container section ul li label {
	float: none;
	display: table-cell;
	padding: 0 28px 0 0;
	vertical-align: middle;
}
#kalkulation_container section ul li span { float: left; }
#kalkulation_container section ul li span select, #kalkulation_container section ul li span input { float: left; }
#kalkulation_container section ul li span a[rel="tooltip"] { float: right; }
.sectionsep.eigenschaften_container:empty { display: none; }
.eigenschaften_container li {
	float: none;
	width: 100%;
	margin: 0 0 15px;
	display: table;
}
#kalkulation_container section ul li:last-child, .eigenschaften_container li:last-child { margin: 0; }
.eigenschaften_container .websubli { }
.eigenschaften_container .indreq {
	width: 200px !important;
	margin-left: 120px !important;
}
#eig_serviceoptionen li {
	line-height: 100%;
	height: auto;
	margin: 0 0 10px;
}
#eig_serviceoptionen label { width: auto; }
#eig_serviceoptionen label input { width: auto; }
/*.artikel_preisrechner {
	clear: both;
	width: 100%;
	float: left;
}*/
.sectionsep {
	background: url(../bilder/ui/sectionsep.png) repeat-x center bottom;
	float: left;
	width: 100%;
	padding-bottom: 26px;
	margin-bottom: 26px;
}
.preis_container { /*display: inline-block;
	padding: 10px 0;
	width: 200px;
	float: left;*/ }
.preis_anzeige {
	font-size: 24px;
	font-weight: bold;
	margin: 10px 0;
}
#eig_optionen {
	float: left;
	margin: 30px 0;
	width: 100%;
	padding: 0 0 45px;
}
.vorlage-icons {
	float: left;
	width: 100%;
	margin: 0 0 25px;
}
.vorlage-icons a { float: left; }
.vorlage-icons li {
	display: inline;
	float: left;
	margin: 0 10px 0 0;
}
.preisListe { }
.preisListe li {
	float: left;
	line-height: 24px;
	margin: 0 30px 0 0;
}
.spinner[style] { /*	top: 12px !important;
	left: 495px !important;*/
}
.buttonListe {
	width: 100%;
	float: left;
	margin: 30px 0 0;
}
.buttonListe li {
	margin: 0 28px 0 0;
	float: left;
}
.buttonListe li:last-child { margin: 0; }
#angebot_container { padding: 0 0 30px; }
#fertigstellungstermin { }
.terminListe li {
	float: left;
	width: 100%;
	margin: 0 0 7px;
	line-height: 19px;
}
.terminListe li:last-child { margin: 0; }
.eigenschaften_container .info-icon {
	float: left;
	margin: 2px 0 0 18px;
}
.terminListe .liefertermin-nextday-icon:before {
	width: 35px;
	height: 36px;
	background-position: -10px -203px;
}
.terminListe span { color: #8e8e8e; }
.terminListe .bz {
	float: left;
	width: 73px;
}
.terminListe .pTage {
	float: left;
	color: #8e8e8e;
	width: 95px;
}
.terminListe .tage {
	float: left;
	color: #8e8e8e;
}
.terminListe a[rel="tooltip"] { float: right; }
.terminListe .liefertermin-express-icon:before {
	width: 35px;
	height: 36px;
	background-position: -55px -203px;
}
.terminListe .liefertermin-standard-icon:before {
	width: 35px;
	height: 36px;
	background-position: -100px -203px;
}
#submission_details { }
#submission_details section {
	border: 1px solid #eaeaea;
	-moz-box-shadow: 0 4px 0 0 #f0f0f0;
	-webkit-box-shadow: 0 4px 0 0 #f0f0f0;
	-ms-box-shadow: 0 4px 0 0 #f0f0f0;
	box-shadow: 0 4px 0 0 #f0f0f0;
	margin: 0 0 20px;
	background: #fff;
}
#submission_details section, #kalkulation_optionen {
	float: left;
	width: 100%;
}
#submission_details section + section { margin: 0 0 20px; }
#submission_details section h2 {
	font-size: 14px;
	font-weight: 700;
	color: #A4C815;
}
#submission_details section:not(#bild_container) h2 {
	text-transform: uppercase;
	line-height: 28px;
}
#bild_container {
	padding: 20px 0;
	display: inline-block;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat !important;
}
#vergleichspreise_container h2 { font-size: 16px !important; }
#submission_details .block { padding: 20px 30px; }
#submission_details .block h2 {
	line-height: 100% !important;
	margin: 0 0 12px;
}
#submission_details ul li { }
.tableBlock h2 {
	text-align: center;
	color: #fff !important;
	background: #A4C815;
	position: relative;
}
.artikel_preisrechner h2, .artikel_preisrechner h2 a { color: #fff; }
.artikel_preisrechner h2 { margin: 0 0 33px; }
.indicator:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 8.5px 0 8.5px;
	border-color: #A4C815 transparent transparent transparent;
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin: 0 0 0 -8.5px;
}
.optBlock { padding: 20px 30px; }
.table-stripped {
	color: #9c9c9c;
	font-size: 16px;
	font-weight: 700;
}
.table-stripped tr:nth-child(odd) { background-color: #f7f7f7; }
.table-stripped tr:nth-child(even) { background-color: #fff; }
.table-stripped td {
	vertical-align: middle;
	padding: 8px 15px;
}
.table-stripped td small {
	font-weight: 400;
	font-size: 11px;
}
.artikel_preisrechner .preisListe {
	padding: 0 12px;
	margin: 0 0 25px;
	float: left;
	width: 100%;
}
.artikel_preisrechner .preisListe li {
	width: 100%;
	line-height: 100%;
	margin: 0 0 12px;
}
.artikel_preisrechner .preisListe li:last-child { margin: 0; }
.artikel_preisrechner .preisListe .bz { float: left; }
.artikel_preisrechner .preisListe .mwst {
	margin: 5px 0 0;
	float: left;
	width: 100%;
	font-size: 12px;
	color: #8e8e8e;
}
.preis_container { color: #A4C815; }
.artikel_preisrechner .preisListe .bz + span { float: right; }
.artikel_preisrechner small {
	color: #8e8e8e;
	font-size: 10px;
	float: left;
	width: 100%;
	margin: 5px 0 0;
}
#websubBtns ul { float: right; }
#websubBtns { margin: 30px 0 0; }
#websubBtns ul + ul { clear: both; }
#websubBtns ul li { float: left; }
#websubBtns .btn {
	height: 40px;
	line-height: 40px;
	font-size: 20px;
}
#websubBtns .primary { font-weight: 700; }
#websubBtns .secondary { }
#eig_vorlagen { }
#eig_vorlagen .btn {
	width: 100%;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
	padding: 0 0 0 10px;
	text-align: left;
	letter-spacing: -0.7px;
	position: relative;
}
#eig_vorlagen .btn + .btn { margin: 12px 0 0; }
.icon-download { }
.icon-download span {
	float: right;
	width: 36px;
	height: 100%;
	border-left: 1px solid #f2f2f1;
	-moz-box-shadow: inset 1px 0 0 0 #A4C815;
	-webkit-box-shadow: inset 1px 0 0 0 #A4C815;
	-ms-box-shadow: inset 1px 0 0 0 #A4C815;
	box-shadow: inset 1px 0 0 0 #A4C815;
	position: absolute;
	right: 0;
	top: 0;
}
.icon-download span:before, .icon-download span:after { content: ""; }
.icon-download span:before {
	width: 20px;
	height: 20px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	top: 50%;
	right: 50%;
	margin: -10px -10px 0 0;
}
.icon-download span:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 5px 0 5px;
	border-color: #A4C815 transparent transparent transparent;
	position: absolute;
	top: 50%;
	right: 50%;
	margin: -3px -5px 0 0;
}
/* =============================================================================
   Lagerware
   ========================================================================== */ 
#frontend_lagerware #bild_container {
	height: 100%;
	/*width: 290px;*/
	float: left;
}
#bild_container figure {
	background: #f7f7f7;
	border: 1px solid #eaeaea;
	-moz-box-shadow: inset 0 -3px 0 #f2f2f1;
	-webkit-box-shadow: inset 0 -3px 0 #f2f2f1;
	box-shadow: inset 0 -3px 0 #f2f2f1;
	width: 100%;
	height: 250px;
}
.galerie {
	float: left;
	width: 100%;
	margin: 14px 0 0;
}
.galerie li {
	float: left;
	/*margin: 0 10px 12px 0;*/
    /*width: 140px;*/
	background: #f7f7f7;
	border: 1px solid #eaeaea;
	-moz-box-shadow: inset 0 -3px 0 #f2f2f1;
	-webkit-box-shadow: inset 0 -3px 0 #f2f2f1;
	box-shadow: inset 0 -3px 0 #f2f2f1;
}
.galerie img { /*width:140px;*/
max-width: 100%; }
#frontend_lagerware #eigenschaften_container { float: right; /*width:620px;*/
}
#frontend_lagerware article section {
	float: left;
	width: 100%;
}
#frontend_lagerware .sectionWrapper + .btnCtn { margin: 30px 0 0; }
#frontend_lagerware .sectionWrapper + .btnCtn .btn {
	font-weight: 700;
	min-width: 235px;
	font-size: 20px;
}
#frontend_lagerware article section + section { margin: 10px 0 0; }
.staffelBlock { }
.staffelBlock aside { float: left; /*width:220px;*/
}
.staffelBlock aside h2 {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #333333;
	margin: 0 0 10px;
}
#bestand_verfuegbar {
	font-size: 14px;
	float: left;
	width: 100%;
	margin: 0 0 15px;
}
#bestand_verfuegbar span {
	width: 27px;
	height: 12px;
	display: inline-block;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	loat: left;
	margin: 0 8px 0 0;
}
.bestand_lieferbar {
	background: #059c25;
	border-bottom-color: #03711a;
}
.bestand_nicht_lieferbar {}
.sectionBestellmenge label {
	font-size: 14px;
	color: #A4C815;
	width: auto !important;
	margin: 0 20px 0 0 !Important;
	line-height: 100% !Important;
	padding: 10px 0 0;
}
#frontend_lagerware article section.sectionBestellmenge { margin: 30px 0 0; }
.sectionBestellmenge select { float: left; /*width:418px;*/
	
}
.sectionBestellmenge a[rel="tooltip"] {
	float: left;
	margin: 8px 0 0 20px;
}
.staffelBlock aside table th, .staffelBlock aside table td { padding: 5px 0; }
.staffelBlock aside table th {
	text-align: left;
	font-weight: 700;
}
.staffelBlock aside table td { padding-left: 30px; }
.staffelBlock .zebraTable { float: right; /*width:380px;*/
	
}
.zebraTable {
	color: #9c9c9c;
	border-bottom: 3px solid #eaeaea;
}
.zebraTable caption {
	padding: 6px 14px;
	background: #A4C815;
	text-align: left;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
}
.zebraTable tr {
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
}
.zebraTable td { padding: 14px; }
.zebraTable td.menge {
	font-size: 16px;
	width: 67%;
	font-weight: 700;
}
.zebraTable td.preis {
	font-size: 15px;
	width: 33%;
	font-weight: 700;
}
.zebraTable tr:nth-child(even) { background: #fff; }
.zebraTable tr:nth-child(odd) { background: #f7f7f7; }
/* =============================================================================
   Druckdaten
   ========================================================================== */ 
.popup { background: #fff; }
.popup #inhalt {
	background: #fff;
	padding: 0;
}
.popup #inhalt h1 { margin: 0 0 10px; }
#box_upload {
	float: left;
	margin: 0 0 30px;
	width: 100%;
}
#box_datenliste {
	float: left;
	margin: 0 0 30px;
	width: 100%;
}
popup_liste { width: 100%; }
#popup_liste tr { border-bottom: 1px dotted #ccc; }
#popup_liste tr:last-child { border-bottom: none; }
#popup_liste td {
	padding: 5px;
	vertical-align: middle;
}

.uploadNfoBox td {
	white-space: nowrap;
	padding: 3px;
}
.uploadNfoBox td.bar {
	background-color: #39393A;
	vertical-align: middle;
}
.uploadNfoBox td.itemcount { text-align: center }
.uploadNfoBox td.bar .baritem {
	background-color: #A4C815;
	float: left;
	height: 15px;
	width: 10%;
}
.waitBoxAfterUpload {
	display: none;
	padding: 10px;
	font-size: 12px;
	color: #000000;
	text-align: center;
	font-weight: bold;
	font-family: sans-serif;
	float: left;
	width: 100%;
	margin: 0 0 30px;
}
.waitBoxAfterUpload img {
	vertical-align: middle;
	margin-right: 10px;
}
.SubmitImage {
	border: 0px;
	background-color: transparent;
	width: 117px;
	height: 27px;
}
/* =============================================================================
   Warenkorb
   ========================================================================== */  
#frontend_bestellung_aufgeben_spaeter_zahlen #inhalt .sectionWrapper h2 {margin:20px 0 10px;}   
#frontend_bestellung_aufgeben_spaeter_zahlen #inhalt .sectionWrapper p {
	margin:0 0 10px;
}
#frontend_bestellung_aufgeben_spaeter_zahlen #inhalt .sectionWrapper .btn {
	font-weight:700;
	text-transform: uppercase;	
	margin: 10px 0 0;
}
.bold {font-weight:700;}
.col-action .btn, .sp7 .btnList .btn { width: 100%; }
#uploadFormRef ul li { }
#uploadFormRef ul li input {
	float: left;
	width: 200px;
	margin: 0 20px 0 0;
	height: 30px !important;
	padding: 5px 0 !important;
}
#uploadFormRef ul li .btn { float: left; }
#druckdatenTabelle {
	float: left;
	width: 100%;
	margin: 20px 0 0;
}
.table-cell.col-upload dl {
	float: left;
	margin: 0 40px 20px 0;
}
.table-cell.col-upload dl.druckdaten_liste {
	margin: 20px 0 0;
    clear: both;	
}
.table-cell.col-upload .daten_spaeter_hochladen {
	padding: 6px 0 0;
	margin-bottom: 0;
}
.table-cell.col-upload .daten_spaeter_hochladen dt, .table-cell.col-upload .daten_spaeter_hochladen dd {
	width: auto;
	float: left;
}
.table-cell.col-upload .daten_spaeter_hochladen label {
	margin: 0 !important;
	line-height: 100% !important;
	padding: 2px 0 0;
}
.table-cell.col-upload .daten_spaeter_hochladen {
	float: left;
	margin-left: 15px;
}
.table-cell.col-upload .fancybox-datenupload { float: left; }
.table-cell.col-upload dl dt {
	font-weight: 700;
	margin: 0 0 5px;
}
.table-cell.col-upload dl dd { line-height: 18px; }
.uploadNfoBox {
	display: none;
	width: 100%;
	margin-top: 10px;
}
.uploadNfoBox td {
	white-space: nowrap;
	padding: 2px;
	vertical-align: middle;
}
.uploadNfoBox td.bar {
	background-color: #eaeaea;
	height: 35px;
}
.uploadNfoBox td.itemcount {
	text-align: center;
	padding-top: 10px;
}
.uploadNfoBox td.bar .baritem {
	height: 35px;
	background-color: #A4C815;
	color: #fff;
	float: left;
	font-size: 1px;
	width: 10%;
}

.waitBoxAfterUpload {
	display: none;
	padding: 10px;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	font-family: sans-serif;
}
.waitBoxAfterUpload img {
	vertical-align: middle;
	margin-right: 10px;
}

.upload {
  margin-top: 10px;
  margin-bottom: 10px;
}

.upload .text {
  margin-bottom: 10px;
}

.upload .file {
  border: 1px solid #a4c815;
  display: inline-block;
  float: none;
  height: 30px;
  line-height: 30px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 5px;
  vertical-align: top;
  width: 250px;
}

.SubmitImage {
	border: 0px;
	background-color: transparent;
	width: 117px;
	height: 27px;
}
tr.lieferanschrift:empty { display: none; }
/* @group Tableless Table */ 
.tableless-table, .table-row {
	float: left;
	width: 100%;
}
.table-row { position: relative; }
.table-cell { float: left; }
.col-action .btn, .sp7 .btnList .btn { padding: 0 !important; }
.btnList { float: right; }
.btnList li {
	float: left;
	width: 100%;
	margin: 0 0 10px;
}
.sectionWrapper .inlineForm label {
	line-height: 100% !important;
	font-weight: bold;
}
.sectionWrapper .inlineForm .gruppe { float: left; }
.sectionWrapper .inlineForm > li { width: 100%; }
.sectionWrapper .inlineForm > li.li_projekt label {
	word-break: break-word;
	font-weight: normal;
}
.input_menge {
	font-weight: 700;
	text-align: center;
	width: 85px !important;
	height: 30px !important;
	float: left;
}
.input_menge + .btn { margin: 0 0 0 14px; }
.tableless-table .miniTable { margin: 20px 0; }
.miniTable { font-size: 14px; }
.miniTable th, .miniTable td {
	text-align: left;
	padding: 3px 0;
}
.tableless-table .miniTable tr:not(.tr_headline) th { text-indent: 0px; } /* -9999px; */
/* .tableless-table .miniTable th { font-weight: 700; } */
.miniTable td { padding-left: 5px; }
.tr_trenner hr {
	height: 1px;
	background-color: 1px solid #d9d9d9;
	margin: 5px 0;
	float: left;
	width: 100%;
}
.tr_netto, .tr_mwst, .tr_rabatt { font-size: 10px; }
.tr_mwst, .tr_rabatt { font-style: italic; }
.tr_rabatt, .tr_brutto { color: #A4C815; }
.tr_rabatt { }
.tr_brutto {
	font-size: 14px;
	font-weight: 700;
}
.input_projekname { float: left; }
.input_projekname + a[rel] {
	float: left;
	margin: 7px 0 0 10px;
}
#kontrolle-tabelle .sectionWrapper .inlineForm label { padding: 0; }
#kontrolle-tabelle .sectionWrapper .inlineForm li { margin: 0 0 10px; }
#kontrolle-tabelle .table-row {
	border-bottom: 2px solid #d9d9d9;
	padding: 0 0 40px;
	margin: 0 0 40px;
}
#kontrolle-tabelle .table-row:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border: none;
}
.sectionKontrolle h3 {
	font-size: 16px;
	margin: 0 0 22px;
	width: 100%;
}
#angabeKontrolle { padding-right: 35px; }
.flexbox #angabeKontrolle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.sectionKontrolle aside {
	float: left;
	width: auto;
}
.sectionKontrolle li {
	float: left;
	clear: both;
	margin: 0 0 25px;
}
.bottomSection > ul > li {width:100%;}
.sectionKontrolle li:last-child { margin: 0; }
.sectionKontrolle li strong {
	float: left;
	text-align: right;
}
.sectionKontrolle li span, .sectionKontrolle li address, .sectionKontrolle li .miniTable, .sectionKontrolle li .gesamtpreisCtn {
	float: left;
	margin: 0 0 0 22px;
}
.gesamtpreisCtn dd {
	font-size: 10px;
	color: #333;
	line-height: 16px;
}
.gesamtpreisCtn .warenwert {
	font-size: 14px;
	padding: 0 0 3px;
}
.gesamtpreisCtn .rabatt { color: #A4C815; }
.gesamtpreisCtn dd.mwst, .gesamtpreisCtn dd.rabatt {
	font-style: italic;
	font-weight: 300;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}
.gesamtpreisCtn .brutto {
	font-weight: 700;
	color: #A4C815;
	border-top: 1px solid #333;
	padding: 8px 0 0;
	margin: 6px 0 0;
}
.gesamtpreisCtn .bruttodown {
	font-weight: 700;
	color: #A4C815;
	border-bottom: 1px solid #333;
	padding-bottom: 8px;
	margin-bottom: 6px;
}
.sectionKontrolle li .miniTable { width: auto; }
.sectionKontrolle li address { }
.sectionKontrolle aside li span em {
	margin: 8px 0 0;
	display: inline-block;
	width: 100%;
}
.sectionKontrolle li address { margin-top: -2px !important; }
.li_kommentar { margin-top: -3px !important; }
.li_kommentar {
	font-style: italic;
	line-height: 23px;
}
.sectionKontrolle .topSection, .sectionKontrolle .bottomSection {
	float: left;
	width: 100%;
}
.flexbox .sectionKontrolle .subSection {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}
.no-flexbox .sectionKontrolle .subSection {
	float: right;

}
.sectionKontrolle .subSection {
	width: 500px; 

}
.flexbox .sectionKontrolle .topSection { 
	margin: 0 0 40px;
	-webkit-align-self: flex-start;
	    -ms-flex-item-align: start;
	        align-self: flex-start;
}
.no-flexbox .sectionKontrolle .topSection {
	
}
.flexbox .sectionKontrolle li address, .flexbox .sectionKontrolle li strong {width:auto;}
.no-flexbox .sectionKontrolle .bottomSection {
	 position: absolute;
    bottom: 25px;
}
.sectionKontrolle .bottomSection ul { float: left; }
.flexbox .sectionKontrolle .bottomSection ul + ul { margin: 0 0 0 30px;}
.sectionKontrolle .bottomSection ul + ul { margin: 0 0 0 10px; }
.agbCtn {
	height: 220px;
	overflow: auto;
}
section#zustimmung {
	float: left;
	width: 100%;
	margin: 25px 0 0;
}
section#zustimmung .customInput { float: left; }
section#zustimmung .customInput label { font-family: myriad-pro, Arial, sans-serif !important; }
section#zustimmung .customInput label .inner { float: left; }
section#zustimmung .customInput label strong { line-height: 15px; }
section#zustimmung .customInput label em {
	font-weight: 300;
	font-size: 10px;
	line-height: 15px;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}
section#zustimmung .customInput label a { }
section#zustimmung #kaufen { float: right; }
section#zustimmung #kaufen .btn {
	float: right;
	font-weight: 700;
	min-width: 170px;
}
section#zustimmung #kaufen .gesamtpreisCtn {
	float: right;
	margin: 15px 0 0;
	text-align: right;
}
.sectionWrapper h4 {
	color: inherit;
	font-weight: 700;
}
.sectionWrapper .top-row, .sectionWrapper .bottom-row, .subcol, .subcol > ul {
	float: left;
	width: 100%;
}
.feldGruppe { line-height: 35px; }
.subcol .inlineForm + .inlineForm { margin: 20px 0 0; }
.sectionWrapper .top-row h4 span { text-transform: uppercase; }
.sectionWrapper .col-bild figure {
	text-align: center;
	width: 100%;
	/*height: 100%;*/
	display: block;
	border: 1px solid #eaeaea;
	-moz-box-shadow: 0 2px 0 0 #f2f2f1;
	-webkit-box-shadow: 0 2px 0 0 #f2f2f1;
	-ms-box-shadow: 0 2px 0 0 #f2f2f1;
	box-shadow: 0 2px 0 0 #f2f2f1;
	background-color: #f7f7f7;
	background-repeat: no-repeat;
	background-position: center center;
}
.sectionWrapper .col-bild figure + .btn { margin: 10px 0 0; }
#frontend_auftragsdetails .col-bild { text-align: center; }
#frontend_auftragsdetails .col-details .miniTable { width: 260px }
#frontend_auftragsdetails .col-details .miniTable + .miniTable { margin-left: 0 0 0 50px; }
#frontend_auftragsdetails .col-details .miniTable + .bildGruppe {
	text-align: center;
}
#frontend_auftragsdetails .col-details .miniTable + .bildGruppe figure {
	display: block;
    border: 1px solid #eaeaea;
    -moz-box-shadow: 0 2px 0 0 #f2f2f1;
    -webkit-box-shadow: 0 2px 0 0 #f2f2f1;
    -ms-box-shadow: 0 2px 0 0 #f2f2f1;
    box-shadow: 0 2px 0 0 #f2f2f1;
}
#frontend_auftragsdetails .col-details .miniTable + .bildGruppe figure img {max-width:290px;}
#frontend_auftragsdetails .col-details .miniTable + .bildGruppe .btn {
	clear: both;
    margin: 10px 0 0;
    display: inline-block;
	text-transform: uppercase;
}
.gesamtSumme {
	float: left;
	width: 100%;
	margin: 30px 0 0;
	display: table;
}
.gesamtSumme .sectionWrapper {
	margin: 0 !important;
	padding: 20px 12px 16px 20px;
}
.gesamtSumme .versandartCtn {
	float: left;
	width: auto;
}
.selectWrapper select, .selectWrapper { float: left; }
.selectWrapper select + a[rel="tooltip"] {
	margin: 8px 0 0 15px;
	float: left;
}
.versandartCtn small {
	color: #b5b5b5;
	font-style: italic;
	font-size: 10px;
	font-weight: 400;
	float: left;
	width: 100%;
	margin: 5px 0 0;
}
.gesamtSumme .miniTable {
	float: right;
	width: auto;
}
.gesamtSumme .miniTable th, .gesamtSumme .miniTable td {
	text-align: right;
	padding: 3px 0;
}
.gesamtSumme .tr_trenner .trenner {
	background-color: #333;
	float: left;
	width: 100%;
	height: 1px;
	margin: 2px 0;
}
.gesamtSumme .tr_trenner td { }
.gesamtSumme .buttons {
	display: table-cell;
	vertical-align: bottom
}
.gesamtSumme .buttons .btn {
	text-transform: uppercase;
	font-weight: 700;
	clear: both;
	float: left;
	width: 230px;
	font-size: 12px;
}
.gesamtSumme .buttons .btn + .btn, .gesamtSumme .buttons .btn:last-child { margin: 12px 0 0; }
.progressForm li:last-child { margin: 0; }
.progressForm .progressBar { float: left; }
.progressForm .gruppe .btn {
	height: 35px;
	line-height: 35px;
}
.progressForm .gruppe { float: left; }
.li_progress { }
.progressBar {
	position: relative;
	height: 35px;
	line-height: 35px;
	padding: 0 0 0 12px;
	border: 1px solid #eaeaea;
	float: left;
	color: #fff;
	font-style: italic;
	background: #f5f5f5;
	z-index: 0;
}
.progressForm li { margin: 0 0 12px !important; }
.progressBar .bar {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	z-index: -1;
}
.progressBar.progress .bar { opacity: .65; }
.progressBar .bar { background-color: #A4C815; }
.progressBar.erforderlich .bar { background-color: #e86b6b; }
/* @end Tableless Table */ 


/* @group allgemeines */     
#wk_breadcrumb {
	font-size: 18px;
	float: left;
	width: 100%;
	margin: 35px 0;
}
#wk_breadcrumb li {
	float: left;
	line-height: 35px;
	margin: 0 30px 0 0;
}
#wk_breadcrumb li.last { margin: 0; }
#wk_breadcrumb li a:after {
	margin: 0 12px 0 0;
	float: left;
}
#vorwort {
	float: left;
	width: 100%;
	margin: 0 0 40px;
}
#vorwort .button_container { margin: 20px 0; }
.tabelle_warenkorb {
	border-top: url("../bilder/ui/separator.png") no-repeat scroll 0 0 transparent;
	table-layout: auto;
}
.tabelle_warenkorb td {
	padding: 15px;
	vertical-align: top;
}
.produkt_buttons .btn { width: 100%; }
.tabelle_warenkorb .produkt_nr {
	width: 75px;
	text-align: center;
	color: #cccccc;
	font-size: 72px;
}
.tabelle_warenkorb .produkt_bild { width: 170px; }
.tabelle_warenkorb .produkt_bild img {
	max-width: 168px;
	max-height: 148px;
	border-bottom: 7px solid #A4C815;
}
#warenkorb_schritt4 .tabelle_warenkorb .produkt_spezifikationen { width: 380px; }
.tabelle_warenkorb .produkt_spezifikationen { width: 460px; }
.tabelle_warenkorb .spezifikationen { margin: 15px 0; }
.tabelle_warenkorb .spezifikationen th, .tabelle_warenkorb .spezifikationen td {
	padding: 5px 0;
	text-align: left;
}
.tabelle_warenkorb .spezifikationen th {
	font-family: myriad-pro;
	font-weight: 700;
	width: 30%;
}
.tabelle_warenkorb .spezifikationen td { width: 70%; }
.tabelle_warenkorb .tr_preis ul { float: right; }
.tabelle_warenkorb .tr_preis ul li {
	line-height: 35px;
	margin: 0 30px 0 0;
}
.tabelle_warenkorb .tr_preis ul li:last-child, .tabelle_warenkorb .tr_preis ul li.last-child { margin: 0; }
.nettopreis, .bruttopreis {
	font-size: 18px;
	color: #A4C815;
}
.mwst {
	font-size: 12px;
	color: #161617;
}
#warenkorb_schaltflaeche {
	float: left;
	width: 100%;
	padding: 60px 0 0;
}
/* @end allgemeines */   
 
/* @group einzelne Formulare */ 
#form_passwort_vergessen { min-height: 275px; }
#form_passwort_vergessen .btn { min-width: 170px; }
/* @end einzelne Formulare */  

/* @group Lieferung & Bezahlung */
.addressForm {
	float: left;
	width: 100%;
}
.addressForm + .btnCtn { margin-top: 0; }
.addressForm input::-webkit-input-placeholder {
 color: #a5a5a5;
}
.addressForm input:-moz-placeholder {
 color: #a5a5a5;
}
.addressForm input::-moz-placeholder {
 color: #a5a5a5;
}
.addressForm input:-ms-input-placeholder {
 color: #a5a5a5;
}
.addressFormText { line-height: 19px; }
.addressForm label { font-size: 14px; }
.addressForm label, .addressForm input, .addressForm select, .addressForm textarea { width: 100%; }
.addressForm > li { float: left; }
.addressForm:not(.radioCtn) > li { }
.addressForm > li.full { width: 100%; }
.addressForm li h4 { margin: 0; }
.addressForm li:last-child, .addressForm li.last, .addressForm .sp4 { margin-right: 0 !important; }
#fset-versandart { padding-bottom: 30px; }
#fset-zahlung table { width: 120px; }
#fset-zahlung table th, #fset-zahlung table td {
	padding: 8px 5px;
	text-align: left;
	vertical-align: middle;
}
#fset-zahlung table label { cursor: pointer; }
#fset-zahlung table .input_radio { margin: 0; }
/* @end Lieferung & Bezahlung */

/* @group datenübergabe */
#uploadListe .btn { width: 200px; }
#uploadListe li {
	margin: 0 0 20px;
	position: relative;
}
.meldung {
	width: 100%;
	border: 1px solid #e7afaf;
	background-color: #ffdcdc;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE1NyA0NyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAuMDciLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAuMDciLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxNTciIGhlaWdodD0iNDciIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.07) 0%, rgba(255,255,255,.07) 100%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.07) 0%, rgba(255,255,255,.07) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.07) 0%, rgba(255,255,255,.07) 100%);
	background-image: linear-gradient(bottom, rgba(0,0,0,.07) 0%, rgba(255,255,255,.07) 100%);
	display: inline-block;
	position: relative;
	margin: 20px auto 0;
	text-align: center;
}
.meldung:after {
	background: url("../bilder/ui/achtung_schild_icon.png") no-repeat scroll 0 0 transparent;
	content: "";
	display: inline-block;
	height: 23px;
	left: 43px;
	position: absolute;
	text-indent: -9999px;
	top: -14px;
	width: 74px;
}
.meldung p {
	color: #AF6666;
	font-size: 12px;
	padding: 12px 6px 6px;
}
/* @end datenübergabe */

/* @group Bestellung prüfen */
.tabelle_warenkorb .produkt_preis { vertical-align: bottom; }
.komplettpreis { font-size: 18px; }
.preis_mwst_inhalt { color: #A4C815; }
.zahlungsart_inhalt {
	color: #A4C815;
	text-decoration: underline;
}
#zustimmung article { width: 450px; }
#zustimmung input { }
#zustimmung p { font-size: 12px; }
#zustimmung th {
	padding: 10px 0 10px 10px;
	width: 15%;
	text-align: right;
}
#zustimmung td {
	padding: 10px;
	width: 85%;
}
/* @end Bestellung prüfen */

/* @begin Bestellung prüfen */
#artikelDetails { }
#artikelDetails .preamble p {
	font-size: 14px;
	line-height: 27px;
}
#info_container {
	float: left;
	width: 100%;
}
#info_container + .btn, #info_container + .btn + .preamble { margin: 20px 0 0; }
#info_container .info {
	float: left;
	width: 100%;
}
#info_container .info aside { float: right; }
#info_container .info article { float: left; }
#info_container .vorlagen_schalter_btn { }
.eigenschaftsListe li { }
.preisStaffel, .eigenschaftsListe {
	float: left;
	width: 100%;
}
.eigenschaftsListe strong { color: #A4C815; }
#info_container .info article li {
	float: left;
	width: 100%;
	margin: 0 0 12px;
}
.eigenschaftsListe { margin: 0 0 12px; }
#info_container .info article li:last-child { margin: 0; }
#info_container .info article li strong, #info_container .info article li span {
	width: 50%;
	float: left;
	font-weight: 700;
}
#info_container .info article li strong, .preisStaffel li.preis_headline span { text-align: left; }
.preisStaffel li span { text-align: right; }
.preisStaffel li {
	float: left;
	width: 100%;
}
.preis_headline { width: 50%; }
/* @end Bestellung prüfen */

/* =============================================================================
   EDITORE
   ========================================================================== */

.frontend_gestaltungsseiten #inhalt #vorschauWrapper:before { display: none; }
.frontend_gestaltungsseiten #inhalt #vorschauWrapper { padding: 25px 45px; }
.frontend_gestaltungsseiten #inhalt .btnCtn .btn.primary {
	font-weight: 700;
	font-size: 20px;
	height: 40px;
	line-height: 40px;
}
/* @begin Formular Editor */
.i_box { }
#easymodus_felder h3 {
	font-size: 14px;
	color: #A4C815;
	text-transform: uppercase;
	margin: 0 0 20px;
	float: left;
	width: 100%;
}
#vorlage_ui li {
	float: left;
	width: 100%;
	margin: 0 0 20px;
	position: relative;
}
.input_bild {
	height: 35px;
	line-height: 35px;
	margin: 0 0 10px;
}
.li_cropImage { margin-bottom: 10px !important; }
.btnCtnFormEditor .button {
	float: left;
	margin: 0 10px 10px 0;
}
.i_box {
	float: left;
	width: 100%;
	padding: 10px;
	font-style: italic;
}
#fwd_div_hinweis { margin: 0 0 20px; }
#vorlage_ui li .feld_container input + input, #vorlage_ui li .feld_container input + select, #vorlage_ui li .feld_container select + input { margin: 20px 0 0; }
#vorlage_ui li .feld_container input[style], #vorlage_ui li .feld_container select, #vorlage_ui li .feld_container textarea { width: 100% !important; }
.feld_container { float: left; }
#vorlage_ui li .button_container .button { float: left; }
#vorlage_ui li:last-child { margin: 0; }
.btnCtn + #vorschauWrapper { margin: 30px 0 0; }
/* @end Formular Editor */



/* @begin Endkontrolle */
#frontend_pdf_vorschau .vorwort p {
	float: left;
	line-height: 27px;
}
/* @end Endkontrolle */

/* =============================================================================
   Kundenseiten
   ========================================================================== */ 
/* Meine Bestellungen Posten */
.tr_erster_belegposten > td { vertical-align: top; }

.tr_erster_belegposten h4 {
	text-transform:uppercase;	
}
.tr_erster_belegposten table td {
	padding: 5px 0;
	vertical-align: top;
}
.auftrag_balken {
	height: 5px;
	background: #A4C815;
	margin: 10px;
}
.tableWrapper table tr td.td_adresse {
	line-height: 18px;
	padding-left: 10px;
}
.tableWrapper {
	float: left;
	width: 100%;
}
.tableWrapper + .tableWrapper {
	margin:40px 0 0;
}
.tableWrapper.bgGrey + .tableWrapper {
	margin:0;
}
.wrapperAll {
	border-bottom: 2px solid #d9d9d9;
	margin: 0 0 20px;
	padding: 0 0 20px;
	float: left;
    width: 100%;
}
.linie_zwischen_Posten {
	border-bottom: 2px solid #d9d9d9;
	float: left;
    width: 100%;
}
.ohneAbstand .wrapperAll {
	border-bottom: 0px solid #d9d9d9;
	margin: 0;
	padding: 0;
	float: left;
    width: 100%;
}
#frontend_meine_bestellungen_posten .tableWrapper {
	
}
/* Kontakt */
#frontend_kontakt #inhalt ul li { margin: 0 0 15px; }
#frontend_kontakt #inhalt ul li, #frontend_kontakt .col-left p, #frontend_kontakt .col-left ul {
	float: left;
	width: 100%;
}
#frontend_kontakt #inhalt ul li input, #frontend_kontakt #inhalt ul li textarea { width: 100%; }
#frontend_kontakt #inhalt ul li:last-child { margin: 0; }
a[href^="tel:"] { color: inherit; }
#frontend_kontakt .col-left p {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	margin: 30px 0;
}
#frontend_kontakt .col-left p a {
	font-style: italic;
	font-weight: 900;
	color: #A4C815;
}
#frontend_kontakt .col-left [class^='icon']:before {
	content: "";
	float: left;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	margin: 0 20px 0 0;
}
.icon-clock:before { background-image: url(../bilder/ui/icon-clock.png); }
.icon-email:before { background-image: url(../bilder/ui/icon-email.png); }
.icon-day-calendar:before { background-image: url(../bilder/ui/icon-day-calendar.png); }
.icon-phone:before { background-image: url(../bilder/ui/icon-phone.png); }
#frontend_kontakt .col-right textarea { height: 338px; }
#frontend_kontakt #inhalt .btnCtn .btn { min-width: 170px; }
#frontend_kontakt #inhalt .btnCtn .btn:after { display: none; }
/* Meine Vorgänge */
.vorgangsListe li {
	float: left;
	padding: 0 0 30px;
	width: 100%;
	margin: 0 0 30px;
	border-bottom: 1px solid #d9d9d9;
}
.vorgangsListe li:last-child {
	border: none;
	padding: 0;
	margin: 0;
}
.vorgangsListe span { float: left; }
.vorgangsListe h2 { margin: 0 0 15px; }
.vorgangsListe p { }
.vorgangsListe .btn.primary {
	float: right;
	font-size: 20px;
	height: 40px;
	line-height: 41px;
	font-weight: 700;
	text-transform: uppercase;
}
.cmsseiten #inhalt ul, .cmsseiten #inhalt ol {
	line-height: 1.2em;
	list-style-position: inside;
	margin: 0 0 10px 4px;
	padding: 0 3px 0 0;
	text-align: left;
	text-indent: 0;
}
.cmsseiten #inhalt ul li { list-style-type: disc; }
.cmsseiten #inhalt ol li { line-height: 100%; }
.cmsseiten #inhalt em { font-style: italic; }
/* @group AGB */
#frontend_agb .sectionWrapper * {
	font-family: 'Lato', sans-serif;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}
#frontend_agb .sectionWrapper h2, #frontend_agb .sectionWrapper p strong {
	font-size: 18px;
	font-weight: 400;
	font-style: italic;
	color: #A4C815;
	margin: 0 0 12px;
	display: block;
}
#frontend_agb .sectionWrapper p { margin: 0 0 12px; }
#frontend_agb .sectionWrapper p {
	font-size: 12px;
	font-weight: 300;
	margin: 0 0 12px;
	line-height: 20px;
}
/* @end */
strong { font-weight: 700; }
.box_container {
	float: left;
	margin: 0 0 30px;
	width: 100%;
}
.bildContainer {
	float: left;
	overflow: hidden;
}
.box_container img {
	float: left;
	max-width: 900px;
}
.col-left {
	float: left;
	width: 380px;
}
.col-right {
	float: right;
	width: 480px;
}
.table_sep { padding: 0 0 25px; }
.druckautraege_tabelle th, .druckautraege_tabelle td {
	padding: 5px;
	vertical-align: middle;
}
.druckautraege_tabelle th {
	font-family: myriad-pro;
	font-weight: 700;
	text-align: left;
}
.druckautraege_tabelle .sp1, .druckautraege_tabelle .sp_first { padding-left: 0; }
.druckautraege_tabelle .sp7, .druckautraege_tabelle .sp_last { padding-right: 0; }
.belegstatus {
	line-height: 18px;
	background-color: #A4C815;
	-webkit-box-shadow: inset 1px 2px 2px rgba(0,0,0,.15);
	-moz-box-shadow: inset 1px 2px 2px rgba(0,0,0,.15);
	box-shadow: inset 1px 2px 2px rgba(0,0,0,.15);
	text-align: center;
}
.belegstatus dt {
	text-decoration: underline;
	margin: 0 15px 0 0;
	color: #fff;
	display: inline;
}
.belegstatus dd {
	font-family: myriad-pro;
	font-weight: 700;
	color: #fff;
	display: inline;
}
/* @group meine vorgänge */ 
.vorgangBox {
	float: left;
	width: 100%;
	margin: 15px 0 0;
	padding: 0 0 16px;
	background: url("../bilder/ui/separator.png") no-repeat scroll center bottom transparent;
}
.vorgangBox:first-child, .vorgangBox.first-child { margin: 0; }
.vorgangBox ul { float: left; }
.vorgangBox figure { float: right; }
#popup_liste { }
/* @end meine vorgänge */
 
/* =============================================================================
   Buttons
   ========================================================================== */      

/* @group allgemeines */ 
.vorlagen_schalter_btn, .btnToggle, .btnSuche {
	text-transform: uppercase;
	font-size: 12px !important;
	font-weight: 700;
	padding: 0 10px !important;
}
.vorlagen_schalter_btn:before, .btnToggle:before {
	content: "";
	background: url(../bilder/ui/icon-refresh.png) no-repeat;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	width: 20px;
	height: 20px;
	float: right;
	margin: 5px 0 0 10px;
}
.vorlagen_schalter_btn.on:before, .btnToggle.on:before {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.btn {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color: #fff;
	padding: 10px 12px;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	position: relative;
}
.headlineBtns {
	float: left;
	width: 100%;
}
#frontend_verwaltung h1 .btn.primary {margin:0 20px 0 0;}
h1 .btn {
	font-family: myriad-pro, "Myriad Pro", Arial, sans-serif;
	font-size: 12px !important;
	font-weight: 700;
	padding: 5px 10px;
	float: left;
}
h1 .btn span { float: left;/*line-height: 20px;*/ }
h1 .headline { float: left; }
h1 .btn span.icon-plus, h1 .btn span.icon-refresh { padding: 5px 10px; }
.icon-plus span:before, .icon-refresh span:before {
	content: "";
	float: left;
	width: 20px;
	height: 20px;
	margin: 4px 14px 0 0;
}
.icon-plus span:before { background: url(../bilder/ui/icon-plus.png) no-repeat; }
.icon-refresh span:before { background: url(../bilder/ui/icon-refresh.png) no-repeat; }
.btnCtn .btn {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
}
.btnOeffnen {
	text-transform: uppercase;
	font-weight:700;
	min-width: 120px;
}
.btnCtn .btn.primary {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}
.sectionWrapper .btn, .btnCtn .btn { padding: 12px 15px; }
.kontakt_anfrage .btn, #warenkorb_schaltflaeche .btn, #kaufen .btn { text-transform: uppercase; }
.loginBtn {
	width: 85px;
	text-transform: uppercase;
}
/* @end allgemeines */  

/* @group Primary Button */ 
.wide {
	width: 150px;
	text-transform: uppercase;
}
.btn.primary {
	background: #A4C815;
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
	position: relative;
}
.btn.primary:after, .btn.secondary:after {
	content: "";
	width: 100%;
	height: 2px;
	background: #e1e1e1;
	position: absolute;
	left: 0;
	bottom: 0;
}
.btn.myriad { font-family: myriad-pro, "Myriad Pro", Arial, sans-serif; }
.btn.lato { font-family: 'Lato', sans-serif; }
.btn.primary.xl {
	font-size: 16px;
	height: 40px !important;
	line-height: 40px !important;
	text-transform: uppercase;
}
.btn.upload-icon:after {
	margin: 5px -5px 0 10px;
	float: right;
}
/* @end Primary Button */ 

/* @group Secondary Button */ 
.btn.secondary {
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
	text-align: center;
	color: #333333;
	background: #d2d2d2;/*-moz-box-shadow: 0 2px 0 0 #e1e1e1;
	-webkit-box-shadow: 0 2px 0 0 #e1e1e1;
	-ms-box-shadow: 0 2px 0 0 #e1e1e1;
	box-shadow: 0 2px 0 0 #e1e1e1;*/
}
.btn.tertiary {
	background: #f0f0f0;
	border-color: #eaeaea;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
	text-align: center;
	color: #333333;
}
.btnCtn .btn.secondary, .addressForm .btn.secondary, .addressForm .btn.tertiary {
	font-size: 16px;
	height: 40px;
	line-height: 40px;
}
.btn.secondary.inverted, .btn.tertiary.inverted {
	text-transform: uppercase;
	color: #fff;
}
.zurueck { min-width: 170px; }
.btnList .btn.secondary { width: 100%; }
/* @end Secondary Button */ 


/* =============================================================================
   Icons
   ========================================================================== */        
.mini.btn-arrow-right-icon:after {
	background: url(../bilder/ui/btn-arrow-right-mini.png) no-repeat;
	width: 8px;
	margin: 10px 7px 0 -5px;
}
.btn-arrow-left-icon:after {
	float: left;
	height: 15px;
	margin: 0 12px 0 -5px;
	width: 15px;
}
.btn-arrow-right-icon:after {
	float: left;
	height: 15px;
	margin: 10px 12px 0 -5px;
	width: 15px;
	display: none;
}
.crumb-arrow-icon:after { margin: 0 0 0 7px; }
span.dhl-express-icon:after { background-position: -142px -292px; }
.group-header {
	color: #A4C815;
	text-transform: uppercase;
	padding-top: 30px;
	font-family: myriad-pro;
	font-size: 16px;
}

.websubli textarea {
  width: 450px;
}