aside { padding: 20px 0 0 0; }
aside p { word-break: normal; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; }

.produktdetail { position: relative; padding: 20px 0; overflow: hidden; }
.produkt { -moz-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none; }
.warenkorb { word-break: normal; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; }


.produktdetail img { width: auto; height: auto; }

/* Memberbereich =========================== */
.login_warenkorb_container { padding: 20px 2%; overflow: hidden; }
.login_50 { margin-bottom: 60px; }


/* Buttons & Navigation & Eingabefelder   =========================== */
.eingabefeld { font-family: "Montserrat-Regular", sans-serif; font-weight: 400; font-size: 0.938em; width: 98%; height: auto; padding: 0.5% 5px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.warenkorb .eingabefeld { width: 30px; margin-right: 10px; border: 1px solid rgb(153, 153, 153); }

.listenfeld { font-family: "Montserrat-Regular", sans-serif; font-weight: 400; font-size: 0.875em; width: 100%; max-width: 400px; height: auto; display: block; padding-left: 5px; }

.btn_basic { font-size: 1em; font-family: FontAwesome, "Montserrat-Regular", sans-serif; width: auto; padding: 8px; height: auto; color: #000; margin-top: 20px; border: 1px solid black; background-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; line-height: inherit; }
.btn_basic { cursor: pointer; }
#wrapper_content .btn_basic:hover { border: 1px solid #d09d02; background-color: rgba(255,255,255,0.2); transition-duration: 0.25s; }
.btn_klein { line-height: inherit; }
.btn_warenkorb { float: right; line-height: inherit; }
#btn_lieferadresse, #btn_agb { width: 16px; height: 16px; margin-left: 1px; margin-right: 10px; }

.wkupdate, .wkdelete { font-family: "Montserrat-Regular", sans-serif; font-weight: 400; font-size: 0.938em; padding: 0.25% 1%; background-color: rgb(220, 220, 220); border-radius: 0; border: 1px solid rgb(153, 153, 153); cursor: pointer; }
.wkupdate:hover, .wkdelete:hover { opacity: 0.7; }


/* Tabellen   =========================== */
.tabelle { font-size: 0.938em; width: 100%; margin-top: 20px; border-collapse: collapse; }
.tb_breite_1 { width: 34%; min-width: 140px; padding: 3px 0; vertical-align: top; }
.tb_breite_2 { width: 66%; padding: 3px 0; vertical-align: top; }
aside .tabelle { max-width: 350px; }
aside .tb_breite_1 { width: 40%; }
aside .tb_breite_2 { width: 60%; }


/* Farbwahl   =========================== */
.farbwahl { clear: both; margin-top: 20px; max-width: 350px; }
.colorsquare { float: left; width: 14%; padding-top: 14%; margin-bottom: 2.5%; margin-right: 3.2%; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; box-shadow: 0px 0px 0px 2px transparent inset; cursor: pointer; }
.colorsquare:nth-of-type(6n) { margin-right: 0; }
.colorsquare:nth-of-type(6n+1) { clear: both; }


/* Warenkorb   =========================== */
.nav_warenkorb { width: 100%; padding: 1% 0; margin: 0 0 40px 0; list-style-type: none; background-color: #fff; overflow: hidden; }
.nav_warenkorb li { font-size: 3em; float: left; line-height: 40px; width: 21%; margin: 0 2%; display: table-cell; text-align: center;  }
.nav_warenkorb li span { display: none; }
.nav_warenkorb i { font-size: 0.95em; margin-right: 0; }
.nav_warenkorb li:nth-child(1) { margin-top: -2px; }

.warenkorb { border: 1px solid #000; padding: 1%; overflow: hidden; }
.warenkorb .tabelle { margin: 0; }
.warenkorb .tb_breite_1 { width: 40%; }
.warenkorb .tb_breite_2 { width: 60%; }

.produkt { float: left; }
.produktdaten { width: 100%; float: left; }
.produktpreis { width: 60%; padding: 20px 0 20px 40%; float: left; }

.warenkorb_2 { padding: 1%; clear: both; margin-bottom: 20px; }
.warenkorb_2 .tb_breite_1 { width: 40%; padding: 0; }
.warenkorb_2 .tb_breite_2 { width: 60%; padding: 0; text-align: right; }

.warenkorb_3 { border-top: 1px solid #000; padding: 10px 0; margin-top: 10px; }
.warenkorb_3 .tb_breite_1 { padding: 0; }
.warenkorb_3 .tb_breite_2 { padding: 0; }



/* =======================================================================================================
	Responsive
======================================================================================================= */

/* Mobile only   =========================== */
@media only screen and (min-device-width: 300px) and (max-device-width : 1024px) {
.eingabefeld { width: 98%; padding: 2% 1% 2% 1%; }
}


@media screen and (min-width: 640px) {
.btn_basic { font-size: 1.064em; }

aside { float: right; width: 25%; padding: 50px 0 20px 5%; }
.produktdetail { float: left; width: 70%; padding: 50px 0 20px 0; }
	
	
/* Memberbereich =========================== */
.login_50 { float: left; width: 47.5%; }
.login_50_left { margin-right: 5%; }


/* Warenkorb   =========================== */
.warenkorb .tb_breite_1 { width: 35%; }
.warenkorb .tb_breite_2 { width: 65%; }

.produkt { width: 27%;  }
.produktdaten { width: 41%; max-width: 350px; margin-left: 2%; }
.produktpreis { width: 30%; max-width: 150px; float: right; padding: 0; border: 0; }

.warenkorb_2 { overflow: hidden; }
.warenkorb_2 .tabelle { float: right; max-width: 500px; }
.warenkorb_2 .tb_breite_1 { width: 50%; }
.warenkorb_2 .tb_breite_2 { width: 50%; }

.warenkorb_3 { clear: both; }
.warenkorb_3 .tabelle { max-width: 400px; }

}


@media screen and (min-width: 1024px) {
	
/* Memberbereich =========================== */
.login_warenkorb_container { width: 100%; padding: 50px 0 20px 0; }
.login_50 { width: 40%; }
.login_50_left { margin-right: 10%; }

/* Tabellen   =========================== */
.tabelle { font-size: 1.064em; }

/* Warenkorb   =========================== */
.nav_warenkorb li { width: auto; margin: 0 5% 0 0; display: block; text-align: left; }
.nav_warenkorb li span { display: inline-block; font-size: 0.333333em; padding-left: 10px; }
.nav_warenkorb li:nth-child(1) { margin-top: 0; }

.warenkorb .tabelle { max-width: 540px; }
.produkt { width: 20%;  }
.produktdaten { width: 50%; margin-left: 5%; }
.produktpreis { width: 25%; }

}