@media only screen and (min-width: 1240px) {
*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
}
.wrapper {
	max-width:1240px;
	height:auto;
	margin:0 auto;
	padding:0 10px;
	position:relative;
}
.wrapper_rel {
	max-width:1240px;
	height:auto;
	margin:0 auto;
	padding:0 10px;
	position:relative;
}
.mobile_topbar {
	display: none;
}
.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:60%;
	height:auto;
	text-align:left;
	display:block;
}
.topbar .home {
	display:none;
}
.topbar_infos {
	float:left;
	width:40%;
	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;
}
.topbar_infos .trenner {
	margin:0 20px;
	opacity:0.35;
}
.topbar_infos img {
	display:inline-block;
	width:16px;
	height:16px;
	margin:0px 5px 0 0;
	opacity:0.22;
}
.topbar_nav ul li a {
	float:left;
	width:100%;
	height:auto;
	text-decoration:none;
	color:#5e5e5e;
	font-size:15px;
	line-height:22px;
	letter-spacing:0px;
	font-weight:400;
	outline:none;
	padding:9px 18px;
}
.header {
	float:left;
	width:100%;
	height:auto;
	padding:22px 0 20px 0;
	margin:41px 0 0 0;
	background:#ffffff;
}
.header .logo {
	float:left;
	width:125px;
	height:auto;
	margin:0 0 0 5px;
}
.header .logo img {
	width:100%;
	height:auto;
	display:block;
}
.header .rechts {
	float:left;
	width:calc(100% - 180px);
	height:auto;
	margin:0 0 0 50px;
	display:block;
}
.header .suche {
	float:left;
	width:43%;
	height:auto;
	margin:30px 0 0 21%;
}

.wrapper_slider {
	max-width:1240px;
	height:auto;
	margin:0 auto;
	padding:0;
}
.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:240px;
	width:auto;
}
.bildbalken_cycle_a li {
	float:left;
	width:100%;
	height:240px;
}
.cycle-slideshow { width: 100%; height: 240px; margin: auto; }

.menu_icon {
	display:none;
}
.kategorien_nav_ecke {
	position:absolute;
	left:16px;
	top:-28px;
	width:254px;
	height:28px;
	z-index:98;
	background:#029198;
	transform:skewX(20deg);
	display:block;
}
.kategorien_nav {
	width:255px;
	height:auto;
	margin:0px 0 0 0;
	position:absolute;
	top:-28px;
	left:10px;
	z-index:99;
	transform:translateX(0%);
	transition:none;
}
.kategorien_nav ul li a {
	float:left;
	width:100%;
	height:auto;
	text-decoration:none;
	color:#ffffff;
	font-size:15px;
	line-height:22px;
	letter-spacing:0px;
	font-weight:400;
	outline:none;
	padding:8px 15px 8px 31px;
	background-image:url(../images/layout/icon_nav_white.png);
	background-repeat:no-repeat;
	background-position:14px 50%;
	background-size:12px;
	transition:all 0.3s ease;
}
.kategorien_nav ul li a:hover {
	background-color:#03949b;
	background-image:url(../images/layout/icon_nav_white.png);
	background-repeat:no-repeat;
	background-position:14px 50%;
	background-size:12px;
	color:#ffffff;
}
.mehrueber_bereich {
	float:left;
	width:100%;
	height:auto;
	margin:30px 0 0px 0;
	padding:13px 0px 12px 0;
	border-radius:0px;
	background:#5e5e5e;
	transition:all 0.3s linear;
	display:block;
	opacity:1;
}
.mehrueber_bereich_titel {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 4px 0;
	padding:0 15px;
	font-size:16px;
	font-weight:700;
	line-height:22px;
	color:#ffffff;
}
.mehrueber_bereich ul li a {
	float:left;
	width:100%;
	height:auto;
	color:#ffffff;
	text-decoration:none;
	outline:none;
	padding:8px 4px 8px 25px;
	transition:all 0.3s ease;
	font-size:13px;
	line-height:18px;
	background-image:url(../images/layout/icon_nav_white.png);
	background-repeat:no-repeat;
	background-position:14px 11px;
	background-size:8px;
}
.mehrueber_bereich ul li a:hover {
	background-image:url(../images/layout/icon_nav_white.png);
	background-repeat:no-repeat;
	background-position:14px 11px;
	background-size:8px;
	background-color:#444444;
}
.inhalt {
	float:left;
	width:calc(100% - 310px);
	height:auto;
	min-height:750px;
	margin:40px 0 20px 310px;
	padding:0 0 0 0px;
}
.willkommen_box {
	float:left;
	width:100%;
	height:auto;
	background-color:#ffffff;
	background-image:url(../images/layout/willkommen_back.jpg);
	background-position:right bottom;
	background-size:cover;
	background-repeat:no-repeat;
	border-radius:10px;
	border:solid 1px #dfdfdf;
	margin:0 0 40px 0;
}
.willkommen_box .links {
	float:left;
	width:48%;
	height:auto;
	padding:16px 20px 8px 20px;
	margin:0;
	text-align:left;
}
.willkommen_box h2 {
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:0 0 8px 0;
	text-align:left;
	font-size:22px;
	line-height:32px;
	font-weight:600;
	color:#00aeb6;
}
.willkommen_box p {
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:0 0 12px 0;
	text-align:left;
	font-size:15px;
	line-height:24px;
	font-weight:400;
	color:#5e5e5e;
	letter-spacing:0.3px;
}
.willkommen_box .rechts {
	float:left;
	width:52%;
	height:auto;
	padding:16px 20px 15px 20px;
	margin:0 0 0 0%;
	text-align:left;
}
.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;
}
.willkommen_box .angemeldet {
	float:left;
	width:80%;
	height:auto;
	border:solid 1px #dfdfdf;
	border-radius:8px;
	background:rgba(255,255,255,0.9);
	padding:10px 15px 15px 15px;
	margin:10px 10% 10px 10%;
	font-size:16px;
	line-height:24px;
	color:#222222;
}
.willkommen_box .neukunde a {
	float:left;
	width:100%;
	height:auto;
	padding:7px 12px 7px 44px;
	margin:5px 0 5px 0;
	background-color:#00aeb6;
	outline:none;
	text-decoration:none;
	color:#ffffff;
	font-size:14px;
	line-height:18px;
	background-image:url(../images/layout/icon_user_white.png);
	background-repeat:no-repeat;
	background-size:22px;
	background-position:11px 50%;
	transition:all 0.2s ease;
	border-radius:3px;
}
.willkommen_box .neukunde a:hover {
	background-color:#5e5e5e;
}
.topartikel {
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:50px 0;
}
.kategorie_titel {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 20px 0;
	padding:0 0 3px 0;
	font-size:18px;
	line-height:26px;
	font-weight:700;
	color:#5e5e5e;
	border-bottom:solid 1px #dfdfdf;
}
.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; }

.topartikel .box .titel {
	float:left;
	width:100%;
	height:auto;
	min-height:46px;
	padding:0px;
	font-size:16px;
	line-height:22px;
	font-weight:700;
	color:#5e5e5e;
	text-align:left;
	margin:5px 0 8px 0;
	letter-spacing:0.2px;
}
.kostenloserversand_wrap {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 50px 0;
	text-align:center;
}
.kostenloserversand {
	display:inline-block;
	padding:13px 20px 13px 66px;
	background-color:#dfdfdf;
	background-image:url(../images/layout/icon_versand_dark.png);
	background-repeat:no-repeat;
	background-size:40px;
	background-position:15px 50%;
	border-radius:10px;
	color:#222222;
	font-size:16px;
	font-weight:600;
	letter-spacing:0.3px;
	line-height:24px;
}
.breadcrumb_area {
	float:left;
	width:100%;
	height:auto;
	padding:10px 0 10px 0;
	margin:0;
	background:#5e5e5e;
	z-index:1;
	position:relative;
}
.breadcrumb_wrap {
	float:left;
	width:100%;
	height:auto;
	padding:0 0 0 310px;
	font-size:14px;
	line-height:20px;
	font-weight:600;
	color:#ffffff;
}
.breadcrumb_wrap .trenner {
	color:#a5a5a5;
	font-weight:400;
	margin:0 5px;
}
.breadcrumb_wrap a {
	color:#dfdfdf;
	font-weight:400;
	text-decoration:none;
	outline:none;
}
.breadcrumb_wrap a:hover {
	text-decoration:underline;
	color:#ffffff;
}

.artikel_box {
	float: left;
	width: 100%;
	height: auto;
	padding: 0 0 25px 0;
	margin: 15px 0 15px 0;
	border-bottom: solid 1px #dfdfdf;
}
.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: 190px;
	display: block;
	object-fit: contain;
}
.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 {
	float:left;
	width:100%;
	height:auto;
	margin:20px 0 20px 0;
	padding:0;
}
.detail_bereich .bild {
	float:left;
	width:200px;
	height:auto;
	margin:0 30px 0 0;
}
.detail_bereich .bild .imgbig {
	width:100%;
	height:auto;
	display:block;
	border:solid 1px #dfdfdf;
	margin:0;
}	


.detail_bereich .bild .bilderklein {
	float:left;
	width:100%;
	height:auto;
	margin:20px 0 5px 0;
}
.detail_bereich .bild .bilderklein a {
	float:left;
	width:48%;
	height:auto;
	border:solid 1px #dfdfdf;
	margin:0 4% 4% 0;
}
.detail_bereich .bild .bilderklein a:nth-of-type(2n+2) { margin:0 0% 4% 0; }

.detail_bereich .bild .bilderklein a img {
	width:100%;
	height:auto;
	display:block;
}
.detail_bereich .bild .zoomtext {
	float:left;
	width:100%;
	height:auto;
	font-size:12px;
	line-height:16px;
	font-weight:400;
	color:#5e5e5e;
}
.detail_bereich .daten {
	float:left;
	width:calc(100% - 230px);
	height:auto;
	margin:0 0px 0 0;
}
.detail_bereich .daten .text {
	float:left;
	width:62%;
	height:auto;
	margin:0 10% 0 0;
}
.detail_bereich .daten .titel {
	float:left;
	width:100%;
	height:auto;
	margin:0 0px 4px 0;
	font-size:28px;
	line-height:34px;
	font-weight:700;
	color:#222222;
	letter-spacing:0.3px;
}
.detail_bereich .daten .untertitel {
	float:left;
	width:100%;
	height:auto;
	margin:0 0px 10px 0;
	font-size:18px;
	line-height:26px;
	font-weight:400;
	color:#5e5e5e;
}
.detail_bereich .daten .text .bezeichnung {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 15px 0;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	color: #222222;
}
.detail_bereich .daten .isbn {
	float:left;
	width:100%;
	height:auto;
	margin:0 0px 28px 0;
	font-size:15px;
	line-height:26px;
	font-weight:400;
	color:#5e5e5e;
}
.detail_bereich .daten .beschreibung {
	float:left;
	width:100%;
	height:auto;
	margin:0 0px 25px 0;
	font-size:15px;
	line-height:24px;
	font-weight:400;
	color:#5e5e5e;
}
.detail_bereich .daten .beschreibung ul {
	list-style:none;
	float:left;
	width:100%;
	height:auto;
}
.detail_bereich .daten .beschreibung ul li {
	list-style:disc outside;
	float:left;
	width:calc(100% - 16px);
	height:auto;
	margin:0 0 12px 16px;
}
.pdfdownbtn {
	display:inline-block;
	margin:20px 0 10px 0;
	padding:6px 10px 6px 30px;
	text-decoration:none;
	color:#444444;
	background-image:url(../images/layout/icon_pdf.png);
	background-repeat:no-repeat;
	background-position:left 50%;
	background-size:24px;
	font-size:14px;
	outline:none;
}
.pdfdownbtn:hover {
	text-decoration:underline;
	color:#000000;
}
.pdfdownbtn_m {
	display:none;
}
.detail_bereich .daten .preisdaten_wrap {
	float:left;
	width:28%;
	height:auto;
	position:relative;
}
.detail_bereich .daten .preisdaten {
	float:none;
	position:absolute;
	top:0;
	left:0;
	width:205px;
	height:auto;
	margin:0 0% 0 0;
	text-align:right;
	font-size:12px;
	line-height:18px;
	font-weight:400;
	color:#5e5e5e;
	background:#ffffff;
	padding:18px 15px 15px 15px;
	border:solid 1px #dfdfdf;
	border-radius:8px;
	transition:box-shadow 0.3s linear;
	box-shadow:none;
	z-index:995;
}
.detail_bereich .daten .preisdaten.active {
	float:none;
	position:absolute;
	top:0;
	left:0;
	width:205px;
	height:auto;
	margin:0 0% 0 0;
	text-align:right;
	font-size:12px;
	line-height:18px;
	font-weight:400;
	color:#5e5e5e;
	z-index:995;
	background:#ffffff;
	padding:18px 15px 15px 15px;
	border:solid 1px #dfdfdf;
	border-radius:8px;
	transition:box-shadow 0.3s linear;
	box-shadow:3px 4px 2px rgba(0,0,0,0.12);
}

.detail_bereich .druckbtn {
	float:left;
	width:100%;
	height:auto;
	background-image:url(../images/layout/icon_drucker.png);
	background-size:22px;
	background-repeat:no-repeat;
	background-position:16px 50%;
	padding:10px 8px 10px 49px;
	text-decoration:none;
	color:#5e5e5e;
	font-size:15px;
	font-weight:600;
	outline:none;
	text-align:left;
	border-radius:6px;
	background-color:#ffffff;
	transition:all 0.3s ease;
	border:solid 1px #cccccc;
}
.detail_bereich .druckbtn:hover {
	background-color:#dfdfdf;
}

.login_area {
	float:left;
	width:70%;
	height:auto;
	background:#eeeeee;
	position:relative;
	padding:40px 30px 10px 30px;
	margin:30px 15% 30px 15%;
	border-radius:10px;
	border:solid 1px #bbbbbb;
	border-top:none;
	border-left:solid 1px #dddddd;
}
.login_area .biltop {
	position:absolute;
	left:-2%;
	top:-1px;
	width:104%;
	height:auto;
}
.login_area .lesezeichen {
	position:absolute;
	right:100px;
	top:-2px;
	width:38px;
	height:80px;
	background:#5e5e5e;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	box-shadow:1px 1px 2px rgba(0,0,0,0.25);
}
.login_area .lesezeichen span {
	display:inline-block;
	transform:rotate(-90deg) translateX(-30px) translateY(-5px);
	color:#dddddd;
	font-size:14px;
	letter-spacing:1px;
	text-transform:uppercase;
	font-weight:600;
}
.login_area .headline {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 15px 0;
	font-size:20px;
	line-height:28px;
	font-weight:700;
	color:#222222;
}
.login_area .beschreibung {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 20px 0;
	font-size:16px;
	line-height:22px;
	font-weight:400;
	color:#222222;
}
.login_wrap {
	float:left;
	width:48%;
	height:auto;
	margin:0 2% 0 0;
}
.login_wrap_r {
	float:left;
	width:48%;
	height:auto;
	margin:0 0 0 2%;
}
.login_area button {
	float:right;
	margin:15px 0 10px 0;
	padding:9px 28px 9px 18px;
	border:none;
	color:#ffffff;
	font-size:15px;
	font-weight:700;
	border-radius:6px;
	background-image:url(../images/layout/icon_nav_white.png);
	background-repeat:no-repeat;
	background-position:90% 50%;
	background-color:#00aeb6;
	background-size:12px;
	transition:all 0.3s linear;
}
.login_area button:hover {
	background-color:#5e5e5e;
}
.login_area .vergessen {
	float:left;
	width:auto;
	height:auto;
	text-decoration:underline;
	color:#00aeb6;
	margin:18px 0 10px 0;
	font-size:14px;
	font-weight:400;
	line-height:22px;
	outline:none;
}
.login_area .vergessen:hover {
	color:#5e5e5e;
	cursor:pointer;
}
.kundenkonto_bereich {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 30px 0;
	padding:15px 20px 10px 20px;
	font-size:16px;
	line-height:22px;
	font-weight:400;
	color:#5e5e5e;
	border:solid 1px #dfdfdf;
	border-radius:10px;
}
.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 .daten_titel {
	float:left;
	width:100%;
	height:auto;
	font-weight:bold;
	font-size:18px;
	margin:0 0 12px 0;
	color:#000000;
}
.kundenkonto_bereich .datenbereich label {
	float:left;
	width:180px;
	font-size:15px;
	line-height:24px;
	height:auto;
	margin:6px 10px 0 0;
}
.kundenkonto_bereich .datenbereich input {
	float:left;
	width:calc(100% - 390px);
	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_hausnr {
	float:left;
	width:80px;
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	margin:0 0px 0 10px;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .datenbereich .input_strasse {
	float:left;
	width:calc(100% - 480px);
	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:100px;
	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% - 500px);
	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:200px;
	height:auto;
	padding:2px 6px;
}
.kundenkonto_bereich .datenbereich .eyeicon {
	position:absolute;
	right:207px;
	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:207px;
	top:5px;
	width:22px;
	height:22px;
	background:url(../images/layout/icon_eye_hide.png);
	background-size:22px;
}
.kundenkonto_bereich .suchebereich {
	float:left;
	width:100%;
	height:auto;
	padding:15px 20px;
	margin:0 0 15px 0;
	border:solid 1px #dfdfdf;
	border-radius:8px;
}
.kundenkonto_bereich .suchebereich .wrap {
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:2px 0 10px 0;
}
.kundenkonto_bereich .suchebereich label {
	float:left;
	width:35%;
	font-size:15px;
	line-height:24px;
	height:auto;
	margin:6px 0px 0 0;
}
.kundenkonto_bereich .suchebereich input {
	float:left;
	width:65%;
	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 .suchebereich select {
	float:left;
	width:65%;
	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 .kassenbereich {
	float:left;
	width:49%;
	height:auto;
	padding:15px 20px;
	margin:5px 2% 15px 0;
	border:solid 1px #dfdfdf;
	border-radius:8px;
}
.kundenkonto_bereich .kassenbereich:nth-of-type(2n+2) { margin:5px 0 15px 0; }

.kundenkonto_bereich .box_abweichend {
	float:left;
	width:49%;
	height:auto;
	padding:0px;
	margin:5px 0 5px 0;
	border:none;
	border-radius:0px;
}
.warenkorb_artikel .kasse_l {
	float:left;
	width:53%;
	height:auto;
}
.warenkorb_artikel .kasse_m {
	float:left;
	width:18%;
	height:auto;
}
.warenkorb_artikel .kasse_r {
	float:left;
	width:27%;
	height:auto;
/*	padding:0 28px 0 0;*/
}

.kontakt_bereich .left {
	float: left;
	width: 45%;
	height: auto;
	margin: 0 4% 0 0;
	padding: 0;
}
.kontakt_bereich .right {
	float: left;
	width: 49%;
	height: auto;
	margin: 0 0 0 2%;
	padding: 15px;
	border: 1px solid #dfdfdf;
	border-radius: 8px;
}
.kontakt_bereich .right .wrap {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 8px 0;
}

.kasse_zusammenfassung {
	float:left;
	width:100%;
	height:auto;
}
.kasse_zusammenfassung .wrap {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 10px 0;
}
.kasse_zusammenfassung .wrap_unten {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 40px 0;
}
.kasse_zusammenfassung .headline {
	float:left;
	width:100%;
	height:auto;
	font-size:22px;
	font-weight:bold;
	color:#00aeb6;
	margin:0px 0 15px 0;
}
.kasse_zusammenfassung .left {
	float:left;
	width:48%;
	height:auto;
	margin:5px 2% 10px 0;
	border:solid 1px #cccccc;
	padding:15px 15px 10px 15px;
	border-radius:10px;
}
.kasse_zusammenfassung .right {
	float:left;
	width:48%;
	height:auto;
	margin:5px 0 10px 2%;
	border:solid 1px #cccccc;
	padding:15px 15px 10px 15px;
	border-radius:10px;
}
.kasse_zusammenfassung .field {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 10px 0;
}
.kasse_zusammenfassung label {
	float:left;
	width:120px;
	height:auto;
	margin:0 0 0 0;
	font-size:15px;
	line-height:22px;
	font-weight:bold;
	color:#000000;
}
.kasse_zusammenfassung .data {
	float:left;
	width:calc(100% - 130px);
	height:auto;
	margin:0 0 0 10px;
	font-size:15px;
	line-height:22px;
	font-weight:normal;
	color:#000000;
}
.kasse_zusammenfassung .field_zahlungsart {
	float:left;
	width:100%;
	height:auto;
	margin:5px 0 15px 0;
	font-size:18px;
	font-weight:bold;
	color:#000000;
}

.footer {
	float:left;
	width:100%;
	height:auto;
	margin:0;
	padding:30px 0 40px 0;
	background:#e9e9e9;
	font-size:13px;
	line-height:20px;
	font-weight:400;
}
.footer .left {
	float:left;
	width:33%;
	height:auto;
	margin:20px 0 0 0;
	padding:0;
	text-align:left;
	color:#5e5e5e;
}
.footer .mid {
	float:left;
	width:34%;
	height:auto;
	margin:20px 0 0 0;
	padding:0;
	text-align:center;
}
.footer .right {
	float:left;
	width:33%;
	height:auto;
	margin:0;
	padding:0;
	text-align:right;
}
.footer .mid a {
	outline:none;
	text-decoration:none;
	color:#5e5e5e;
}
.footer .mid a:hover {
	text-decoration:underline;
	color:#000000;
}
.footer .mid .trenner {
	display:inline-block;
	margin:0 10px;
	opacity:0.2;
}
.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;
}

}








@media only screen and (min-width: 1500px) {
.detail_bereich .bild {
	float:left;
	width:300px;
	height:auto;
	margin:0 50px 0 0;
}
.detail_bereich .daten {
	float:left;
	width:calc(100% - 350px);
	height:auto;
	margin:0 0px 0 0;
}
.mehrueber_side {
	position:fixed;
	left:0;
	top:90px;
	width:250px;
	height:50px;
	background-color:#00aeb6;
	background-image:url(../images/layout/icon_info.png);
	background-repeat:no-repeat;
	background-position:210px 50%;
	background-size:28px;
	border-top-right-radius:25px;
	border-bottom-right-radius:25px;
	z-index:1000;
	color:#ffffff;
	padding:16px 15px;
	font-size:18px;
	font-weight:600;
	transform:translateX(-260px);
	transition:all 0.3s linear;
}
.mehrueber_side.active {
	position:fixed;
	left:0;
	top:90px;
	width:250px;
	height:50px;
	background-color:#00aeb6;
	background-image:url(../images/layout/icon_info.png);
	background-repeat:no-repeat;
	background-position:210px 50%;
	background-size:28px;
	border-top-right-radius:25px;
	border-bottom-right-radius:25px;
	z-index:1000;
	color:#ffffff;
	padding:17px 15px;
	font-size:18px;
	font-weight:600;
	transform:translateX(-200px);
	transition:all 0.3s linear;
}
.mehrueber_side:hover {
	transform:translateX(0);
	background-color:#5e5e5e;
}	
.mehrueber_side_box {
	position:fixed;
	left:0;
	top:50px;
	bottom:auto;
	width:200px;
	height:auto;
	font-size:14px;
	line-height:20px;
	font-weight:400;
	background-color:#00aeb6;
	transition:all 0.3s linear;
	transform:translateX(0px);
	padding:0px 0px 15px 0px;
	border-bottom-right-radius:10px;
	border-top-right-radius:0px;
}
}