@charset "UTF-8";
/*  ==========================================================================
	Allgemeines  
	========================================================================== */
img {
	max-width: 100%;
	height: auto;
}
.container { margin: 0 auto; *zoom: 1;
}

/*  ==========================================================================
	Desktop
	========================================================================== */
@media only screen and (min-width:1025px) {
/* Websubmission */
#submissionCtn {
	width: 750px;
}
#kalkulation_container {
	padding: 22px 70px 38px 14px;
}
#submission_details { 
	width:230px;
}
#kalkulation_container section ul li label {
	width: 162px;
	text-align:right;
}
#kalkulation_container section ul li span {
	width: 502px;
}
#kalkulation_container section ul li span select, #kalkulation_container section ul li span input {
	width: 450px;
}
#kalkulation_container section ul li span a[rel="tooltip"] {margin: 8px 0 0;}
#bild_container {height: 230px;}
/*Layout */	
#kopf #nav_home a { text-indent: -9999px; width:78px;}
#nav_home a:before {
	content: "";
	background: url(../bilder/ui/home.png) no-repeat;
	width: 18px;
	height: 16px;
	float: left;
}
#nav_home:hover a:before, #nav_home a:hover:before { background: url(../bilder/ui/home-active.png) no-repeat; }
.lines-button, .mobile-nav, #mobileMenu { display: none; }
.container { width: 1000px; }
.searchForm {
	margin: 7px 0 0 30px;
	float: right;
}
.searchForm input { width: 355px; }
.bannerText {
	right: 150px;
	top: 120px;
}
.produkt {
	width: 245.5px;
	margin: 0 6px 8px 0;
}
#fuss-sitemap { width: 300px; }
#fuss-sitemap #kategorien { float: right; }
#fuss #fuss-badges {
	width: 310px;
	float: right;
}

/* Warenkorb Tabelle */
.col-bild { width: 290px; overflow:hidden; display:block; min-height:100px }
#frontend_auftragsdetails .col-bild {width:130px;}
#frontend_auftragsdetails .col-details {
	width:730px;
}
.col-details {
	width: 390px;
	margin: 0 0 0 38px;
}

.col-druckdaten {
	width:200px;
}
.col-action {
	width: 200px;
	text-align: right;
}
/*.col-action .btn, .sp7 .btnList .btn { width: 120px; }*/
.sectionWrapper .inlineForm label { width: 110px; }
.sectionWrapper.sectionKontrolle { padding: 25px 12px 25px 25px; }
#kontrolle-tabelle .sectionWrapper.posten { padding: 40px 36px 40px 110px !important; }
.sectionWrapper.posten { padding: 20px 65px 30px 15px !important; }
.col-upload {
	width: 590px;
	margin-left: 330px;
}
#frontend_auftragsdetails .col-upload {
	margin-left: 168px;
	width:730px;
}
.progressBar { width: 340px; }
.progressForm .gruppe .btn.tertiary { width: 118px; }
.progressForm .gruppe .btn.primary { min-width: 104px; }

.progressForm .gruppe .btn + .btn { margin: 0 0 0 8px; }
.progressForm .gruppe { margin: 0 0 0 16px; }
.sectionWrapper .inlineForm label {
	padding: 12px 0 0;
	margin: 0 !important;
}
.tableless-table .miniTable th { width: 110px; }
.input_projekname, .col-details ul li select { width: 250px; }
h1 .gruppe {
	float: left;
	margin: -4px 0 0 30px;
}
/* Formulare */
.addressForm > li { margin: 0 22px 0 0; }
.addressForm:not(.radioCtn) > li, .addressForm > li > input, .addressForm > li > select, .addressForm > li .addressFormText, #inhalt .listForm select { width: 222px; }
#formanmelden fieldset { padding-left: 200px; }
#inhalt .addressForm .input_email, #inhalt .addressForm .input_benutzer { width: 222px; }
.addressForm .input_passwort, .addressForm .input_benutzer_2 { width: 227px; }
/* List Form*/
#inhalt .listForm label { width: 300px; }
.listForm input[type="text"], .listForm input[type="password"], .listForm textarea { width: 532px; }
/* Zustimung */
section#zustimmung .customInput { width: 780px; }
section#zustimmung .customInput label .inner {
	width: 735px;
	margin: 0 0 0 15px;
}
section#zustimmung #kaufen { width: 220px; }
/* Kontakt */
#frontend_kontakt .col-left { width: 314px; }
#frontend_kontakt .col-right { width: 534px; }
/* Suche */
.sucheWrapper { padding-top: 20px !important; }
#inhalt .listForm .gruppe { width: 608px; }
#inhalt .listForm input.date-pick { width: 154px; }
/* Editor */
#vorlage_ui li label {
	width: 235px;
	margin: 0;
	text-align: right;
}
#vorlage_ui li input, #vorlage_ui li textarea #vorlage_ui li select, #vorlage_ui li .button_container { width: 680px; }
/* Editor */
#vorlage_ui li .feld_container {width: 680px;}
/* Sticky Footer */
#inhalt {/*margin: 0 0 262px;*/}
#fuss {
    /*height: 262px;*/
    width: 100%;
}
.no-flexbox #angabeKontrolle aside {
	width:380px;
}
.flexbox #angabeKontrolle aside {
        -webkit-box-flex: 1;
        -webkit-flex: 1 auto;
            -ms-flex: 1 auto;
                flex: 1 auto;
}

.sectionKontrolle li strong {
	width: 112px;
}
.sectionKontrolle li span {
	width: 240px;
}
/* Alternatives Sticky Footer */
.no-flexbox, .no-flexbox body {
	height: 100%;
}
.no-flexbox #mainWrapper {
	min-height: 100%;
    position: relative;	
	margin-bottom:-262px;
}
.no-flexbox #mainWrapper:after {
	content:"";	
	float:left;
	width:100%;
	height:262px;
}
.no-flexbox #fuss {
	height:262px;
	
}
}

/*  ==========================================================================
	Tablet  
	========================================================================== */

@media only screen and (min-width:768px) and (max-width:1024px) {
/* Websubmission */
#submissionCtn {
	width: 75%;
}
#submission_details {
	width:23%;
}
#kalkulation_container section ul li span select, #kalkulation_container section ul li span input {
	width:95%;	
}
/*Layout */		
#inhalt > .container > h1.headlineBtns {
	padding: 0;
	margin: 0 0 20px;
}
h1 .gruppe { float: right; }
.produkt {
	width: 24.55%;
	margin: 0 0.6% 0.8% 0;
}
#kalkulation_container .col-left {
	width: 34.5%;
	margin: 0 1.5% 0 0;
}
#kalkulation_container .col-right { width: 52.2%; }
/* Warenkorb Tabelle */
.col-bild { width: 29%; }
#frontend_auftragsdetails .col-bild {width:13%;}
#frontend_auftragsdetails .col-details {width:73%;}
.col-details {
	width: 46%;
	margin: 0 0 0 3.8%;
	padding: 0 30px 0 0;
}
.col-action {
	width: 20%;
	text-align: right;
}
.col-action .btn, .sp7 .btnList .btn, .sectionWrapper .inlineForm label, .sectionWrapper .inlineForm input { width: 100%; }
.sectionWrapper .inlineForm label + input { }
.sectionWrapper.posten { padding: 20px !important; }
.col-upload {
	width: 65%;
	margin-left: 33%;
}
#frontend_auftragsdetails .col-upload {
	margin-left:16.8%;
	width:73%;
}
.progressBar, .progressForm .gruppe, .sectionWrapper .inlineForm .gruppe { width: 100%; }
.progressForm .gruppe .btn { width: 49%; }
.progressForm .gruppe .btn + .btn {
	margin: 0 0 0 0.8%;
	float: right;
}
.progressForm .gruppe { margin: 10px 0 0; }
.subcol .inlineForm .input_projekname, .subcol .inlineForm select { width: 88%; }
.subcol .inlineForm .input_menge {}
.tableless-table .miniTable th { }
/* Formulare */
.addressForm > li { margin: 0 22px 0 0; }
.addressForm:not(.radioCtn) > li, #inhalt .listForm select { width: 24.44933920704846%; }
.addressForm .input_email, .addressForm .input_benutzer { width: 260px !important; }
.addressForm .input_passwort, .addressForm .input_benutzer_2 { width: 227px !important; }
.addressForm > li > input, .addressForm > li > select, .addressForm > li .addressFormText { width: 100%; }
/* List Form */
#inhalt .listForm label { width: 33.03964757709251%; }
.listForm input[type="text"], .listForm input[type="password"], .listForm textarea { width: 58.59030837004405%; }
/* Zustimung */
section#zustimmung .customInput { width: 78%; }
section#zustimmung .customInput label .inner {
	width: 73.5%;
	margin: 0 0 0 1.5%;
}
section#zustimmung #kaufen { width: 22%; }
/* Kontakt */
#frontend_kontakt .col-left { width: 34.58149779735683%; }
#frontend_kontakt .col-right { width: 58.81057268722467%; }
/* Suche */
#inhalt .listForm .gruppe { width: 66.96035242290749%; }
#inhalt .listForm input.date-pick { width: 25.49342105263158%; }
/* Editor */
#vorlage_ui li label {
	width: 25.18756698821008%;
	margin: 0;
	text-align: right;
}
#vorlage_ui li .feld_container {width: 72.88317256162915%; }
#vorlage_ui li input, #vorlage_ui li textarea #vorlage_ui li select, #vorlage_ui li .button_container { width: 100%; }

#angabeKontrolle aside {
	width:40.42553191489362%;
}
.sectionKontrolle .subSection {
	float: right;
	width: 58.51063829787234%;
}
.sectionKontrolle aside li strong {
	width:29.47368421052632%;
}
.sectionKontrolle aside li span {
	width:39.47368421052632%;
}
}

@media only screen and (max-width:767px) {
/* Adressen Layout */	
.sectionKontrolle .bottomSection ul, .flexbox .sectionKontrolle li address, .flexbox  .sectionKontrolle li strong, .sectionKontrolle li address, .sectionKontrolle li strong {
	    width: 100%;	
}
.flexbox .sectionKontrolle .bottomSection ul + ul, .sectionKontrolle .bottomSection ul + ul {
	margin:20px 0 0;
}
.sectionKontrolle li address, .sectionKontrolle li strong {float:left;}
.sectionKontrolle .bottomSection li {
	
}
/* Auftragsdetails */
#kaufen {
	margin:20px 0 0;
}
.tableWrapper table td {
	float:left;
	width:100%;
	padding: 5px 0;	
}
.tableWrapper table tr td.td_adresse {padding:0 !important;}
#frontend_auftragsdetails .col-details .miniTable + .bildGruppe {
	float:left;	
	width:100%;
	margin: 20px 0 0;
}
/* Buttons mehrzeilig */	
#frontend_easymodus .btn {
	height: auto !important;
  	line-height: 100% !important;
  	padding: 15px 10px !important;	
}
.frontend_gestaltungsseiten #inhalt #vorschauWrapper {padding:10px;}
/* Websubmission */
#kalkulation_container {

}
#submission_details {
	float:left;
}
#kalkulation_container section ul li span select, #kalkulation_container section ul li span input {
	width:85%;	
}
/*Layout */		
.versandartCtn select { width: 57.29166666666667%; }
.col-action .btnList { float: left; }
#kalkulation_container, #submission_details, .col-left, .col-right, h1 .gruppe, .table-cell, .gesamtSumme .sectionWrapper, .gesamtSumme .buttons, .gesamtSumme .buttons .btn, .col-action .btnList, .btnList .btn, .progressForm .progressBar, .progressForm .gruppe, .progressForm .gruppe .btn, .addressForm:not(.radioCtn) > li, #inhalt .listForm select, .listForm input[type="text"], .listForm input[type="password"], .listForm textarea, .addressForm.radioCtn > li, #inhalt .addressForm.btnForm > li, #inhalt .addressForm.btnForm > li .btn, .btnCtn .btn, section#zustimmung .customInput, section#zustimmung #kaufen, section#zustimmung #kaufen .btn, section#zustimmung #kaufen .gesamtpreisCtn, .btnCtn .inlineForm, .btnCtn .inlineForm li, .btnCtn .gruppe.right, #form_passwort_vergessen fieldset, #form_passwort_vergessen fieldset ul li, #form_passwort_vergessen fieldset ul, #frontend_kontakt .col-left, #frontend_kontakt .col-right, #inhalt .listForm .gruppe, .frontend_gestaltungsseiten #inhalt .vorwort p, #vorlage_ui li .button_container .button, #vorlage_ui li .button_container .button .btn, .frontend_gestaltungsseiten #inhalt .btnCtn .gruppe, .frontend_gestaltungsseiten #inhalt .btnCtn #fwd_div, #frontend_vorlagenauswahl .produkt, #info_container .info aside, #info_container .info article, .subcol ul li input:not(.input_projekname), .subcol ul li label, .subcol ul li .feldGruppe, .tableless-table .miniTable th, .tableless-table .miniTable td, .sectionWrapper .inlineForm .gruppe, .notIE select, .btnCtnFormEditor .button, .btnCtnFormEditor .button .btn { width: 100% !important; }
.subcol ul li input.input_menge {width: auto !important;}
#versandartliste .selectWrapper select {  width: 80% !important;}
.table-cell + .table-cell, .table-row + .table-row, .subcol + .subcol, .progressBar + .gruppe, .btnCtn .btn + .btn, #frontend_kontakt .col-left + .col-right, #inhalt .listForm .gruppe .date-pick + .date-pick, .frontend_gestaltungsseiten #inhalt .btnCtn .btn + .btn, .frontend_gestaltungsseiten #inhalt .btnCtn script + .btn, #frontend_pdf_vorschau .vorwort p + p, #fwd_div, #submission_details { margin: 20px 0 0; }
.tableless-table .miniTable tr:not(.tr_headline) th {display:none;}
.tableless-table .miniTable th, .tableless-table .miniTable td {float:left;  padding: 4px 0;}
.progressForm .gruppe .btn + .btn, #vorlage_ui li .button_container .button + .button, .tableless-table .subcol + .subcol { margin: 10px 0 0; }
h1 .gruppe {
	margin: 20px 0 0;
	float: left;
}
#inhalt > .container > h1, .hdl { padding-left: 0 !important; }
#userNavbar p { font-size: 10px; }
.bannerText {
	left: 0;
	bottom: 0;
	padding: 10px;
}
.bannerText h1 { font-size: 22px; }
.bannerText p {
	font-size: 12px;
	line-height: 100%;
}
.gesamtSumme .buttons {
	float: left;
	margin: 20px 0 0;
}
.gesamtSumme .buttons .btn { }
.inlineForm li { margin: 0 0 20px; }
.btnCtn .inlineForm { float: left; }
/* Formulare */
.addressForm { margin: 0; }
.addressForm:not(.radioCtn) > li { margin: 0 0 20px; }
#inhalt .listForm label { margin: 0 0 10px; }
.addressForm.radioCtn > li { margin: 0 0 10px; }
.addressForm.radioCtn > li .customInput label, .addressForm.radioCtn > li:last-child { margin: 0 !important; }
.abweichende_lieferadresse, .tabNav + .tabContent  { margin: 20px 0 0; }
.tabNav + .tabContent {  
	float: left;
  	width: 100%;
}
/* Zustimung */
section#zustimmung .customInput label .inner {
	width: 73.5%;
	margin: 0 0 0 1.5%;
}
#form_passwort_vergessen fieldset ul { float: left; }
/* Tabellen Responsive */
	/*#inhalt table:not(.miniTable) th, #inhalt table:not(.miniTable) td {
		width: 100%;
  		float: left;
	}*/
#frontend_vorlagenauswahl .produkt, #info_container .info article { margin: 0 0 20px; }
#info_container .info aside { text-align: center; }
#angabeKontrolle aside, .sectionKontrolle .subSection, .sectionKontrolle li strong, .sectionKontrolle li, .sectionKontrolle li span, .sectionKontrolle li address, .sectionKontrolle li .miniTable, .sectionKontrolle li .gesamtpreisCtn {
	width:100%;
}
.sectionKontrolle aside {margin-bottom:10px;}
.sectionKontrolle li span, .sectionKontrolle li address, .sectionKontrolle li .miniTable, .sectionKontrolle li .gesamtpreisCtn {margin:10px 0 0 !important;}
.sectionKontrolle li strong {text-align:left !important;}
.sectionKontrolle .subSection {
	float: left;
}
/* Editor */
#vorlage_ui li .feld_container {width:100%;}
}
/* Stacktable */
.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { padding-top: 0; }
.st-key {
	width: 49%;
	text-align: right;
	padding-right: 1%;
}
.st-val {
	width: 49%;
	padding-left: 1%;
}
/* RESPONSIVE EXAMPLE */

.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

@media (max-width: 767px) {
.stacktable.large-only { display: none; }
.stacktable.small-only { display: table; }
.stacktable .st-key {
	font-weight: 700;
	text-align: left;
}
.stacktable .st-val { }
.st-head-row { display: none; }
/* Lagerware */
#frontend_lagerware .sectionWrapper {padding:15px;}

.staffelBlock aside + table {margin:20px 0 0;}
}

@media only screen and (min-width:768px) {
/* Adressen Layout */	
.flexbox .sectionKontrolle .bottomSection {
	-webkit-align-self: flex-end;
	    -ms-flex-item-align: end;
	        align-self: flex-end;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
}
.flexbox .sectionKontrolle .bottomSection ul {
	width:50%;	
}
.flexbox .sectionKontrolle .bottomSection li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
}
#frontend_auftragsdetails .col-details .miniTable + .bildGruppe {
	float:right;	
	margin: -35px 0 0;
}
/* Lagerware */
#frontend_lagerware #eigenschaften_container {padding: 40px 0 0;}
#frontend_lagerware .sectionWrapper {padding: 15px 30px 55px 15px;}
#frontend_lagerware #bild_container {width: 30.36649214659686%;}

#frontend_lagerware #eigenschaften_container {width:64.92146596858639%;}
.staffelBlock aside {
	width:35.48387096774194%;
	margin:0 3.2258064516129% 0 0;	
}
.galerie li {
	width:48.27586206896552%;
	margin:0 3.44827586206897% 12px 0;
}
.galerie li:nth-child(2n) {
	margin-right:0;
}
.galerie li:nth-child(3), .galerie li:nth-child(4) {margin-bottom:0;}
.sectionBestellmenge select {width:67.41935483870968%;}
.staffelBlock .zebraTable {width:61.29032258064516%;}
/* Websubmission */
#kalkulation_container section ul li label {}	
#submission_details {
	float:right;
}
/*Layout */		
#info_container .info aside { width: 246px; }
#info_container .info article {
	width: 268px;
	margin: 0 0 0 20px;
}
#frontend_vorlagenauswahl .produkt {
	width: 48.5%;
	margin: 0 3% 15px 0;
}
#frontend_vorlagenauswahl .produkt:nth-child(2n) { margin-right: 0; }
.sectionWrapper { padding: 40px 45px; }
.ohneAbstand { padding: 0px; !important}
.ohneAbstand .tableWrapper { padding: 40px 45px; }
.bgGrey { background-color: #e4e4e4; }
#frontend_easymodus #inhalt .sectionWrapper { padding: 20px 45px 100px 20px; }
.col-action .btnList { margin: 120px 0 0; }
.bannerText {
	right: 15%;
	top: 40%;
}
.bannerText h1 { font-size: 36px; }
.bannerText p { font-size: inherit; }
#userNavbar p { font-size: inherit; }
#produkt_container .produkt:nth-child(4n), produkt_container .produkt.sp4 { margin-right: 0; }
.gesamtSumme .sectionWrapper { width: 512px; }
.gesamtSumme .buttons {
	width: 488px;
	padding: 0 0 0 30px;
}
.sectionWrapper .inlineForm > li.li_projekt { margin-bottom: 25px; }
.inlineForm li { margin: 0 25px 0 0; }
.versandartCtn select { width: 275px; }
/* Formulare */
#form_passwort_vergessen fieldset ul { width: auto; }
#form_passwort_vergessen fieldset ul li { margin: 0 45px 0 0; }
#form_passwort_vergessen fieldset { width: 670px; }
#form_passwort_vergessen fieldset ul { float: right; }
#formanmelden .addressForm > li { margin: 0 45px 0 0; }
#frontend_loginseite #inhalt .addressForm li, #form_passwort_vergessen fieldset ul li { width: auto; }
.addressForm { margin: 0 0 15px; }
/* List Form */
#inhalt .listForm label { padding: 12px 0 0; }
.addressFormText { text-align: right; }
/* Kontakt */
#frontend_kontakt .col-left p + ul { margin: 0 0 0 35px; }
/* Suche */
#inhalt .listForm input.date-pick + .date-pick { margin: 0 0 0 20px; }
/* Editore */
.frontend_gestaltungsseiten #inhalt .btnCtn .btn + .btn, .frontend_gestaltungsseiten #inhalt .btnCtn script + .btn { margin: 0 0 0 20px; }
#frontend_pdf_vorschau .vorwort p { width: 50%; }
#frontend_pdf_vorschau .vorwort p.left { padding: 0 20px 0 0; }
#frontend_pdf_vorschau .vorwort p.right { padding: 0 0 0 20px; }
/* Editor */
#vorlage_ui li label { padding: 12px 85px 0 0; }
#vorlage_ui li .button_container .button + .button { margin: 0 0 10px 10px; }
}

@media only screen and (max-width:1024px) {
/* Websubmission */	
#kalkulation_container {
	padding: 20px;
}
#kalkulation_container section ul li label, #kalkulation_container section ul li span {
	float: left;
	width: 100%
}
#kalkulation_container section ul li span select, #kalkulation_container section ul li span input {
	margin: 10px 0 0;
}
#kalkulation_container section ul li span a[rel="tooltip"] {
	margin: 18px 0 0;
}
#eig_vorlagen .btn {
	line-height: 100%;
  	height: 100%;
  	padding: 10px;
  	padding-right: 46px;
}
/*Layout */	
.sectionWrapper { padding: 20px; }
body { }
#logoBox {
	max-width: 34.4%;
	min-width: 200px;
}
#primaryNav {
	-webkit-transition: .5s ease all;
	-moz-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
	display: none;
}
.searchForm {
	margin: 20px 0;
	float: left;
	width: 100%;
}
.searchForm input { width: 100%; }
body.show-nav #mobileMenu, body.show-nav #mainWrapper {
	-webkit-transform: translate(-300px, 0px);
	-moz-transform: translate(-300px, 0px);
	-o-transform: translate(-300px, 0px);
	-ms-transform: translate(-300px, 0px);
	transform: translate(-300px, 0px);
}
body.show-nav #mainWrapper:after { content: ""; }
#mobileMenu .submenu { display: none; }
#mobileMenu li { position: relative; }
#mobileMenu ul li a { color: #fff; }
#mobileMenu > .container > ul > li {
	border-bottom: 1px solid rgba(0,0,0, .4);
	box-shadow: inset 0 -1px 0 0 rgba(255,255,255, .12);
}
#mobileMenu > .container > ul > li > a {
	padding: 15px 0;
	font-size: 22px;
}
#mobileMenu > .container > ul > li > a + .selector { top: 16px; }
.selector {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	font-size: 25px;
	font-weight: 700;
}
.selector:after {
	cursor: pointer;
	content: "+";
	-webkit-transition: 0.55s ease;
	-moz-transition: 0.55s ease;
	-o-transition: 0.55s ease;
	transition: 0.55s ease;
	color: #fff;
	text-align: center;
	line-height: 20px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.selector.open { }
.selector.open:after {
	cursor: pointer;
	content: "–";
}
#mobileMenu > .container > ul > li > ul > li > a {
	font-size: 16px;
	font-weight: 700;
}
#mobileMenu > .container > ul > li > ul > li > a + .selector { top: 3px; }
#mobileMenu > .container > ul > li > ul > li { padding: 5px 0; }
#mobileMenu > .container > ul > li > ul > li > ul > li > a { }
#mobileMenu > .container > ul > li > ul > li > ul > li > a + .selector { top: 16px; }
#mobileMenu ul ul { padding: 0 0 15px 20px; }
#mobileMenu ul ul a { }
#mobileMenu ul ul ul {
	padding-top: 10px;
	padding-bottom: 10px;
}
#mobileMenu ul ul ul a { }
#mobileMenu ul ul li { padding: 3px 0; }
#mobileMenu #cartBox {
	background: #fff;
	padding: 20px;
}
#mobileMenu {
	background: #fff;
	overflow: auto;
	position: fixed;
	top: 0;
	right: -300px;
	bottom: 0;
	height: 100%;
	width: 300px;
	z-index: 0;
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	-webkit-transition: 0.15s ease;
	-moz-transition: 0.15s ease;
	-o-transition: 0.15s ease;
	transition: 0.15s ease;
}
#mobileMenu > .container { background: #A4C815; }
#mainWrapper {
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	-webkit-transition: 0.15s ease;
	-moz-transition: 0.15s ease;
	-o-transition: 0.15s ease;
	transition: 0.15s ease;
	position: relative;
}
#kopf #cartBox { display: none; }
#fuss #fuss-badges, #fuss-sitemap { width: 100%; }
#fuss #fuss-badges { float: left; }
.container {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
#fuss section {
	width: 100%;
	margin: 0 0 20px;
}
#fuss #fuss-sitemap article + article { margin: 0 0 0 20px; }
#fuss section:last-child { margin: 0; }
}

/*  ==========================================================================
	Smartphones / Phablets 
	========================================================================== */		

@media only screen and (min-width:480px) and (max-width:767px) {
/* Lagerware */
#frontend_lagerware #bild_container {width:100%;}
.galerie li {
	width: 23.5%;
    margin: 0 2% 2% 0;
}
.galerie li:last-child {
	margin-right: 0;
}
#produkt_container .produkt:nth-child(2n), produkt_container .produkt.sp2 { margin-right: 0; }
.produkt {
	width: 49.7%;
	margin: 0 0.6% 0.8% 0;
}
.bannerText { background: rgba(0,0,0,.65); }
}

@media only screen and (min-width:480px) and (max-width:1024px) {
#mobileMenu { border-left: 1px solid #A4C815; }
}

@media only screen and (min-width:480px) {
/* Websubmission */	
#kalkulation_container section ul li label {
	font-size: 14px;
	line-height: 18px;
}	
#websubBtns ul li {margin: 0 0 0 20px;}
/* Layout */	
h1 .btn + .btn { margin: 0 0 0 7px; }
#mobileMenu .mobile-nav { display: none; }
.bannerText h1, .bannerText p { color: #fff; text-shadow: black 0.1em 0.1em 0.12em;}
.bannerText { position: absolute; }
.bannerText .btn {
	float: right;
	margin: -10px 0 0;
}
}

@media only screen and (max-width:479px) {
/* Lagerware*/
.galerie li {
	width: 100%;
	margin: 0 0 12px;
}
.galerie img {max-width:140px;}
/* Websubmission */	
#kalkulation_container section ul li label {
	font-size:12px;
	line-height:16px;	
}
#websubBtns ul, #websubBtns ul li , #websubBtns .btn {width:100%;}
/*#inhalt > .container > h1 {font-size:20px !important;}*/
.bannerText, h1 .gruppe .btn {
	float: left;
	width: 100%;
}
.btn + .btn, #websubBtns li + li { margin: 10px 0 0; }
body.show-nav #mobileMenu, body.show-nav #mainWrapper {
	-webkit-transform: translate(-100%, 0px);
	-moz-transform: translate(-100%, 0px);
	-o-transform: translate(-100%, 0px);
	-ms-transform: translate(-100%, 0px);
	transform: translate(-100%, 0px);
}
#mobileMenu {
	right: -100%;
	width: 100%;
}
.bannerText .btn {
	float: left;
	clear: both;
	margin: 15px 0 0;
}
.produkt {
	width: 100%;
	margin: 0 0 8px;
}
.zahlarten { }
}
/*  ==========================================================================
	Spezielles  
	========================================================================== */
@media only screen and (max-width:499px) {
	.gesamtSumme .miniTable {
		width: 100%;
		margin:10px 0 0;	
	}
}