html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0 none;
	font-size: 100%;
	margin: 0;
	outline: 0 none;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none outside none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none;
}
:focus {
	outline: 0 none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
	-webkit-text-size-adjust: none;
}
section, article, aside, hgroup, header, footer, nav {
	display: block;
}

/*##################################################
 * ################ Start  #########################
 * ############################################### */



html {
	overflow-y: scroll;
}



html {
 	font-family: 'Roboto Condensed', sans-serif;
}

body {
	font-family: 'Roboto Condensed', sans-serif;
	background: white;	 
	font-size: 15px;
	color: #013052;
	line-height: 1.4;
}

a {
	color: #ffffff;
	
}
a:hover {
	color: #98c3e2;
}

.clearer {
	clear: both;
}

.wrapper {
	width: 100%;
}

.inner {
	max-width: 1140px;
	margin: 0 auto;
	z-index: 1000;
}

.blocks {
	margin: 0 auto;
}
#header-wrapper {
	min-height: 136px;
	z-index: 50;
}

header {
	min-height: 136px;
	position: relative;
	z-index: 50;
}

header h1 a {
	display: block;
	background: url(_img/logo.jpg) no-repeat; 
	float: left;
	margin: 21px 0 0 20px;
	height: 108px;
	width: 300px;
	text-indent: -9999px;
}

#header30jahre {
	float: left; 
}

#nav-wrapper {
	min-height: 39px;
	background: #0567ae; 
	position: relative;

	z-index: 40;
}

.mobilemenubutton, #searchbutton {
	display: none; /* nur für smartphone anzeigen */
}
nav  {
	position: relative;
	min-height: 39px;
}

nav ul {
	position: absolute;
	top: -3px;
	left: 0;
	height: 43px;
	z-index: 40;
}

nav ul li {
	height: 43px;
	width: auto;
	float: left;
	position: relative;
}

nav ul li a {
	display: block;
	height: 43px;
	line-height: 43px;
	color: white;
	padding: 0 11px 0 11px;
	text-decoration: none;
	font-size: 17px;
}

nav > ul > li.act  {
	-webkit-box-shadow:  0 0 30px 0 rgba(255,255,255,0.6);
	box-shadow: 0 0 30px 0 rgba(255,255,255,0.6);
	background: url(_img/act.png) repeat-x 0 3px transparent;		
}


nav > ul > li:hover > a {
	background: url(_img/menugradient.gif) no-repeat -18px 0 #257bb8;
	color: #ffffff;
	-webkit-box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.3);
	box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.3);
}

/*nav > ul > li:hover > a {
	background #1d5f9f;
}*/


nav ul li:hover li a {
	-webkit-box-shadow: none;
	box-shadow: none;
}


nav ul li ul {
	position: absolute;
	left: -18px;
	top: 43px;
	z-index: 10;
	width: auto;
	height: auto;
	
	background: url(_img/menugradient.gif) no-repeat 0px -43px #257bb8;

	margin: 0;
	padding: 18px 0 20px 0;
	display: none;
	-webkit-box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.3);
	box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.3);
	
}
nav ul li:hover ul {
	display: block;
	
}

nav ul li ul li {
	padding: 0;
	margin: 0;
	height: auto;
	float: none;
}

nav ul li ul li.margin {
	margin-top: 18px;
}


nav ul li ul li a {
	height: auto;
	line-height: 1;
	padding: 4px 20px 5px 31px;
	margin: 0;
	color: #ffffff;
	border-bottom: 0;
	
	-webkit-box-shadow: none;
	box-shadow: none;
	white-space: nowrap;
	
}

nav ul li ul li a:hover {
	color: #bbbbbb;
	-webkit-box-shadow: none;
	box-shadow: none;
}
nav ul li ul li.act a {
	text-decoration: underline;
}


	.wcms-search-searchfield-wrapper {
		float: right;
		margin: 4px 190px;
	}
	
		.wcms-search-searchfield {
			border: 2px solid #0567ae;
			padding: 3px 5px 3px 5px;
			border-radius: 5px;
			width: 120px;
			font-family: 'Roboto Condensed', sans-serif;		
			box-shadow: inset 3px 3px 3px rgba(0,0,0,0.2);
			font-size: 15px;
		}



.warenkorb {
	position: absolute;
	right: -15px;
	top: -24px;
	width: 128px;
	height: 56px;
	background: url(_img/warenkorb.png) no-repeat transparent;
	padding-top: 167px;
	padding-left: 72px;
	color: #0567ae;
	font-size: 17px;
	z-index: 50;
	display: block;
	text-decoration: none;
	
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	
	 
}
.warenkorb:hover {
	color: #0567ae;
	text-decoration: none;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.warenkorb .counter {
	width: 44px;
	height: 49px;
	position: absolute;	
	background: url(_img/counter.png) no-repeat transparent;
	left: 47px;
	top: 91px;
	text-align: center;
	line-height: 42px;
	color: white;
	padding: 0 5px 0 0;
	font-size: 18px;
	
}

.warenkorb .mobile {
	display: none;
}


#footer-wrapper {
	min-height: 375px;
	background: #0567ae;
	overflow: hidden;
}

footer {
	min-height: 375px;
	color: white;	
	font-size: 15px;
}


footer a {
	color: white;
	text-decoration: none;
	font-size: 13px;	
}

footer a:hover  {
	text-decoration: underline;
}

footer .act a {
	text-decoration: underline;
}
footer .act a:hover {
	text-decoration: underline;
}

footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#main-wrapper {
		
}

#main {
	min-height: 30px;

}




article {
	padding: 30px 0 100px;
	min-height: 400px;	
}



article h1, article h2, article h3, article h4 article h5, article h6 {
	color: #0567ae; 
	font-size: 20px;
	margin-bottom: 25px;
	font-weight: 400;
	
}

article h2 {
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	min-height: 20px;
	letter-spacing: 5px;
	font-weight: 400;
	padding-bottom: 3px;
	
	border-bottom: 2px solid #0567ae;
}
article.blocks h2 {
	float: left;
}

article h3 {
	color: #353535;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 1px;
	
}


article a {
	color: #326100;
	text-decoration: underline;
}

article a:hover {
	color: #509b00;
}


article ul {
	list-style: disc;
	padding-left: 21px;
}
article ol {
	list-style: decimal;
	padding-left: 21px;	
}


A.wcms-linkInt-icon {
	*background: none;
}



.flitem {
	width: 351px;
	margin: 0 23px 34px 0;
	float: left;
}
/*.nojs .flitem {
	margin: 0 15px 34px 0;
}*/
.lastinrow {
	/*margin-right: 0 !important;*/
}
.firstinrow {
	/*clear: both;*/
}

.searchbutton {
	display: none;	
}
	


.cat {
	height: 200px;
	background: #0969af;
	position: relative;
	overflow: hidden;
	
	cursor: pointer;
}
.cat div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	line-height: 180px;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	
	
	background: rgb(56,134,191); /* Old browsers */
	background: -moz-radial-gradient(center, circle cover,  rgba(56,134,191,1) 0%, rgba(9,105,175,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(56,134,191,1)), color-stop(100%,rgba(9,105,175,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, circle cover,  rgba(56,134,191,1) 0%,rgba(9,105,175,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, circle cover,  rgba(56,134,191,1) 0%,rgba(9,105,175,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, circle cover,  rgba(56,134,191,1) 0%,rgba(9,105,175,1) 100%); /* IE10+ */
	background: radial-gradient(circle at center,  rgba(56,134,191,1) 0%,rgba(9,105,175,1) 100%); /* W3C */
	

}
.cat .description {
	top: 200px;

	
	background: rgb(212,220,237); /* Old browsers */
	background: -moz-radial-gradient(center, circle cover,  rgba(212,220,237,1) 0%, rgba(175,190,221,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(212,220,237,1)), color-stop(100%,rgba(175,190,221,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, circle cover,  rgba(212,220,237,1) 0%,rgba(175,190,221,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, circle cover,  rgba(212,220,237,1) 0%,rgba(175,190,221,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, circle cover,  rgba(212,220,237,1) 0%,rgba(175,190,221,1) 100%); /* IE10+ */
	background: radial-gradient(circle at center,  rgba(212,220,237,1) 0%,rgba(175,190,221,1) 100%); /* W3C */


} 

.cat div span {
	display: inline-block;
	font-size: 23px;
	color: white;
	line-height: 1.2;
	width: 90%;
	padding: 5%;
	height: auto;
	text-align: center;
	vertical-align: middle;
	font-weight: 300;
}


.cat .description span {
	font-size: 18px;
	color: #01487c;
	line-height: 1.5;
}

.cat:hover .cover {
	top: -200px;
}
.cat:hover .description {
	top: 0;
}

.cat .button {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 3;
}




.product {	
	height: 423px;
	position: relative;
	background-color: #eff2f9;
}

.flsort-a {
	-webkit-transition:opacity 400ms ease-out;
	-moz-transition:opacity 400ms ease-out;
	-o-transition:opacity 400ms ease-out;
	transition:opacity 400ms ease-out;
}

.oneopenend .flsort-a {
	opacity: 0.4;
}

.oneopenend .flsort-a.open {
	opacity: 1;
}



.product {
	position: relative;
}

.product .cover {
	width: 349px;
	height: 266px;
	position: absolute;
	top: -1px;
	left: 0;
	overflow: hidden;
}
.product .infos {
	position: absolute;
	right: 0px;
	bottom: 158px;
	width: 152px;
	min-height: 127px;
	
	background: white;
}

.product .infos .price {
	width: 140px;
	min-height: 61px;
	margin-bottom: 2px;
	background: #0567ae;
	color: white;
	padding: 2px 6px 2px 6px;
	font-size: 20px;
	line-height: 1.2;
	text-align: center;
}
.product .infos .price .tax {
	font-size: 11px;
	border-top: 1px solid #c9d2e4;
	margin-top: 3px;
	padding-top: 2px;
	text-align: center;
}
.product .infos .price .tag {
	display: inline-block;
	background: white;
	color: #0567ae;
	font-size: 9.8px;
	line-height: 1;
	
	vertical-align: middle;
	margin: -2px 0 0 0;
}
.product .infos .price div {
	font-size: 12.8px;
}

.ie8 .product .infos .price div {
	font-size: 10px;
}


.product .infos .isbn {
	background: #c9d2e4;
	min-height: 31px;
	width: 138px;
	margin-bottom: 2px;
	color: #004170;
	text-align: center;
	padding: 7px;
	font-size: 12px;
	line-height: 1.25;
}

.product .infos .labels {
	background: #c9d2e4;
	width: 144px;
	margin-bottom: 2px;
	color: #004170;
	text-align: center;
	padding: 4px;
	font-size: 12px;
	position: relative;
}

	.product .infos .labels .headline {
		font-weight: bold;
	}
	
.product .badge {
	border-radius: 50%;
	width: 100px;
	height: 100px;
	color: #fff;
	background: #A82236;
	position: absolute;
	left: -10px;
	top: 155px;
	border: 3px solid #fff;
	box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2);
	text-align: center;
	overflow: hidden;
	font-size: 0.9em;
	padding: 6px;
	
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;	
}

.button {
	display: block;
	background: #509b00;
	height: 31px;
	width: 152px;
	color: white;
	text-align: center;
	line-height: 31px;
	text-decoration: none;
}
.product .description .button {
	color: white;
}

.flsort-a .button:hover  {
	background: #509b00;
		
}

.button:hover {
	background: #85b94d;
	color: white !important;
}

.product .description {
	position: absolute;
	left: 0;
	top: 269px;
	width: 100%;
	height: 156px;
	background: #c9d2e4;
	padding: 0;
	font-weight: 300;
}

.product .description .content {
	padding: 11px 16px 35px 18px;
}

.product .description a {
	color: #013052;
}
.product .description a:hover {
	color: #658eac;
}

.product .description .button {
	position: absolute;
	right: 0;
	top: 125px;
}

.product .description h4 {
	font-weight: 400;
	font-size: 18px;
}
.product .description i  {
	font-size: 14px;
}

.product .cover .imgc1 {
	position: absolute;
	left: 3px;
	bottom: 0px;
}
.product .cover .imgc2 {
	float: left;
}
.product .cover img {
	float: left;
	
	outline: 1px solid rgba(0,0,0,0.1);
	outline-offset: -1px;
	
	max-width: 190px;
}

.product .cover .imgc2:before {
	position: absolute;
	content: "";
	display: block;
	width: 30px;
	height: 300px;
	right: -30px;
	top: 0;
	background: url(_img/pages-top.png) no-repeat;
}


.product .cover .imgc2:after {
	position: absolute;
	content: "";
	display: block;
	width: 30px;
	height: 80px;
	right: -30px;
	bottom: 0;
	background: url(_img/pages-bottom.png) no-repeat;
	background-color: #eff2f9;
	
}

.details {
	display: none;
	min-height: 0;
	float: left;
	margin: 0 0 40px 0;
	background: #d7dfef;
	position: relative;
	
	
	-webkit-transition:opacity 400ms ease-out;
	-moz-transition:opacity 400ms ease-out;
	-o-transition:opacity 400ms ease-out;
	transition:opacity 400ms ease-out;
	
	
}

.details:before {
	content: " ";
	position: absolute;
	background: #509b00;
	height: 11px;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 4;
}

.details.open {
	opacity: 1;
}




.details .content {
	padding: 48px 40px 30px 28px;
	-moz-column-count: 2;
	-moz-column-gap: 40px;
	-webkit-column-count: 2;
	-webkit-column-gap: 40px;
	column-count: 2;
	column-gap: 40px;
}





.wcms-newsitem {
	max-width: 750px;
	margin: 0 auto 50px auto;
}



@media only screen and (max-width: 724px) {
	.details .content {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
}


.details .close {
	position: absolute;
	background: #509b00;
	color: white;
	border-left: 3px solid #d7dfef;
	top: 0px;
	right: 0;
	width: 31px;
	height: 31px;
	display: block;
	text-align: center;
	line-height: 31px;
	text-decoration: none;
	z-index: 5;

}


.autor {
	height: 150px;
	background: #e6ebf6;
	position: relative;
	
	-webkit-transition: all 600ms ease-out;
	-moz-transition: all 600ms ease-out;
	-o-transition: all 600ms ease-out;
	transition: all 600ms ease-out;
}

.autor.hide {
	width: 0;
	height: 0;
	opacity: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.ie8 .autor.hide {
	display: none; /* internet explorer below 9 */
}

.autor img {
	width: 121px;
	height: 150px;
	float: left;
	
	
	-webkit-transition: all 600ms ease-out;
	-moz-transition: all 600ms ease-out;
	-o-transition: all 600ms ease-out;
	transition: all 600ms ease-out;

}
.autor.hide * {
	opacity: 0;
	-webkit-transform: scale(0.1);
}
.autor .name {
	position: absolute;
	left: 121px;
	top: 0;
	
	padding: 16px 16px;
	width: auto;
	height: 118px;
	font-size: 18px;
	
	-webkit-transition: all 600ms ease-out;
	-moz-transition: all 600ms ease-out;
	-o-transition: all 600ms ease-out;
	transition: all 600ms ease-out;
}
.autor span {
	font-size: 11px;
	display: block;
	-webkit-transition: all 600ms ease-out;
	-moz-transition: all 600ms ease-out;
	-o-transition: all 600ms ease-out;
	transition: all 600ms ease-out;
	
}



.autor .button {
	position: absolute;
	top: 119px;
	right: 0;
	-webkit-transition: opacity 600ms ease-out;
	-moz-transition: opacity 600ms ease-out;
	-o-transition: opacity 600ms ease-out;
	transition: opacity 600ms ease-out;
}




.abc {
	margin: 36px 0 36px;
	width: 100%;
	text-align: center;
	min-height: 32px;
	float: left;
}

.abc a {
	min-width: 2px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	display: block;
	display: inline-block;
	text-transform: uppercase;
	color: white;
	background: #509b00;
	text-decoration: none;
	margin: 4px 4px 0 0;
	padding: 0 6px;
	
}


.sr {
	position: absolute;
	left: 0;
	top: 0;
	-moz-transform: translateX(-99999px);
	-webkit-transform: translateX(-99999px);
	-o-transform: translateX(-99999px);
	-ms-transform: translateX(-99999px);
	transform: translateX(-99999px);	
}





.blocks .text {
	float: left;
}

.text {
	color: #353535;
	font-weight: 300;
	
}
.threeCols {
	-moz-column-count: 3;
	-moz-column-gap: 55px;
	-webkit-column-count: 3;
	-webkit-column-gap: 55px;
	column-count: 3;
	column-gap: 55px;
}

hr, hr.wcms-line {
	border: none;
	margin: 40px 0 80px;
	background: url(_img/hr.png) no-repeat center center transparent;
	height: 20px;
	color: #0567ae;
	text-align: center;
}


.teaser {
	height: 395px;
	width: 350px;
	float: left;
	margin: 0 23px 34px 0;
	background: #c9d2e4;
	position: relative;
}

.teaser .text {
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
	padding: 20px 15px 15px 10px;
	font-weight: 300;
}
.teaser .text img {
	float: right;
	margin: 5px 0 5px 5px;
	
}

.teaser .text h3 {
	font-size: 18px;
	line-height: 1;
	margin: 0 0 16px;
	font-weight: normal;
	letter-spacing: 0px;
}
.teaser .text h3.nomargin {
	margin: 0 0 6px;
}
.teaser .text h4 {
	font-size: 15px;
	line-height: 1;
	margin: 0 0 16px;
	font-weight: normal; 
	
}


footer {
	position: relative;
}

.button.more {
	position: absolute;
	bottom: 0;
	right: 0;
}

.button.video {
	position: absolute;
	bottom: 0;
	left: 0;
}


.fc {
	padding: 33px 10px 60px 10px;
	float: left;
	line-height: 1.5;
	z-index: 2;
	position: relative;
	font-size: 15px;
}
.fc a {
	font-size: 15px;
}
.fc a:hover {
	color: #cccccc;
	text-decoration: none;
}

.fc1, .fc2 {
	width: 290px;
	min-height: 50px;
	}

.fc3 {
	width: 220px;
}
.fc4 {
	width: 220px;
}

.fc h4 {
	text-transform: uppercase;
	margin-bottom: 30px;
	letter-spacing: 5px;
	font-weight: 400;
}

footer .gradient {
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.97) 1%, rgba(125,185,232,0) 30%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(1%,rgba(255,255,255,0.97)), color-stop(30%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.97) 1%,rgba(125,185,232,0) 30%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.97) 1%,rgba(125,185,232,0) 30%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.97) 1%,rgba(125,185,232,0) 30%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.97) 1%,rgba(125,185,232,0) 30%); /* W3C */
	



	
	opacity: 0.35;
	position: absolute;
	left: 50%;
	top: -420px;
	margin: 0 0 0 -1600px;
	width: 3200px;
	height: 840px;
	z-index: 1;
}


#nav-wrapper .grad-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#nav-wrapper .gradient {
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(125,185,232,0) 60%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(60%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(125,185,232,0) 60%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(125,185,232,0) 50%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(125,185,232,0) 60%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%, rgba(125,185,232,0) 60%); /* W3C */
	



	
	opacity: 0.45;
	position: absolute;
	left: 50%;
	top: -35px;
	margin: 0 0 0 -1600px;
	width: 3200px;
	height: 70px;
	z-index: 1;
}

footer .bg {
	position: absolute;
	z-index: 1;
	
	background: url(_img/footer1.png) no-repeat transparent;
	width: 162px;
	height: 73px;
	bottom: 32px;
	left: -171px;
	
}
footer .bg2 {
	
	background: url(_img/footer2.png) no-repeat transparent;
	width: 636px;
	height: 151px;
	bottom: 0;
	left: 607px;
}

.warenkorb_liste {
	width: 100%;
}

.warenkorb_liste .left {
	width: 775px;
	
}

.summary-wrapper {
	position: relative;
	
}
.summary {
	position: absolute;
	left: 798px;
	top: 0;
	width: 252px;
	min-height: 200px;
	background: #f3f3f3;
	padding: 26px 24px;
	color: #222222;
}

.summary h4 {
	font-size: 18px;
	margin-bottom: 5px;
	color: #222222;
	font-weight: normal;
}

.summary table {
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	padding: 12px 0;
	
}
.summary table td:first-child {
	width: 70%;
}
.summary tr:first-child td {
	padding-top: 12px;
}
.summary tr:last-child td {
	padding-bottom: 12px;
}

.summary table td {
	min-height: 24px; 
	line-height: 24px;
	font-size: 14px;
}
.summary .sum td {
	padding-top: 17px;
	font-size: 18px;
}
td.preis {
	color: #9f0000;
	white-space: nowrap;
}
.summary td.preis {
	text-align: right;
}
.summary table {
    margin-bottom: 16px;    
  }
  
.summary small {
	font-size: 12px;
	color: #929292;
	line-height: 1;
	display: inline-block;
}

.warenkorb_liste button {
	margin-top: 33px;
	width: 100%;
	height: 46px;
	line-height: 46px;
	text-align: center;
	border: 0;
	color: white;
	background: #509b00;
	cursor: pointer;
}

.warenkorb_liste button:hover {
	background: #68a824;
}
.warenkorb_liste button:active { 
	outline: 1px solid rgba(255,255,255,0.4);
	outline-offset: -3px;
}

.versand {
	background: #f3f3f3;
	padding: 16px 35px 15px 22px;
}

.versand select {
	float: left;
	margin: 5px 44px 0 0;
	width: 255px;	 
}

.versand .message {
	float: left;
	font-size: 14px;
	height: 100%;
	border-left: 1px solid #d7d7d7;
	padding-left: 84px;
	line-height: 17px;
	width: 333px;
	background: url(_img/message.png) no-repeat 43px center transparent;
	font-weight: 300;
}
.versand .message.check {
	background: url(_img/message-check.png) no-repeat 6px center transparent;
	min-height: 30px;
	border: none;
	line-height: 30px;
	padding-left: 43px;
}
.versand .message.check b {
	font-weight: 400;
}

.warenkorb_liste table {
	width: 100%;
	margin-top: 40px;
}

.warenkorb_liste tr {
	border-bottom: 1px solid #d7d7d7;
}
.warenkorb_liste tfoot tr {
	border-bottom: none;
}
.warenkorb_liste tfoot td {
	padding-top: 30px;
}
.warenkorb_liste tfoot .sum {
	text-align: right;
	padding-right: 65px;
}

.list tbody td {
	padding: 27px 0;

}

.list .img img {
	max-width: 85px;
	height: 105px;
	width: auto;
}

.img-wrapper {
	position: relative;
	float: left;
}

.list .rand {
	position: absolute;
	right: -3px;
	top: 0;
	width: 3px;
	height: 105px;
	background: url(_img/listcoverpages.png) no-repeat 0 0 transparent;
	
} 

.list td.img {
	width: 100px;
	text-align: left;
	vertical-align: middle;
}

.list td.text {
	width: 380px;
	padding-right: 12px;
	text-align: left; 
	color: #001e34;
}

.list .text strong {
	display: block; 
	font-size: 18px;
	font-weight: normal;
}

.list .text i {
	padding-top: 8px;
	display: inline-block;

}



.list td.preis {
	font-size: 18px;
	width: 160px;
	text-align: left;
	vertical-align: middle;
}
.list td.menge {
	text-align: left;
	min-width: 120px;
	vertical-align: middle;
}
.list .menge select {
	width: 70px;
	heigth: 22px;
	
}
.menge .pos {
	position: relative;
	display: inline-block;
	height: 23px;
	width: 100px;
}

.menge .pos a {
	position: absolute;
	display: block;
	width: 70px;
	text-align: center;
	left: 0px;
	top: 24px;
	color: #509b00;
	font-size: 12px;
	text-decoration: none;
}
.menge .pos a:hover {
	color: #336200;
	text-decoration: none;
}

.warenkorb_liste th {
	color: #adadad;
	line-height: 27px;
	text-align: left;
	font-weight: normal;
}


.adresse .col {
	width: 48%;
	padding: 0 2% 0 0;
	vertical-align: top;
	float: left;
}

.adresse h4 {
	font-weight: normal;
	color: #adadad;
	border-bottom: 1px solid #adadad;
}

.adresse {
	border-bottom: none;
}
.adresse .spacer  {
	width: 100%;
	height: 56px;
}



.warenkorb_liste .typetext {
	height: 38px;
	margin: 8px 0;
	border: 0;
	color: #001e34;
	
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	border: 1px solid #999999;
	padding: 0 4%;
	width: 92%;
}
.warenkorb_liste .typetext.plz {
	width: 86px;
}

.warenkorb_liste .typetext.readonly {
	border: 1px solid Silver;
}



.warenkorb_liste label {
	vertical-align: middle;
	min-height: 22px;
	margin: 16px 0;
	display: block;
	width: 100%;
}

.warenkorb_liste .typeradiocheck {

	width: 15px;
	height: 15px;
	vertical-align: middle;	
}

.lieferanschrift {
	opacity: 0;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	
}

.lieferanschrift.show {
	opacity: 1;
	height: auto;
}

.zahlung tbody tr {
	border-bottom: none;
	
}

.zahlung tbody tr:first-child td {
	padding-top: 21px;
}
.zahlung td {
	padding-top: 4px;
	width: 100%;
	position: relative;
	
}

.zahlung label {
	height: 47px;
	line-height: 47px;
	margin: 0;
	background: #f3f3f3;
}

.zahlung .typeradiocheck, .rechtlich .typeradiocheck {
	margin: 0 15px 0 19px;
}

.zahlung td .summary {
	top: 21px;
}

.rechtlich tbody tr {
	border-bottom: none;
	
}

.warenkorb_liste .rechtlich {
	margin-top: 80px;
}

.warenkorb_liste hr {
	background: transparent;
	border-bottom: 1px solid #d7d7d7;
	height: 1px;
	margin-bottom: 31px;
}

.warenkorb_liste button.order {
	width: 288px;
	height: 46px;
	margin: 0 auto;
	
}
.button-wrapper {
	text-align: center;
}


.warenkorb_step2 {
	display: none;
}
	
	
.warenkorb_liste .productImage {
	border: 1px solid Silver;
}

#checkout-successMessage {
	font-size: 1.2em;
	padding: 50px;
	background-color: #f9ffe0;
	border: 3px solid #abbe60;
	margin-bottom: 20px;
	box-sizing: border-box;
	display: none;
	text-align: center;
}

#checkout-loading {
	text-align: center;
	padding: 50px;
	display: none;
}


.wcms-layout-element-3col-child h2 {
	border-bottom: 0px !important;
	text-align: left !important;
	letter-spacing: 0px !important;
	text-transform: none !important;
}


.nojs #mobilenav {
	display: none;
}


.searchPoint .wcms-search-searchfield-wrapper {
	float: left;
	margin: 0;
	padding: 4px 10px 4px 12px;
	width: 100%;
	box-sizing: border-box;	
}
.searchPoint .wcms-search-searchfield {
	padding: 3px 3% 3px 3%;
	width: 94%;	
	height: 30px;
}


.searchPoint:after {
	display: none !important;
}



@media only screen and (max-width: 1099px) {	

}

@media only screen and (min-width: 1150px) {
	.details {
		width: 1099px;
	}
}

@media only screen and (max-width: 1149px) {
	
	article {
		padding: 30px 2% 100px;
		width: 96%;
	}
	
	.blocks {
		width: 748px;
		padding: 30px 0 100px;
	}
	
	.details {
		width: 725px;
	}
	
	footer {
		padding: 0 2% 60px;
	}
	
	footer .fc {
		width: 40%;
		padding: 33px 2% 10px 6%;
	}
	
	footer .bg2 {
		left: 50%;
	}
	
	
	
	.warenkorb .mobile {
		display: inline-block;
		margin-left: -6px;
	}
	
	.warenkorb span {
		display: none;
	}
	
	.mobilemenubutton, .warenkorb  {
		display: block;
		
		position: absolute;
		right: 5%;
		top: 0;
		background: #0567ae;
		color: white;
		
		width: 74px;
		height: 74px;
		
		padding: 0;
		background-image: none;
		text-align: center;
		line-height: 74px;
		font-size: 49px;
		
		transition: none;
		
		float: left;
		
		-webkit-font-smoothing: antialiased;
    	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    	
	}
	
	.mobilemenubutton span, .warenkorb span  {
		text-indent: -9999px;	
	}
	
	
	
	nav ul {
		padding: 0 0.5%;
	}
	
	nav ul li a {
		padding: 0 6px;
	}
	
	header h1 {
		padding: 0 2%;
	}
	
	
	
	.mobilemenubutton:hover, .warenkorb:hover  {
		
		color: white;
		
		text-decoration: none;
		-moz-transform: none;
		-webkit-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
		
	}
	
	.mobilemenubutton {
		display: none;
	}
	
	.warenkorb .counter {
		display: block;
		position: absolute;
		bottom: -21px;
		right: -21px;
		top: auto;
		left: auto;
	}
	
	
	.warenkorb_liste .left {
		width: 70%;
	}
	
	.summary-wrapper {
		position: relative;
		width: 29%;
		float: right;
	}
	
	.summary {
		position: relative;
		left: 0;
		top: 0 !important;
		width: 90%;
		padding: 26px 6%;
	}
	
	.versand select {
		float: none;
		width: 70%;
	}
	.versand .message {
		float: none;
		margin-top: 12px;
		border: none;
		width: auto;
		padding-left: 30px;
		background: url(_img/message.png) no-repeat 5px center transparent;
	}
	.versand .clearer {
		clear: none;
	}
	
	
	nav.inner .search {
		position: absolute;
		right: 0;
		top: 0;
		margin: 0 10px;
		height: 39px;
		overflow: hidden;
		width: auto; 
	}
	
	
	nav.inner .wcms-search-searchfield-wrapper {
		background: #0567ae;
		margin: 0 0 !important;
		border-radius: 0 0 4px 4px;
	}
	
	
	nav.inner .wcms-search-searchfield {
		width: 200px;
		height: 24px;
	}
	
	nav.inner .search:hover {
		height: 75px;	
	}
	
	nav.inner .search a {
		display: block;
		height: 39px;
		line-height: 38px;
		color: white;
		padding: 0 11px 0 11px;
		text-decoration: none;
		font-size: 17px;
		text-align: right;
	}
	
	nav.inner .wcms-search-searchfield-wrapper {
		margin: 2px 0;
		
		 

}

@media only screen and (max-width: 747px) {
	
	
	.blocks {
		width: 374px;
	}
	
	#main {
		width: 100%;
		
	}
	
	.details {
		width: 351px;
	}
	
	footer .fc, footer a {
		font-size: 18px !important;
	}
	footer .fc {
		width: 88%;
		padding: 33px 2% 20px 6%;
	}
	
	
	#nav-wrapper {
		position: absolute;
		left: 0;
		top: 0;
		
		-webkit-transform: translateX(-99999px);
		   -moz-transform: translateX(-99999px);
             -o-transform: translateX(-99999px);
		    -ms-transform: translateX(-99999px);
		        transform: translateX(-99999px);
	}
	
	#nav-wrapper nav ul li ul {
		display: block;
	} 
	
	
	
	header h1 {
		padding: 21px 0;
		overflow: hidden;
	}
	header h1 a {
		margin: 0 auto 120px;
		float: none;
		max-width: 98%;
		background-size: contain;
	}
	
	#header30jahre {
		display: none;
	}
	
	
	.mobilemenubutton, .warenkorb  {
		display: block;
		
		
		position: absolute;
		left: 50%;
		right: auto;
		top: 150px;
		
	}
	
		
	.mobilemenubutton {
		margin: 0 0 0 -90px;
	}
	.warenkorb {
		margin: 0 0 0 20px;
	}
	
	.warenkorb_liste .left {
		width: 100%;
		
		
	}
	
	.list td.text {
		padding: 2%;
	}
	
	.list td.text .subtitle {
		display: none;
	}
	
	.list .img {
		display:none;
	}
	
	.list td.menge {
		min-width: 0;
	}
	 
	.list td.menge {
		width: 50px;
	}
	.menge .pos {
		width: auto;
	}
	
	.list td.menge .pos a {
		width: 50px;
	}
	
	.list .menge select {
		width: 50px;
	}
	
	.warenkorb_liste tfoot .sum {
		padding-right: 15px;
	}
	
	.summary-wrapper {
		width: 98%;
		margin-bottom: 20px;
		float: none;
	}


	.adresse .col {
		width: 98%;
	}
	
	.lieferanschrift {
		height: 100px;
		overflow: hidden;
	}

	
	
	
	.threeCols {
		column-count: 1;
		-webkit-column-count: 1;
	}
	
	
	article img {
		max-width: 100%;
		height: auto !important;
	}
	
	div.wcms-layout-element-2col-child, div.wcms-layout-element-3col-child {
		width: 100%;
		margin: 0;
		padding-bottom: 40px;
	}
	
	
	.details .content {
		padding: 38px 20px 30px 16px;	
	}
	
	.flitem {		
		margin: 0 23px 36px 0;
		
	}
	
	.oneopenend .flsort-a {
		opacity: 1;
	}
	
}


@media only screen and (max-width: 375px) {
	#main {
		max-width: 100%;
		width: 100%;
	}

	.blocks {
		width: 100%;
	}
	
	
	.flitem {
		width: 100%;
	}
	
	.product .description {
		width: 100%;
	}
	
	.product .description .content {
		padding: 11px 2% 35px 2%;

	}
	
	.product .cover {
		width: 100%;	
	}
	
	.product .cover .imgc1 {
		width: 45%;
		margin-left: 1%;
	}
	
	.product .cover img {
		max-width: 100%;
	}
	
	.details {
		width: 100%;
	}	
	
	.teaser {
		width: 100%;
		padding-bottom: 20px;
	}



}

@media only screen and (max-width: 290px) {
	.product .cover .imgc1 {
		width: 35%;
	}
	
}

/* mmMenu Styles */
html.mm-opened.mm-bentheim .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-ismenu.mm-bentheim {
  background: #0562a5;
  color: white;
  color: rgba(255, 255, 255, 0.9); }

.mm-menu.mm-bentheim .mm-list > li:after {
  border-color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-bentheim .mm-list > li > a.mm-subclose {
  background: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.9); }
.mm-menu.mm-bentheim .mm-list > li > a.mm-subopen:after, .mm-menu.mm-bentheim .mm-list > li > a.mm-subclose:before {
  border-color: rgba(255, 255, 255, 0.9); }
.mm-menu.mm-bentheim .mm-list > li > a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-bentheim .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-bentheim .mm-list > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-bentheim .mm-list > li.mm-label {
  background: rgba(0, 0, 0, 0.03); }
.mm-menu.mm-bentheim.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-bentheim.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-bentheim .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.9); }
.mm-menu.mm-bentheim li.mm-noresults {
  color: rgba(255, 255, 255, 0.7); }

.mm-menu.mm-bentheim em.mm-counter {
  color: rgba(255, 255, 255, 0.5); }

.mm-menu.mm-bentheim .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-bentheim .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 1); }
  .mm-menu.mm-bentheim .mm-header a:before {
    border-color: rgba(0, 0, 0, 0.3); }


.mm-list > li > a, .mm-list > li > span {
	line-height: 26px !important;
}

.mm-list a.mm-subopen {
	width: 52px !important;
}

.mm-list .navPointSortiment .mm-subopen {
	width: 100% !important;
}

.mm-list a.mm-subopen:after {
	right: 23px !important;
}

.mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span {
	margin-right: 52px;
}