@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Black.woff2') format('woff2'),
        url('../fonts/Nunito-Black.woff') format('woff'),
        url('../fonts/Nunito-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-SemiBold.woff2') format('woff2'),
        url('../fonts/Nunito-SemiBold.woff') format('woff'),
        url('../fonts/Nunito-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Medium.woff2') format('woff2'),
        url('../fonts/Nunito-Medium.woff') format('woff'),
        url('../fonts/Nunito-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Nunito-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/Nunito-ExtraBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-ExtraBold.woff2') format('woff2'),
        url('../fonts/Nunito-ExtraBold.woff') format('woff'),
        url('../fonts/Nunito-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Italic.woff2') format('woff2'),
        url('../fonts/Nunito-Italic.woff') format('woff'),
        url('../fonts/Nunito-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Bold.woff2') format('woff2'),
        url('../fonts/Nunito-Bold.woff') format('woff'),
        url('../fonts/Nunito-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Nunito-SemiBoldItalic.woff') format('woff'),
        url('../fonts/Nunito-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/Nunito-ExtraLightItalic.woff') format('woff'),
        url('../fonts/Nunito-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-ExtraLight.woff2') format('woff2'),
        url('../fonts/Nunito-ExtraLight.woff') format('woff'),
        url('../fonts/Nunito-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-MediumItalic.woff2') format('woff2'),
        url('../fonts/Nunito-MediumItalic.woff') format('woff'),
        url('../fonts/Nunito-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-LightItalic.woff2') format('woff2'),
        url('../fonts/Nunito-LightItalic.woff') format('woff'),
        url('../fonts/Nunito-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Regular.woff2') format('woff2'),
        url('../fonts/Nunito-Regular.woff') format('woff'),
        url('../fonts/Nunito-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Light.woff2') format('woff2'),
        url('../fonts/Nunito-Light.woff') format('woff'),
        url('../fonts/Nunito-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-BoldItalic.woff2') format('woff2'),
        url('../fonts/Nunito-BoldItalic.woff') format('woff'),
        url('../fonts/Nunito-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-BlackItalic.woff2') format('woff2'),
        url('../fonts/Nunito-BlackItalic.woff') format('woff'),
        url('../fonts/Nunito-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}



*, *: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+ */
}
body {
	background:#e9e9e9;
	font-family: 'Nunito', sans-serif;
}
.pagewrap {
	float:left;
	width:100%;
	height:100vh;
	position:relative;
	overflow-x:hidden;
	scroll-behavior: smooth;
}
.ankerpunkt {
	position:absolute;
	top:0;
	left:0;
	width:1px;
	height:1px;
}
.dunkelgrau {
	color:#5e5e5e;
}
.hellgrau {
	color:#dfdfdf;
}
.tuerkis {
	color:#00aeb6;
}
.wrapper {
	width:100%;
	height:auto;
	margin:0;
	padding:0 10px;
	position:relative;
}
.wrapper_rel {
	width:100%;
	height:auto;
	margin:0;
	padding:0 20px;
	position:relative;
}
.mobile_topbar {
	float: left;
	width: 100%;
	height: auto;
	background: #dfdfdf;
	margin: 10px 0 0 0;
	padding: 0 10px;
	display: block;
}
.mobile_topbar a {
	float: left;
	width: 33.333333333333333%;
	height: auto;
	padding: 8px 2px;
	outline: none;
	text-decoration: none;
	font-size: 14px;
	line-height: 22px;
	color: #000000;
	text-align: center;
}
.mobile_topbar img {
	display: inline-block;
	width: 12px;
	height: auto;
	margin: 0 4px 0 0;
}
.mobile_topbar .abmelden {
	float: left;
	width: 33.333333333333333%;
	height: auto;
	padding: 8px 2px;
	outline: none;
	text-decoration: none;
	font-size: 14px;
	line-height: 22px;
	color: #000000;
	text-align: center;
	border:none;
	background:none;
}
.topbar {
	position:absolute;
	top:0;
	left:0;
	float:left;
	width:100%;
	height:auto;
	background:#dfdfdf;
	padding:4px 0 6px 0;
	margin:0;
	z-index:999;
	border-top:none;
}
.topbar_nav {
	float:left;
	width:60%;
	height:auto;
	text-align:left;
	display:none;
}
.topbar .home {
	float:left;
	width:20px;
	height:20px;
	text-align:left;
	display:block;
	margin:7px 0 0 0;
}
.topbar .home img {
	width:100%;
	height:auto;
	display:block;
}
.topbar .home a {
	outline:none;
}
.topbar_nav ul {
	float:left;
	width:100%;
	height:auto;
	list-style:none;
}
.topbar_nav ul li {
	float:left;
	width:auto;
	height:auto;
	list-style:none;
	margin:0 0px 0 0;
	padding:0 0px 0 0px;
	border-right:solid 1px #bbbbbb;
}
.topbar_nav ul li:last-of-type {
	border-right:none;
}
.topbar_nav ul li a {
	float:left;
	width:100%;
	height:auto;
	text-decoration:none;
	color:#5e5e5e;
	font-size:14px;
	line-height:22px;
	letter-spacing:0px;
	font-weight:400;
	outline:none;
	padding:9px 18px;
}
.topbar_nav ul li a:hover {
	background:#5e5e5e;
	color:#ffffff;
}
.topbar_infos {
	float:left;
	width:calc(100% - 24px);
	height:auto;
	text-align:right;
	font-size:14px;
	line-height:22px;
	color:#5e5e5e;
	display:flex;
	margin:5px 0 2px 4px;
	justify-content:flex-end;
	align-items:center;
}
.topbar_infos a {
	outline:none;
	text-decoration:none;
	color:#5e5e5e;
}
.topbar_infos a:hover {
	color:#00aeb6;
}
.topbar_infos img {
	display:inline-block;
	width:16px;
	height:16px;
	margin:0px 3px 0 0;
	opacity:0.22;
}
.topbar_infos .trenner {
	margin:0 5px;
	opacity:0.35;
}
.header {
	float:left;
	width:100%;
	height:auto;
	padding:12px 0 0px 0;
	margin:41px 0 0 0;
	background:#ffffff;
}
.header a {
	outline:none;
}
.header .logo {
	float:left;
	width:100px;
	height:auto;
	margin:0 0 0 5px;
}
.header .logo img {
	width:100%;
	height:auto;
	display:block;
}
.header .rechts {
	float:left;
	width:calc(100% - 170px);
	height:auto;
	margin:0 0 0 50px;
	display:none;
}
.header .suche {
	float:left;
	width:100%;
	height:auto;
	margin:30px 0 0 0%;
}
.header .suche input {
	float:left;
	width:calc(100% - 48px);
	height:48px;
	border:solid 1px #bbbbbb;
	border-right:none;
	background:#ffffff;
	outline:none;
	box-shadow:none;
	font-size:16px;
	color:#5e5e5e;
	line-height:26px;
	font-weight:600;
	padding:5px 10px;
	transition:all 0.3s ease;
}
.header .suche button {
	float:left;
	width:48px;
	height:48px;
	border:solid 1px #bbbbbb;
	background-color:#ffffff;
	background-image:url(../images/layout/icon_suche.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:20px;
	outline:none;
	box-shadow:none;
	transition:all 0.3s ease;
}
.header .suche button:hover {
	background-color:#dfdfdf;
}
.erweitertesuchebtn {
	float:right;
	width:auto;
	height:auto;
	margin:10px 0 0 0;
	font-size:12px;
	font-weight:400;
	text-decoration:underline;
	color:#999999;
}
.erweitertesuchebtn:hover {
	color:#222222;
}
.header .anmeldenwarenkorb {
	float:left;
	width:30%;
	height:auto;
	margin:24px 0 0 6%;
	position:relative;
}
.header .warenkorb_btn {
	position:absolute;
	right:5px;
	top:0;
	width:54px;
	height:54px;
	background-color:#ffffff;
	background-image:url(../images/layout/icon_cart.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:22px;
	border:solid 1px #bbbbbb;
	border-radius:50%;
	transition:all 0.2s ease;
}
.header .warenkorb_btn:hover {
	cursor:pointer;
	background-size:24px;
	box-shadow:1px 1px 4px rgba(0,0,0,0.3);
}
.header .warenkorb_btn_anzahl {
	position:absolute;
	right:1px;
	top:-5px;
	width:22px;
	height:22px;
	font-size:12px;
	line-height:22px;
	padding:0;
	background:#c90000;
	border-radius:50%;
	z-index:995;
	text-align:center;
	color:#ffffff;
}
.header .anmelden_btn {
	position:absolute;
	right:100px;
	top:0;
	width:54px;
	height:54px;
	background-color:#ffffff;
	background-image:url(../images/layout/icon_user.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:20px;
	border:solid 1px #bbbbbb;
	border-radius:50%;
	transition:all 0.2s ease;
}
.header .anmelden_btn:hover {
	cursor:pointer;
	background-size:22px;
	box-shadow:1px 1px 4px rgba(0,0,0,0.3);
}
.header .anmelden_btn_voll {
	position:absolute;
	right:100px;
	top:0;
	width:54px;
	height:54px;
	background-color:#ffffff;
	background-image:url(../images/layout/icon_user_logout.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:22px;
	border:solid 1px #bbbbbb;
	border-radius:50%;
	transition:all 0.2s ease;
}
.header .anmelden_btn_voll:hover {
	cursor:pointer;
	background-size:24px;
	box-shadow:1px 1px 4px rgba(0,0,0,0.3);
}
.header .abmeldenbtn {
	float:left;
	width:100%;
	height:auto;
	background:#888888;
	color:#ffffff !important;
	font-size:14px;
	font-weight:bold;
	border:solid 1px #888888;
	padding:5px;
}
.header .abmeldenbtn:hover {
	background:#222222;
	border:solid 1px #222222;
}
.header .abmeldenbtn img {
	display:inline-block;
	width:16px;
	height:16px;
	margin:0px 5px 0 0;
	vertical-align: middle;
}
.header .kundenkontobtn {
	float:left;
	width:100%;
	height:auto;
	background:#00aeb7;
	color:#ffffff !important;
	font-size:14px;
	font-weight:bold;
	border:solid 1px #00aeb7;
	padding:6px 2px;
	margin:0 0 10px 0;
	text-decoration:none !important;
	outline:none !important;
	text-align:center;
}
.header .kundenkontobtn:hover {
	background:#444444;
	border:solid 1px #444444;
}
.header .kundenkontobtn img {
	display:inline-block;
	width:16px;
	height:16px;
	margin:0px 5px 0 0;
	vertical-align: middle;
}


.kat_teaser {
	float:left;
	width:100%;
	height:auto;
	padding:0px 0 0px 0;
	margin:0;
	background:#5e5e5e;
	z-index:1;
	position:relative;
}
.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 0px;
	font-size:12px;
	line-height:20px;
	font-weight:600;
	color:#ffffff;
}
.breadcrumb_wrap .trenner {
	color:#a5a5a5;
	font-weight:400;
	margin:0 2px;
}
.breadcrumb_wrap a {
	color:#dfdfdf;
	font-weight:400;
	text-decoration:none;
	outline:none;
}
.breadcrumb_wrap a:hover {
	text-decoration:underline;
	color:#ffffff;
}
.kat_buchbild {
	position:absolute;
	left:0;
	bottom:0px;
	right:0;
	width:100%;
	height:auto;
}
.kat_buchbild img {
	width:100%;
	height:auto;
	display:block;
}
.teaser_topbuchbild {
	position:absolute;
	left:0;
	top:0px;
	right:0;
	width:100%;
	height:auto;
	z-index:1;
}
.teaser_topbuchbild img {
	width:100%;
	height:auto;
	display:block;
}

.menu_icon {
	position:absolute;
	right:0;
	top:20px;
	width:65px;
	height:65px;
	background:#ffffff;
	display:block;
	z-index:999;
	transition:none;
}
.menu_icon.active {
	position:fixed;
	right:0;
	top:73px;
	width:65px;
	height:65px;
	display:block;
	z-index:999;
	background:#ffffff;
	transition:none;
}
.menu_icon label {
	display:flex;
	flex-direction:column;
	width:65px;
	cursor:pointer;
	padding:17px 14px;
	transition:all 0.2s linear;
}
.menu_icon label span{
  background: #444444;
  border-radius:2px;
  height:2px;
  margin: 4px 0;
  transition: .4s  cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
.menu_icon label span:nth-child(1){
  width:100%;
}
.menu_icon label span:nth-child(2){
  width:100%;
}
.menu_icon label span:nth-child(3){
  width:100%;
}
.menu_icon input[type="checkbox"]{
  display:none;
}
.menu_icon input[type="checkbox"]:checked ~ span:nth-of-type(1){
  transform-origin:bottom;
  transform:rotatez(45deg) translate(8px,8px);
  width:100%;
}
.menu_icon input[type="checkbox"]:checked ~ span:nth-of-type(2){
  width:0%;
  background:#ffffff;
}
.menu_icon input[type="checkbox"]:checked ~ span:nth-of-type(3){
  transform-origin:top;
  transform:rotatez(-45deg) translate(5px,-5px);
  width:100%;
}

.kategorien_nav_ecke {
	position:absolute;
	left:16px;
	top:-28px;
	width:254px;
	height:28px;
	z-index:98;
	background:#029198;
	transform:skewX(20deg);
	display:none;
}
.kategorien_nav {
	width:90%;
	height:auto;
	margin:0px 0 0 0;
	position:fixed;
	top:39px;
	left:10%;
	z-index:995;
	transform:translateX(105%);
	transition:all 0.3s ease;
}
.kategorien_nav.active {
	width:90%;
	height:auto;
	margin:0px 0 0 0;
	position:fixed;
	top:39px;
	left:10%;
	z-index:995;
	transform:translateX(0%);
}
.kategorien_nav_innen {
	float:left;
	width:100%;
	padding:13px 0 12px 0;
	height:auto;
	background:#00aeb6;
	box-shadow:2px 2px 3px rgba(0,0,0,0.27);	
}
.kategorien_nav .titel {
	float:left;
	width:100%;
	height:auto;
	font-size:18px;
	line-height:24px;
	font-weight:600;
	color:#ffffff;
	margin:0 0 4px 0;
	padding:0 15px;
	text-transform:uppercase;
	letter-spacing:2px;
}
.kategorien_nav ul {
	float:left;
	width:100%;
	height:auto;
	list-style:none;
}
.kategorien_nav ul li {
	float:left;
	width:100%;
	height:auto;
	list-style:none;
	margin:0 0px 0 0;
	padding:0 0px 0 0px;
}
.kategorien_nav ul li a {
	float:left;
	width:100%;
	height:auto;
	text-decoration:none;
	color:#ffffff;
	font-size:14px;
	line-height:22px;
	letter-spacing:0px;
	font-weight:400;
	outline:none;
	padding:6px 15px 6px 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;
}
.kategorien_nav ul li a#hier {
	background-color:#09c6cf;
}
.kategorien_nav ul li a#hier:hover {
	background-color:#03949b;
}
.wrapper_slider {
	width:100%;
	height:auto;
	margin:0;
	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:90px;
	width:auto;
}
.bildbalken_cycle_a li {
	float:left;
	width:100%;
	height:90px;
}
.cycle-slideshow { width: 100%; height: 90px; margin: auto; }



.sliderbild {
	float:left;
	width:25%;
	height:auto;
}
.sliderbild img {
	width:100%;
	height:auto;
	display:block;
}

.kopfbild {
	float:left;
	width:100%;
	height:auto;
	margin:20px 0 0 0;
}
.kopfbild img {
	width:100%;
	height:auto;
	display:block;
}
.content {
	float:left;
	width:100%;
	height:auto;
	padding:0px 0;
	background:#ffffff;
	position:relative;
	margin:0 0 0 0;
}
.inhalt {
	float:left;
	width:100%;
	height:auto;
	min-height:200px;
	margin:30px 0 20px 0px;
	padding:0 0 0 0px;
}
.inhalt_links {
	float:left;
	width:255px;
	height:auto;
	margin:360px 55px 40px 0;
	padding:0 0px 0 0px;
}

.mehrueber_side {
	position:fixed;
	left:0;
	top:380px;
	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:380px;
	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:auto;
	bottom:50px;
	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:15px 0px 0px 0px;
	border-top-right-radius:10px;
	border-bottom-right-radius:0px;
}

.warenkorb_side {
	position:fixed;
	right:0;
	top:100px;
	width:65px;
	height:50px;
	background-color:#00aeb6;
	background-image:url(../images/layout/icon_cart_neg.png);
	background-repeat:no-repeat;
	background-position:16px 50%;
	background-size:30px;
	border-top-left-radius:25px;
	border-bottom-left-radius:25px;
	z-index:1000;
	color:#ffffff;
	text-align:center;
	padding:17px 0 0 0px;
	font-size:10px;
	font-weight:600;
	transform:translateX(90px);
	transition:all 0.3s linear;
}
.warenkorb_side.active {
	position:fixed;
	right:0;
	top:100px;
	width:65px;
	height:50px;
	background-color:#00aeb6;
	background-image:url(../images/layout/icon_cart_neg.png);
	background-repeat:no-repeat;
	background-position:16px 50%;
	background-size:30px;
	border-top-left-radius:25px;
	border-bottom-left-radius:25px;
	z-index:1000;
	color:#ffffff;
	text-align:center;
	padding:17px 0 0 0px;
	font-size:10px;
	font-weight:600;
	transform:translateX(10px);
	transition:all 0.3s linear;
}
.warenkorb_side:hover {
	transform:translateX(0);
}

.gototop_side {
	position:fixed;
	right:15px;
	bottom:45px;
	width:42px;
	height:42px;
	background-color:#00aeb6;
	background-image:url(../images/layout/icon_up.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:16px;
	border-radius:50%;
	z-index:1000;
	color:#ffffff;
	padding:16px 15px;
	font-size:18px;
	font-weight:600;
	transform:translateX(80px);
	transition:all 0.3s linear;
}
.gototop_side.active {
	position:fixed;
	right:15px;
	bottom:45px;
	width:42px;
	height:42px;
	background-color:#00aeb6;
	background-image:url(../images/layout/icon_up.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:16px;
	border-radius:50%;
	z-index:1000;
	color:#ffffff;
	padding:17px 15px;
	font-size:18px;
	font-weight:600;
	transform:translateX(0px);
	transition:all 0.3s linear;
}
.gototop_side:hover {
	background-size:18px;
}


.mehrueber_side_box ul {
	list-style:none;
	float:left;
	width:100%;
	height:auto;
}
.mehrueber_side_box ul li {
	list-style:none;
	float:left;
	width:100%;
	height:auto;
	margin:0px 0;
	padding:0px;
}
.mehrueber_side_box ul li a {
	float:left;
	width:100%;
	height:auto;
	color:#ffffff;
	text-decoration:none;
	outline:none;
	padding:6px 15px 6px 28px;
	transition:all 0.1s ease;
	background-image:url(../images/layout/icon_nav_white.png);
	background-repeat:no-repeat;
	background-position:15px 12px;
	background-size:8px;
}
.mehrueber_side_box ul li a:hover {
	background-color:#4e4e4e;
}
.mehrueber_side:hover .mehrueber_side_box {
	background-color:#5e5e5e;
}


.mehrueber_bereich {
	float:left;
	width:100%;
	height:auto;
	margin:0px 0 0px 0;
	padding:13px 0px 12px 0;
	border-radius:0px;
	background:#5e5e5e;
	transition:all 0.3s linear;
	display:block;
	opacity:1;
}
.mehrueber_bereich.active {
	display:block;
	opacity:1;
}
.mehrueber_bereich_titel {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 8px 0;
	padding:0 15px;
	font-size:16px;
	font-weight:700;
	line-height:22px;
	color:#ffffff;
}
.mehrueber_bereich ul {
	list-style:none;
	float:left;
	width:100%;
	height:auto;
}
.mehrueber_bereich ul li {
	list-style:none;
	float:left;
	width:100%;
	height:auto;
	margin:0px 0;
	padding:0px;
}
.mehrueber_bereich ul li a {
	float:left;
	width:100%;
	height:auto;
	color:#ffffff;
	text-decoration:none;
	outline:none;
	padding:6px 4px 6px 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;
}
.willkommen_box {
	float:left;
	width:100%;
	height:auto;
	background-color:#ffffff;
	background-image:url(../images/layout/willkommen_back_m.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:100%;
	height:auto;
	padding:16px 15px 8px 15px;
	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:20px;
	line-height:30px;
	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:22px;
	font-weight:400;
	color:#5e5e5e;
	letter-spacing:0.3px;
}
.willkommen_box .rechts {
	float:left;
	width:100%;
	height:auto;
	padding:16px 15px 15px 15px;
	margin:10px 0 0 0%;
	text-align:left;
}

.willkommen_box .neukunde {
	float:left;
	width:100%;
	height:auto;
	border:solid 1px #dfdfdf;
	border-radius:8px;
	background:rgba(255,255,255,0.9);
	padding:10px 15px 15px 15px;
	margin:0 0% 10px 0;
	font-size:15px;
}
.willkommen_box .kundelogin {
	float:left;
	width:100%;
	height:auto;
	border:solid 1px #dfdfdf;
	border-radius:8px;
	background:rgba(255,255,255,0.9);
	padding:10px 15px 12px 15px;
	margin:10px 0 0 0%;
	font-size:15px;
	color:#5e5e5e;
}
.willkommen_box .angemeldet {
	float:left;
	width:100%;
	height:auto;
	border:solid 1px #dfdfdf;
	border-radius:8px;
	background:rgba(255,255,255,0.9);
	padding:10px 15px 15px 15px;
	margin:0 0% 10px 0;
	font-size:16px;
	line-height:24px;
	color:#222222;
}
.willkommen_box .angemeldet .kundenkontobtn {
	float:left;
	width:100%;
	height:auto;
	border:solid 1px #00aeb7;
	border-radius:0px;
	background:#00aeb7;
	padding:7px 10px 7px 0px;
	margin:18px 0 2px 0;
	font-size:16px;
	line-height:24px;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	outline:none;
}
.willkommen_box .angemeldet .kundenkontobtn:hover {
	background:#444444;
	border:solid 1px #444444;
}
.willkommen_box .angemeldet .abmeldebtn {
	float:left;
	width:100%;
	height:auto;
	border:solid 1px #888888;
	border-radius:0px;
	background:#888888;
	padding:5px 10px 5px 0px;
	margin:10px 0 5px 0;
	font-size:15px;
	line-height:24px;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	outline:none;
}
.willkommen_box .angemeldet .abmeldebtn:hover {
	background:#222222;
	border:solid 1px #222222;
}
.willkommen_box img {
	display:inline-block;
	width:16px;
	height:16px;
	margin:0px 5px 0 0;
	vertical-align: middle;
}

.willkommen_box .boxtitel {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 8px 0;
	font-weight:600;
	font-size:18px;
	line-height:24px;
	color:#222222;
	padding:0;
}
.willkommen_box label {
	float:left;
	width:100%;
	height:auto;
	margin:8px 0 1px 0;
	font-weight:400;
	font-size:14px;
	line-height:20px;
	color:#00aeb6;
	padding:0;
}
.willkommen_box input {
	float:left;
	width:100%;
	height:auto;
	margin:0px 0 0px 0;
	font-weight:400;
	font-size:14px;
	line-height:22px;
	color:#5e5e5e;
	padding:4px;
	border:solid 1px #cccccc;
	background:#ffffff;
	outline:none;
	box-shadow:none;
}
.willkommen_box button {
	float:right;
	background:#00aeb6;
	padding:6px 12px;
	font-size:14px;
	line-height:20px;
	font-weight:600;
	color:#ffffff;
	border-radius:3px;
	border:none;
	margin:8px 0 0 0;
	transition:all 0.2s ease;
}
.willkommen_box button:hover {
	background:#5e5e5e;
}
.willkommen_box .pwvergessen {
	float:left;
	width:auto;
	height:auto;
	margin:8px 0 0px 0;
	font-weight:400;
	font-size:12px;
	line-height:18px;
	color:#00aeb6;
	padding:0;
}
.willkommen_box .pwvergessen a {
	outline:none;
	text-decoration:underline;
	color:#00aeb6;
}
.willkommen_box .pwvergessen a:hover {
	color:#5e5e5e;
}
.willkommen_box .neukunde a {
	float:left;
	width:100%;
	height:auto;
	padding:10px 12px 10px 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:20px;
	background-position:11px 50%;
	transition:all 0.2s ease;
	border-radius:3px;
}
.willkommen_box .neukunde a:hover {
	background-color:#5e5e5e;
}

#loginbox {
	position:absolute;
	right:100px;
	top:100px;
	width:220px;
	height:190px;
	font-size:14px;
	line-height:20px;
	font-weight:400;
	color:#5e5e5e;
	background:#ffffff;
	padding:12px 15px 12px 15px;
	z-index:1000;
	display:none;
	box-shadow:1px 1px 3px rgba(0,0,0,0.4);
}
#loginbox.active {
	position:absolute;
	right:100px;
	top:100px;
	width:220px;
	height:190px;
	font-size:14px;
	line-height:20px;
	font-weight:400;
	color:#5e5e5e;
	background:#ffffff;
	padding:12px 15px 12px 15px;
	z-index:999;
	display:block;
	box-shadow:1px 1px 3px rgba(0,0,0,0.4);
}
#loginbox span {
	position:absolute;
	right:25px;
	top:-11px;
	width:20px;
	height:20px;
	background:#ffffff;
	border-left:solid 1px #dfdfdf;
	border-top:solid 1px #dfdfdf;
	transform:rotate(45deg);
}
#loginbox .titel {
	float:left;
	width:100%;
	height:auto;
	font-size:20px;
	line-height:26px;
	font-weight:700;
	color:#222222;
	margin:0 0 10px 0;
}
#loginbox .subtitel {
	float:left;
	width:100%;
	height:auto;
	font-size:16px;
	line-height:22px;
	font-weight:600;
	color:#5e5e5e;
	margin:0 0 2px 0;
}
#loginbox .smaltitel {
	float:left;
	width:100%;
	height:auto;
	font-size:14px;
	line-height:20px;
	font-weight:600;
	color:#5e5e5e;
	margin:0 0 5px 0;
}
#loginbox a {
	font-weight:700;
	color:#00aeb6;
	text-decoration:underline;
	outline:none;
}
#loginbox a:hover {
	color:#222222;
}
#loginbox .wrap {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 14px 0;
	padding:0 0 14px 0;
	border-bottom:solid 1px #dddddd;
}

.hinweis {
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	border-radius:0px;
	background:#ffffff;
}
.hinweis_titel {
	display:inline-block;
	color:#ffffff;
	background:#5e5e5e;
	font-size:15px;
	line-height:22px;
	letter-spacing:0.5px;
	font-weight:600;
	padding:6px 15px 5px 15px;
	margin:0 0 0px 0;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
.hinweis .text {
	float:left;
	width:100%;
	height:auto;
	border:solid 1px #dfdfdf;
	margin:0;
	font-size:15px;
	line-height:22px;
	padding:10px 15px;
	border-radius:10px;
	border-top-left-radius:0;
}
.hinweis .text .wrap {
	float:left;
	width:100%;
	height:auto;
	margin:10px 0;
	padding:0;
}
.hinweis .gelb {
	padding:0px 3px;
	background:#ffe505;
	font-weight:700;
	color:#df0101;
}
.hinweis .rot {
	font-weight:700;
	color:#df0101;
}
.hinweis a {
	font-weight:700;
	color:#00aeb6;
	text-decoration:underline;
	outline:none;
}
.hinweis a:hover {
	color:#5e5e5e;
}



.topartikel {
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:40px 0;
}
.kategorie_titel {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 15px 0;
	padding:0 0 3px 0;
	font-size:18px;
	line-height:24px;
	font-weight:700;
	color:#5e5e5e;
	border-bottom:solid 1px #dfdfdf;
}
.topartikel .box {
	float:left;
	width:48%;
	height:auto;
	padding:5px 0px 60px 0px;
	border:solid 1px #ffffff;
	border-radius:0px;
	background:#ffffff;
	margin:0 4% 20px 0;
	position:relative;
}
.topartikel .box:nth-of-type(2n+2) { margin:0 0% 20px 0; }


.topartikel .box img {
	width:100%;
	height:204px;
	display:block;
	border:solid 1px #dfdfdf;
	margin:0 0 5px 0;
	padding:0px;
	object-fit: contain;
}
.topartikel .box .titel {
	float:left;
	width:100%;
	height:auto;
	min-height:40px;
	padding:0px;
	font-size:14px;
	line-height:20px;
	font-weight:700;
	color:#5e5e5e;
	text-align:left;
	margin:5px 0 8px 0;
	letter-spacing:0.2px;
}
.topartikel .box .daten {
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	font-size:13px;
	line-height:18px;
	font-weight:400;
	color:#5e5e5e;
	text-align:right;
	margin:1px 0 4px 0;
}
.topartikel .box .preis {
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	font-size:18px;
	line-height:24px;
	font-weight:700;
	color:#00aeb6;
	text-align:right;
	margin:2px 0 0px 0;
}
.topartikel .box .button {
	position:absolute;
	left:0;
	bottom:13px;
	width:100%;
	height:auto;
	font-size:14px;
	line-height:22px;
	font-weight:400;
	color:#ffffff;
	background:#00aeb6;
	padding:8px;
	border-radius:6px;
	margin:0px 0 0px 0;
	text-align:center;
	text-decoration:none;
	transition:all 0.3s ease;
	outline:none;
}
.topartikel .box .button:hover {
	background:#5e5e5e;
}

.kategorie_boxenwrap {
	float:left;
	width:100%;
	height:auto;
}
#flex-container {
	display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.basket_empty {
	float:left;
	width:100%;
	height:auto;
	margin:20px 0 40px 0;
	padding:20px;
	font-size:15px;
	line-height:22px;
	font-weight:600;
	color:#5e5e5e;
	border: solid 1px #9c0000;
	border-radius:6px;
	background:#fbdede;
}
.basket_content {
	float:left;
	width:100%;
	height:auto;
	margin:20px 0 40px 0;
	padding:20px;
	font-size:15px;
	line-height:22px;
	font-weight:600;
	color:#5e5e5e;
	border: solid 1px #999999;
	border-radius:6px;
	background:#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: 25%;
	height: auto;
	margin: 2px 5% 0 0;
	border: solid 1px #dfdfdf;
}
.artikel_box .bild img {
	width: 100%;
	height: auto;
	display: block;
}
.artikel_box .text {
	float: left;
	width: 70%;
	height: auto;
	margin: 0 0 0 0;
}
.artikel_box .text .daten {
	float: left;
	width: 60%;
	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: 16px;
	line-height: 22px;
	font-weight: 700;
	color: #5e5e5e;
}
.artikel_box .text .daten .beschreibung {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 5px 0;
	font-size: 13px;
	line-height: 18px;
	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:13px;
	line-height: 18px;
	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: 35%;
	height: auto;
	margin: 0 0 0 5%;
	text-align: right;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	color: #222222;
}

.detail_back {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 20px 0;
	padding:0;
	font-size:14px;
	line-height:20px;
	font-weight:400;
}
.detail_back a {
	text-decoration:none;
	outline:none;
	border:solid 1px #dfdfdf;
	padding:5px 10px 5px 22px;
	color:#5e5e5e;
	background-image:url(../images/layout/icon_back.png);
	background-repeat:no-repeat;
	background-position:8px 50%;
	background-size:8px;
}
.detail_back a:hover {
	border:solid 1px #5e5e5e;
	color:#222222;
}
.detail_bereich {
	float:left;
	width:100%;
	height:auto;
	margin:20px 0 20px 0;
	padding:0;
}
.detail_bereich .bild {
	float:left;
	width:100%;
	height:auto;
	margin:0 0px 30px 0;
}
.detail_bereich .bild .imgbig {
	width:50%;
	height:auto;
	display:block;
	border:solid 1px #dfdfdf;
	margin:0 25%;
}	


.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; }

.preisdaten_show {
	float:left;
	width:100%;
	height:0;
	overflow:hidden;
	opacity:0;
	transition:all 0.4s ease;
	text-align:left;
}
.preisdaten_show.active {
	float:left;
	width:100%;
	height:auto;
	overflow:hidden;
	opacity:1;
	text-align:right;
}
.preisdaten_show .buchtitel {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 2px 0;
	font-size:15px;
	line-height:20px;
	font-weight:700;
	color:#222222;
}
.preisdaten_show .buchtitelisbn {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 22px 0;
	font-size:12px;
	line-height:18px;
	font-weight:400;
	color:#222222;
}
.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:100%;
	height:auto;
	margin:0 0px 0 0;
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-chars: auto 3;
	-webkit-hyphenate-limit-lines: 4;
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: auto 3;
	-ms-hyphenate-limit-lines: 4;
	hyphens: auto;
	hyphenate-limit-chars: auto 5;
	hyphenate-limit-lines: 2;
}



.detail_bereich .daten .text {
	float:left;
	width:100%;
	height:auto;
	margin:0 0% 0 0;
}
.detail_bereich .daten .titel {
	float:left;
	width:100%;
	height:auto;
	margin:0 0px 4px 0;
	font-size:20px;
	line-height:28px;
	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:16px;
	line-height:22px;
	font-weight:400;
	color:#5e5e5e;
}
.detail_bereich .daten .text .bezeichnung {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 15px 0;
	font-size: 13px;
	line-height: 18px;
	font-weight: 700;
	color: #222222;
}
.detail_bereich .daten .isbn {
	float:left;
	width:100%;
	height:auto;
	margin:0 0px 28px 0;
	font-size:14px;
	line-height:20px;
	font-weight:400;
	color:#5e5e5e;
}
.detail_bereich .daten .beschreibung {
	float:left;
	width:100%;
	height:auto;
	margin:0 0px 25px 0;
	font-size:14px;
	line-height:20px;
	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% - 15px);
	height:auto;
	margin:0 0 10px 15px;
}
.detail_bereich .daten .preisdaten_wrap {
	float:left;
	width:100%;
	height:auto;
	position:relative;
}
.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;
	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;
	border:none;
	border-radius:0px;
	transition:box-shadow 0.3s linear;
	box-shadow:none;
}
.detail_bereich .daten .preisdaten .preiswrap {
	float:left;
	width:100%;
	height:auto;
	margin:0px 0 5px 0;
	padding:0;
}
.detail_bereich .daten .preisdaten .wrap {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 6px 0;
	padding:0;
}
.detail_bereich .daten .preisdaten .lzwrap {
	float:left;
	width:100%;
	height:auto;
	margin:2px 0 8px 0;
	padding:0;
	font-size:15px;
	line-height:22px;
}
.detail_bereich .daten .preisdaten .preis {
	font-size:28px;
	font-weight:700;
	color:#222222;
}
.detail_bereich .daten .preisdaten .eur {
	font-size:18px;
	font-weight:700;
	color:#222222;
}
.detail_bereich .daten .preisdaten .mengewrap {
	float:left;
	width:100%;
	height:auto;
	margin:12px 0 10px 0;
	padding:0;
	text-align:left;
}
.detail_bereich .daten .preisdaten .mengewrap label {
	float:left;
	width:68px;
	height:auto;
	font-size:15px;
	line-height:22px;
	font-weight:700;
	color:#222222;
	margin:6px 0 0 0;
}
.detail_bereich .daten .preisdaten .mengewrap input {
	float:left;
	width:calc(100% - 68px);
	height:auto;
	text-align:center;
	font-size:14px;
	line-height:22px;
	font-weight:700;
	padding:5px 5px 5px 5px;
	transition:all 0.3s ease;
	outline:none;
	box-shadow:none;
	border:solid 1px #cccccc;
	background:#ffffff;
	border-radius:5px;
}
.detail_bereich .daten .preisdaten .mengewrap input:invalid {
    border: 1px solid #cd0000;
}
.detail_bereich .daten .preisdaten .ausgabewrap {
	float:left;
	width:100%;
	height:auto;
	margin:0px 0 10px 0;
	padding:0;
	text-align:left;
}
.detail_bereich .daten .preisdaten .ausgabewrap label {
	float:left;
	width:68px;
	height:auto;
	font-size:14px;
	line-height:22px;
	font-weight:700;
	color:#222222;
	margin:5px 0 2px 0;
}
.detail_bereich .daten .preisdaten .ausgabewrap select {
	float:left;
	width:calc(100% - 68px);
	height:auto;
	text-align:left;
	font-size:13px;
	line-height:22px;
	font-weight:700;
	padding:5px 2px 5px 2px;
	transition:all 0.3s ease;
	outline:none;
	box-shadow:none;
	border:solid 1px #cccccc;
	background:#ffffff;
	border-radius:5px;
}
.detail_bereich .daten .preisdaten .btnwrap {
	float:left;
	width:100%;
	height:auto;
	margin:2px 0 0px 0;
	padding:0;
	text-align:center;
}
.detail_bereich .daten .preisdaten .btnwrap button {
	float:left;
	width:100%;
	height:auto;
	padding:10px 10px;
	border-radius:6px;
	background-color:#00aeb6;
	border:none;
	outline:none;
	box-shadow:none;
	font-size:15px;
	font-weight:700;
	color:#ffffff;
	transition:all 0.3s ease;
}
.detail_bereich .daten .preisdaten .btnwrap button:hover {
	background-color:#5e5e5e;
}

.detail_bereich .btn_druckansicht {
	float:left;
	width:100%;
	height:auto;
	margin:15px 0 0px 0;
}

.detail_bereich .druckbtn {
	float:right;
	width:auto;
	height:auto;
	background-image:url(../images/layout/icon_drucker.png);
	background-size:18px;
	background-repeat:no-repeat;
	background-position:16px 50%;
	padding:10px 20px 10px 44px;
	text-decoration:none;
	color:#5e5e5e;
	font-size:14px;
	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;
}

.detail_bereich .kundentipp {
	float:left;
	width:100%;
	height:auto;
	margin:60px 0 40px 0;
	border-top:solid 1px #dfdfdf;
	padding:40px 0 0 0;
}
.detail_bereich .kundentipp .titel {
	float:left;
	width:100%;
	height:auto;
	margin:0px 0 18px 0;
	font-size:18px;
	line-height:24px;
	font-weight:700;
	color:#5e5e5e;
}
.detail_bereich a {
	outline:none;
}
.pdfdownbtn {
	margin:20px 0 10px 0;
	padding:6px 5px 6px 24px;
	text-decoration:none;
	color:#444444;
	background-image:url(../images/layout/icon_pdf.png);
	background-repeat:no-repeat;
	background-position:left 50%;
	background-size:20px;
	font-size:14px;
	outline:none;
	display:inline-block;
}
.pdfdownbtn:hover {
	text-decoration:underline;
	color:#000000;
}



.tipp_box_wrap {
	float:left;
	width:100%;
	height:auto;
}
.tipp_box_wrap .tipp_box:last-of-type {
	margin:0 0 2% 0;
}
.tipp_box {
	float:left;
	width:15%;
	height:auto;
	border:solid 1px #dfdfdf;
	border-radius:6px;
	padding:10px 10px 45px 10px;
	margin:0 2% 2% 0;
	position:relative;
}
.tippbild {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 10px 0;
}
.tippbild img {
	width:100%;
	height:auto;
	display:block;
	border:solid 1px #dfdfdf;
}
.tipp_box .text {
	float:left;
	width:100%;
	height:auto;
	margin:0;
	overflow:hidden;
}
.tipp_box .text .daten {
	float:left;
	width:100%;
	height:auto;
	margin:0;
}
.tipp_box .text .daten .titel {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 0px 0;
	padding:0;
	font-size:16px;
	font-weight:700;
	color:#5e5e5e;
}
.tipp_box .text .daten .wrap {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 6px 0;
	padding:0;
	font-size:12px;
	line-height:16px;
	font-weight:400;
	color:#5e5e5e;
}
.tipp_box .text .daten .preis {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 8px 0;
	padding:0;
	text-align:left;
	font-size:15px;
	line-height:18px;
	font-weight:700;
	color:#5e5e5e;
}
.tipp_box .text .daten a {
	position:absolute;
	bottom:10px;
	left:10px;
	width:calc(100% - 20px);
	height:auto;
	padding:5px 5px;
	outline:none;
	border:none;
	text-decoration:none;
	border-radius:6px;
	background-color:#00aeb6;
	text-align:center;
	font-size:14px;
	line-height:22px;
	font-weight:700;
	color:#ffffff;
	transition:all 0.3s linear;
}
.tipp_box .text .daten a:hover {
	background-color:#5e5e5e;
}
.kostenloserversand_wrap {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 40px 0;
	text-align:center;
}
.kostenloserversand {
	display:inline-block;
	padding:13px 20px 13px 64px;
	background-color:#dfdfdf;
	background-image:url(../images/layout/icon_versand_dark.png);
	background-repeat:no-repeat;
	background-size:38px;
	background-position:15px 50%;
	border-radius:10px;
	color:#222222;
	font-size:15px;
	font-weight:600;
	letter-spacing:0.3px;
	line-height:22px;
}

.login_area {
	float:left;
	width:100%;
	height:auto;
	background:#eeeeee;
	position:relative;
	padding:40px 20px 10px 20px;
	margin:30px 0% 30px 0%;
	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:25px;
	top:-2px;
	width:36px;
	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(-6px);
	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:18px;
	line-height:26px;
	font-weight:700;
	color:#222222;
}
.login_area .beschreibung {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 20px 0;
	font-size:14px;
	line-height:20px;
	font-weight:400;
	color:#222222;
}
.login_wrap {
	float:left;
	width:100%;
	height:auto;
	margin:0 0% 10px 0;
}
.login_wrap_r {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 10px 0%;
}
.login_area .login_wrap input {
	float:left;
	width:100%;
	height:auto;
	margin:0;
	box-shadow:none;
	outline:none;
	padding:12px 5px 12px 40px;
	border:solid 1px #cccccc;
	background-color:#ffffff;
	border-radius:6px;
	transition:all 0.3s linear;
	background-image:url(../images/layout/icon_user.png);
	background-repeat:no-repeat;
	background-size:20px;
	background-position:9px 50%;
}
.login_area .login_wrap_r input {
	float:left;
	width:100%;
	height:auto;
	margin:0;
	box-shadow:none;
	outline:none;
	padding:12px 5px 12px 40px;
	border:solid 1px #cccccc;
	background-color:#ffffff;
	border-radius:6px;
	transition:all 0.3s linear;
	background-image:url(../images/layout/icon_pw.png);
	background-repeat:no-repeat;
	background-size:20px;
	background-position:9px 50%;
}
.login_area .login_wrap input:hover, .login_area .login_wrap input:focus, .login_area .login_wrap_r input:hover, .login_area .login_wrap_r input:focus {
	border:solid 1px #00aeb6;
	box-shadow:0px 0px 4px rgba(0,174,182,0.5);
}
.login_area button {
	float:right;
	margin:10px 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:8px 0 10px 0;
	font-size:12px;
	font-weight:400;
	line-height:20px;
	outline:none;
}
.login_area .vergessen:hover {
	color:#5e5e5e;
	cursor:pointer;
}
.login_neukunde {
	float:left;
	width:100%;
	height:auto;
	margin:20px 0 0 0;
	padding:30px 0 0 0;
	border-top:solid 1px #bbbbbb;
}
.login_neukunde_btn {
	float:left;
	margin:0px 0 0px 0;
	padding:9px 32px 9px 18px;
	border:none;
	color:#ffffff;
	text-decoration:none;
	font-size:15px;
	line-height:22px;
	font-weight:400;
	border-radius:6px;
	background-image:url(../images/layout/icon_nav_white.png);
	background-repeat:no-repeat;
	background-position:93% 50%;
	background-color:#00aeb6;
	background-size:12px;
	transition:all 0.3s linear;
}
.login_neukunde_btn:hover {
	background-color:#5e5e5e;
}
.detail_wrap {
	float:left;
	width:100%;
	height:auto;
}

.popup_box {
	float:left;
	width:100%;
	height:auto;
	padding:25px;
}
.popup_box h2 {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 25px 0;
	font-size:24px;
	line-height:32px;
	font-weight:bold;
	color:#222222;
}
.popup_box ul {
	list-style:none;
}
.popup_box ul li {
	list-style:outside disc;
	margin:0 0 15px 15px;
	float:left;
	width:calc(100% - 15px);
	height:auto;
	font-size:16px;
	line-height:24px;
	font-weight:normal;
}
.popup_box ul li strong {
	color:#00aeb6;
}
#versandkosten a {
	text-decoration:underline;
	color:#777777;
	outline:none;
	font-weight:bold;
}
#versandkosten a:hover {
	color:#000000;
	cursor:pointer;
}

.popup_form {
	position:absolute;
	top:20px;
	left:0%;
	height:auto;
	width:94%;
	margin:0 3%;
	background:#5e5e5e;
	border:solid 1px #dfdfdf;
	padding:10px 25px 25px 25px;
	z-index:9999;
	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 -20px 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:8px 0 0 0px;
	text-align:center;
}
.popup_daten {
	float:left;
	width:100%;
	height:auto;
	color:#ffffff;
	margin:35px 0 20px 0;
	text-align:center;
}
.popup_daten_bild {
	width:76px;
	height:auto;
	margin:0 auto 0 auto;
	text-align:center;
}
.popup_daten_bild img {
	max-width:100%;
	max-height:120px;
	margin:0 auto 0 auto;
}
.popup_daten_beschreibung {
	float:left;
	width:100%;
	height:auto;
	margin:15px  0 20px 0;
	color:#ffffff;
	font-size:18px;
	line-height:23px;
	font-weight:400;
}
.popup_daten_menge {
	float:left;
	width:43%;
	height:auto;
	margin:5px 1% 0 0;
	color:#ffffff;
	font-size:18px;
	line-height:23px;
	font-weight:400;
	text-align:right;
}
.popup_daten_preis {
	float:left;
	width:54%;
	height:auto;
	margin:3px 0px 0 2%;
	color:#00aeb6;
	font-size:24px;
	line-height:24px;
	font-weight:400;
	text-align:left;
}
.popup_daten_btns {
	float:left;
	width:100%;
	height:auto;
	margin:15px 0px 0 0;
}
.popup_daten_btns_wk {
	float:left;
	background:#000000;
	border-radius:5px;
	width:100%;
	height:40px;
	color:#ffffff;
	letter-spacing:1px;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
	line-height:38px;
	text-decoration:none;
}
.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:100%;
	height:40px;
	color:#ffffff;
	letter-spacing:1px;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
	line-height:38px;
	margin:20px 0 10px 0;
	text-decoration:none;
}
.popup_daten_btns_weiter:hover {
	background:#ffffff;
	color:#555555;
	text-decoration:none;
	cursor:pointer;
}

.suche_info {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 30px 0;
	padding:0 0 20px 0;
	font-size:22px;
	line-height:28px;
	color:#555555;
	border-bottom:solid 1px #dfdfdf;
}

#warenkorb_artikelliste {
	float:left;
	width:100%;
	height:auto;
}
.warenkorb_artikel {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	border-bottom:solid 1px #dfdfdf;
}
.warenkorb_artikel .summepreis
{
	font-weight:bold;
	font-size:18px;
	line-height:30px
}
.warenkorb_artikel .bezeichnung{
	color:#000000;
	font-weight:400;
	font-size:18px;
	line-height:30px;
}
.warenkorb_artikel .menge{
	font-size:16px;
}
.warenkorb_artikel .count{
	height:26px;
	text-align:center;
	margin:0px 12px 0 2px;
	padding:2px;
	color:#000000;
	font-weight:700;
	font-size:16px;
	width:34px;
	-webkit-box-shadow:none;
	box-shadow:none;
	-webkit-transition:none;
	transition:none;
	-webkit-appearance:none;
	background:#eeeeee;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:solid 1px #aaaaaa;
}
.warenkorb_artikel_form1{
	float:left;
	margin:10px 0 0 0;
}
.warenkorb_artikel_form2{
	float:right;
	margin:10px 0 0 0;
}
.area_stueck_preis,.area_anzahl,.area_summepreis{
	float:left;
}
.area_summepreis{
	text-align:right;
	padding-right:0px
}
.area_stueck_preis{
	width:auto;
	min-width:100px;
	margin:0 20px 0 0;
}
.area_anzahl{
	width:auto;
}
.warenkorb_artikel .kasse_l {
	float:left;
	width:40%;
	height:auto;
}
.warenkorb_artikel .kasse_m {
	float:left;
	width:30%;
	height:auto;
}
.warenkorb_artikel .kasse_r {
	float:left;
	width:30%;
	height:auto;
	padding:0 5px 0 0;
}
.warenkorb_artikel .stueck,.warenkorb_artikel .anzahl{
	font-size:16px;
	line-height:30px
}
.warenkorb_artikel .stueckpreis{
	font-size:16px;
	line-height:30px;
}
.btn-refresh{
	font-family: FontAwesome;
	color:#999999;
	background:none;
	border:0;
	cursor:pointer;
	font-size:18px;
	margin:0;
	padding:0 3px 0 0;
	height:18px;
	position:relative;
	top:2px;
	left:-2px;
	font-weight:400;
}
.btn-refresh:hover {
	cursor:pointer;
	color:#00aeb6;
}

.btn-remove{
	font-family: FontAwesome;
	color:#888888;
	width:21px;
	height:21px;
	background:none;
	border:0;
	cursor:pointer;
	position:relative;
	font-size:16px;
	top:0px;
	margin-left:2px;
	font-weight:400;
}
.btn-remove:hover {
	cursor:pointer;
	color:#9c0000;
}

.kostenaufstellung{
	padding-top:3px;
	padding-bottom:3px;
	line-height:24px;
}
.kostenaufstellung .beschriftung{
	float:left;
	width:calc(100% - 100px);
	height:auto;
	font-size:14px;
	line-height:20px;
	color:#222222;
}
.kostenaufstellung .preis{
	float:left;
	width:100px;
	height:auto;
	text-align:right;
	padding-right:5px;
	color:#222222;
}

.endbetrag {
	float:left;
	width:100%;
	height:auto;
	margin:10px 0 15px 0;
	padding:15px 0 15px 0;
	line-height:22px;
	border-top:solid 1px #707070;
	border-bottom:solid 2px #707070;
}
.endbetrag .beschriftung {
	float:left;
	width:calc(100% - 100px);
	height:auto;
	font-size:15px;
	line-height:22px;
	color:#000000;
	padding:0;
}
.endbetrag .preis{
	float:left;
	width:100px;
	height:auto;
	text-align:right;
	padding-right:5px;
	color:#000000;
	font-size:18px;
	line-height:22px;
	font-weight:700;
}
.warenkorb_artikel_lieferant_versandkosten {
	float:left;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	line-height:24px;
}
.warenkorb_artikel_lieferant_versandkosten .left {
	float:left;
	width:calc(100% - 160px);
	height:auto;
	font-size:16px;
	line-height:24px;
	color:#000000;
	padding:0;
}
.warenkorb_artikel_lieferant_versandkosten .right {
	float:left;
	width:160px;
	height:auto;
	text-align:right;
	padding-right:22px;
	color:#000000;
	font-size:24px;
	line-height:28px;
	font-weight:700;
}
.versandkosten_hinweis {
	float:left;
	width:100%;
	height:auto;
	margin:0px 0 20px 0;
	padding:6px 9px;
	background:#f6f6f6;
	border-radius:6px;
}
.versandkosten_hinweis .beschriftung {
	float:left;
	width:100%;
	height:auto;
	font-size:15px;
	line-height:22px;
	color:#000000;
	padding:0;
}
.btn-checkout {
	float:right;
	font-size:16px;
	width:auto;
	text-align:center;
	font-weight:700;
	text-transform:uppercase;
	line-height:26px;
	padding:12px 22px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background:#00aeb6;
	color:#ffffff;
	text-decoration:none;
	letter-spacing:0.5px;
	border:none;
}
.btn-checkout:hover {
	background:#555555;
}


.kundenkonto_bereich {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 30px 0;
	padding:0px;
	font-size:16px;
	line-height:22px;
	font-weight:400;
	color:#5e5e5e;
	border:none;
	border-radius:0px;
}
.kundenkonto_bereich .text {
	float:left;
	width:100%;
	height:auto;
	padding:0;
	margin:0 0 10px 0;
	font-weight:bold;
	color:#000000;
	font-size:18px;
	line-height:24px;
}
.kundenkonto_bereich .regtext {
	float:left;
	width:100%;
	height:auto;
	padding:0;
	margin:0 0 10px 0;
	font-weight:normal;
	color:#444444;
	font-size:15px;
	line-height:24px;
}
.kundenkonto_bereich .options {
	float:left;
	width:100%;
	height:auto;
	padding:0;
	margin:0 0 20px 0;
}
.kundenkonto_bereich .options label {
	float:left;
	width:100%;
	height:auto;
	padding:16px 10px;
	border:solid 1px #dfdfdf;
	text-align:center;
	cursor:pointer;
	outline:none;
	font-size:16px;
	font-weight:bold;
	margin:0 0 10px 0;
	background:#ffffff;
	transition:all 0.2s linear;
	border-radius:6px;
}

.kundenkonto_bereich .options label:hover {
	background:#eeeeee;
}
.kundenkonto_bereich .options label input {
	margin:0 5px 0 0;
}
.kundenkonto_bereich .datenbereich {
	float:left;
	width:100%;
	height:auto;
	padding:15px 15px;
	margin:0 0 15px 0;
	border:solid 1px #dfdfdf;
	border-radius:8px;
}
.kundenkonto_bereich .datenbereich .daten_titel {
	float:left;
	width:100%;
	height:auto;
	font-weight:bold;
	font-size:16px;
	margin:0 0 10px 0;
	color:#000000;
}
.kundenkonto_bereich .datenbereich .daten_text {
	float:left;
	width:100%;
	height:auto;
	font-weight:normal;
	font-size:14px;
	line-height:20px;
	margin:0 0 18px 0;
	color:#000000;
}
.kundenkonto_bereich .pflichtfeld_info {
	float:left;
	width:50%;
	height:auto;
	font-weight:normal;
	font-size:12px;
	line-height:18px;
	margin:10px 0 10px 0;
	color:#555555;
}
.kundenkonto_bereich .datenbereich_btn {
	float:right;
	width:50%;
	height:auto;
	margin:15px 0 10px 0;
	color:#555555;
	text-align:right;
}
.kundenkonto_bereich .datenbereich_btn button {
	border:none;
	padding:12px 25px;
	background:#00aeb6;
	outline:none;
	color:#ffffff;
	font-size:18px;
	line-height:26px;
	font-weight:bold;
	border-radius:6px;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .datenbereich_btn button:hover {
	background:#555555;
	cursor:pointer;
}

.kundenkonto_bereich .datenbereich .wrap {
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:0 0 8px 0;
}
.kundenkonto_bereich .datenbereich label {
	float:left;
	width:100%;
	font-size:15px;
	line-height:24px;
	height:auto;
	margin:6px 0px 0 0;
}
.kundenkonto_bereich .datenbereich input {
	float:left;
	width:calc(100% - 10px);
	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:90px;
	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% - 110px);
	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% - 110px);
	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:10px;
	height:auto;
	padding:2px 2px;
}
.kundenkonto_bereich .datenbereich input:focus,
.kundenkonto_bereich .datenbereich .input_plz:focus,
.kundenkonto_bereich .datenbereich .input_ort:focus {
	border:solid 1px #555555;
}
.kundenkonto_bereich .datenbereich .anrede {
	float:left;
	width:auto;
	font-size:16px;
	line-height:24px;
	height:auto;
	margin:6px 0px 4px 0;
}
.kundenkonto_bereich .datenbereich .anrede_check {
	width:18px;
	height:18px;
	margin:0 4px 0 0;
	display:inline-block;
}
.kundenkonto_bereich .datenbereich .anrede_space {
	float:left;
	width:20px;
	height:auto;
	min-height:24px;
}
.kundenkonto_bereich .datenbereich .eyeicon {
	position:absolute;
	right:20px;
	top:35px;
	width:22px;
	height:22px;
	background:url(../images/layout/icon_eye_view.png);
	background-size:22px;
}
.kundenkonto_bereich .datenbereich .eyeicon.hide {
	position:absolute;
	right:20px;
	top:35px;
	width:22px;
	height:22px;
	background:url(../images/layout/icon_eye_hide.png);
	background-size:22px;
}
.pweyeicon {
	position:absolute;
	right:18px;
	top:13px;
	width:22px;
	height:22px;
	background:url(../images/layout/icon_eye_view.png);
	background-size:22px;
}
.pweyeicon.hide {
	position:absolute;
	right:18px;
	top:13px;
	width:22px;
	height:22px;
	background:url(../images/layout/icon_eye_hide.png);
	background-size:22px;
}
.pweyeicon_home {
	position:absolute;
	right:10px;
	top:6px;
	width:20px;
	height:20px;
	background:url(../images/layout/icon_eye_view.png);
	background-size:20px;
}
.pweyeicon_home.hide {
	position:absolute;
	right:10px;
	top:6px;
	width:20px;
	height:20px;
	background:url(../images/layout/icon_eye_hide.png);
	background-size:20px;
}
.abmelden_text {
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	font-size:18px;
	line-height:28px;
	font-weight:600;
	padding:30px 20px;
	border:solid 1px #dfdfdf;
	border-radius:8px;
	margin:20px 0;
}
.meldung_usbstick {
	float:left;
	width:100%;
	height:auto;
	padding:20px;
	font-size:16px;
	line-height:24px;
	font-weight:600;
	color:#000000;
	border:solid 2px #cd0000;
	background:#f6f6f6;
	margin:0 0 10px 0;
}
.ds_box {
	float:left;
	width:100%;
	height:auto;
	padding:15px 10px;
	border:solid 1px #dfdfdf;
	font-size:16px;
	line-height:22px;
	font-weight:normal;
	border-radius:8px;
	text-align:left;
}
.ds_box label {
	float:left;
	width:auto;
	height:auto;
}
.ds_box a {
	outline:none;
	text-decoration:underline;
	color:#444444;
}
.ds_box a:hover {
	color:#000000;
}

.ds_box .container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 2px;
  cursor: pointer;
  font-size: 15px;
  line-height:22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ds_box .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.ds_box .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #ffffff;
  border:solid 1px #555555;
}
.ds_box .container:hover input ~ .checkmark {
  background-color: #00aeb6;
}
.ds_box .container input:checked ~ .checkmark {
  background-color: #12b816;
}
.ds_box .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.ds_box .container input:checked ~ .checkmark:after {
  display: block;
}
.ds_box .container .checkmark:after {
  left: 7px;
  top: 3px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.kundenkonto_bereich .suchebereich {
	float:left;
	width:100%;
	height:auto;
	padding:15px 15px;
	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:0 0 8px 0;
}
.kundenkonto_bereich .suchebereich label {
	float:left;
	width:100%;
	font-size:15px;
	line-height:24px;
	height:auto;
	margin:6px 0px 0 0;
}
.kundenkonto_bereich .suchebereich input {
	float:left;
	width:100%;
	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 .input_price {
	float:left;
	width:100px;
	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:100%;
	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 .zusatzinfo {
	float:left;
	width:100px;
	font-size:15px;
	line-height:24px;
	height:auto;
	margin:6px 0px 0 6px;
}
.kundenkonto_bereich .suchebereich .anrede {
	float:left;
	width:auto;
	font-size:16px;
	line-height:24px;
	height:auto;
	margin:6px 0px 4px 0;
}
.kundenkonto_bereich .suchebereich .anrede_check {
	width:12px;
	height:12px;
	margin:4px 6px 0 0;
	display:inline-block;
}
.kundenkonto_bereich .suchebereich .anrede_space {
	float:left;
	width:20px;
	height:auto;
	min-height:24px;
}

.paypal-button {
	width:auto;
	max-width:250px;
	height:auto;
}
.kundenkonto_bereich .kassenbereich {
	float:left;
	width:100%;
	height:auto;
	padding:5px 0px;
	margin:0 0 15px 0;
	border:none;
	border-radius:0px;
}
.kundenkonto_bereich .box_abweichend {
	float:left;
	width:100%;
	height:auto;
	padding:0px 0px;
	margin:0 0 15px 0;
	border:none;
	border-radius:0px;
}
.kundenkonto_bereich .kassenbereich .wrap {
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:0 0 8px 0;
}
.kundenkonto_bereich .kassenbereich label {
	float:left;
	width:100%;
	font-size:15px;
	line-height:24px;
	height:auto;
	margin:0px 0px 0 0;
}
.kundenkonto_bereich .kassenbereich input,
.kundenkonto_bereich .kassenbereich select {
	float:left;
	width:100%;
	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 .input_hausnr {
	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 0 0 10px;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .kassenbereich .input_strasse {
	float:left;
	width:calc(100% - 110px);
	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 .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 .kassenbereich .input_ort {
	float:left;
	width:calc(100% - 110px);
	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 textarea {
	float:left;
	width:100%;
	height:121px;
	resize:vertical;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	transition:all 0.2s linear;
	text-align:left;
}
.kundenkonto_bereich .kassenbereich .daten_titel {
	float:left;
	width:100%;
	height:auto;
	font-weight:bold;
	font-size:16px;
	margin:0 0 10px 0;
	color:#000000;
}
.kundenkonto_bereich .kassenbereich .daten_text {
	float:left;
	width:100%;
	height:auto;
	font-weight:normal;
	font-size:14px;
	line-height:20px;
	margin:0 0 18px 0;
	color:#000000;
}
.kundenkonto_bereich .kassenbereich .left {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 8px 0;
}
.kundenkonto_bereich .kassenbereich .right {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 0 0;
}
.kundenkonto_bereich .kassenbereich input:focus,
.kundenkonto_bereich .kassenbereich .input_plz:focus,
.kundenkonto_bereich .kassenbereich .input_ort:focus {
	border:solid 1px #555555;
}
.kundenkonto_bereich .wrapper {
	float:left;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}
.pflichtred {
	border:solid 1px #cd0000 !important;
}

.kasse_zusammenfassung_hinweis {
	float:left;
	width:100%;
	height:auto;
	font-size:14px;
	line-height:22px;
	font-weight:normal;
	color:#000000;
	border:solid 1px #444444;
	margin:0px 0 20px 0;
	padding:15px;
	border-radius:10px;
}

.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:18px;
	font-weight:bold;
	color:#00aeb6;
	margin:0px 0 12px 0;
}
.kasse_zusammenfassung .left {
	float:left;
	width:100%;
	height:auto;
	margin:5px 0 20px 0;
	border:solid 1px #cccccc;
	padding:15px 15px 10px 15px;
	border-radius:10px;
}
.kasse_zusammenfassung .right {
	float:left;
	width:100%;
	height:auto;
	margin:5px 0 20px 0;
	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:90px;
	height:auto;
	margin:0 0 0 0;
	font-size:14px;
	line-height:22px;
	font-weight:bold;
	color:#000000;
}
.kasse_zusammenfassung .data {
	float:left;
	width:calc(100% - 100px);
	height:auto;
	margin:0 0 0 10px;
	font-size:14px;
	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:16px;
	font-weight:bold;
	color:#000000;
}

.showpagebereich {
	float: left;
	width: 100%;
	height: auto;
	font-size: 15px;
	line-height: 22px;
	color: #222222;
	margin: 0 0 30px 0;
}
.showpagebereich p {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 18px 0;
}
.showpagebereich ul {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 18px 0;
	list-style: none;
}
.showpagebereich ul li {
	list-style: outside disc;
	margin: 0px 0 10px 16px;
	float: left;
	width: calc(100% - 16px);
	height: auto;
}
.showpagebereich h2 {
	float: left;
	width: 100%;
	height: auto;
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
	margin: 12px 0 5px 0;
}
.showpagebereich h3 {
	float: left;
	width: 100%;
	height: auto;
	font-size: 18px;
	line-height: 26px;
	font-weight: bold;
	margin: 12px 0 5px 0;
}
.showpagebereich a {
	outline: none;
	text-decoration: underline;
	color: #00aeb6;
	cursor: pointer;
}
.showpagebereich a:hover {
	color: #444444;
}

.kontakt_bereich {
	float: left;
	width: 100%;
	height: auto;
	margin: 0px 0 25px 0;
}
.kontakt_bereich .left {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 25px 0;
	padding: 0;
}
.kontakt_bereich .right {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0;
	border: none;
	border-radius: 0px;
}
.kontakt_bereich p {
	float: left;
	width: 100%;
	height: auto;
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	margin: 0px 0 18px 0;
}
.kontakt_bereich a {
	text-decoration: underline;
	color: #00aeb6;
	outline: none;
}
.kontakt_bereich a:hover {
	cursor: pointer;
	color: #444444;
}
.kontakt_bereich .right input {
	float:left;
	width:100%;
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	transition:all 0.2s linear;
}
.kontakt_bereich .right .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;
}
.kontakt_bereich .right .input_ort {
	float:left;
	width:calc(100% - 100px);
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	margin: 0 0px 0 0;
	transition:all 0.2s linear;
}
.kontakt_bereich .right textarea {
	float:left;
	width:100%;
	height:100px;
	resize: vertical;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	transition:all 0.2s linear;
}
.kontakt_bereich .right input:focus,
.kontakt_bereich .right textarea:focus,
.kontakt_bereich .right .input_plz:focus,
.kontakt_bereich .right .input_ort:focus {
	border:solid 1px #555555;
}
.kontakt_bereich .right label {
	float:left;
	width:100%;
	height:auto;
	font-size:14px;
	line-height:18px;
	margin:8px 0px 3px 0;
}
.kontakt_bereich .right .text {
	float:left;
	width:100%;
	height:auto;
	font-size: 14px;
	line-height: 22px;
	margin: 0 0 10px 0;
}
.kontakt_bereich .right .pflichtfeld_info {
	float:left;
	width:50%;
	height:auto;
	font-weight:normal;
	font-size:12px;
	line-height:18px;
	margin:10px 0 10px 0;
	color:#555555;
}
.kontakt_bereich .right .datenbereich_btn {
	float:right;
	width:50%;
	height:auto;
	margin:15px 0 10px 0;
	color:#555555;
	text-align:right;
}
.kontakt_bereich .right .datenbereich_btn button {
	border:none;
	padding:12px 25px;
	background:#00aeb6;
	outline:none;
	color:#ffffff;
	font-size:18px;
	line-height:26px;
	font-weight:bold;
	border-radius:6px;
	transition:all 0.2s linear;
}
.kontakt_bereich .right .datenbereich_btn button:hover {
	background:#555555;
	cursor:pointer;
}
.form_meldung_rot {
	float:left;
	width:100%;
	height:auto;
	margin: 0 0 20px 0;
	border:solid 1px #d30000;
	padding:8px 10px;
	color:#d30000;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	border-radius:5px;
	background:#fbe5e5;
}
.form_meldung_gruen {
	float:left;
	width:100%;
	height:auto;
	margin: 0 0 20px 0;
	border:solid 1px #19a602;
	padding:8px 10px;
	color:#19a602;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	border-radius:5px;
	background:#eafce7;
}
.wk_shopmsg {
	float:left;
	width:100%;
	height:auto;
	font-size:14px;
	line-height:18px;
	color:#d30000;
	font-weight:bold;
	margin:0px 0px 4px 0;
}
.wk_shop_input {
	border:solid 1px #d30000 !important;
}

.footer {
	float:left;
	width:100%;
	height:auto;
	margin:0;
	padding:20px 0 40px 0;
	background:#e9e9e9;
	font-size:12px;
	line-height:20px;
	font-weight:400;
}
.footer .left {
	float:left;
	width:100%;
	height:auto;
	margin:0px 0 10px 0;
	padding:0;
	text-align:center;
	color:#5e5e5e;
}
.footer .mid {
	float:left;
	width:100%;
	height:auto;
	margin:10px 0 25px 0;
	padding:0;
	text-align:center;
}
.footer .right {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 10px 0;
	padding:0;
	text-align:center;
}
.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 3px;
	opacity:0.2;
}
.footer_warenkorb {
	float:left;
	width:100%;
	padding:15px 15px 15px 15px;
	background-color:#ffffff;
	border:solid 1px #cccccc;
	background-image:url(../images/layout/icon_cart.png);
	background-position:20px 50%;
	background-size:26px;
	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;
}

.select2-selection--single {
	height:34px !important;
}
#select2-anfrageOrt-container {
	margin-top: 2px !important;
}