@charset "utf-8";

html { font-size: 16px; line-height: 1.4; }
html, button, input, select, textarea { color: #545454; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; }
body { background: white; }

::-moz-selection {
	background: #1782b9; background: rgba(23,130,185, 0.75);
	color: #fff; text-shadow: none;
}
::selection {
	background: #1782b9; background: rgba(23,130,185, 0.75);
	color: #fff; text-shadow: none;
}

/* Links */

a { color: #1883ba; }
a:hover { color: #ff6699; } /*8e67a0*/
a:focus { outline: none; }
a:active, a:hover { outline: 0; }

h2 a, h3 a { color: black; text-decoration: none; }

/* Headlines */

h1, h2, h3 { font-weight: normal; line-height: 110%; text-align: left; }
h1 { font-size: 2.25em; margin: 0.67em 0; }
h2 { font-size: 1.75em; margin: 0.83em 0; }
h3 { font-size: 1.35em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.67em; margin: 2.33em 0; }

hr {
    border: 0;
    display: block;
    height: 1px;
    margin: 1em 0; padding: 0;
}
audio, canvas, img, svg, video { vertical-align: middle; }
fieldset {
    border: 0;
    margin: 0; padding: 0;
}
textarea { resize: vertical; }

nav ul, nav ol {
	list-style: none; list-style-image: none;
	margin: 0; padding: 0;
}

/* STANDARD Classes */
.required { font-weight: bold; }

.s { font-size: 0.786em; }
.xs { font-size: 0.714em; }

.alignright { text-align: right; }
.alignleft { text-align: left; }
.aligncenter { text-align: center; }
.alignjustify { text-align: justify; }

.margintop { margin-top: 1em; }
.marginright { margin-right: 1em; }
.marginbottom { margin-bottom: 1em; }
.marginleft { margin-left: 1em; }

.right { float: right; }
.left { float: left; }

.msg, .msgerror { margin-bottom: 15px; padding: 4px; }
.msg h2, .msgerror h2 { margin: 0 0 10px 0; }
.msg ul, .msgerror ul { margin-top: 0; }
.msg { background-color: white; border: 1px solid #ddd; }
.msg h2 { color: #444; }
.msgerror { background-color: #C00; border: 1px solid #c00; }
.msgerror, .msgerror h2 { color: #fff; }

.pagenav { text-align: center; }
.pagenav span a {
	font-size: 1.214em; vertical-align: bottom;
	padding: 0 2px;
}
.pagenav a, .pagenav strong { margin: 2px; padding: 2px; }
.pagenav a:hover, .pagenav strong {
	border: 1px solid;
	margin: 1px;
}
.pagenav a, .pagenav a:hover { text-decoration: none; }
.pagenav a:hover { border-style: dotted; }

a.button, button, input[type="submit"], input[type="button"] {
	background: #454545; border-radius: 1px;
	border: 0;
	color: white; font-family: 'Roboto'; text-decoration: none;
	display: inline-block;
	padding: 0 20px;
	transition: background-color 400ms;
}
button[disabled], html input[disabled] { cursor: default!important; background: #838383;}
button[disabled]:hover, html input[disabled]:hover { background: #838383;}
input[type="submit"], input[type="button"], button { line-height: 40px; }
a.button:hover, button:hover, button.important, a.button.important, input[type="submit"]:hover, input[type="button"]:hover { background: #1883BA; }
a.button span, button span {
	display: inline-block;
	height: 40px;
	line-height: 40px;
}
a.button .arrow, button .arrow {
	border-top: 20px solid #f4f4f4; border-bottom: 20px solid #f4f4f4;
	display: block;
	width: 0; height: 0;
	transition: border-color 400ms;
}
a.button.prev, button.prev { padding: 0 20px 0 0; }
a.button.prev .arrow, button.prev .arrow {
	border-right: 20px solid #454545;
	float: left;
	margin-right: 10px;
}
a.button.prev:hover .arrow, button.prev:hover .arrow { border-right-color: #1883ba; }
a.button.next, button.next { padding: 0 0 0 20px; }
a.button.next .arrow, button.next .arrow {
	border-left: 20px solid #454545;
	float: right;
	margin-left: 10px;
}
a.button.next:hover .arrow, button.next:hover .arrow { border-left-color: #1883ba; }
a.button.next:hover, a.button.prev:hover { background-color: #1883ba;}

/* PRIMARY STYLES [layout] */

.wrapper {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 980px;
}

#header .head { height: 120px; }
#header .logo svg { margin-top: 15px; }
#header .logo img { margin-top: 15px; max-width: 174px; max-height: 90px; }
#header .name {
	font-size: 1.125em;
	padding: 30px 0;
	position: absolute; top: 0; bottom: 0; left: 250px;
}
#header .nrverde { position: absolute; top: 38px; right: 0; border-radius: 10px; }
#header a.nrverde { background-color: #454545; }
#header a.nrverde:hover { background-color: #333; }
#nav_language {
	font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; font-size: 0.750em; text-transform: uppercase;
	position: absolute; top: 0; right: 0;
}
#nav_language a { color: #545454; text-decoration: none; }

#nav_main .dropdown, #nav_main .mobile ul { display: none; }

#nav_main {
	background-color: #454545;
	font-family: 'Roboto'; font-size: 0.9em; font-style: normal; font-weight: 400;
	position: relative; z-index: 500;
	width: 100%; height: 40px;
}
#nav_main .wrapper {
	clear: both;
	display: table;
	overflow: visible;
}
#nav_main ul { 
	display: table-row; 
	position: relative;
	min-width: calc(100% + 2px);
}
#nav_main ul li {
	border-left: 1px solid white;
	display: table-cell;
	height: 40px;
	position: relative;
	text-align: left;
}
#nav_main ul li a { text-align: center; }

#nav_main ul > li.nav_product, #nav_main ul > li.nav_shop { position: static; }

#nav_main li:hover > ul { display: block; }
#nav_main div > ul > li > ul { 
	background-color: #fff;
	display: none;
	position: absolute; left: -1px;
	z-index: 1000;
}
#nav_main ul li.nav_product div li a,
#nav_main ul li.nav_product div div div a { text-align: left; }
#nav_main li ul li ul { display: block; }
#nav_main li ul li {
	background-color: #878787;
	border: none;
	color: white;
	display: block;
	height: auto;
	line-height: 30px;
	margin-top: 1px;
	width: 100%;
}
#nav_main li ul li a {
	line-height: 25px;
	padding: 5px 2px;
	text-align: left;
	padding-left: 1em;
}
#nav_main li ul li:first-child { border-top: none; }
#nav_main li ul li ul li {
	border: none;
	margin:0;
	border-top: 1px solid #c3c3c3;
}
#nav_main li ul li ul li:last-child { border-bottom: none; }
#nav_main li > ul li.active > a, #nav_main li ul a:hover, #nav_main li.active ul li a:hover {
	background-color: #c3c3c3;
}
#nav_main li ul li ul li, #nav_main li ul li.active ul li a {
	margin-bottom: 0;
	background-color: #fff;
}
#nav_main li ul li ul li a {
	font-size: 80%;
}
#nav_main li > ul li > ul li { 
	background-color: #fff!important;
	margin-top: 0!important; 
}
#nav_main li > ul li > ul a { color: #1883BA; }

#nav_main a {
	color: white; line-height: 40px; text-decoration: none;
	display: block;
	padding: 0 25px;
}
#nav_main div ul > li.active > a, #nav_main > div > ul > li:hover > a, #nav_main > div > ul > li > a:hover {
	background-color: #fff;
	color: #1883BA;
}
#nav_main > div > ul li:first-child { border-left: none; }
#nav_main .navbox {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	background: white;
	box-shadow:  0 2px 3px 0px rgba(0,0,0,0.15);
	color: #222; font-size: 1.2em;
	display: none;
	padding: 30px 20px;
	position: absolute; left: 0; z-index: 100;
	width: 100%;
}
#nav_main ul li ul li a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 1em;
}
#nav_main ul li ul li ul {
	position: absolute;
	left: -9999px;
	width: auto;
	padding-bottom: 10px;
}
#nav_main ul li ul li:hover ul {
	z-index: 1001;
	left: auto;
	position: absolute;
	margin: -2.5em 0 0 8em;
}
#nav_main > div > ul > li:hover .navbox { display: table; }
#nav_main .navbox ul.sub {
	font-size: 1.1em;
	float: left;
	display: block;
	margin-right: 20px;
	width: 220px;
	min-width: 0;
}
#nav_main .navbox ul.sub li {
	border: 1px solid #e6e6e6;
	border-top: none;
	display: list-item;
	float: none;
	height: 60px;
	text-align: left;
}
#nav_main .navbox ul.sub li:first-child { border-top: 1px solid #e6e6e6; }
#nav_main .navbox ul.sub li.active, #nav_main .navbox ul.sub li:hover { border-right-color: white; border-left-color: white; }
#nav_main .navbox ul.sub a {
	background-color: #878787;
	line-height: 60px;
	padding: 0 15px;
}
#nav_main .navbox ul.sub li.active a {
	background-color: white;
	color: #222;
}
#nav_main .navbox ul.sub li.show a, #nav_main .navbox ul.sub li:hover a { background-color: #c3c3c3; }
#nav_main .topics {
	float: right;
	width: 660px;
}
#nav_main .topics > div {
	clear: left;
	display: none;
	text-align: left;
}
#nav_main .topics > div.active { display: block; }
#nav_main .topics > div a {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	border: 1px solid #e6e6e6;
	color: #222; line-height: 130%;
	display: inline-block;
	float: left;
	margin: 0 20px 10px 0; padding: 6px;
	overflow: hidden;
	width: 318px; height: 100px;
	transition: background-color 500ms;
}
#nav_main .topics > div a.shopcategory { height: auto; }
#nav_main .topics > div a:nth-child(2n) { margin-right: 0; }
#nav_main .topics > div a.active, #nav_main .topics > div a:hover { background-color: #f2f2f2; }
#nav_main .topics > div a img {
	float: left;
	margin-right: 6px;
}
#nav_main .topics > div a strong {
	display: block;
	float: left;
	font-size: 1.1em; font-weight: normal;
	margin-top: 6px;
	overflow: hidden;
	width: 211px; height: 24px;
}
#nav_main .box_shop .topics > div a strong {
	width: 100%;
	margin-top: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
}
#nav_main .topics > div a .teaser {
	display: block;
	float: left;
	margin-bottom: 6px;
	overflow: hidden;
	width: 211px; height: 50px;
}
#nav_main .box_prodotti {
	right: 20px; left: 20px;
	width: 940px;
}

#nav_main .box_shop {
	left: 0;
	right: 0;
	height: 400px;
}
#panorama {
	top: -50px;
	height: 409px;
	overflow: hidden;
}
#panorama .img { position: relative; width: 100%; height: auto; }
#panorama .img .slogan {
	color: #222; font-size: 2.250em; line-height: 130%;
	position: absolute; bottom: 12%; left: 20px;
}
#panorama .img .slogan strong { text-transform: uppercase; }
#panorama .img .slogan span {
	background-color: white; background-color: rgba(255,255,255,0.75);
	display: inline-block;
	margin: 1px 0; padding: 0 5px;
}
#panorama .img .slogan span:last-child { margin-left: 1em; }
#panorama .cycle_nav {
	overflow: hidden;
	position: absolute; right: 0; bottom: -3px; left: 0; z-index: 200;
	text-align: center;
}
.cycle_nav {
	font-size: 300%;
	height: 50px;
}
.cycle_nav:hover { cursor: pointer; }
#panorama .cycle_nav { color: rgba(255,255,255,0.5); }
.showcase .cycle_nav { color: #d4d4d4; }
.cycle_nav .activeSlide { color: #454545; }

#main {
	background-color: #f4f4f4;
	border-top: 1px solid #e6e6e6;
	padding: 45px 0;
}

#footer {
	background-color: #454545;
	color: white; font-family: 'Roboto'; font-style: normal; font-weight: 400;
	padding-top: 20px;
}
#footer, #footer .wrapper { height: 160px; }
#footer .wrapper > address, #footer .wrapper > div, #footer .wrapper > a, #nav_footer {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	display: block;
	float: left;
	min-height: 110px;
	padding: 0 10px;
	width: 33%;
}
#footer .wrapper > div, #footer .wrapper > a, #nav_footer { padding-top: 20px; }
#footer a { color: white; text-decoration: none; }
#footer a:hover { color: #cecece; }
#footer address { font-style: normal; }
#footer .contact table { width: 100%; }
#footer .contact th, #footer .contact td { font-weight: normal; text-align: left; }
#footer .contact th { width: 50px; padding-right: 0.5em; }
#footer .contact th, #footer .contact td { white-space: nowrap; }
#nav_footer ul {
	list-style-image: url(/grafik/template/nav_footer_liste-style.png); list-style-position: left top;
	margin-left: 10px;
}
#footer a.nrverde img { background-color: #3d3d3d; border-radius: 10px; }
#footer a.nrverde:hover img { background-color: #333; }
#fblink { 
	display: block;
	margin-top: 0.3em;
	max-width: 190px;
}
#fblink img {
	height: auto;
	width: 100%;
}
#nav_copyright {
	font-size: 0.688em;
	position: absolute; bottom: 4px;
}
#nav_copyright a:hover { color: #fff; border-bottom: thin solid #777;}
#nav_copyright span { color: #666; }

/* Styles for shop */

/* Divpopup für Privacy Text */
#divpopup { display: none; }
#divpopup-content { width: 100%; max-width: 800px; }

#main .wrapper.shop, #main .wrapper > div.shop { display: table; table-layout: fixed; }
#main .wrapper > div.shop { width: 100%; }
#main #article.shop { 
	display: table-cell;
	padding-left: 40px;
	vertical-align: top;
}
#shopnav {
	background-color: #fff;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	display: table-cell;
	padding: 10px 10px;
	width: 280px; max-width: 280px;
}
#shopnav > * { margin-top: 2em; }
#shopnav > *:first-child { margin-top: 0; }
#shopnav nav > ul > li:first-child { padding-top: 0!important; }
#shopnav nav > ul > li { padding-bottom: 0!important; }
#shopnav nav > ul > li > a {
	background-color: #878787;
	border-top: 1px solid #fff;
	color: #fff !important;
	padding: 5px 15px;
	font-weight: bold;
}
#shopnav nav > ul > li > a:hover {
	background-color: #C3C3C3;
}
#shopnav nav > ul > li > a:first-child { border-top: none; }
#shopnav li > ul > li ul{ padding-left: 30px; }
#shopnav li ul { display: none; }
#shopnav li { padding: 5px 0; }
#shopnav li.active > ul { display: block; }
#shopnav li.active > a { color: #1883BA }
#shopnav li.active.last > a { font-weight: bold }
#shopnav a {
	color: #545454;
	display: block;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	text-decoration: none; 
}
#shopnav li > a:hover { color: #f69; }

#subcategories > a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#shopnav a.wrap {
	overflow: auto;
	white-space: normal;
}

/* Login / logout */
#shopnav #login > * {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	padding: 0.2em 0.5em;
}
#shopnav #login > label {
	background-color: #ddd;
	color: #1883ba;
	display: block;
	font-size: 120%; font-weight: bold;
}
#shopnav #login form { background-color: #eee; }
#shopnav #login form .formrow {
	display: table;
	margin: 0.8em 0;
	width: 100%;
}
#shopnav #login form .formrow > * { display: table-cell; }
#shopnav #login form .formrow label { 
	padding-right: 5px; 
	text-align: right;
	width: 70px;
	white-space: nowrap;
}
#shopnav #login form .formrow input {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	width: 100%;
}
.formsubmit {
	margin-bottom: 0.5em;
	text-align: right;
}
#shopnav #login .info { margin-bottom: 1em; }
#shopnav #login .info span, #shopnav .useraction { font-size: 90%; }
#shopnav #login .info span { display: block; }
#shopnav #login .info .highlight { font-weight: bold; }
#shopnav #login .info > div { margin-top: 0.5em; }
#shopnav #login .info > div:first-child { margin-top: 0; }

.useraction { margin: 1em 0; }
.shopform .useraction { text-align: center; }
#shopnav .useraction.small { font-size: 80%; }
#shopnav .useraction a { display: inline; color: #1883ba; }

/* Slider */
.slidein { display: none; }
#shopnav .slidein { padding: 0.5em 0; }
#shopnav .slidein p:first-child { margin-top: 0; }
.slidein a {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	color: #fff!important;
	display: block;
	padding: 0.5em;
	text-align: center;
	width: 100%;
}

/* Shop-Tablle */
.shoptable { text-align: left; width: 100%; }
.shoptable thead { border-bottom: 1px solid #ccc; }
.shoptable th, .shoptable td { padding: 2px 5px; }
.shoptable td { vertical-align: middle; }
.shoptable th span { font-size: 70%; }
.shoptable .titleth{ min-width: 50%; }
.shoptable input { width: 30px; }
.shoptable tr:first-child td { padding-top: 10px; }
.shoptable tr:nth-child(2n) { background-color: #eee; }
.shoptable .nowrap { white-space: nowrap; }
/*.shoptable .shoparticle img { width: 100%; max-width: 50px; height: auto; } Problem auf IE8*/
.shoptable .popup { display: block; }
.shoptable .shoparticle .shopbutton img {
	height: 23px;
	margin-left: 5px;
	width: 24px;
	vertical-align: -5px;
}
/* Warenkorb und Suchbox */
#basketcontainer { 
	pointer-events: none;
	position: fixed; left: 0; right: 0; bottom: 20px; z-index: 500;
}
#basket-innercontainer {
	background-color: rgba(221,221,221, 0.7);
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	margin-left: 310px;
	padding: 10px 15px;
}
#basket-innercontainer > * { pointer-events: auto; }
#basket-innercontainer a { 
	border: 1px solid #ccc;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	overflow: auto;
}
#basket-innercontainer > .leftright > div.basketdetails { display: table; width: 100%; }
#basket-innercontainer .basketdetails > div { 
	display: table-cell;
	vertical-align: middle;
}
#basket-innercontainer .basketdetails .basketinfo { width: 30%!important; }
#basket-innercontainer .basketdetails .buttoncontainer {
	text-align: right;
	width: 70%!important;
}
#basket-innercontainer .basketdetails .buttoncontainer button { padding: 0.5em 1em; }
#basket-innercontainer .basketdetails .buttoncontainer button span { display: none; }
#basket-innercontainer .basketdetails .buttoncontainer button span.text { display: inline; }

#shopnav .leftright, #basketcontainer .leftright {
	background-color: #ddd;
	display: table;
	width: 100%;
}
#shopnav .leftright > div, #basketcontainer .leftright > div  { 
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	display: table-cell;
	padding: 0.2em 0.5em;
}
#shopnav .leftright div.leftside, #basketcontainer .leftright div.leftside {
	line-height: 40px;
	width: 32px;
	vertical-align: middle;
}
#shopnav .leftright .leftside img, #basketcontainer .leftright .leftside img { max-width: 32px; }
#shopnav .leftright div.rightside, #basketcontainer .leftright div.rightside { 
	background-color: #eee; 
	vertical-align: middle;
}
#shopnav .leftright div.rightside > *, #basketcontainer .leftright div.rightside > * {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	width: 100%; 
}
#shopnav .asearch:hover { cursor: pointer; }
.searchinput {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	height: 32px; 
	padding: 0 10px;
}


a.valuechanger {
	border: 1px solid #ddd;
	border-radius: 12.5px;
	color: #545454;
	display: inline-block;
	line-height: 25px;
	text-align: center; text-decoration: none;
	width: 25px; height: 25px;
}
a.valuechanger:hover {
	background-color: #c3c3c3;
	color: rgba(23,130,185, 0.75);
}
.amnt { text-align: center; }

.discountrow input { 
	margin: 0 5px;
	text-align: center;
	width: 55px; 
}

/* Shop-Formular */
#article .shopform {
	background-color: #eee;
	border: 1px solid #ddd; border-radius: 10px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	clear: both;
	margin: 40px auto 0;
	overflow: auto;
	padding: 15px;
	width: 100%; max-width: 450px;
}
#article .shopform .formrow { margin: 0.8em 0; }
#article .shopform label {
	display: inline-block;
	text-align: right;
	width: 33%;
}
#article .shopform .formsubmit { margin-bottom: 0; }

/* Verfügbarkeit */
.availability {
	border: 1px solid #CCC; border-radius: 50%;
	display: inline-block;
	height: 14px;
	width: 14px;
}
#article > .availability.na { display: none; }
#article > .availability { 
	margin-top: 10px;
	vertical-align: top;
}
.availability + h1 { 
	display: inline-block;
	margin-left: 10px;
	width: calc(100% - 30px);
}
#article > .availability.na + h1 {
	display: block;
	margin-left: 0;
	width: 100%; 
}
.availability.red {
	background: #F44336;
	border-color: #d23c31;
}
.availability.yellow {
	background: #ffeb3b;
	border-color: #efdc35;
}
.availability.green {
	background: #8BC34A;
	border-color: #7aa944;
}

/* CONTENT STYLES [ONLY main article] */

#article {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	text-align: justify;
}
#article > h1 { margin-top: 0; }

#article a { text-decoration: none; }
#article a .filesize { font-size: 0.85em; }

#article section { margin: 1em 0; }

#article figure { margin: 0; padding: 0; }
#article figure figcaption { margin-top: 0.5em; }

#article .column p, #article .column h2, #article .column h3 { margin-top: 0; }
#article .column.n2 {
	-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;
	-moz-column-gap: 60px; -webkit-column-gap: 60px; column-gap: 60px;
}
#article .column.n3 {
	-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;
	-moz-column-gap: 40px; -webkit-column-gap: 40px; column-gap: 40px;
}
#article .column.n4 {
	-moz-column-count: 4; -webkit-column-count: 4; column-count: 4;
	-moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px;
}
#article .column .avoidbreak { -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; column-break-inside: avoid; }

#article .downloads { font-size: 1.2em; }

#article .offers a {
	background-position: center center; background-repeat: no-repeat; background-size: cover;
	border: 1px solid #e8e8e8;
	color: #222; text-decoration: none;
	display: inline-block;
	margin-bottom: 2em;
	margin-right: 1%;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	position: relative;
	width: 32.66%; height: 440px;
	transition: opacity 400ms;
	background-color: #fff;
	overflow: hidden;
}
#article .offers a:hover {
	opacity: 0.75;
	text-shadow: none;
}
#article .offers a:nth-child(3n) { margin-right: 0; }
#article .offers a h2, #article .showcase .cycle a .head h2 {
	font-size: 1em; font-weight: bold; line-height: 32px; text-transform: uppercase;
	height: 32px;
	overflow: hidden;
	margin: 0; padding: 0;
	position: static; right: 0; bottom: 100px; left: 0;
}
#article .offers a h2, #article .showcase .cycle a .head h2 {
	background-color: transparent;
	font-size: 1em; font-weight: bold; line-height: 32px; text-transform: uppercase;
	padding: 0;
	position: static;
}
#article .showcase .cycle a .head h2 { bottom: 0; }
#article .offers a .prices {
	-moz-box-sizing: initial; -webkit-box-sizing:initial; box-sizing: initial;
	background-color: transparent; 
	height: auto;
	margin: 0; padding: 1em;
	position: static;
	line-height: 200%;
}
#article .offers .prices span, #article .offers .prices strong { font-size: 1.1em; }

#article ul.downloads li.pdf { list-style-image: url(/grafik/template/icon_pdf.png); }
#article ul.downloads li.pdf:hover { list-style-image: url(/grafik/template/icon_pdf_over.png); }

/* HELPER Classes */

.hidden {
    display: none!important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px; padding: 0;
    overflow: hidden;
    position: absolute;
    width: 1px; height: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; height: auto;
}
.invisible { visibility: hidden; }

.linethrough { text-decoration: line-through; }

/* CLEARFIX */

.cf:before, .cf:after {
	content: " ";
	display: table;
}
.cf:after { clear: both; }

/* PRINT STYLES */

@media print {
	* {
		background: transparent!important;
		box-shadow: none!important;
		color: #000!important; text-shadow: none!important;
	}
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead { display: table-header-group; }
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}
	h2	, h3 { page-break-after: avoid; }
	
	/* CUSTOM PRINT STYLES */
	
	#header, #aside, #footer, #copyright { display: none; }
	main { background: none; box-shadow: none; margin: 0; }
	main article  { float: none; font-size: 16pt; padding: 0; width: 100%; }
	/*.slidebox dd { display: block!important; }*/
}