@media only screen and (min-width: 650px) {


.topbar {
	position:fixed;
	top:0;
	left:0;
	float:left;
	width:100%;
	height:auto;
	background:#dfdfdf;
	padding:0px 0;
	margin:0;
	z-index:999;
	border-top:solid 1px #cccccc;
}
.topbar_nav {
	float:left;
	width:40%;
	height:auto;
	text-align:left;
	display:block;
}
.topbar .home {
	display:none;
}	
.topbar_infos {
	float:left;
	width:60%;
	height:auto;
	text-align:right;
	font-size:15px;
	line-height:22px;
	color:#5e5e5e;
	display:flex;
	margin:9px 0 0 0;
	justify-content:flex-end;
	align-items:center;
}

.menu_icon {
	position:absolute;
	right:0;
	top:15px;
	width:65px;
	height:65px;
	background:#ffffff;
	display:block;
	z-index:996;
	transition:none;
}
.menu_icon.active {
	position:fixed;
	right:0;
	top:68px;
	width:65px;
	height:65px;
	display:block;
	z-index:996;
	background:#ffffff;
	transition:none;
}	
.bildbalken_cycle_a {
	float:left;
	width:33.33333333333333%;
	height:auto;
	margin:0 0px 0 0;
	overflow:hidden;
	text-align:center;
}
.bildbalken_cycle_a img {
	min-height:140px;
	width:auto;
}
.bildbalken_cycle_a li {
	float:left;
	width:100%;
	height:140px;
}
.cycle-slideshow { width: 100%; height: 140px; margin: auto; }

.willkommen_box .neukunde {
	float:left;
	width:47%;
	height:auto;
	border:solid 1px #dfdfdf;
	border-radius:8px;
	background:rgba(255,255,255,0.9);
	padding:10px 15px 15px 15px;
	margin:0 3% 0 0;
	font-size:15px;
}
.willkommen_box .kundelogin {
	float:left;
	width:47%;
	height:auto;
	border:solid 1px #dfdfdf;
	border-radius:8px;
	background:rgba(255,255,255,0.9);
	padding:10px 15px 12px 15px;
	margin:0 0 0 3%;
	font-size:15px;
	color:#5e5e5e;
}
.topartikel .box {
	float:left;
	width:30%;
	height:auto;
	padding:5px 0px 60px 0px;
	border:solid 1px #ffffff;
	border-radius:0px;
	background:#ffffff;
	margin:0 5% 20px 0;
	position:relative;
}
.topartikel .box:nth-of-type(2n+2) { margin:0 5% 20px 0; }
.topartikel .box:nth-of-type(3n+3) { margin:0 0% 20px 0; }

.artikel_box .bild {
	float: left;
	width: 15%;
	height: auto;
	margin: 0 5% 0 0;
	border: solid 1px #dfdfdf;
}
.artikel_box .bild img {
	width: 100%;
	height: auto;
	display: block;
}
.artikel_box .text {
	float: left;
	width: 80%;
	height: auto;
	margin: 0 0 0 0;
}
.artikel_box .text .daten {
	float: left;
	width: 70%;
	height: auto;
	margin: 0 0 0 0;
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	color: #5e5e5e;
}
.artikel_box .text .daten .titel {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 5px 0;
	font-size: 18px;
	line-height: 26px;
	font-weight: 700;
	color: #5e5e5e;
}
.artikel_box .text .daten .beschreibung {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 5px 0;
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
	color: #222222;
}
.artikel_box .text .daten .wrap {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 22px 0;
}
.artikel_box .text .daten a {
	padding: 8px 16px;
	outline: none;
	text-decoration: none;
	color: #ffffff;
	font-size:15px;
	line-height: 22px;
	font-weight: 400;
	background: #00aeb6;
	border-radius: 5px;
	transition: all 0.3s linear;
}
.artikel_box .text .daten a:hover {
	background: #5e5e5e;
}
.artikel_box .text .preis {
	float: left;
	width: 25%;
	height: auto;
	margin: 0 0 0 5%;
	text-align: right;
	font-size: 18px;
	line-height: 26px;
	font-weight: 700;
	color: #222222;
}
.detail_bereich .bild {
	float:left;
	width:180px;
	height:auto;
	margin:0 40px 0 0;
}
.detail_bereich .bild .imgbig {
	width:100%;
	height:auto;
	display:block;
	border:solid 1px #dfdfdf;
	margin:0;
}	
.detail_bereich .daten {
	float:left;
	width:calc(100% - 230px);
	height:auto;
	margin:0 10px 0 0;
}
.detail_bereich .daten .preisdaten {
	float:left;
	width:100%;
	height:auto;
	margin:20px 0% 0 0;
	text-align:right;
	font-size:12px;
	line-height:18px;
	font-weight:400;
	color:#5e5e5e;
	background:#ffffff;
	padding:0px 10px 0 0;
	border:none;
	border-radius:0px;
	transition:box-shadow 0.3s linear;
	box-shadow:none;
	z-index:995;
}
.detail_bereich .daten .preisdaten.active {
	float:left;
	width:100%;
	height:auto;
	margin:20px 0% 0 0;
	text-align:right;
	font-size:12px;
	line-height:18px;
	font-weight:400;
	color:#5e5e5e;
	z-index:995;
	background:#ffffff;
	padding:0px 10px 0 0;
	border:none;
	border-radius:0px;
	transition:box-shadow 0.3s linear;
	box-shadow:none;
}
.mobile_topbar a {
	float: left;
	width: 33.333333333333333%;
	height: auto;
	padding: 8px 2px;
	outline: none;
	text-decoration: none;
	font-size: 16px;
	line-height: 25px;
	color: #000000;
	text-align: center;
}
.mobile_topbar img {
	display: inline-block;
	width: 14px;
	height: auto;
	margin: 0 4px 0 0;
}	
}





@media only screen and (min-width: 900px) {

.kategorien_nav {
	width:50%;
	height:auto;
	margin:0px 0 0 0;
	position:fixed;
	top:39px;
	left:50%;
	z-index:995;
	transform:translateX(105%);
	transition:all 0.3s ease;
}
.kategorien_nav.active {
	width:50%;
	height:auto;
	margin:0px 0 0 0;
	position:fixed;
	top:39px;
	left:50%;
	z-index:995;
	transform:translateX(0%);
}
.bildbalken_cycle_a img {
	min-height:190px;
	width:auto;
}
.bildbalken_cycle_a li {
	float:left;
	width:100%;
	height:190px;
}
.cycle-slideshow { width: 100%; height: 190px; margin: auto; }

.topartikel .box {
	float:left;
	width:16%;
	height:auto;
	padding:5px 0px 60px 0px;
	border:solid 1px #ffffff;
	border-radius:0px;
	background:#ffffff;
	margin:0 5% 20px 0;
	position:relative;
}
.topartikel .box:nth-of-type(2n+2) { margin:0 5% 20px 0; }
.topartikel .box:nth-of-type(3n+3) { margin:0 5% 20px 0; }
.topartikel .box:nth-of-type(4n+4) { margin:0 5% 20px 0; }
.topartikel .box:nth-of-type(5n+5) { margin:0 0% 20px 0; }

.detail_bereich .daten .preisdaten_wrap {
	float:left;
	width:37%;
	height:auto;
	position:relative;
}
.detail_bereich .daten .text {
	float:left;
	width:55%;
	height:auto;
	margin:0 8% 0 0;
}

.detail_bereich .daten .preisdaten {
	float:left;
	width:100%;
	height:auto;
	margin:0px 0% 0 0%;
	text-align:right;
	font-size:12px;
	line-height:18px;
	font-weight:400;
	color:#5e5e5e;
	background:#ffffff;
	padding:15px;
	border:solid 1px #cccccc;
	border-radius:6px;
	transition:box-shadow 0.3s linear;
	box-shadow:none;
	z-index:995;
}
.detail_bereich .daten .preisdaten.active {
	float:left;
	width:100%;
	height:auto;
	margin:0px 0% 0 0%;
	text-align:right;
	font-size:12px;
	line-height:18px;
	font-weight:400;
	color:#5e5e5e;
	z-index:995;
	background:#ffffff;
	padding:15px;
	border:solid 1px #cccccc;
	border-radius:6px;
	transition:box-shadow 0.3s linear;
	box-shadow:none;
}
.login_area {
	float:left;
	width:60%;
	height:auto;
	background:#eeeeee;
	position:relative;
	padding:40px 20px 10px 20px;
	margin:30px 20% 30px 20%;
	border-radius:10px;
	border:solid 1px #bbbbbb;
	border-top:none;
	border-left:solid 1px #dddddd;
}
.mobile_topbar a {
	float: left;
	width: 33.333333333333333%;
	height: auto;
	padding: 10px 5px;
	outline: none;
	text-decoration: none;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	text-align: center;
}
.mobile_topbar img {
	display: inline-block;
	width: 16px;
	height: auto;
	margin: 0 4px 0 0;
}

.popup_form {
	position:absolute;
	top:25px;
	left:50%;
	height:330px;
	width:630px;
	margin-left:-315px;
	margin-top:-0px;
	background:#5e5e5e;
	border:solid 1px #dfdfdf;
	padding:10px 10px 25px 20px;
	box-shadow:5px 5px 4px rgba(0,0,0,0.15);
}	
.popup_close {
	float:right;
	width:37px;
	height:37px;
	text-align:center;
	background:transparent url("/images/layout/close_modal_white.png") no-repeat center center;
	background-size:34px;
	margin:-9px -5px 0 0;
}
.popup_close:hover {
	cursor:pointer;
}
.popup_text {
	float:left;
	width:100%;
	height:auto;
	font-weight:400;
	font-size:18px;
	line-height:23px;
	color:#ffffff;
	padding:0 0 0 10px;
	text-align:left;
}
.popup_daten {
	float:left;
	width:100%;
	height:auto;
	color:#ffffff;
	margin:35px 0 20px 0;
	text-align:left;
}
.popup_daten_bild {
	float:left;
	width:76px;
	height:auto;
	margin:0 55px 0 18px;
}
.popup_daten_beschreibung {
	float:left;
	width:220px;
	height:auto;
	margin:0 77px 0 0;
	color:#ffffff;
	font-size:18px;
	line-height:23px;
	font-weight:400;
}
.popup_daten_menge {
	float:left;
	width:48px;
	height:auto;
	margin:-5px 5px 0 0;
	color:#ffffff;
	font-size:18px;
	line-height:23px;
	font-weight:400;
	text-align:right;
}
.popup_daten_preis {
	float:left;
	width:95px;
	height:auto;
	margin:-7px 0px 0 0;
	color:#00aeb6;
	font-size:24px;
	line-height:24px;
	font-weight:400;
	text-align:right;
}
.popup_daten_btns {
	float:left;
	width:100%;
	height:auto;
	margin:25px 0px 0 0;
}
.popup_daten_btns_wk {
	float:left;
	background:#000000;
	border-radius:5px;
	width:270px;
	height:40px;
	color:#ffffff;
	letter-spacing:1px;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
	line-height:38px;
}
.popup_daten_btns_wk:hover {
	background:#ffffff;
	color:#555555;
	text-decoration:none;
	cursor:pointer;
}
.popup_daten_btns_weiter {
	float:right;
	background:#00aeb6;
	border-radius:5px;
	width:270px;
	height:40px;
	color:#ffffff;
	letter-spacing:1px;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
	line-height:38px;
	margin:0 10px 0 0;
}
.popup_daten_btns_weiter:hover {
	background:#ffffff;
	color:#555555;
	text-decoration:none;
	cursor:pointer;
}
.area_stueck_preis{
	width:auto;
	min-width:200px;
	margin:0 20px 0 0;
}
.kostenaufstellung .beschriftung{
	float:left;
	width:calc(100% - 160px);
	height:auto;
	font-size:16px;
	line-height:24px;
	color:#222222;
}
.kostenaufstellung .preis{
	float:left;
	width:160px;
	height:auto;
	text-align:right;
	padding-right:30px;
	color:#222222;
}
.endbetrag {
	float:left;
	width:100%;
	height:auto;
	margin:15px 0 20px 0;
	padding:15px 0 15px 0;
	line-height:24px;
	border-top:solid 1px #707070;
	border-bottom:solid 2px #707070;
}
.endbetrag .beschriftung {
	float:left;
	width:calc(100% - 160px);
	height:auto;
	font-size:16px;
	line-height:24px;
	color:#000000;
	padding:0;
}
.endbetrag .preis{
	float:left;
	width:160px;
	height:auto;
	text-align:right;
	padding-right:22px;
	color:#000000;
	font-size:24px;
	line-height:28px;
	font-weight:700;
}
.kundenkonto_bereich .datenbereich {
	float:left;
	width:100%;
	height:auto;
	padding:15px 20px;
	margin:0 0 15px 0;
	border:solid 1px #dfdfdf;
	border-radius:8px;
}
.kundenkonto_bereich .options label {
	float:left;
	width:32%;
	height:auto;
	padding:16px 10px;
	border:solid 1px #dfdfdf;
	text-align:center;
	cursor:pointer;
	outline:none;
	font-size:16px;
	font-weight:bold;
	margin:0 2% 0 0;
	background:#ffffff;
	transition:all 0.2s linear;
	border-radius:6px;
}
.kundenkonto_bereich .options label:nth-of-type(2n+2) { margin:0 2% 0 0; }
.kundenkonto_bereich .options label:nth-of-type(3n+3) { margin:0 0 0 0; }

.kundenkonto_bereich .datenbereich label {
	float:left;
	width:160px;
	font-size:14px;
	line-height:24px;
	height:auto;
	margin:6px 10px 0 0;
}
.kundenkonto_bereich .datenbereich input {
	float:left;
	width:calc(100% - 190px);
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .datenbereich .input_plz {
	float:left;
	width:90px;
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	margin:0 10px 0 0;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .datenbereich .input_ort {
	float:left;
	width:calc(100% - 290px);
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .datenbereich .zusatz {
	float:left;
	width:20px;
	height:auto;
	padding:2px 6px;
}
.kundenkonto_bereich .datenbereich .eyeicon {
	position:absolute;
	right:27px;
	top:5px;
	width:22px;
	height:22px;
	background:url(../images/layout/icon_eye_view.png);
	background-size:22px;
}
.kundenkonto_bereich .datenbereich .eyeicon.hide {
	position:absolute;
	right:27px;
	top:5px;
	width:22px;
	height:22px;
	background:url(../images/layout/icon_eye_hide.png);
	background-size:22px;
}
.kundenkonto_bereich .kassenbereich .left {
	float:left;
	width:49%;
	height:auto;
	margin:0 1% 0 0;
}
.kundenkonto_bereich .kassenbereich .right {
	float:left;
	width:49%;
	height:auto;
	margin:0 0 0 1%;
}
.paypal-button {
	width:auto;
	max-width:400px;
	height:auto;
}

.footer .left {
	float:left;
	width:25%;
	height:auto;
	margin:10px 0 10px 0;
	padding:0;
	text-align:left;
	color:#5e5e5e;
}
.footer .mid {
	float:left;
	width:45%;
	height:auto;
	margin:10px 0 10px 0;
	padding:0;
	text-align:left;
}
.footer .right {
	float:left;
	width:30%;
	height:auto;
	margin:0px 0 10px 0;
	padding:0;
	text-align:right;
}
.footer_warenkorb {
	float:right;
	width:auto;
	padding:15px 54px 15px 15px;
	background-color:#ffffff;
	border:solid 1px #cccccc;
	background-image:url(../images/layout/icon_cart.png);
	background-position:91% 50%;
	background-size:28px;
	background-repeat:no-repeat;
	font-size:14px;
	line-height:22px;
	border-radius:6px;
	transition:all 0.3s ease;
}
.footer_warenkorb:hover {
	background-color:#f6f6f6;
	border:solid 1px #5e5e5e;
}
.footer .right a {
	outline:none;
	color:#5e5e5e;
	text-decoration:none;
}

}