/**
 * Bayer Influex eLearning
 *
 * Global stylesheet (all)
 *
 * @author  ralf.heumann@janus-wa.de
 * @link    http://www.janus-wa.de/
 */

/* ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ */
/* Reset browser styles */
/* ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ */

/* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
   v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
   html5doctor.com/html-5-reset-stylesheet/
*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
menu,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}

/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	height: 0px;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, .4);
	border-bottom: 1px solid rgba(255, 255, 255, .4);
	margin: 2.4em 0;
	padding: 0;
}

.ie7 hr,
.ie8 hr {
	height: 1px;
	background: #50a54e;
}

table.data {
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
	border: 2px solid #d5d5d5;
}

table.data tr.odd {
	background-color: #d5d5d5;
}

table.data tr.even {
	background-color: #e7e7e7;
}

table.data th,
table.data td {
	padding: .5em;
	font-size: .875em;
}

table.data th {
	text-align: left;
}

/* Responsive Tables */
.table-wrapper {
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	position: relative;
}

.table-wrapper table {
	margin-top: 0;
	margin-bottom: 0;
}

.table-wrapper.scrollable:after {
	content: "";
	height: 100%;
	width: 8px;
	position: absolute;
	right: 0;
	top: 0;
	background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
	pointer-events: none;
}

.table-wrapper .scroll {
	overflow-x: auto;
	position: relative;
}

input,
select {
	vertical-align: middle;
}

/* END RESET CSS */

label,
input[type=button],
input[type=submit],
button {
	cursor: pointer;
	overflow: visible;
}

input[type="radio"] {
	vertical-align: text-bottom;
}

input[type="checkbox"] {
	vertical-align: bottom;
	*vertical-align: baseline;
}

.ie6 input {
	vertical-align: text-bottom;
}

button::-moz-focus-inner {
	padding: 0;
	border: none;
}

/* .placeholder { color: #aaa; } */

/* ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ */
/* Globals */
/* ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ */

html {
	overflow-x: hidden;
	overflow-y: scroll;
}

.no-fouc [data-showtime],
.no-fouc .bookmark {
	/* Prevent flash of unstyled content */
	visibility: hidden;
}

body {
	-webkit-text-size-adjust: none;
	/* regulate font size on mobile devices */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #333;
	background: #e0e0e0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAADwBAMAAADLFejxAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExUReDg4OHh4e3t7eLi4uvr6+Pj4+zs7OTk5Ofn5+rq6ujo6OXl5enp6ebm5u7u7t/f3yslLmUAAABQSURBVDjLzcRBEYAgAABBKljBClSgghWsYAUqWMEKVKCCFayAc0MBH5y6jw0XwpNnvPoK8QTxHcoVgz+gnKF8YtgFyhvEF4hH6E/44L9p6N/oL/DIckvg+wAAAABJRU5ErkJggg==) center top repeat-x;
}

.ie6 body,
.ie7 body,
.ie8 body {
	font-size: 100%;
}

strong {
	font-weight: bold;
}

legend {
	display: none;
}

fieldset {
	border: 0;
}

a img {
	display: block;
}

picture,
picture img {
	width: 100%;
}

sup,
sub {
	font-size: 80%;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
	bottom: 0.8ex;
}

sub {
	bottom: auto;
	top: 0.8ex;
}

.ie8 sup,
.ie8 sub {
	filter: inherit;
	display: inline-block;
}

.no-csstransforms sup {
	position: static;
	vertical-align: super;
}

.spacer {
	padding-top: 40px;
}

.spacer--small {
	padding-top: 25px;
}

.space {
	margin-bottom: 1.875em !important;
}

.space-top {
	margin-top: 1.875em !important;
}

/*.spacerBottom { margin-bottom: 9em; }*/
.nowrap {
	white-space: nowrap;
}

/* Box border radius */
#player.start span.notice,
.frame,
.sidebox,
#account .dropdown,
.kursModul,
.infocontainer,
.advice,
.conclusion,
.graybox.single,
.silverbox,
.silverbox blockquote,
.wfragen li,
#dragComponents ul#dragzone li,
#dragComponents ul#dropzone li,
#mobileComponents .item,
#dragComponents ul .item,
.connect-boxes,
.bookmark .compare,
.todo {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#overlay {
	height: 100% !important;
}

/*.modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 534px;
	min-width: 300px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	backface-visibility: hidden;
	transform: translateX(-50%) translateY(-50%);
}*/

.modal-content {
	padding: 30px;
	background: #fff;
	border-radius: 0;
	box-shadow: 0 2px 9px rgba(0, 0, 0, .8);
	text-align: center;
	position: relative;
}

.modal-content .ico.modal-attention,
.modal-content .ico.modal-speaker {
	margin-bottom: 1.5em;
}

.modal-content p {
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 1.563em;
	line-height: 1.25em;
	color: #004c21;
}

.modal-content p:last-child {
	margin-bottom: 0;
}

.modal-content a {
	color: #333;
	text-decoration: underline;
}

.modal-content a:hover,
.modal-content a:focus {
	text-decoration: none;
}

.modal-content .modal-close {
	padding: 5px;
	position: absolute;
	right: 10px;
	top: 10px;
	background-color: #004c21;
	border-radius: 50%;
}

.modal-content .modal-close .ico.close-white {
	margin: 0;
	background-image: url(../../images/sprite.png);
}

.modal-show {
	visibility: visible;
}

.modal-overlay {
	background: rgba(0, 0, 0, .5);
	height: 100%;
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 100%;
	z-index: 1000;
}

.no-rgba .modal {
	width: 534px;
	height: 350px;
	margin-left: -267px;
	margin-top: -175px;
}

.no-rgba .modal-overlay {
	background-color: black;
	filter: alpha(opacity=60);
}

.modal-overlay.show {
	opacity: 1;
	visibility: visible;
}

@media only screen and (max-width: 661px) {
	.modal-content .ico.modal-attention {
		width: 44.5px;
		height: 40px;
		margin-bottom: 1em;
		background-size: 44.5px 40px;
	}

	.modal-content .ico.modal-speaker {
		width: 44.5px;
		height: 35.5px;
		margin-bottom: 1em;
		background-size: 44.5px 35.5px;
	}

	.modal-content {
		padding: 15px;
	}

	.modal-content p {
		margin-bottom: 1em;
		font-weight: bold;
		font-size: 1.25em;
		line-height: 1.25em;
		color: #004c21;
	}
}

/* Modal effects* /
/* Effect 10: 3D sign */
.modal.effect-3d-sign {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.effect-3d-sign .modal-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-60deg);
	-moz-transform: rotateX(-60deg);
	-ms-transform: rotateX(-60deg);
	transform: rotateX(-60deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.modal-show.effect-3d-sign .modal-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* beta-change */
img,
object,
embed,
svg {
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

/* beta-change - apply box-model 'border-box' to all elements */
*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ */
/* Structure */
/* ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ */

#container {
	background: transparent url(../../images/background_portal_large_hd.jpg) center top no-repeat;
}

#stage {
	position: relative;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAEOCAYAAACw1IYfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjlGQUU2N0EwNThEMTFFMzg2RkJBQzA3QzFCQjRBMUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjlGQUU2N0IwNThEMTFFMzg2RkJBQzA3QzFCQjRBMUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2OUZBRTY3ODA1OEQxMUUzODZGQkFDMDdDMUJCNEExQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2OUZBRTY3OTA1OEQxMUUzODZGQkFDMDdDMUJCNEExQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnNWLQgAAADQSURBVHja7JfLCsQgDEVrJ9P5//90oQji2+l2dhkQ1OYK3R1Mc3MsVvXeXwdj0f0oDngezAUQIDQDCCkAQgqAkAIgpAAIzQDCHsQDcA9xtdanvK6NMasfV7LWyvukkHPuMV1TjPExh4u898ufmRCCElf6Lx9xS9k6R0opLa9ZzhnviNK/pUspy0tRa5UXj9CuW2sCAx9eemKOWwQ+UbPhpXeYNUa4rD29d4E5btA1JoPSGOH0HMfvmFL6cP8LeeB9Yb+4V66La897OEgc8CvAABzsnFnqxz9eAAAAAElFTkSuQmCC) center bottom repeat-x;
}

#stage.clip {
	overflow: hidden;
}

.no-datauri #stage {
	background-image: url(../../images/stage-bottom-gradient2.png);
}

#stage.bookmarks {
	padding-top: 51px;
}

.lt-ie9 body {
	background: url(../../images/portal_gradient_top.png) left top repeat-x;
}

/* ====================================================================== */
/* Layout Modules
/* ====================================================================== */

.row {
	max-width: 990px;
	margin: 0 auto;
	clear: both;
}

.ie7 .row,
.ie7 .ie-row {
	margin-left: auto;
	margin-right: auto;
	width: 990px;
}

.ie7 .ie-row,
.ie8 .ie-row {
	position: relative;
	top: -32px;
	filter: none;
}

.gapRight {
	margin-right: 1.818%;
}

.gapLeft {
	margin-left: 1.818%;
}

.pullRight {
	margin-right: -1.818%;
}

.pullLeft {
	margin-left: -1.818%;
}

.col {
	float: left;
	margin-left: 1.818%;
}

.c1 {
	width: 45px;
}

.c2 {
	width: 108px;
}

.c3 {
	width: 171px;
}

.c4 {
	width: 234px;
}

.c5 {
	width: 297px;
}

.c6 {
	width: 360px;
}

.c7 {
	width: 423px;
}

.c8 {
	width: 486px;
}

.c9 {
	width: 549px;
}

.c10 {
	width: 612px;
}

.c11 {
	width: 675px;
}

.c12 {
	width: 738px;
}

.c13 {
	width: 801px;
}

.c14 {
	width: 864px;
}

.c15 {
	width: 927px;
}

.c16 {
	float: none;
}

/* Flexible */
.c1.flex {
	width: 4.545%;
}

.c2.flex {
	width: 10.909%;
}

.c3.flex {
	width: 17.272%;
}

.c4.flex {
	width: 23.636%;
}

.c5.flex {
	width: 29.999%;
}

.c6.flex {
	width: 36.363%;
}

.c7.flex {
	width: 42.727%;
}

.c71.flex {
	width: 44.545%;
	padding-top: 2em;
}

.half.flex {
	width: 44.545%;
}

.c8.flex {
	width: 49.090%;
}

.c9.flex {
	width: 55.454%;
}

.c10.flex {
	width: 61.818%;
}

.c11.flex {
	width: 68.181%;
}

.c12.flex {
	width: 74.545%;
}

.c13.flex {
	width: 80.909%;
}

.c14.flex {
	width: 87.272%;
}

.c15.flex {
	width: 93.636%;
}

.third {
	width: 33.33%;
}

.half {
	width: 50%;
}

/* beta-change */
/* Reset margins (:first-child approach) */
.col:first-child,
.col.first {
	margin-left: 0;
}

.col.third:nth-child(3n+1),
.col.c4:nth-child(4n+1),
.col.c8:nth-child(2n+1) {
	clear: both;
	margin-left: 0;
}

/* all browsers except IE6 and lower */


.center {
	float: none !important;
	margin: 0 auto;
	display: block;
	clear: both;
}

/* beta */
.layerwrapper {
	max-height: 100%;
	max-width: 100%;
	position: relative;
	display: inline-block;
}

.layerwrapper img {
	vertical-align: middle;
}

.ie8 .layerwrapper {
	width: 381px;
}

/* beta */
/* bad practice */

.layer {
	position: absolute;
	left: 0;
	top: 0;
}

.full.layer {
	width: 100%;
	height: 100%;
	z-index: 10;
}

.fullwrapper {
	width: 100%;
	height: 100%;
	position: relative;
	border: 1px solid red;
}

.mimicTable {
	width: 100%;
	margin: 0 auto;
	display: table;
	table-layout: fixed;
}

.mimicTableCell {
	height: 100%;
	display: table-cell;
	vertical-align: top;
}

/*.mimicTable img { max-width: none; width: 100%; }*/

.ie7 .mimicTableCell {
	float: left;
}

/* ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ */
/* Header */
/* ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ */

header {
	height: 85px;
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	background: #fff;
	position: relative;
	/*z-index: 11;*/
	z-index: 102;
}

.ie8 header {
	border-bottom: 2px solid #ccc;
}

/* NEW MENU / NAVIGATION */
header {
	z-index: 102;
}

header nav {
	margin: 0;
	border: 0;
	padding: 0;
}

h1 {
	margin-top: 15px;
	margin-right: 30px;
	float: left;
}

h1 a {
	width: 125px;
	height: 47px;
	background-position: 0 -353px;
	text-indent: -9999px;
	display: block;
}

h1.steigerwald a {
	width: 285px;
	height: 55px;
	background-position: 0 -412px;
}

/* Bayer Header */
.bayer-brand {
	position: relative;
	/*float: right;*/
}

.bayer-logo {
	width: 67px;
	height: 67px;
	/*margin-right: 45px;*/
	position: relative;
	margin-top: 9px;
	margin-bottom: 9px;
	margin-left: 20px;
	float: right;
}

.bayer-logo svg {
	position: absolute;
}

/*image { width:100%; height: auto; }*/

/* Support navigation */
nav.support {
	position: absolute;
	right: 87px;
	top: 61px;
}

nav.support li {
	line-height: 1;
	padding-left: .2em;
	margin-left: .2em;
	border-left: 1px solid #999999;
	float: left;
}

nav.support li:first-child {
	padding: 0;
	margin: 0;
	border: 0;
}

nav.support li.bayer-group {
	margin-left: 10px;
	border: 0;
}

nav.support a {
	display: block;
	font-size: .687em;
	color: #5a5a5a;
	text-decoration: none;
}

nav.support a:hover,
nav.support a:focus {
	color: #3c3c3c;
}

/* Progress */
#progress {
	width: 182px;
	margin: 33px 0 0 31px;
}

.made-progress {
	display: inline-block;
	font-size: 13px;
	float: left;
	margin-right: .5em;
}

.complete-progress {
	background-color: #ccc;
	height: 8px;
	border-radius: 2px;
	overflow: hidden;
	margin-top: 0.29em;
}

.complete-progress span {
	width: 0%;
	height: inherit;
	display: block;
	border-radius: 2px;
}

/* Account / Settings */
#account-settings,
#navigation,
#progress {
	float: left;
}

#account-settings {
	position: relative;
}

a.round-button {
	width: 39px;
	height: 39px;
	position: relative;
	background-color: #ccc;
	border-radius: 50%;
	padding: 11px 13px;
	display: inline-block;
	color: white;
	margin: 23px 0 0 10px;
	text-decoration: none;
	transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

a.round-button.settings {}

a.round-button .fa {
	display: block;
}

a.round-button span.nav-arrow {
	position: absolute;
	left: 9px;
	bottom: -22px;
	display: block;
	opacity: 0;
	border-bottom: solid 10px #333333;
	border-left: solid 10px transparent;
	border-right: solid 10px transparent;
	visibility: hidden;
}

a.round-button.active span.nav-arrow {
	bottom: -27px;
	visibility: visible;
	opacity: 1;
	transition: .2s ease-in-out;
}

a.round-button:hover,
a.round-button.active,
.complete-progress span {
	background-color: #18684f;
}

.menu-label {
	margin-left: 5px;
	display: none;
	font-size: .813em;
}

/* Nav */
#main-navigation,
#account-row,
a.round-button span.nav-arrow {
	opacity: 0;
	transition-property: opacity, transform;
}

#main-navigation,
#account-row {
	position: absolute;
	left: 0;
	top: -5px;
	height: 0;
	width: 100%;
	overflow: hidden;
	z-index: 1;
}

.nav-wrapper,
.acc-wrapper {
	position: relative;
	top: 85px;
}

#main-navigation.open,
#account-row.open {
	overflow: visible;
	top: 0;
	left: 0;
	transform: scale(1, 1);
	opacity: 1;
	transition: .2s ease-in-out;
}

.dropdown-container {
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	z-index: 102;
}

.dropdown-container a {
	text-decoration: none;
}

.nav-cols {
	width: 20%;
	width: 33.33%;
	float: left;
	margin-bottom: 2em;
}

.nav-wrapper .chapters {
	margin-left: 0;
	margin-right: 0;
}

.nav-wrapper hr {
	clear: both;
	border-top: 0;
	border-bottom: 1px solid #666;
}

.ie8 .nav-wrapper hr {
	padding-top: 15px;
	background: none;
}

@media only screen and (max-width: 768px) {
	.nav-cols {
		width: 100%;
	}
}


.nav-container {
	-webkit-box-shadow: 0px 9px 0px -4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 9px 0px -4px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 9px 0px -4px rgba(0, 0, 0, 0.2);
	width: 100%;
	background-color: #333333;
	padding: 2.5em 2.5em 2em;
	color: #666666;
	position: relative;
	z-index: 1;
}

.acc-container {
	-webkit-box-shadow: 0px 9px 0px -4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 9px 0px -4px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 9px 0px -4px rgba(0, 0, 0, 0.2);
	width: 250px;
	background-color: #333333;
	color: #666666;
	-webkit-backface-visibility: hidden;
	position: relative;
	z-index: 1;
}

.acc-container p {
	border-top: solid 1px #666666;
	padding: 1em;
}

.acc-container p:first-child {
	border-top: 0 !important;
}

.acc-container p span {
	color: white;
}

.dropdown-container h3.done {
	color: #ffffff;
}

.dropdown-container a:hover,
.dropdown-container li.active a {
	color: #ffffff;
}

.dropdown-container ul {
	margin-top: 1em;
	margin-right: 1em;
}

.dropdown-container li {
	margin-bottom: .6em;
	line-height: 1.3;
}

.close-this {
	color: white !important;
	display: block;
	position: absolute;
	top: .8em;
	right: .5em;
	text-decoration: none;
}


#account {
	margin-top: 14px;
	float: left;

	text-align: left;
	color: #000;
}

#account a {
	color: #00723d;
	text-decoration: underline;
}

#account a:hover,
#account a:focus {
	text-decoration: none;
}

#account .dropdown {
	display: none;
}

#account #profile {
	font-size: .687em;
}

/* Login */
#account form li {
	float: left;
	text-align: left;
}

#account form li .input {
	width: 150px;
	display: block;
	padding: 7px 4px 6px 4px;
	margin-bottom: 5px;
	margin-right: 10px;
	border: 1px solid #ccc;
	border-top: 1px solid #666;
	background: #f2f2f2;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	float: left;
}

#account form li .check {
	margin: -3px 5px 0 0;
	vertical-align: middle;
}

#account form li label {
	font-size: .75em;
	float: left;
	clear: both;
	line-height: 1.9em;
}

#account form a {
	color: #ad0f0a;
	text-decoration: underline;
}

#account form a:hover {
	text-decoration: none;
}

#account form li a.forgotPass {
	font-size: .75em;
	margin-left: -156px;
	margin-top: 3px;
	display: block;
}

#account form li button {
	margin-bottom: 5px;
	padding-top: 9px;
	padding-bottom: 7px;
	font-size: .75em;
}

#account a.logout {
	color: #ad0f0a;
}

.ie7 #account {
	position: relative;
}

.ie7 #account form li a.forgotPass {
	margin: 0;
	position: absolute;
	left: 175px;
	bottom: 4px;
}


/*#progressbar>ol {
    width: 100%;
    height: 7px;
    border-top: 1px solid #c6c6c6;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #c6c6c6;
    list-style: none;
    position: relative;
}
#progressbar li {
    color: #999;
    font-size: 0.625em;
}
#progressbar strong { font-weight: normal; }
#progressbar li li {
    height: 7px;
    width: 7.692%;
    float: left;
    list-style: none;
    border-right: 1px solid #ddd;
    white-space: nowrap;
    background: #e9e9e9;
    background: -moz-linear-gradient(top,  #e9e9e9 0%, #bfbfbf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#bfbfbf));
    background: -webkit-linear-gradient(top,  #e9e9e9 0%,#bfbfbf 100%);
    background: -o-linear-gradient(top,  #e9e9e9 0%,#bfbfbf 100%);
    background: -ms-linear-gradient(top,  #e9e9e9 0%,#bfbfbf 100%);
    background: linear-gradient(to bottom,  #e9e9e9 0%,#bfbfbf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#bfbfbf',GradientType=0 );
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #f8f8f8;
    text-indent: -9999px;
}
#progressbar li span {
    margin-left: -1px;
    padding-left: .5em;
    padding-top: 3px;
    position: absolute;
    top: 8px;
    max-width: 25%;
    border-left: 1px solid #dddddd;
}
.ie7 #progressbar li span { width: 110px; }
#progressbar ol>li:nth-child(2) span { left: 23.076%; }
#progressbar ol>li:nth-child(3) span { left: 61.536%; }
#progressbar ol>li:nth-child(4) span { left: 84.612%; }

#progressbar li li.complete {
    background: #bcd5b9;
    background: -moz-linear-gradient(top,  #bcd5b9 0%, #98ac96 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcd5b9), color-stop(100%,#98ac96));
    background: -webkit-linear-gradient(top,  #bcd5b9 0%,#98ac96 100%);
    background: -o-linear-gradient(top,  #bcd5b9 0%,#98ac96 100%);
    background: -ms-linear-gradient(top,  #bcd5b9 0%,#98ac96 100%);
    background: linear-gradient(to bottom,  #bcd5b9 0%,#98ac96 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcd5b9', endColorstr='#98ac96',GradientType=0 );
    border-top: 1px solid #e6f0e5;
}
#progressbar li li.active {
    background: #006e3b;
    background: -moz-linear-gradient(top,  #006e3b 0%, #00562e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006e3b), color-stop(100%,#00562e));
    background: -webkit-linear-gradient(top,  #006e3b 0%,#00562e 100%);
    background: -o-linear-gradient(top,  #006e3b 0%,#00562e 100%);
    background: -ms-linear-gradient(top,  #006e3b 0%,#00562e 100%);
    background: linear-gradient(to bottom,  #006e3b 0%,#00562e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e3b', endColorstr='#00562e',GradientType=0 );
    border-top: 1px solid #99c7b1;
}
#progressbar li.active { color: #00723d; }

.ie7 header #progressbar { margin: 0 176px; zoom: 1; }
.ie7 #progressbar li { float: left;  }
.ie7 #progressbar li li { width: 48px;  }*/


/* Bookmarks */
#bookmarks {
	width: 100%;
	height: 40px;
	position: absolute;
	top: 0;
	z-index: 10;
	-moz-box-shadow: inset 0 3px 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow: inset 0 3px 0 rgba(0, 0, 0, .2);
	box-shadow: inset 0 3px 0 rgba(0, 0, 0, .2);
}

#bookmarks.scroll::after {
	height: auto;
	bottom: 0;
}

.bmWrapper {
	overflow-x: auto;
}

#bookmarks ul,
#bookmarks h3 {
	padding-left: 1.818%;
	white-space: nowrap;
	vertical-align: top;
}

.ie8 #bookmarks ul {
	margin-top: 0;
}

#bookmarks li {
	display: inline-block;
}

.ie7 #bookmarks li {
	float: left;
}

#bookmarks li.active a {
	color: #333;
	background-color: #fff;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #fff;
	filter: none;
}

/*.no-boxsizing { height: 36px; }*/

#bookmarks h3 {
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
	position: relative;
	z-index: 1;
}

#bookmarks a,
#bookmarks h3 {
	height: 40px;
	padding-top: 11px;
	font-size: 13px;
	color: #fff;
}

#bookmarks a {
	padding-left: 8px;
	padding-right: 18px;
	display: block;
	text-decoration: none;
}

.bookmark {
	padding: 50px 0;
	/*line-height: 1.286em;*/
	top: 40px;
	left: 1.818%;
	right: 1.818%;
	color: #333;
	-webkit-box-shadow: 0px 9px 0px -4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 9px 0px -4px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 9px 0px -4px rgba(0, 0, 0, 0.2);
	background: #fff;
	z-index: 11;
	-webkit-backface-visibility: hidden;
}

.ie7 .bookmark,
.ie8 .bookmark {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.bookmark a.close {
	top: -15px;
	padding: 13px 20px;
	color: #fff;
	background: #666;
}

.bookmark a.close:after {
	content: "";
	border-color: transparent #666 transparent transparent;
	border-style: solid;
	border-width: 25px 19px;
	left: -38px;
	position: absolute;
	top: 0;
}

.ie8 .bookmark a.close:after {
	border-width: 25px;
	left: -50px;
}

.bookmark a.close .ico {
	margin: 0;
}

.bookmark .hide {
	display: none;
}

.bookmark>.row {
	width: auto;
	padding-left: 0.9375em;
	padding-right: 0.9375em;
	position: relative;
	clear: none;
}

.bookmark .half {
	float: left;
	width: 50%;
	height: auto !important;
}

.bookmark .half img {
	width: 100%;
}

.bookmark p {
	margin-bottom: .875em;
	font-size: .875em;
}

.bookmark h4 {
	font-size: .875em;
}

.bookmark h3 {
	font-size: 1.125em;
	margin-bottom: 1em;
}

.bookmark ul.list {
	margin-bottom: .875em;
}

.bookmark ul.list li {
	font-size: .875em;
}

.bookmark small {
	font-size: .687em;
	line-height: 1.5em;
	display: block;
}

.bookmark a.close {
	font-size: .875em;
	color: #666;
	text-decoration: underline;
	float: right;
	position: relative;
	z-index: 12;
}

.bookmark a.close:hover,
.bookmark a.close:focus {
	text-decoration: none;
}

.bookmark a.close span {
	margin-left: 8px;
}

.bookmark .compare {
	margin-top: 1em;
	margin-bottom: 1em;
	width: 48.5%;
	overflow: hidden;
}

.bookmark .compare h4 {
	font-size: 1em;
	padding: 1.25em 1em;
	background: #00723d;
	color: white;
	text-align: center;
}

.bookmark .compare ul {
	margin-bottom: 1em;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	overflow: hidden;
}

.bookmark .compare ul li {
	padding: .5em 15px 0;
	font-size: .875em;
	text-align: center;
	min-height: 4.1em;
	border-top: 1px solid #fff;
	background: #e9e9e9;
}

.bookmark .compare .rndButton {
	margin: 0 auto 1em;
}

/* ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ */
/* Contents */
/* ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ */

#player {
	margin-left: 20px;
	margin-top: 3px;
	float: right;
	position: relative;
	z-index: 7;
}

#player .button span.ico {
	margin-top: 0;
}

/* beta-change */
#audioDiv {
	display: inline;
}

.me-plugin {
	position: absolute;
}

.mejs-container.mejs-audio {
	/*display: inline-block;*/
	float: left;
	margin-right: 2px;
	position: relative;
	top: -1px;
	background: none;
}

.mejs-container.mejs-audio .mejs-controls {
	background: none;
}

.mejs-container.mejs-audio .mejs-controls .mejs-button button {
	margin: 1px 0 0 0;
	height: auto;
	width: auto;
}

.mejs-container.mejs-audio .mejs-mediaelement {
	display: none;
}

.mejs-container.mejs-audio .mejs-playpause-button button {
	height: auto;
	width: auto;
}

.mejs-container.mejs-audio .mejs-playpause-button button span {
	margin-top: 0;
	margin-right: 0;
}

.mejs-container.mejs-audio .mejs-playpause-button.mejs-play button span {
	background-position: -96px 0;
}

.mejs-container.mejs-audio .mejs-playpause-button.mejs-pause button span {
	background-position: -120px 0;
}

.ie7 .mejs-container.mejs-audio {
	float: left;
	top: 0;
}

.ie8 .mejs-container.mejs-audio {
	top: 0px;
}

#rewindcomment {
	margin-left: 3px;
}

#rewindcomment {
	padding-top: 2px;
}

#player audio {
	display: none;
}

/* beta-change */
#player.start {
	float: none;
	text-align: right;
	display: block;
	position: relative;
	margin-bottom: 1.25em;
}

/*#player.start span.notice {
    position: absolute;
    top: -7px;
    right: 90px;
    display: block;
    color: #fff;
    padding: 10px 20px;
    text-align: left;
    border: 1px solid #fedd00;
    background: #60a686;
    background: -moz-linear-gradient(top,  #60a686 0%, #034828 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#60a686), color-stop(100%,#034828));
    background: -webkit-linear-gradient(top,  #60a686 0%,#034828 100%);
    background: -o-linear-gradient(top,  #60a686 0%,#034828 100%);
    background: -ms-linear-gradient(top,  #60a686 0%,#034828 100%);
    background: linear-gradient(to bottom,  #60a686 0%,#034828 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60a686', endColorstr='#034828',GradientType=0 );
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.78), inset 0 0 1px rgba(254,221,0,.7);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.78), inset 0 0 1px rgba(254,221,0,.7);
    box-shadow: 0 0 4px rgba(0,0,0,.3), inset 0 0 3px rgba(255,255,255,.8);
    z-index: 10;
}*/

.all-elearnings {
	/*width: 95%;*/
	margin: 0 auto;
	padding: 40px 0 70px;
	background: white;
	color: #333;
}

.all-elearnings.sub {
	background: none;
	padding-top: 0;
}

h2+.elearning-box,
.elearning-box:first-child {
	margin-left: 0;
}

.ie7 .all-elearnings {
	padding-bottom: 40px;
}

.slick-list {
	overflow: visible !important;
}

.elearning-box {
	width: 600px;
	padding-left: 40px;
	padding-right: 40px;
	position: relative;
}

.sub .elearning-box {
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	-webkit-transition-property: opacity, transform;
	-moz-transition-property: opacity, transform;
	-ms-transition-property: opacity, transform;
	transition-property: opacity, transform;
	-webkit-transform: scale(.95);
	-moz-transform: scale(.95);
	-ms-transform: scale(.95);
	transform: scale(.95);
	opacity: .33;
	-webkit-font-smoothing: subpixel-antialiased;
}

.ie8 .elearning-box {
	width: 568px;
}

/*Owl Carousel*/
.sub .owl-center>.elearning-box {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.owl-carousel .owl-prev {
	position: absolute;
	top: 50%;
	left: 20px;
}


.owl-carousel .owl-next {
	position: absolute;
	top: 50%;
	right: 20px;
}

.owl-theme .owl-nav {
	margin-top: 0;
}

.owl-dots {
	bottom: -40px;
	margin-top: 20px;
	position: absolute;
	width: 100%;
}

.owl-theme .owl-nav [class*='owl-'] {
	font-size: 36px;
	color: white;
	width: 39px;
	margin: -37px 10px 0;
	padding: 10px;
	background: black;
	text-shadow: none;
	opacity: .15;
	-webkit-transition: opacity 200ms ease-in-out;
	-moz-transition: opacity 200ms ease-in-out;
	-ms-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}

.owl-carousel .owl-prev:hover,
.owl-carousel .owl-prev:focus,
.owl-carousel .owl-next:hover,
.owl-carousel .owl-next:focus {
	background: black;
	opacity: .4;
	-webkit-transition: opacity 200ms ease-in-out;
	-moz-transition: opacity 200ms ease-in-out;
	-ms-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}

.ie8 .owl-carousel .owl-prev,
.ie8 .owl-carousel .owl-next {
	background: black;
	border: 0;
	filter: alpha(opacity=25);
}

.elearning-box .intro {
	padding: 30px 30px 70px;
	min-height: 310px;
	position: relative;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .74);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .74);
	box-shadow: 0 0 20px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .74);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	overflow: hidden;
}

.ie7 .elearning-box .intro,
.ie8 .elearning-box .intro {
	min-height: 260px;
}

.no-boxshadow .elearning-box .intro {
	border: 1px solid #ccc;
}

.elearning-box .intro .button.large {
	position: absolute;
	bottom: 30px;
	z-index: 3;
}

.ie8 .elearning-box .intro .button.large {
	z-index: auto;
}

.intro .inner-wrapper {
	font-size: .875em;
	margin-right: 160px;
	position: relative;
	/*z-index: 2;*/
}

.intro .inner-wrapper p {
	padding-right: 0;
	position: relative;
	z-index: 1;
}

.phytohustil .intro .inner-wrapper p {
	width: 90%;
}

.elearning-box.influex .intro {
	color: white;
	background: #057542 url(../../images/influex-box-bg.png) left top no-repeat;
	background-size: cover;
}

.elearning-box.laif900balance .intro {
	background: #fff url(../../images/laif-box-bg.png) right bottom no-repeat;
	background-size: 100% 92px;
}

.elearning-box.phytohustil .intro {
	color: #333333;
	/*background: #137d43 url(../../images/phytohustil-box-bg.png) left top no-repeat;
    background-size: cover;*/
	background-image: linear-gradient(to top, #d8e7bb 0%, #95c11f 100%);
}

.phytohustil .intro .inner-wrapper p {
	margin-right: 100px;
}

.phytohustil .intro .bgimg {
	bottom: 16px;
	right: -64px;
	max-width: 60%;
}

.elearning-box.iberogast .intro {
	background: #fff url(../../images/intro_iberogast_moos.png) 63% bottom no-repeat;
	/*background: #fff url(../../images/intro_iberogast_moos.png) -297px 245px no-repeat;*/
}

.ie8 .elearning-box.phytohustil .intro {
	background: #007b67 url(../../images/phytohustil-box-bg-2.png) left top repeat-x;
}

.elearning-box.aspirin-complex .intro {
	color: white;
	background-color: #00b394;
	background-image: linear-gradient(to right, #00a88f 0%, #007b67 100%);
}

.ie8 .elearning-box.aspirin-complex .intro {
	background: #90BD1C url(../../images/aspirin-complex-box-bg.png) left top repeat-y;
}

.elearning-box.talcid .intro {
	background: #ffffff url(../../images/talcid-box-bg.jpg) center bottom no-repeat;
}

.elearning-box.priorin-liquid .intro {
	background-color: #fff;
}

.priorin-liquid .bgimg {
	width: 100%;
	right: 0;
	border-radius: 6px;
}

.talcid .intro .bgimg {
	bottom: 50%;
	right: 4%;
	width: 25%;
}

.elearning-box.elevit .intro {
	background-image: url(../../images/elevit/elevit-box-wave.png), url(../../images/elevit/elevit-box-update-e3_kv.png), linear-gradient(0deg, rgba(245, 249, 253, 0) 0%, rgba(230, 241, 249, 0.5) 50%, rgba(205, 227, 242, 0.78) 78%, #b4d4eb 100%);
	background-repeat: no-repeat, no-repeat;
	background-position: right 107.5%, calc(100% + 50px) bottom;
	background-size: 100% 61px, auto 220px, auto;
	background-color: #eef5fb;
}

@media only screen and (min-width: 501px) {
	.elearning-box.elevit .intro {
		background-position: right 107.5%, right bottom;
		background-size: 100% 61px, auto 100%, auto;
	}
}

.elearning-box.elevit .intro p {
	color: #001e68;
}

.elearning-box.lefax .intro {
	background: #fff url(../../images/lefax/lefax-box_bg_mobile.jpg) right center no-repeat;
	background-size: 70%;
	background-position: 140% bottom;
}

@media only screen and (min-width: 501px) {
	.elearning-box.lefax .intro {
		background-image: url(../../images/lefax/lefax-box_bg.jpg);
		background-size: contain;
		background-position: right center;
	}
}

.elearning-box.lefax .intro p {
	color: #268a1c;
}

.bgimg {
	bottom: 0;
	right: 10px;
	position: absolute;
}

.bgimg.thevirus {
	right: -15px;
	bottom: -23px;
}

.bgimg.aspirin-head {
	right: 0;
}

.bgimg.ibero-flasche {
	right: 30px;
	bottom: 30px;
}

.elearning-box .ir.logo {
	height: 56px;
	background-repeat: no-repeat;
	background-position: left top;
}

.ir.influex.logo {
	width: 125px;
	background-image: url(../../images/influex/influex-logo-white.png);
}

.ir.laif900balance.logo {
	width: 136px;
	background: url(../../images/laif900/laif-logo.png) no-repeat;
}

.ir.iberogast.logo {
	width: 161px;
	background: url(../../images/intro-iberogast-logo.png) no-repeat;
}

.ir.phytohustil.logo {
	width: 214px;
	background: url(../../images/intro-phytohustil-logo.png) no-repeat;
}

.ir.aspirin-complex.logo {
	width: 251px;
	background: url(../../images/intro-aspirin-complex-logo.png) no-repeat;
}

.ir.talcid.logo {
	width: 136px;
	background: url(../../images/intro-talcid-logo.png) no-repeat;
}

.ir.priorin-liquid.logo {
	width: 145px;
	background: url(../../images/intro-priorin-liquid-logo.png) no-repeat;
	)
}

.ir.elevit.logo {
	height: 56px;
}

.all-elearnings .ir.lefax.logo {
	margin-bottom: 46px;
	height: 35px;
}

/* Störer */
.ir.band {
	width: 198px;
	height: 136px;
	position: absolute;
	z-index: 2;
	right: -2px;
	top: 0px;
}

.ir.band.gewinnspiel {
	background: url(../../images/band-mit-gewinnspiel.png) no-repeat;
}

.ir.band.coming-soon {
	right: -16px;
	background: url(../../images/band-coming-soon.png) no-repeat;
}


.elearning-box__band {
	padding: .875em 3em .675em;
	position: absolute;
	right: -122px;
	top: 24px;
	width: 400px;
	line-height: 1.3;
	background-color: #fedd00;
	color: #000;
	font-style: normal;
	text-align: center;
	font-weight: bold;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .35);
	z-index: 1;
	transform: rotateZ(30deg);
}

.elearning-box__band .wrap-medium {
	display: block;
}

.elearning-box.iberogast .elearning-box__band {
	color: #fff;
	background-color: #026937;
}

.elearning-box.lefax .elearning-box__band,
.elearning-box.elevit .elearning-box__band {
	top: 20px;
	right: -130px;
}


@media only screen and (max-width: 370px) {
	.elearning-box__band {
		margin: -30px -30px 1em;
		padding-left: 30px;
		padding-right: 30px;
		display: block;
		position: static;
		width: initial;
		transform: none;
		font-size: .875em;
	}

	.elearning-box__band .wrap-medium {
		display: inline;
	}
}


.elearning-box .wimpel {
	display: block;
	height: 64px;
	margin-top: -20px;
	margin-bottom: 10px;
	padding-right: 64px;
	font-size: 1.286em;
	font-weight: bold;
	font-style: normal;
	line-height: 3.3;
	color: #000;
	background: url(../../images/wimpel.png) right top no-repeat;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.64);
	text-align: center;
	position: relative;
	z-index: 1;
}

@media only screen and (max-width: 370px) {
	.elearning-box .wimpel {
		font-size: 1.2em;
		line-height: 3.6;
	}
}

.elearning-box .wimpel:before {
	content: "";
	display: block;
	height: 64px;
	width: 34px;
	position: absolute;
	left: -34px;
	background: url(../../images/wimpel.png) left top no-repeat;
}

.prize-teaser {
	margin-top: 20px;
	padding: 20px 30px;
	background: #468672;
	color: white;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .25);
	box-shadow: 0 0 20px rgba(0, 0, 0, .25);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	overflow: hidden;
}

.prize-teaser.laif {
	background: #63b32e;
}

.prize-teaser.influex {
	background: #057642;
}

.prize-teaser.iberogast {
	background: #026937;
}

.prize-teaser.phytohustil {
	background: #90BD1C;
}

.prize-teaser.aspirin-complex {
	background: #00a88f;
}

.prize-teaser.talcid {
	background: #004587;
}

.prize-teaser.priorin-liquid {
	background: #542988;
}

.prize-teaser.elevit {
	background: #67aede;
}

.prize-teaser.lefax {
	background: #268a1c;
}

.prize-teaser small {
	font-size: 1em;
}

.text .prize-teaser h4 {
	font-weight: normal;
	margin-bottom: .5em;
}

.text .prize-teaser p {
	font-size: .75em;
	margin-bottom: 1em;
}

.text .prize-teaser p em {
	font-size: 1.167em;
	font-style: normal;
	font-weight: bold;
	display: block;
}

.prize-img {
	width: 25%;
	margin-left: 10px;
	margin-right: -20px;
	float: right;
}

.prize-img.anhaenger {
	width: 33%;
	margin-right: -25px;
	margin-top: -24%;
}

.prize-img.charm {
	margin-right: -21px;
	margin-top: -5%;
	width: 56%;
}

.prize-img.shopperbag {
	width: 39%;
	margin-right: -15px;
	margin-top: -1%;
}

.prize-img.douglas {
	width: 61%;
	margin-right: -90px;
}

#dosierung {
	left: 78px;
	top: -47px;
}

.tooltipArea {
	padding-bottom: 65px;
	position: relative;
}

.wfragen {
	margin-bottom: 6em;
}

.wfragen li {
	margin-bottom: 2.5em;
	padding: 10px;
	font-size: 1.25em;
	background: #70bd41;
	border: 1px solid white;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .78);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .78);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .78);
	text-align: center;
	position: relative;
}

.wfragen li.recommendation {
	color: black;
	background: #fedd00;
	font-weight: bold;
}

.ie7 body .wfragen li {
	zoom: 1;
}

#content {
	padding: 30px 0;
}

/* beta-change */
.no-smallscreen #content {
	min-height: 445px;
}

.no-smallscreen #content.collapsed {
	min-height: 0;
}

#content.portal-header {
	padding-top: 50px;
}

#content.portal-header {
	min-height: 439px;
	background: url(../../images/header_pta_learning.jpg) center top no-repeat;
}

.portal-header h2 {
	padding-right: 20px;
}

.sign-in {
	margin-top: -20px;
	padding-top: 20px;
	position: relative;
	overflow: hidden;
}

.ie8 .sign-in {
	margin-top: -110px;
}

.ribbon-wrapper {
	-webkit-box-shadow: 0 -2px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 -2px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 -2px 2px rgba(0, 0, 0, .2);
	margin-top: 0;
	background: #fff;
}

.ribbon-left {
	width: 50%;
	background: #18684f;
	position: absolute;
	top: 10px;
	bottom: 10px;
}

.ribbon-right {
	height: 0;
	position: absolute;
	top: -10px;
	right: -63px;
	z-index: 200;
	border-top: 45px solid #125c45;
	border-right: 45px solid transparent;
	border-bottom: 45px solid #125c45;
	border-left: 38px solid #125c45;
	z-index: 0;
}

.ribbon-right .fold {
	height: 0;
	/* border-bottom: 10px solid #0a4633;
    border-right: 20px solid #0a4633; */
	border-bottom: 10px solid #0a4633;
	border-right: 20px solid transparent;
	position: absolute;
	top: -45px;
	left: -38px;
}

.ribbon-inner p {
	font-size: 1.375em;
	line-height: 54px;
	display: inline;
	color: white;
}

.ie7 .sign-in {
	background: white;
	margin: 0;
}

.ie7 .portal-header#content {
	min-height: 345px;
}

.ie7 .ribbon-wrapper {
	border-top: 1px solid white;
}

.ie7 .ribbon-inner p {
	float: left;
}

.ie7 .ribbon-left {
	top: 11px;
}

.ribbon-inner p em {
	font-style: normal;
}

.ribbon-container {
	top: -10px;
	position: relative;
}

.ribbon-inner {
	padding: 20px 20px 20px 0;
	position: relative;
	background: #18684f;
	z-index: 10;
}


.text p {
	margin-bottom: 1.5em;
}

.text small {
	margin-bottom: 1em;
	font-size: .75em;
	line-height: 1.5em;
	display: block;
}

.text p a,
#content label a,
.text ul.list a {
	text-decoration: underline;
	color: #18684F;
}

.text a.more {
	color: #fedd00;
}

.text p a:hover,
.text p a:focus,
.text label a:hover,
.text label a:focus,
.text a.more:hover,
.text a.more:focus,
.text ul.list a:hover,
.text ul.list a:focus {
	text-decoration: none;
}

.text h2,
.all-elearnings .intro .logo {
	margin-bottom: .8em;
	font-size: 2.250em;
	line-height: 1.25em;
	/* text-shadow: 0 0 5px rgba(0,0,0,.5); */
	font-weight: normal;
	color: #18684f;
}

.text h2:last-child {
	/* beta */
	margin-bottom: 1.5em;
}

.all-elearnings h2 {
	margin-bottom: 1.5em;
	font-size: 1.875em;
	font-weight: normal;
	text-shadow: none;
}

.text h3 {
	margin-bottom: 1em;
	/* beta */
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.375em;
	/* beta */
}

.text h4 {
	margin-bottom: 0;
	font-size: 1em;
	font-weight: bold;
}

#directions {
	padding-bottom: 60px;
	text-align: center;
}

#directions .button,
#directions button {
	margin-left: 5px;
	display: inline-block;
}

#directions .button:first-child,
#directions button:first-child {
	margin-left: 0;
}

.ie7 #directions.row,
.ie8 #directions.row {
	width: auto;
}

.text #directions {
	margin-top: 3em;
}

#portal {
	width: 612px;
	margin: 3em auto 3.25em;
}

#portal li {
	float: left;
	width: 297px;
	position: relative;
}

#portal li.phytohustil,
#portal li.laif {
	float: right;
}

#portal li img.logo {
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .78);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .78);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .78);
}

#portal li img {
	display: block;
	margin-bottom: 1.25em;
}

#portal .virus {
	position: absolute;
	top: -35px;
	left: -145px;

	/*-webkit-animation: idle 8s infinite;
       -moz-animation: idle 8s infinite;
         -o-animation: idle 8s infinite;
            animation: idle 8s infinite;*/
}

/*
@-webkit-keyframes idle {
  50%   { -webkit-transform: rotate(7deg); }
  100%   { -webkit-transform: rotate(0); }
}
@-moz-keyframes idle {
  50%   { -moz-transform: rotate(7deg); }
  100%   { -moz-transform: rotate(0); }
}
@-o-keyframes idle {
  50%   { -o-transform: rotate(7deg); }
  100%   { -o-transform: rotate(0); }
}
@keyframes idle {
  50%   { transform: rotate(7deg); }
  100%   {transform: rotate(0); }
}*/

#portal .fee {
	position: absolute;
	top: -75px;
	right: -165px;

	/*  -webkit-animation: levitate 5s infinite;
       -moz-animation: levitate 5s infinite;
         -o-animation: levitate 5s infinite;
            animation: levitate 5s infinite;*/
}

/*
@-webkit-keyframes levitate {
  50%   { -webkit-transform: translate(0, -10px); }
  100%   { -webkit-transform: translate(0, 0); }
}
@-moz-keyframes levitate {
  50%   { -moz-transform: translate(0, -10px); }
  100%   { -moz-transform: translate(0, 0); }
}
@-o-keyframes levitate {
  50%   { -o-transform: translate(0, -10px); }
  100%   { -o-transform: translate(0, 0); }
}
@keyframes levitate {
  50%   { transform: translate(0, -10px); }
  100%   { transform: translate(0, 0); }
}*/

#portal .bluete {
	position: absolute;
	top: 62px;
	right: -115px;
}

#portal li .button {
	width: 150px;
	padding-left: 20px;
	padding-right: 20px;
	display: block;
}

#portal li p {
	margin-bottom: 1.25em;
}

#gutschein {
	margin-top: -40px;
	margin-bottom: 2em;
	padding: 20px 35px;
	border-right: 6px solid #fff;
	border-bottom: 6px solid #fff;
	border-left: 6px solid #fff;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .78);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .78);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .78);
	background: url(../../images/phyto-blatt.png) right bottom no-repeat;
	position: relative;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

#gutschein h3 {
	font-size: 1.5em;
	line-height: 1.25em;
	font-style: italic;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, .5);
	color: #000;
	margin-bottom: .75em;
}

#gutschein h3 .img {
	vertical-align: middle;
	margin-top: .4em;
}

#gutschein p {
	color: #000;
	margin-bottom: 1.5em;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, .25);
}

#gutschein p.small {
	color: #000;
	font-size: .7em;
	line-height: 1.2em;
	margin-bottom: 0;
}

#gutschein .button {
	margin-right: -15px;
	float: right;
}

#gutschein article {
	margin-right: 19%;
}

.pendant {
	margin-bottom: 1.5em;
	position: absolute;
	right: 20px;
	top: -110px;
}

.ie7 .pendant {
	width: 150px;
}

.grayed {
	font-size: .687em;
	color: #666;
}

.elearning-box p.grayed {
	margin-bottom: 1em;
}

.grayed .ico {
	margin-bottom: 1px;
}

#kurse {
	padding: 35px 0;
	background: #666;
}

.kursModul {
	width: 251px;
	padding: 22px;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.13) 0%, rgba(0, 0, 0, 0.13) 1%, rgba(255, 255, 255, 0.13) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(1%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0.13)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.13) 0%, rgba(0, 0, 0, 0.13) 1%, rgba(255, 255, 255, 0.13) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0.13) 0%, rgba(0, 0, 0, 0.13) 1%, rgba(255, 255, 255, 0.13) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.13) 0%, rgba(0, 0, 0, 0.13) 1%, rgba(255, 255, 255, 0.13) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.13) 0%, rgba(0, 0, 0, 0.13) 1%, rgba(255, 255, 255, 0.13) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#21000000', endColorstr='#21ffffff', GradientType=0);
	border-top: 1px inset #3f3f3f;
	border-right: 1px inset #959595;
	border-bottom: 1px inset #959595;
	border-left: 1px inset #3f3f3f;
}

.kursModul:hover {
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.13) 0%, rgba(0, 0, 0, 0.13) 99%, rgba(0, 0, 0, 0.13) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.13)), color-stop(99%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(0, 0, 0, 0.13)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.13) 0%, rgba(0, 0, 0, 0.13) 99%, rgba(0, 0, 0, 0.13) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0.13) 0%, rgba(0, 0, 0, 0.13) 99%, rgba(0, 0, 0, 0.13) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.13) 0%, rgba(0, 0, 0, 0.13) 99%, rgba(0, 0, 0, 0.13) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.13) 0%, rgba(0, 0, 0, 0.13) 99%, rgba(0, 0, 0, 0.13) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#21ffffff', endColorstr='#21000000', GradientType=0);
	cursor: pointer;
}

.kursModul a {
	color: #fff;
	text-decoration: none;
	display: block;
}

.kursModul img {
	margin-bottom: 1.25em;
}

.kursModul h3 {
	font-size: 1.5em;
}

.kursModul p.schulungsdauer {
	padding-right: 17px;
	margin-bottom: 1.25em;
	background: url(../../images/uhr-small.png) right center no-repeat;
	display: inline-block;
}

.kursModul p {
	font-size: .8em;
}

.infoinfocontainer {
	display: block;
	padding: 20px;
	background: rgb(51, 51, 51);
	background: -moz-linear-gradient(top, rgba(51, 51, 51, 1) 0%, rgba(0, 0, 0, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(51, 51, 51, 1)), color-stop(100%, rgba(0, 0, 0, 1)));
	background: -webkit-linear-gradient(top, rgba(51, 51, 51, 1) 0%, rgba(0, 0, 0, 1) 100%);
	background: -o-linear-gradient(top, rgba(51, 51, 51, 1) 0%, rgba(0, 0, 0, 1) 100%);
	background: -ms-linear-gradient(top, rgba(51, 51, 51, 1) 0%, rgba(0, 0, 0, 1) 100%);
	background: linear-gradient(to bottom, rgba(51, 51, 51, 1) 0%, rgba(0, 0, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0);
	border: 1px solid #000;
	margin-bottom: 3.25em;
}

.infocontainer span {
	padding-left: 70px;
	background: url(../../images/.png) left center no-repeat;
	color: #fff;
	font-style: italic;
	display: block;
}

.infocontainer span a {
	color: #fff;
	text-decoration: underline;
}

.infocontainer span a:hover {
	text-decoration: none;
}

/*#film {
    display: block;
    width: 990px;
    height: 552px;
    background: url(../../images/dummy-film.jpg) left top no-repeat;
}
#film a.play {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../../images/play-button.png) center no-repeat;
}*/

.frame,
.sidebox {
	margin: 0 auto;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
	border: 6px solid white;
}

.frame {
	background: white;
}

.frame img,
.scale img {
	/*  margin-left: auto; /* beta */
	/*  margin-right: auto;*/
	max-width: 100%;
	display: block;
	vertical-align: middle;
	/* beta */
}

.frame a,
.frame span {
	display: block;
	position: relative;
}

/*.frame a::before, .frame span::before, .frame .vidPlayer:before {
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 0 5px rgba(0,0,0,.3);
    box-shadow: inset 0 0 5px rgba(0,0,0,.3);
}*/

.scale.influex.right {
	margin-top: -6%;
}

.videoWrapper {
	line-height: 0;
}

.youtubeWrapper,
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	padding-top: 25px;
	height: 0;
}

.youtubeWrapper iframe,
.embed-container iframe,
.videoWrapper iframe,
.youtubeWrapper video,
.embed-container video,
.videoWrapper video {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	min-width: 100%;
	/*width: 100%;*/
	height: 100%;
}

.youtubeWrapper video,
.embed-container video,
.videoWrapper video {
	background-color: #000;
}

.video.is-playing {
	background-image: none !important;
	background-color: white;
}

.video.is-paused {
	background-color: white;
}

.videoWrapper {
	padding-bottom: 56.25%;
	/* 16:9 */
	position: relative;
	height: 0;
	/* background: white; */
}

.videoWrapper.portrait {
	/* padding-bottom: 150%; */
	padding-bottom: 148.4%;
}

.playicon {
	margin-top: -42px;
	margin-left: -42px !important;
	position: absolute;
	top: 50%;
	left: 50%;
	cursor: pointer;
}

.imglist img {
	margin-top: 4px;
	margin-right: 30px;
	float: left;
}

.imglist h4 {
	font-weight: bold;
}

.imglist ul {
	margin-bottom: 2em;
	overflow: hidden;
}

.imglist ul li {
	margin-bottom: 0;
	overflow: visible;
}

.sidebox {
	width: 188px;
	margin-bottom: 2em;
	padding: 10px;
	position: absolute;
	top: 6px;
	margin-left: -212px;
	border: 4px solid white;
}

.no-boxsizing .sidebox {
	width: 160px;
}

.sidebox img {
	max-width: none;
	margin-bottom: .75em;
}

.sidebox {
	background: #64b449;
}

.sidebox h3 {
	margin-top: .5em;
	margin-bottom: .5em;
	line-height: 1.375em;
	font-size: 1em;
	font-weight: bold;
}

.sidebox h3 a {
	text-decoration: none;
}

.sidebox img {
	margin-right: 1em;
}

.sidebox a {
	color: white;
}

.sidebox a.button {
	color: black;
}

.sidebox a:hover,
.sidebox a:focus {
	text-decoration: none;
}

.sidebox.prices {
	padding-top: 0;
	padding-bottom: 20px;
	text-align: center;
}

.sidebox.prices h3 {
	margin-bottom: 1em;
}

.sidebox.prices.laif {
	padding-bottom: 0;
}

.sidebox .img {
	display: block;
	overflow: hidden;
}

.sidebox .img img {
	display: block;
	margin: -100px auto 0;
}

.sidebox .img.charm img {
	display: block;
	margin: -20px 0 0 0;
	width: 98%;
}

/* Gray boxes */
.graybox.single {
	margin-bottom: 30px;
	overflow: hidden;
}

.graybox.single .header {
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}

.graybox,
.silverbox {
	background: #ececec;
	color: #333;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .78);
}

.graybox .header {
	text-align: center;
	background-color: #fff;
	background-repeat: repeat-x;
	background-position: left bottom;
	border-bottom: 1px solid #c6c6c6;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA/CAMAAAAWu1JmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFpQTFRF+vr68/Pz5ubm6urq9PT06enp7e3t8PDw9/f39fX14uLi5+fn4+Pj7u7u8fHx+/v76+vr8vLy7+/v7Ozs+fn55OTk/v7++Pj46Ojo5eXl/Pz89vb2/f39////FNoyGwAAAD5JREFUeNocwYUBwDAAw7CMmZn+f3NuJH0Kd3/99oHBysNLPV4pZcSJPQvO7JRz4ciEGU9vFPPyzVvVvwADABhxBAlfplh4AAAAAElFTkSuQmCC);
}

.graybox.left {
	-webkit-border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	overflow: hidden;
}

.graybox.right {
	-webkit-border-radius: 0 10px 10px 0;
	-moz-border-radius: 0 10px 10px 0;
	border-radius: 0 10px 10px 0;
	overflow: hidden;
}

/*.graybox.left .header { -webkit-border-radius: 6px 0 0 0; -moz-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; }
.graybox.right .header { -webkit-border-radius: 0 6px 0 0; -moz-border-radius: 0 6px 0 0; border-radius: 0 6px 0 0; }*/
.graybox h2.header,
.silverbox h2 {
	margin: 0;
	padding: 20px 30px;
	font-size: 1.5em;
	font-weight: normal;
	text-shadow: 1px 1px 0 white;
}

.graybox h2.header.picto {
	text-align: left;
	font-size: 1em;
}

.graybox h3.header {
	margin-bottom: 0;
	padding: 20px 30px;
	font-size: 1.125em;
	font-weight: normal;
}

.graybox h4 {
	background: #ccc;
	font-size: 0.875em;
	margin: 2em -30px;
	padding: 5px 30px;
}

.graybox p.header {
	margin-bottom: 0;
	padding: 20px 30px;
	text-align: left;
	overflow: hidden;
}

.graybox.quiz p.header {
	width: 100%;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.graybox p.header .question {
	width: 100%;
	font-weight: bold;
	display: table-cell;
	overflow: hidden;
	vertical-align: middle;
}

.graybox hr {
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #f9f9f9;
	margin: 1em 0;
}

.quiz {
	position: relative;
}

.quiz .group {
	padding-bottom: .5em;
	font-size: 1.125em;
}

.quiz .group .radio {
	overflow: hidden;
}

.quiz .points {
	width: 8em;
	height: 2.5em;
	padding: 0 .5em .5em;
	margin-top: -2.5em;
	font-size: 1.25em;
	line-height: 2.5em;
	text-align: center;
	color: #01733e;
	float: right;
	border-left: 1px solid #bbb;
	border-top: 1px solid #bbb;
	background: url(../../images/nieten.png);
	z-index: 10;
	-webkit-border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .2);
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, .2);
}

.quiz .points strong {
	margin-right: .1em;
	font-size: 150%;
	font-weight: bold;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
	position: relative;
	bottom: -0.4ex;
}

.quiz textarea {
	min-height: 150px;
}

.graybox .body {
	padding: 30px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACPCAMAAAAMcUETAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEhQTFRF4uLi3d3d39/f5OTk29vb5+fn4ODg7Ozs2NjY6enp2dnZ5ubm4eHh3t7e5eXl4+Pj3Nzc2tra6+vr6Ojo6urq1tbW19fX1dXVTfSjAgAAAENJREFUeNp0wQcOgCAQBEBsYKEr+v+fmpD1chRnRBLPz9S8O1e601Cc0RcHNOyIMtfsx7ETWvagC57VjV7NWFWvAAMAuDQH3T5aOs4AAAAASUVORK5CYII=);
	background-repeat: repeat-x;
	border-top: 1px solid #e8e8e8;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-bottom-left-radius: 6px;
	-moz-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.graybox .body.noGaps {
	padding: 0;
}

.ie7.graybox .header {
	background-image: url(../../images/grayboxheader.png);
}

.ie7.graybox .body {
	background-image: url(../../images/grayboxbody.png);
}

span.count {
	width: 50px;
	height: 50px;
	margin-right: 1em;
	display: block;
	float: left;
	font-weight: bold;
	line-height: 50px;
	font-size: 1.5em;
	text-align: center;
	text-shadow: 1px 1px 0 #fff199;
	background: #fedd00;
	border: 1px solid white;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
	border-radius: 26px;
}

.silverbox {
	margin-bottom: 50px;
	padding: 20px;
	background: #fafafa;
	background: -moz-linear-gradient(top, #fafafa 0%, #bfbfbf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #bfbfbf));
	background: -webkit-linear-gradient(top, #fafafa 0%, #bfbfbf 100%);
	background: -o-linear-gradient(top, #fafafa 0%, #bfbfbf 100%);
	background: -ms-linear-gradient(top, #fafafa 0%, #bfbfbf 100%);
	background: linear-gradient(to bottom, #fafafa 0%, #bfbfbf 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#bfbfbf',GradientType=0 );*/
	border: 1px solid #fff;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .78), inset 0 0 4px #fff;
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .78), inset 0 0 4px #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .78), inset 0 0 4px #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ie7 .silverbox,
.ie8 .silverbox,
.ie9 .silverbox.customer {
	background: #bfbfbf url(../../images/silverbox_bg.png) left top repeat-x;
}

.ie9 .silverbox {
	filter: none;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

.ie7 .silverbox.customer,
.ie8 .silverbox.customer,
.ie9 .silverbox.customer {
	background: #e4e4e4 url(../../images/customer_bg.png) left top repeat-x;
}

.silverbox h2 {
	font-size: 1.25em;
	padding: 0;
}

.silverbox.c8.center {
	position: relative;
}

.silverbox.c8.center h3.description,
.silverbox.c8.center h3.condition {
	width: 46%;
	font-size: 1.25em;
	color: white;
	position: absolute;
	top: 20px;
	left: -51%;
	text-align: right;
}

.silverbox.c8.center h3.condition {
	left: auto;
	right: -51%;
	text-align: left;
}

.silverbox .rndButton {
	margin-left: -48px;
	left: 50%;
	bottom: -48px;
	position: absolute;
	clear: both;
}

.content-centered,
.text-center,
.content-center {
	text-align: center;
}

.content-centered h2 img,
.content-center h2 img {
	margin-right: 15px;
	vertical-align: middle;
}

.mimicTableCell.vertical-center {
	vertical-align: middle;
}

.vertical-center:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}

.content-centered .centered,
.text-center .centered,
.content-center .centered,
.vertical-center .centered {
	max-width: 100%;
	display: inline-block;
}

.vertical-center .centered {
	vertical-align: middle;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.intro-slide {
	clear: both;
	height: 365px;
}

.intro-slide h2,
.intro-slide h3 {
	margin-bottom: 0;
}

.silverbox blockquote {
	margin-bottom: 30px;
	padding: 20px;
	font-size: 1.25em;
	background: white;
	-webkit-box-shadow: 0 0 4px #fff;
	-moz-box-shadow: 0 0 4px #fff;
	box-shadow: 0 0 4px #fff;
	border: 2px solid #ccc;
	position: relative;
}

.silverbox.customer {
	padding-top: 263px;
	margin-bottom: -10px;
	position: relative;
	z-index: 1;
}

.silverbox .customer-pic {
	width: 160px;
	text-align: center;
	position: absolute;
	top: 40px;
}

.silverbox .customer-pic.c1 {
	left: 63px;
}

.silverbox .customer-pic.c2 {
	left: 50%;
	margin-left: -80px;
}

.silverbox .customer-pic.c3 {
	right: 63px;
}

.customer-details {}

.customer-details h3 {
	margin-bottom: 1.5em;
	font-weight: normal;
	font-size: 1.5em;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, .4), -1px -1px 0 rgba(0, 0, 0, .5);
}

.no-textshadow .customer-details h3 {}

.customer-details em {
	font-style: normal;
}

.customer-details em.green {
	color: #43a617;
}

.customer-details em.red {
	color: #e10019;
}

.customer-details em.yellow {
	color: #ffa200;
}

.silverbox .photo {
	/*margin-left: -7px;*/
	text-align: center;
	display: inline-block;
	position: relative;
	text-decoration: none;
}

.silverbox .photo img {
	max-width: 100%;
	margin: 0 auto;
	display: block;
}

.photo .spot {
	width: 70px;
	height: 69px;
	margin-top: -15px;
	padding-top: 12px;
	position: absolute;
	top: 50%;
	right: -32px;
	color: white;
	font-size: 1.875em;
	font-weight: bold;
	font-color: white;
	text-align: center;
}

.no-boxsizing {
	height: 57px;
}

.silverbox .photo .plus,
.silverbox .photo .minus {
	text-indent: -9999px;
	position: absolute;
	bottom: 5%;
	right: -17px;
	font-size: 0;
}

/* Bubble tip positioning */

.silverbox blockquote .bubbletip {
	/* basic, up and down tips */
	width: 38px;
	height: 35px;
	position: absolute;
}

.silverbox blockquote.tip-bl .bubbletip {
	bottom: -35px;
	left: 25px;
	background-position: -332px -577px;
}

.silverbox blockquote.tip-lt .bubbletip {
	width: 35px;
	height: 38px;
	top: 30px;
	left: -35px;
	background-position: -375px -577px;
}

.silverbox blockquote.tip-tl .bubbletip {
	top: -35px;
	left: 25px;
	background-position: -620px -574px;
}

.silverbox blockquote.tip-tm .bubbletip {
	top: -35px;
	left: 50%;
	margin-left: -17px;
	background-position: -620px -574px;
}

.silverbox blockquote.tip-tr .bubbletip {
	top: -35px;
	right: 25px;
	background-position: -620px -574px;
}

.no-boxshadow .silverbox blockquote.tip-bl .bubbletip {
	background: url(../../images/bubbletip.png) left bottom no-repeat;
}

.no-boxshadow .silverbox blockquote.tip-lt .bubbletip {
	background: url(../../images/bubbletip_lt.png) right top no-repeat;
}

.no-boxshadow .silverbox blockquote.tip-tl .bubbletip,
.no-boxshadow .silverbox blockquote.tip-tm .bubbletip,
.no-boxshadow .silverbox blockquote.tip-tr .bubbletip {
	background: url(../../images/bubbletip_tl.png) no-repeat;
}

.ie7.no-boxshadow .silverbox blockquote.tip-bl .bubbletip {
	bottom: -30px;
}

.ie7.no-boxshadow .silverbox blockquote.tip-tl .bubbletip,
.ie7.no-boxshadow .silverbox blockquote.tip-tm .bubbletip,
.ie7.no-boxshadow .silverbox blockquote.tip-tr .bubbletip {
	top: -40px;
}

.expert blockquote {
	margin-bottom: 10px;
	margin-top: 5px;
	font-size: 1.125em;
}

.expert p.source {
	font-weight: normal;

}

.expert p.source b {
	color: #63B32E;
}

.customer .wrapquote {
	padding-top: 35px;
	text-align: center;
}

.customer .wrapquote .tip-lt {
	width: 68%;
	margin-left: 6%;
}

.todo {
	width: 100%;
	height: 65px;
	margin-bottom: 10px;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
	box-shadow: 1px 1px 0 #ffffff, -1px -1px 0 #ffffff;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.todo span {
	display: table-cell;
	vertical-align: middle;
}

.ie7 .todo {
	height: auto;
	display: block;
	border: 20px solid black;
}

.ie7 .todo span {
	padding-top: 15px;
	padding-bottom: 15px;
	display: block;
	position: relative;
}

.ie7 .todo.green span {
	padding-bottom: 25px;
}

.todo em {
	font-size: 0.542em;
	font-style: normal;
	display: block;
	font-weight: normal;
}

.todo.green {
	background: #6ecb0a;
	border: 1px solid #60b109;
}

.todo.red {
	background: #cf0000;
	border: 1px solid #b40000;
}

.ie7 .todo,
.ie8 .todo {
	outline: 1px solid #ffffff;
}

ul.cells li {
	padding: 22px 14px;
	border-top: 1px solid rgba(255, 255, 255, .37);
	border-bottom: 1px solid rgba(0, 0, 0, .11);
	text-align: center;
}

.ie7 ul.cells li,
.ie8 ul.cells li {
	border-top: 1px solid white;
	border-bottom: 1px solid #d0d0d0;
}

ul.cells li:first-child {
	border-top: 0;
}

ul.cells li:last-child {
	border-bottom: 0;
}

.advice,
.conclusion {
	margin-bottom: 35px;
	padding: 15px;
	background: #6ab942;
	background: -moz-linear-gradient(top, #6ab942 0%, #2f8911 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6ab942), color-stop(100%, #2f8911));
	background: -webkit-linear-gradient(top, #6ab942 0%, #2f8911 100%);
	background: -o-linear-gradient(top, #6ab942 0%, #2f8911 100%);
	background: -ms-linear-gradient(top, #6ab942 0%, #2f8911 100%);
	background: linear-gradient(to bottom, #6ab942 0%, #2f8911 100%);
	color: white;
	/*text-align: left;*/
	/* beta */
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
	border: 1px solid #2f8911;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #69B841;
	overflow: hidden;
}

.helper {
	margin-bottom: 1.5em;
	text-align: center;
}

.helper:first-child {
	margin-top: -.5em;
}

.ie7 .advice,
.ie8 .advice {
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ab942', endColorstr='#2f8911', GradientType=0);
}

.ie9 .advice {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZhYjk0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZjg5MTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

.advice.widthIcon,
.advice.width-icon {
	padding-left: 73px;
}

.advice .ico {
	position: absolute;
	left: 20px;
	top: 13px;
}

.advice a {
	color: white;
}

.advice a:hover,
.advice a:focus {
	text-decoration: none;
}

.connect-boxes {
	margin-bottom: 35px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .78);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .78);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .78);
	overflow: hidden;
}

.col4 .graybox {
	width: 28%;
	float: left;
}

.col4 .graybox.side-header,
.col3 .graybox.side-header {
	width: 16%;
}

.col4 .graybox.side-header .header,
.col3 .graybox.side-header .header {
	height: 103px;
}

.no-boxsizing .col4 .graybox.side-header .header,
.no-boxsizing .col3 .graybox.side-header .header {
	height: 62px;
}

.col3 .graybox {
	width: 42%;
	float: left;
}

.erkaeltung-bei-kindern .graybox h2.header.picto {
	text-align: center;
}

.erkaeltung-bei-kindern ul.cells li {
	text-align: center;
}

.erkaeltung-bei-kindern .side-header ul.cells li {
	text-align: left;
}

.einnahme-von-influex .graybox.side-header .header {
	height: 54px;
}

.einnahme-von-influex .graybox.side-header .cells li {
	height: 48px;
	text-align: center;
}

.einnahme-von-influex .graybox.side-header .cells li img {
	margin-top: -5px;
}

.einnahme-von-influex .graybox h3.header {
	padding-left: 17px;
	padding-right: 17px;
	height: 54px;
	text-align: left;
}

.einnahme-von-influex ul.cells li {
	text-align: left;
}

.kundenprofile {}

.kundenprofile .greenbox {
	width: 32%;
	margin-left: 2%;
}

.kundenprofile .greenbox:first-child {
	margin-left: 0;
}

.ie7 .kundenprofile .greenbox {
	margin-right: 1.46%;
	width: 31%;
}

.kundenprofile .greenbox .header {
	width: 100%;
	padding: 10px 0;
	font-size: 1.25em;
	background: #006e3b;
	overflow: hidden;
	display: table;
	-webkit-border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	border-top-right-radius: 10px;

}

.kundenprofile .body {
	color: #333;
	padding: 20px 20px;
	background: #e9e9e9;
	text-align: center;
}

.kundenprofile .header .frame {
	margin-left: 10px;
	margin-right: 15px;
}

.ie7 .kundenprofile .header .frame {
	width: 75px;
}

.ie7 .kundenprofile .header h3 {
	width: 60%;
	float: left;
}

.kundenprofile .header h3 {
	width: 64%;
	display: table-cell;
	vertical-align: middle;
}

.suggestion {
	width: 100%;
	height: 85px;
	font-size: 1.125em;
	font-weight: bold;
	background: #5bac52;
	display: table;
	/*border: 1px solid rgba(255,255,255,.75);*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.ie7 .suggestion {
	height: 40px;
	padding-top: 15px;
	padding-bottom: 30px;
	text-align: center;
}

.suggestion span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.leitsymptom-uebersicht {
	margin-bottom: 0;
	background: #cccccc url(../../images/overview_bg.png) left top repeat-x;
	position: relative;
}

.leitsymptom-uebersicht .graybox {
	width: 25%;
	padding: 40px 20px;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: transparent;
	background: transparent url(../../images/overview_border.png) left top no-repeat;
}

.leitsymptom-uebersicht .graybox:first-child {
	background: none;
}

.leitsymptom-uebersicht .graybox h3 {
	text-decoration: underline;
}

.leitsymptom-uebersicht .graybox ul {
	min-height: 120px;
	margin-bottom: 20px;
}

.leitsymptom-uebersicht .wirkstoff {
	padding-top: 40px;
	display: block;
	margin: 0 auto;
}

.leitsymptom-uebersicht .scale {
	display: block;
	margin: 0 auto 40px;
	padding-top: 2em;
}

.leitsymptom-uebersicht .scale img {
	margin: 0 auto;
}

.arrowgrid {
	margin-bottom: 2.5em;
}

.arrowgrid img {
	margin: 0 auto;
}

.graybox span.label {
	display: none;
}

.influex-with-claims {
	position: relative;
	font-size: 1.125rem;
}

.influex-with-claims .txt {
	position: absolute;
	top: 19%;
	left: 40%;
}

.influex-with-claims h3 {
	margin-bottom: 1em;
}

.influex-with-claims ul {
	list-style: disc outside none;
}

.influex-with-claims ul li {
	margin-left: .9em;
	margin-bottom: .25em;
	color: white;
}

.influex-with-claims ul li em {
	font-style: normal;
	color: white;
}

.influex-gewinne,
.laif-gewinne {
	margin-bottom: 1.5em;
	position: relative;
}

.aktion-stoerer {
	width: 175px;
	height: 175px;
	background: url(../../images/aktion-stoerer.png) 0 0 no-repeat;
	position: absolute;
	top: 20px;
	left: -60px;
}

.graph {
	overflow: hidden;
	-webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 1), inset 0 0 10px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0 0 2px rgba(255, 255, 255, 1), inset 0 0 10px rgba(0, 0, 0, 1);
	box-shadow: 0 0 2px rgba(255, 255, 255, 1), inset 0 0 10px rgba(0, 0, 0, 1);
	background: url(../../images/graph_gradient.png) left top repeat-x;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
	position: relative;
}

.graph img {
	margin: 0 auto;
	max-width: 100%;
}

.hatching {
	padding: 49px 0 21px;
	background: url(../../images/dropzone.png);
}

.ie8 .hatching,
.ie7 .hatching {
	border: 1px solid #59A381;
}

.graph h3 {
	margin-bottom: .563em;
	padding: 0 18px;
	font-size: 1.5em;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 1);
}

.graph h3 em {
	color: #e10019;
	font-style: normal;
}

.graph .advice {
	width: 95%;
	margin: -10% 2.5% 0;
}

.ie7 .graph .advice {
	width: 84%;
	margin: -10% 2.5% 0;
}

/* Drag and Drop Components */
#dragComponents {
	position: relative;
}

#dragComponents ul#dragzone li,
#dragComponents ul#dropzone li {
	height: 134px;
	width: 100%;
	margin-bottom: 1.5em;
	-webkit-box-shadow: 0 1px rgba(255, 255, 255, .4), inset 0 1px rgba(0, 0, 0, 1), inset 0 0 5px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 1px rgba(255, 255, 255, .4), inset 0 1px rgba(0, 0, 0, 1), inset 0 0 5px rgba(0, 0, 0, .5);
	box-shadow: 0 1px rgba(255, 255, 255, .4), inset 0 1px rgba(0, 0, 0, 1), inset 0 0 5px rgba(0, 0, 0, .5);
	background: url(../../images/dropzone.png);
	display: table;
	position: relative;
}

#dragComponents ul .item {
	text-shadow: 1px 1px 0 white;
	color: #333;
	background: url(../../images/dragitem.png) left top no-repeat;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .78);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .78);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .78);
	cursor: move;
	z-index: 1;
}

#dragComponents ul .component {
	text-shadow: -1px -1px 0 rgba(0, 0, 0, .75);
	background-repeat: no-repeat;
	background-image: url(../../images/wirkstoffe.png);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}

#dragComponents ul .item,
#dragComponents ul .component {
	width: 360px;
	height: 134px;
	font-size: 1.125em;
	position: absolute;
}

#dragComponents ul .item span,
#dragComponents ul .component span {
	width: 210px;
	height: 134px;
	padding: 0 20px 0 130px;
	display: table-cell;
	vertical-align: middle;
}

.ie7 #dragComponents ul {
	z-index: 0;
}

.ie7 #dragComponents ul .item span,
.ie7 #dragComponents ul .component span {
	display: block;
}

#dragComponents .lachesis .component {
	background-position: 20px 20px;
}

#dragComponents .echinacea .component {
	background-position: 20px -109px;
}

#dragComponents .apis .component {
	background-position: 20px -238px;
}

#dragComponents .aconitum .component {
	background-position: 20px -367px;
}

.dragresult {
	margin: 0 auto;
	padding: 1em;
	text-align: center;
	overflow: hidden;
}

.ie7 .dragresult .button {}

.dragresult .inner {
	padding-top: 50px;
	margin-top: 200px;
	background: url(../../images/dragrightarrow.png) center top no-repeat;
	position: relative;
}

#mobileComponents .dragresult .inner {
	margin-top: 0;
	padding-top: 150px;
	background: none;
}

#mobileComponents .dragresult .inner p:last-child {}

#mobileresult .message {
	width: 100%;
	left: 0;
	top: 20px;
	position: absolute;
}

.wrongmsg h3 {
	color: #900;
}

.correctmsg h3,
.solutionmsg h3,
.startmsg h3 {
	color: #fecc18;
}

.correctmsg,
.wrongmsg,
.solutionmsg {
	display: none;
}

.dragresult h3 {
	margin-bottom: .5em;
	font-weight: bold;
	font-size: 1.5em;
	text-shadow: 0 1px 0px rgba(255, 255, 255, .5), 0 -1px 0px rgba(0, 0, 0, .5);
}

.dragresult p {
	margin-bottom: 1.875em;
	font-weight: bold;
	line-height: 1.25em;
	color: #000;
	text-shadow: 0 1px 0px rgba(255, 255, 255, .3);
}

#solutionbutton,
#solutionbuttonmobile {
	margin: 60px 20px 0;
	display: inline-block;
}


/* Mobile Version */

#mobileComponents .item {
	width: 100%;
	margin-bottom: .5em;
	background: #fafafa;
	background: -moz-linear-gradient(top, #fafafa 0%, #bfbfbf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #bfbfbf));
	background: -webkit-linear-gradient(top, #fafafa 0%, #bfbfbf 100%);
	background: -o-linear-gradient(top, #fafafa 0%, #bfbfbf 100%);
	background: -ms-linear-gradient(top, #fafafa 0%, #bfbfbf 100%);
	background: linear-gradient(to bottom, #fafafa 0%, #bfbfbf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#bfbfbf', GradientType=0);
	border: 1px solid #fff;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .78), inset 0 0 4px #fff;
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .78), inset 0 0 4px #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .78), inset 0 0 4px #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	position: relative;
}

.ie9 #mobileComponents .item {
	filter: none;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

.ie7 #mobileComponents .item,
.ie8 #mobileComponents .item {
	display: block;
}

.ie7 #mobileComponents .item .component {
	width: 99px;
	margin-right: 20px;
	float: left;
}

.ie7 #mobileComponents .item .component span {
	margin-top: 25px;
}

.ie7 #mobileComponents .item .symptom {
	float: left;
	display: block;
	vertical-align: center;
}

#mobileComponents .symptom {
	height: 7em;
	padding: 0 20px 0 0;
	display: table-cell;
	vertical-align: middle;
	text-shadow: 1px 1px 0 white;
	font-size: 1.125em;
	color: #333;
}

#mobileComponents .symptom.correct {
	color: #70bd41;
}

#mobileComponents .symptom.wrong {
	color: #d40000;
}

#mobileComponents .component {
	width: 1%;
	display: table-cell;
	vertical-align: middle;
}

#mobileComponents .component span {
	margin: 0 1.25em;
	display: inline-block;
	vertical-align: middle;
	width: 79px;
	height: 79px;
	background: url(../../images/wirkstoffe_mobile.png);
}

#mobileComponents .component span.lachesis {
	background-position: 0 -79px;
}

#mobileComponents .component span.echinacea {
	background-position: 0 -158px;
}

#mobileComponents .component span.apis {
	background-position: 0 -237px;
}

#mobileComponents .component span.aconitum {
	background-position: 0 -316px;
}

#mobileComponents .component-select {
	width: 100%;
	font-size: 120%;
	margin-bottom: 2em;
}

/*#mobileComponents .hider { display: block; width: 0; height: 0; font-size: 0; margin: 0; padding: 0; border: 1px solid transparent; line-height: 0; overflow: hidden; }*/
.item .check {
	position: absolute;
	/*right: -5px; top: 4px;*/
	left: 75px;
	top: 75px;
	display: none;
}

/* Content Forms */

.form label {
	width: 118px;
	margin-top: 3px;
	margin-right: 6%;
	float: left;
	text-align: right;
}

.form label.rueckruf {
	width: 100%;
	margin-top: 3px;
	margin-right: 0;
	float: none;
	text-align: left;
}

.form label.anrede {
	width: auto;
}

.form input[type="checkbox"],
.form input[type="radio"] {
	vertical-align: -1px;
}

.form .graybox label {
	font-size: .875em;
}

.input,
.select {
	width: 277px;
	padding: 4px 4px;
	margin-right: 5px;
	font-size: .875em;
	border: 1px solid #ccc;
	border-top: 1px solid #666;
	background: #f2f2f2;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input.megainput {
	width: 310px;
	height: 41px;
	margin: -2px 2px 0 0;
	margin-top: -2px;
	margin-right: 2px;
	padding: 0 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 1.063em;
	color: #666;
	-webkit-box-shadow: 0 1px rgba(255, 255, 255, .3);
	-moz-box-shadow: 0 1px rgba(255, 255, 255, .3);
	box-shadow: 0 1px rgba(255, 255, 255, .3);
	border: solid 1px #14653f;
	background: #4c4c4c;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjNzg3ODc4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiM5Njk2OTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMSUiIHN0b3AtY29sb3I9IiNiYWJhYmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMyUiIHN0b3AtY29sb3I9IiNjOGM4YzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxNiUiIHN0b3AtY29sb3I9IiNjZWNlY2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzOSUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NiUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MiUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NyUiIHN0b3AtY29sb3I9IiNkNWQ1ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjNiM2IzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top, #4c4c4c 0%, #787878 3%, #969696 5%, #bababa 11%, #c8c8c8 13%, #cecece 16%, #e9e9e9 39%, #f3f3f3 50%, #fefefe 66%, #ffffff 92%, #f1f1f1 95%, #d5d5d5 97%, #b3b3b3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c4c4c), color-stop(3%, #787878), color-stop(5%, #969696), color-stop(11%, #bababa), color-stop(13%, #c8c8c8), color-stop(16%, #cecece), color-stop(39%, #e9e9e9), color-stop(50%, #f3f3f3), color-stop(66%, #fefefe), color-stop(92%, #ffffff), color-stop(95%, #f1f1f1), color-stop(97%, #d5d5d5), color-stop(100%, #b3b3b3));
	background: -webkit-linear-gradient(top, #4c4c4c 0%, #787878 3%, #969696 5%, #bababa 11%, #c8c8c8 13%, #cecece 16%, #e9e9e9 39%, #f3f3f3 50%, #fefefe 66%, #ffffff 92%, #f1f1f1 95%, #d5d5d5 97%, #b3b3b3 100%);
	background: -o-linear-gradient(top, #4c4c4c 0%, #787878 3%, #969696 5%, #bababa 11%, #c8c8c8 13%, #cecece 16%, #e9e9e9 39%, #f3f3f3 50%, #fefefe 66%, #ffffff 92%, #f1f1f1 95%, #d5d5d5 97%, #b3b3b3 100%);
	background: -ms-linear-gradient(top, #4c4c4c 0%, #787878 3%, #969696 5%, #bababa 11%, #c8c8c8 13%, #cecece 16%, #e9e9e9 39%, #f3f3f3 50%, #fefefe 66%, #ffffff 92%, #f1f1f1 95%, #d5d5d5 97%, #b3b3b3 100%);
	background: linear-gradient(to bottom, #4c4c4c 0%, #787878 3%, #969696 5%, #bababa 11%, #c8c8c8 13%, #cecece 16%, #e9e9e9 39%, #f3f3f3 50%, #fefefe 66%, #ffffff 92%, #f1f1f1 95%, #d5d5d5 97%, #b3b3b3 100%);
}

.ie7 input.megainput {
	margin-top: -15px;
	margin-right: 4px;
}

.ie7 input.megainput,
.ie8 input.megainput {
	padding-top: 13px;
	height: 30px;
	background: white url(../../images/megainput.png) left top repeat-x;
}

.ie9 input.megainput {
	filter: none;
}

;

input.megainput:focus,
input.megainput:active {
	color: #000;
}

.form .checklabel {
	width: auto;
	margin-right: 20px;
	float: none;
	text-align: left;
}

.form .checklist {
	margin-bottom: 1em;
	overflow: hidden;
}

.checkrow .checklabel {
	margin: 0;
	display: block;
	overflow: hidden;
}

.form .check,
.form .radio {
	margin: 0 5px 2px 0;
	vertical-align: middle;
}

.checkrow .check,
.checkrow .radio {
	margin-top: 5px;
	margin-right: 8px;
	float: left;
}

.ie7 .checkrow .check,
.ie7 .checkrow .radio {
	margin-top: 1px;
}

.ie8 .checkrow .check,
.ie8 .checkrow .radio {
	margin-top: 2px;
}

.ie9 .checkrow .check,
.ie9 .checkrow .radio {
	margin-top: 2px;
}

form textarea {
	width: 99.5%;
}

.form .input.tiny-int {
	width: 29px;
}

.form .input.small-int {
	width: 65px;
}

.form .input.medium-text {
	width: 205px;
}

.ie7 .form .input.small-int {
	width: 60px;
}

.group {
	min-height: 27px;
	padding-bottom: 5px;
}

.form .group small {
	margin-left: 140px;
	margin-top: .25em;
	font-size: .875em;
	color: #666;
}

.group.checkrow .checkbox {
	vertical-align: middle;
}

.failed,
.asterisk,
.error {
	color: #ad0f0a;
}

.failed label,
.error label {
	font-weight: bold;
}

.failed .input,
.error .input {
	border: 1px solid #ad0f0a;
}

/* p.error {
	margin-bottom: 1em;
	padding: 1.5em;
	color: white;
	background: #ad0f0a;
} */

.form .input:hover,
.form .input:focus,
#account .input:hover,
#account .input:focus {
	background: #f7f7f7;
}

.rueckruf-boby {
	display: none;
}

yes-boby {
	display: none;
}

.xdsoft_datetimepicker button {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.xdsoft_datepicker button:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* Explanation */
#close-window {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 1000;
}

#forward {
	position: relative;
}

#skip {
	position: relative;
	z-index: 1000;
}

.wrap {
	padding: 20px;
	color: white;
}

.contain {
	overflow: hidden;
}

.explanation {
	width: 210px;
	position: absolute;
	z-index: 1000;
	display: none;
	font: 1em/1.313em 'Neucha', cursive;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

#overlay {
	z-index: 102 !important;
}

.explanation h3 {
	font-weight: normal;
	text-decoration: underline;
	font-size: 1em !important;
	margin: 0 !important;
}

.explanation p {
	font-weight: normal;
	margin: 0 !important;
}

.pointer {
	position: absolute;
	top: 0;
	background: transparent url(../../images/pointers.png);
	/*background:none\9; */
	/* Targets IE only - beta: removed */
}

.explain-bookmarks {
	padding-top: 140px;
	padding-left: 30px;
	left: 140px;
	top: 125px;
}

.explain-bookmarks .pointer {
	width: 100px;
	height: 159px;
	left: 0;
}

.ie7 .explain-bookmarks .pointer,
.ie8 .explain-bookmarks .pointer {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/pointers.png", sizingMethod="crop");
}

.explain-didyouknow {
	padding-top: 70px;
	padding-right: 25px;
	left: 189px;
	top: 123px;
}

.explain-didyouknow .pointer {
	width: 136px;
	height: 100px;
	background-position: -203px top;
	right: 0;
}

.ie7 .explain-didyouknow .pointer,
.ie8 .explain-didyouknow .pointer {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/pointer-progressbar.png", sizingMethod="crop");
}

.explain-progressbar {
	padding-top: 70px;
	padding-right: 25px;
	left: 490px;
	top: -88px;
	margin-left: -300px;
}

.explain-progressbar .pointer {
	width: 136px;
	height: 100px;
	background-position: -203px top;
	right: 0;
}

.ie7 .explain-progressbar .pointer,
.ie8 .explain-progressbar .pointer {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/pointer-progressbar.png", sizingMethod="crop");
}

.explain-player {
	padding-top: 100px;
	right: -8px;
	top: 40px;
}

.explain-player .pointer {
	width: 103px;
	height: 136px;
	background-position: -100px top;
	right: 0;
}

.ie7 .explain-player .pointer,
.ie8 .explain-player .pointer {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/pointer-player.png", sizingMethod="crop");
}

.explain-sound {
	padding-top: 100px;
	right: 28px;
	top: 40px;
}

.explain-sound .pointer {
	width: 103px;
	height: 136px;
	background-position: -100px top;
	right: 0;
}

.ie7 .explain-sound .pointer,
.ie8 .explain-sound .pointer {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/pointer-player.png", sizingMethod="crop");
}

.explain-menu {
	padding-top: 70px;
	padding-right: 25px;
	top: -74px;
	right: auto;
	left: 0;
	margin-left: 0;
}

.explain-profil {
	padding-top: 70px;
	padding-right: 25px;
	top: -74px;
	right: auto;
	left: 77px;
	margin-left: 0;
}

.explain-menu .pointer,
.explain-profil .pointer {
	width: 136px;
	height: 100px;
	background-position: -203px top;
	right: 0;
}

.explain-profil .pointer {
	right: 30px;
}

@media only screen and (max-width: 660px) {
	header {
		height: 66px;
	}

	h1 {
		margin-right: 0;
	}

	.bayer-logo {
		width: 48px;
		height: 48px;
		margin-right: 0;
		margin-left: 10px;
	}

	.bayer-brand .support {
		display: none;
	}

	#progress {
		margin: 0;
		position: absolute;
		bottom: -10px;
		left: 0;
		width: 100%;
	}

	#progress .made-progress {
		display: none;
	}

	.complete-progress,
	.complete-progress span {
		border-radius: 0;
	}

	.nav-wrapper,
	.acc-wrapper {
		top: 66px;
	}

	.dropdown-container ul {
		margin-top: 1em;
	}

	a.round-button {
		margin-top: 15px;
	}

	a.round-button.active span.nav-arrow {
		bottom: -16px;
	}

	.menu-label {
		display: none;
	}

	#account-settings {
		position: static;
	}

	#account-settings,
	#navigation {
		float: right;
	}

	.acc-container {
		width: 100%;
	}

	.explain-progressbar {
		padding-left: 90px;
		padding-top: 100px;
		left: 300px;
		top: -49px;
	}

	.explain-progressbar .pointer {
		width: 100px;
		height: 159px;
		left: 0;
		background-position: left top;
	}

	.explain-bookmarks {
		padding-left: 0;
		padding-top: 90px;
		left: 0px;
		top: 115px;
	}

	.explain-bookmarks .pointer {
		width: 103px;
		height: 136px;
		background-position: -100px top;
		left: auto;
		right: -25px;
	}

	.explain-menu {
		left: auto !important;
		right: 62px !important;
	}

	.explain-profil {
		left: auto !important;
		right: 80px !important;
	}
}

/* Quizresult */
.questionblock {
	padding-left: 30px;
}

.questionblock p {
	margin-bottom: .5em;
}

.questionblock span.ico {
	margin-left: -30px;
}

.questionblock p.result {
	font-size: 1.125em;
	margin-bottom: .5em;
}

.questionblock h4 {
	margin-bottom: .5em;
}

/* Single classes */
.noHorizontalGaps {
	padding-left: 0;
	padding-right: 0;
}

/* ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ */
/* Footer */
/* ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ */

footer {
	padding: 25px 0 50px;
	background: #e0e0e0;
	/* -webkit-box-shadow: 0 -3px 8px rgba(0,0,0,.3);
       -moz-box-shadow: 0 -3px 8px rgba(0,0,0,.3);
            box-shadow: 0 -3px 8px rgba(0,0,0,.3); */
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjFGNkQ0MkQwNEJDMTFFM0IyODdFMkFEMzdDMkU4RDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjFGNkQ0MkUwNEJDMTFFM0IyODdFMkFEMzdDMkU4RDIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMUY2RDQyQjA0QkMxMUUzQjI4N0UyQUQzN0MyRThEMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMUY2RDQyQzA0QkMxMUUzQjI4N0UyQUQzN0MyRThEMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu7mKa4AAAAmSURBVHjaYuzq6nJiIAKwAPFfYhV+JVbhF6or/Eyswm/EKAQIMABM5Ae9oulQ+AAAAABJRU5ErkJggg==) left top repeat-x;
	*/ color: #000;
	position: relative;
}

.no-datauri footer {
	background-image: url(../../images/footer-top-shadow.png);
}

footer h2 {
	margin-bottom: .75em;
	font-size: 1em;
	color: #00723d;
}

footer p {
	margin-bottom: 1em;
	line-height: 1.5em;
	font-size: .75em;
}

p.copy {
	float: left;
}

footer nav ul {
	float: right;
}

footer nav li {
	margin-left: 10px;
	padding-left: 10px;
	padding-bottom: 2px;
	line-height: 1.333em;
	font-size: .75em;
	border-left: 1px solid #333;
	float: left;
}

footer nav li:first-child {
	border: 0;
	padding-left: 0;
	margin-left: 0;
}

footer a {
	color: #333;
	text-decoration: underline;
}

footer a:hover,
footer a:focus {
	text-decoration: none;
}

footer a:visited {
	color: #999;
}

#pflichttext {
	margin-top: 8px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}

#pflichttext p {
	margin-bottom: 2em;
}

.callbackrow {
	margin-top: 9px;
	padding-top: 15px;
	padding-bottom: 5px;
	text-align: center;
	border-top: 1px solid #ccc;
}

.ie7 .callbackrow {
	margin-top: 18px;
}

.callbackrow .row {
	border-radius: 4px;
}

.callbackrow .row .button {
	margin: .5em 0 .5em 1em;
	padding-left: 1.75em;
	padding-right: 3em;
	color: #000;
}

.callbackrow .row span.cbtext {
	font-size: .875em;
}

.ie7 .callbackrow .row .button {
	vertical-align: middle;
}

/*.js *[data-showtime] { display: none; }*/
/* :root.slideDone [data-showtime].keepHidden { display: none; } */

.preventHidden[data-showtime],
.preventHidden *[data-showtime] {
	display: block;
}

/* ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ */
/* Special styles / fixes */
/* ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ */

.ie7 .stopper hr,
.ie8 .stopper hr {
	filter: alpha(opacity=40);
	border-top: 1px solid black;
	border-bottom: 1px solid white;
}

.ie8 .layerwrapper,
.ie8 .arrow_yellow,
.ie8 .inheritfilter {
	filter: inherit;
	display: inline-block;
}

.ie8 .inheritfilterblock {
	filter: inherit;
	display: block;
}

/* Sprites */
h1 a,
.ico,
.mejs-container.mejs-audio .mejs-playpause-button button span,
.rndButton,
.silverbox blockquote .bubbletip {
	background-image: url(../../images/sprite.png);
	background-repeat: no-repeat;
	vertical-align: middle;
}

/* Icons */
.ico,
button span {
	width: 24px;
	height: 24px;
	margin-right: 6px;
	margin-top: -2px;
	display: inline-block;
}

/*fixes bug on Wissentest as user: 'Um Ihnen Ihr Dankeschön'... the close button was egg shaped*/
.ico.close.ir {
	margin-right: 0;
}

.bmWrapper .ico,
.bookmark .ico.close {
	background-image: url(../../images/iberogast/sprite.png);
	/* Dirty but fast ... */
}

.bmWrapper .active .ico {
	background-position: -360px 0px;
}

.bmWrapper .active .didYouKnow {
	background-position: -336px 0px;
}

.mejs-container.mejs-video .ico {
	display: none;
}

.forward {
	margin-top: -2px;
	margin-right: 0;
	margin-left: 6px;
	background-position: -96px 0;
}

.inactive .forward {
	margin-top: -3px;
	margin-right: 0;
	margin-left: 6px;
	background-position: -264px 0;
}

.repeat {
	background-position: -24px 0;
}

.reload {
	width: 33px;
	height: 33px;
	background-position: -216px -72px;
}

.speaker {
	background-position: -48px 0;
}

.back {
	margin-top: -2px;
	background-position: -72px 0;
}

.play {
	background-position: -96px 0;
}

.pause {
	background-position: -120px 0;
}

.close {
	background-position: -144px 0;
}

.close-white {
	background-position: -435px 0;
}

.register {
	background-position: -172px 0;
}

.callback {
	background-position: -384px 0;
}

.info {
	width: 33px;
	height: 33px;
	background-position: -1px -73px;
}

.info2 {
	background-position: -192px 0;
}

.clock {
	background-position: -216px 0px;
}

.ico.check {
	width: 34px;
	height: 34px;
	background-position: -398px -150px;
}

.check.wrong {
	background-position: -363px -150px;
}

.check.correct {
	background-position: -328px -150px;
}

.questionblock .correct {
	background-position: -336px 0;
}

.questionblock .wrong {
	background-position: -360px 0;
}

.didYouKnow {
	background-position: -312px 0px;
}

.green.spot {
	background-position: 0 -176px;
}

.red.spot {
	background-position: -70px -176px;
}

.yellow.spot {
	background-position: -140px -176px;
}

.plus {
	width: 40px;
	height: 40px;
	background-position: -214px -176px;
}

.minus {
	width: 40px;
	height: 40px;
	background-position: -257px -176px;
}

.warning {
	margin-top: -5px;
	background-position: -408px 0;
}

.ico.modal-attention {
	width: 89px;
	height: 80px;
	background-image: url(../../images/attention.png);
	background-size: 100%;
}

.ico.modal-speaker {
	width: 88px;
	height: 71px;
	background-image: url(../../images/speaker.png);
	background-size: 100%;
}

.notice .tip {
	width: 16px;
	height: 19px;
	margin: 0;
	position: absolute;
	right: -13px;
	top: 12px;
	background-position: -310px -589px;
}

/* Tooltip */
#player span.tooltip {
	min-width: 165px;
	padding: 15px;
	top: 50%;
	right: 90px;
	transform: translate(0, -50%);
	z-index: 8;
	white-space: nowrap;
	animation: move 1s infinite .1s;
}

@-webkit-keyframes move {
	50% {
		-webkit-transform: translate(-10px, -50%);
	}
}

@-moz-keyframes move {
	50% {
		-moz-transform: translate(-10px, -50%);
	}
}

@-o-keyframes move {
	50% {
		-o-transform: translate(-10px, -50%);
	}
}

@keyframes move {
	50% {
		transform: translate(-10px, -50%);
	}
}

.tooltip {
	padding: 20px;
	font-size: 1em;
	background: #70bd41;
	color: white;
	box-shadow: -1px 3px 2px -3px rgba(0, 0, 0, 0.5), 0px 4px 7px -2px rgba(0, 0, 0, 0.4);
	position: absolute;
}


.tooltip .tip {
	width: 0;
	height: 0;
	margin: -10px 0 0 0;
	border-width: 10px;
	border-color: transparent;
	border-style: solid;
	position: absolute;
	top: 50%;
	background: none;
	color: #70bd41;
}

.tooltip.rm .tip {
	right: -20px;
	border-left-color: currentColor;
}

.tooltip.rm::before {
	content: "";
	position: absolute;
	background: inherit;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}

.tooltip.rm::after {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	background: transparent;
	transform-origin: 70%;
	transform: rotate(45deg) translateY(-50%);
	box-shadow: 2px 0px 3px -1px rgba(0, 0, 0, .5);
	top: 50%;
	right: 3px;
	z-index: -2;
}

#dosierung .tip {
	top: 64px;
}

.wfragen .tip {
	width: 68px;
	height: 32px;
	position: absolute;
	background-position: -475px -576px;
	bottom: -32px;
	left: 50%;
	margin-left: -34px;
}

.no-boxshadow .wfragen .tip {
	background-position: -544px -576px;
}

/* Pictograms */
span.picto {
	width: 61px;
	height: 62px;
	margin-right: 20px;
	display: inline-block;
	background-image: url(../../images/pikto_influ-facts.png);
	background-repeat: no-repeat;
	vertical-align: middle;
}

.picto .incidence {
	background-position: left top;
}

.picto .duration {
	background-position: -61px top;
}

.picto .fever {
	background-position: -122px top;
}

/* Buttons */
.button,
button,
.mejs-container.mejs-audio .mejs-playpause-button button {
	padding: 8px 15px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: black;
	border-radius: 4px;
	/*    background: #fedd00;
    background: -moz-linear-gradient(top,  #fedd00 0%, #fada00 14%, #eacc00 48%, #ddc000 52%, #bea600 100%);
    background: -o-linear-gradient(top,  #fedd00 0%,#fada00 14%,#eacc00 48%,#ddc000 52%,#bea600 100%);
    background: -ms-linear-gradient(top,  #fedd00 0%,#fada00 14%,#eacc00 48%,#ddc000 52%,#bea600 100%);
    background: linear-gradient(to bottom,  #fedd00 0%,#fada00 14%,#eacc00 48%,#ddc000 52%,#bea600 100%);*/
	/*box-shadow: 0 2px 4px rgba(0,0,0,.78), inset 0 0 1px rgba(254,221,0,1);*/
	background-position: top left;
	background-color: #ffd400;
	background-image: linear-gradient(to top, rgba(220, 166, 0, 0.14) 0%, rgba(220, 166, 0, 0.35) 39%, transparent 68%, transparent 100%);
	border-radius: 2px;
	box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.47);
	border: 0;
	text-decoration: none;
	white-space: nowrap;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, .7);
	cursor: pointer;
	display: inline-block;
}

.mejs-container.mejs-audio .mejs-playpause-button button {
	float: left;
}

.ie7 .button,
.ie7 button,
.ie8 .button,
.ie8 button,
.ie9 .button,
.ie9 button {
	background: url(../../images/button_bg.png) left center repeat-x;
}

.ie7 .mejs-container.mejs-audio .mejs-playpause-button button,
.ie8 .mejs-container.mejs-audio .mejs-playpause-button button,
.ie9 .mejs-container.mejs-audio .mejs-playpause-button button {
	background: url(../../images/button_bg.png) left center repeat-x !important;
}

.button.inactive,
button.inactive {
	color: #666;
	background: #bebebe;
	background: -moz-linear-gradient(top, #ffffff 0%, #dedede 50%, #bebebe 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #dedede), color-stop(100%, #bebebe));
	background: -webkit-linear-gradient(top, #ffffff 0%, #dedede 50%, #bebebe 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #dedede 50%, #bebebe 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #dedede 50%, #bebebe 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #dedede 50%, #bebebe 100%);
	box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.47);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bebebe',GradientType=0 );*/
	cursor: default;
}

.ie8 .button.inactive,
button.inactive {
	color: #666;
	background: #bebebe;
}

.ie7 .button.inactive,
.ie7 button.inactive,
.ie8 .button.inactive,
.ie8 button.inactive,
.ie9 .button.inactive,
.ie9 button.inactive {
	background: url(../../images/button_bg_inactive.png) left center repeat-x;
}

.button:hover,
.button:focus,
button:hover,
button:focus,
.mejs-container.mejs-audio .mejs-playpause-button button:hover,
.mejs-container.mejs-audio .mejs-playpause-button button:focus {
	box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.47)
}

.button:active,
button:active {
	box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.47);
}

.button.inactive:hover,
.button.inactive:focus,
button.inactive:hover,
button.inactive:focus {
	box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.47);
}

.icon-left .ico {
	margin-left: -5px;
}

.icon-right .ico {
	margin-right: -5px;
	margin-left: 6px;
}

.big.icon-left span.ico {
	margin-left: -10px;
}

.big.icon-right span.ico {
	margin-right: -10px;
}

.rndButton {
	width: 96px;
	height: 38px;
	background-position: -625px -33px;
	display: block;
	text-indent: -9999px;
}

/*.rndButton:hover { background-position: -625px -91px; }*/


/* Button optimization */

button {
	padding-top: 10px;
	padding-bottom: 10px;
}

button.icon-left,
button.icon-right,
.ie8 button {
	padding-bottom: 8px;
}

.button.notext {
	padding: 3px;
}

button.notext {
	padding: 5px 3px 3px;
	height: 30px;
}

.mejs-container.mejs-audio .mejs-playpause-button button {
	padding: 3px;
}

.button.notext span,
button.notext span {
	margin-left: 0;
	margin-right: 0;
}

.notext.large {
	position: relative;
}

.button span {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

button.large,
.button.large {
	padding-left: 80px;
	padding-right: 80px;
}

button.big,
.button.big {
	padding: 15px 40px;
}

button.center,
.button.center {
	margin: 0 auto;
}

button.nomargin span,
.button.nomargin span {
	margin: 0;
}

.ie7 .button,
.ie8 .button,
.ie7 button,
.ie8 button {
	zoom: 1;
}

.ie7 button {
	margin-bottom: -2px;
	padding-top: 6px;
	padding-bottom: 5px;
}

.ie8 button {
	padding-top: 8px;
	border: 1px solid #ceb400;
}

.ie7 .button.notext {
	margin-bottom: 1px;
}

.ie7 .button.notext span,
.ie7 button.notext span {
	margin: 0;
}

.ie7 button.notext {
	padding: 0 3px 1px;
}

.ie8 button.notext {
	padding-top: 3px;
}

.ie7 .button span,
.ie7 button span,
.ie8 .button span,
.ie8 button span {
	text-indent: 0;
}

.ie7 .mejs-container.mejs-audio .mejs-playpause-button button,
.ie8 .mejs-container.mejs-audio .mejs-playpause-button button {
	margin: 0 0 0 -5px;
}

.ie7 .mejs-container.mejs-audio .mejs-playpause-button button {
	padding-bottom: 0;
}

/* Old Browser message */
.ltie8,
.noJS,
.noflash {
	color: white;
	padding: 7px 20px;
	background: #d40000;
	border-bottom: 1px solid #b00000;
	border-top: 1px solid #e90000;
	text-align: center;
}

.ltie8 a,
.noJS a,
.noflash a {
	color: white;
}

.ltie8 a:hover,
.ltie8 a:focus,
.noJS a:hover,
.noJS a:focus,
.noflash a:hover,
.noflash a:focus {
	text-decoration: none;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */
.placeholder {
	min-height: 1px;
}

.debug,
.db {
	border: 1px solid #d66;
	background: rgba(221, 102, 102, .20);
}

.debugMonitor {
	position: fixed;
	left: 0;
	top: 0;
	padding: 10px;
	color: white;
	background: rgba(0, 0, 0, 0.5);
	z-index: 200;
}

.lt-ie9 .debugMonitor {
	background: #000;
}

.testbox {
	width: 100%;
	height: 150px;
	margin-bottom: 30px;
	padding: 20px;
	background: #a51815;
	color: white;
}

.testbox small {
	display: block;
	font-size: 80%;
	color: black;
	font-style: italic;

}

.testbox:first-child {
	margin-left: 0;
}

.lorem {
	color: fuchsia;
}

span.lorem {
	border: 0;
}

/* Clearfix */
.clear:before,
.clear:after,
.row:before,
.row:after,
.group:before,
.group:after,
.ie-row:before,
.ie-row:after {
	content: "\0020";
	display: block;
	height: 0;
	visibility: hidden;
}

.clear:after,
.row:after,
.group:after,
.ie-row:after {
	clear: both;
}

.clear,
.row,
.group,
.ie-row {
	zoom: 1;
}

.ie-row {
	margin-top: 0;
}

.clearer {
	clear: both;
	line-height: 0;
	font-size: 0;
}

.clear-both {
	clear: both;
}

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
	display: none !important;
	visibility: hidden;
}

/*
 * Hide only visually, but leaving the dimensions
 */
.sentinel {
	visibility: hidden;
}

/*.ie8 .sentinel { border:solid 1px red; }*/

/*
* Hide visually, but move element out of its regular flow
*/

.temphidden {
	position: absolute;
	visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.inline-img {
	display: inline-block;
}

.inline-img img {
	max-width: none;
	width: 100%;
}

/*  Hide-text */
.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* Hide elements */
.inv {
	display: none;
}

/* Floats */
.left {
	float: left;
}

.right {
	float: right;
}

.center-outer {
	float: right;
	position: relative;
	left: -50%;
	text-align: left;
}

/* Centered floats */
.center-inner {
	position: relative;
	left: 50%;
}

.center-inner .frame {
	position: relative;
}

.text ol {
	padding-left: 1.3em;
}

.ie7 .text ol {
	padding-left: 1.5em;
}

.list {
	padding-left: 1.2em;
	/*list-style: disc outside none;*/
}

.text .list,
.text ol {
	margin-bottom: 2em;
}

.list ul {
	margin-left: 1em;
	/*list-style: disc outside none;*/
}

.list li {
	list-style: disc outside none;
}

.last {
	margin-right: 0 !important;
	padding-right: 0 !important;
	border-right: 0 !important;
}

.flex.img .frame {
	margin-top: .5em;
}

.flex.img.topimg {
	margin-bottom: 1.5em;
}

.ie7 .flex.img.topimg {
	width: 40%;
}

.mobile-only {
	display: none;
}

.ie8 .mobile-only {
	display: none !important;
}

.relative {
	position: relative;
}

.align-middle {
	margin-left: -.32em;
	vertical-align: middle;
	display: inline-block;
}

[class*="column"].align-middle+.align-middle.end[class*="column"],
.column.align-middle,
.columns.align-middle {
	float: none;
}

.align-middle:first-child {
	margin-left: 0;
}


/* ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ */
/* Responsive + Media Queries */
/* ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ */


/* Breakpoint > 850px --------------------------------------------------- */

@media only screen and (min-width: 850px) {
	.menu {
		display: block !important;
	}
}

/* Breakpoint > 990px --------------------------------------------------- */

@media only screen and (min-width: 990px) {
	.connect-boxes .graybox {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
}

/* Breakpoint < 1200px --------------------------------------------------- */

@media only screen and (max-width: 1200px) {
	.bookmark .hide {
		display: none;
	}
}

/* Breakpoint < 1023px --------------------------------------------------- */

@media only screen and (max-width: 1023px) {
	.sidebox {
		width: 100%;
		padding: 0;
		position: static;
		top: auto;
		margin-left: 0;
		display: table;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.sidebox .cell {
		width: 100%;
		display: table-cell;
		vertical-align: middle;
	}

	.sidebox .cell h3 {
		margin-top: 0;
	}

	.sidebox h3 {
		font-size: 1.5em;
	}

	.sidebox img {
		float: left;
		margin-bottom: 0;
	}

	.sidebox.prices {
		text-align: left;
	}

	.sidebox.prices .img {
		width: 27%;
		float: left;
		margin: 0 5% 0 1em;
	}

	.sidebox.prices .img img {
		margin-top: -70%;
	}

	.sidebox.prices .img.charm img {
		margin-top: 0;
	}

	.sidebox.prices.laif {
		display: block;
	}

	.sidebox.prices.laif h3 {
		margin-top: 8.5%;
	}

	.enlarge[href] {
		position: relative;
		display: inline-block;
		max-width: 100%;
		vertical-align: middle;
	}

	.enlarge[href] i {
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		padding: .5em;
		background-color: transparent;
		color: #111111;
		/* text-shadow: 1px 1px white; */
		font-size: 1.5em;
	}
}

/* Breakpoint < 990px --------------------------------------------------- */

@media only screen and (max-width: 990px) {
	.bookmark {
		left: 0;
		right: 0;
	}

	#bookmarks ul {
		padding-left: 0;
	}

	.row {
		width: 95%;
		margin: 0 auto;
	}

	.flex.img.left {
		/* padding-right: 20px; */
		float: none;
		width: auto;
		overflow: hidden;
	}

	.c7.flex.img.left.topimg {
		/* padding-right: 20px; */
		float: left;
		width: 42.727%;
	}

	.flex.img.noHorizontalGaps {
		padding-left: 0;
		padding-right: 0;
	}

	#portal .virus {
		width: 50%;
		left: -40px;
	}

	#portal .fee {
		width: 30%;
		left: -10px;
		top: -20px;
		-moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
		filter: FlipH;
		-ms-filter: "FlipH";
	}

	#portal .bluete {
		width: 35%;
		left: -15px;
		top: -15px;
	}

	#content .c12 {
		width: 100%;
	}

	.fit-half {
		width: 50%;
	}

	div.frame.virus.fit-half {}

	/* Gray boxes */
	.connect-boxes {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		overflow: visible;
	}

	.connect-boxes .graybox.left,
	.connect-boxes .graybox.right {
		width: 48%;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}

	.col3 .graybox {
		width: 49%;
		margin-right: 2%;
	}

	.col3 .graybox:last-child {
		margin-right: 0;
	}

	.col4 .graybox {
		width: 32%;
		margin-right: 2%;
	}

	.col4 .graybox:last-child {
		margin-right: 0;
	}

	.col4 .side-header,
	.col3 .side-header {
		display: none;
	}

	.graybox span.label {
		display: block;
	}

	.erkaeltung-bei-kindern .graybox {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		overflow: hidden;
	}

	/*.graybox.left .header, .graybox.right .header { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }*/
	.col4 .graybox,
	.leitsymptom-uebersicht .graybox {
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}

	.col4 .graybox .header {
		-webkit-border-top-left-radius: inherit;
		-webkit-border-top-right-radius: inherit;
		-moz-border-top-left-radius: inherit;
		-moz-border-top-right-radius: inherit;
		border-top-left-radius: inherit;
		border-top-right-radius: inherit;
	}

	.leitsymptom-uebersicht {
		margin-bottom: 2em;
		background: none;
	}

	.leitsymptom-uebersicht .graybox {
		width: 49%;
		margin-left: 2%;
		margin-bottom: 2%;
		background: #cccccc url(../../images/overview_bg.png) left top repeat-x !important;
	}

	.leitsymptom-uebersicht .graybox:nth-child(2n+1) {
		margin-left: 0;
	}

	.leitsymptom-uebersicht .graybox {
		width: 49%;
		margin-left: 2%;
		margin-bottom: 2%;
		background: #cccccc url(../../images/overview_bg.png) left top repeat-x !important;
	}

	.leitsymptom-uebersicht .largeimg,
	.leitsymptom-uebersicht .scale.row {
		margin-bottom: 0;
	}

	.arrowgrid {
		display: none;
	}

	.triplearrow {
		width: 70%;
	}

	.influex-with-claims {
		font-size: 1em;
	}

	#mobileComponents .dragresult {
		clear: both;
	}

	#mobileresult .message {
		position: static;
	}

	#mobileComponents .dragresult .inner {
		padding-top: 0;
		margin-top: 0;
		position: static;
	}

	.silverbox.c8.center h3.description,
	.silverbox.c8.center h3.condition {
		padding-bottom: 1em;
		font-size: 1.125em;
		width: auto;
		position: static;
		color: #333;
		text-align: center;
	}

	.pendant {
		top: -90px;
	}

	.aktion-stoerer {
		top: -20px;
		left: auto;
		right: 10px;
	}
}

/* Breakpoint < 900px --------------------------------------------------- */

@media only screen and (max-width: 900px) {
	.silverbox.customer {
		width: 100%;
	}

	.graph {
		width: 96%
	}

	footer .copy {
		text-align: center;
		float: none;
	}

	footer nav ul,
	footer nav li {
		margin: 0 0 1em;
		padding: 0;
		border: 0;
		text-align: center;
		float: none;
	}

	footer nav li {
		margin: 0 0 .5em;
	}
}

/* Breakpoint < 850px --------------------------------------------------- */

@media only screen and (max-width: 850px) {
	h1.steigerwald {
		margin-top: 26px;
	}

	h1.steigerwald a {
		width: 186px;
		height: 32px;
		background-position: -407px -424px;
	}

	.ribbon-container.row {
		width: auto;
	}

	.ribbon-inner {
		padding: 20px;
	}

	.ribbon-inner p {
		font-size: 1.25em;
	}

	.ribbon-right {
		display: none;
	}
}

/* Breakpoint < 768px --------------------------------------------------- */

@media only screen and (max-width: 768px) {
	header nav {
		border-right: 0;
	}

	header .row {
		border-top: 0;
	}

	#progressbar {
		width: 100%;
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: absolute;
		left: 0;
		bottom: -15px;
		box-shadow: 0 0 3px rgba(0, 0, 0, .8);
	}

	#progressbar>ol,
	#progressbar li li {
		height: 12px;
		border-top: 0;
		border-bottom: 0;
	}

	#progressbar li span {
		display: none;
	}

	#bookmarks {
		top: 0;
	}

	.col3 .graybox,
	.col4 .graybox {
		width: 100%;
		margin-bottom: 30px;
	}

	.pendant {
		top: -70px;
	}

	.influex-with-claims .txt {
		left: 33%;
	}

	.kundenprofile .greenbox .header,
	.suggestion {
		font-size: 1em;
	}

	.ribbon-inner {
		padding-top: 25px;
		padding-bottom: 30px;
		text-align: center;
	}

	.ribbon-inner p {
		margin-bottom: 1em;
		line-height: normal;
		display: block;
	}

	.ribbon-inner .button {
		float: none;
	}

	.portal-header {
		min-height: 0;
		background-position: center bottom;
		background-size: auto 340px;
	}

	#content.portal-header {
		padding-top: 40px;
	}

	/*.elearning-box {
    padding-left: 20px;
    padding-right: 20px;
}*/
	.elearning-box .prize-img {
		width: 35%;
		margin-top: -15%;
		text-align: center;
	}

	.elearning-box .prize-img.charm {
		margin-top: -7%;
		width: 46%;
	}

	.elearning-box .prize-img.douglas {
		margin-top: 5%;
		width: 75%;
	}
}

/* Breakpoint < 767px --------------------------------------------------- */

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

	/*#container { overflow-y: hidden; }*/
	body {
		overflow: visible !important;
	}

	#account form {
		font-size: 120%;
	}

	#account .dropdown {
		width: 40px;
		height: 40px;
		display: block;
		background-color: #fff;
		border: solid 1px #d4d4d4;
		background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .12), rgba(255, 255, 255, .12));
		background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .12), rgba(255, 255, 255, .12));
		background-image: -o-linear-gradient(top, rgba(0, 0, 0, .12), rgba(255, 255, 255, .12));
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, .12), rgba(255, 255, 255, .12));
		-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2), inset 0 -8px rgba(0, 0, 0, .1);
		-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2), inset 0 -8px rgba(0, 0, 0, .1);
		box-shadow: 0 0 3px rgba(0, 0, 0, .2), inset 0 -8px rgba(0, 0, 0, .1);
	}

	#account .dropdown span {
		text-indent: -9999px;
		background-image: url(../../images/sprite.png);
		background-repeat: no-repeat;
		background-position: -164px -353px;
		vertical-align: middle;
		width: 17px;
		height: 10px;
		margin: 16px auto 0;
		display: block;
		font-size: 0;
	}

	#account .login {
		width: 100%;
		padding: 15px 0;
		position: absolute;
		left: 0;
		top: 82px;
		/* font-size: 140%; */
		z-index: 100;
		background: white;
		-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .8);
		-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .8);
		box-shadow: 0 0 4px rgba(0, 0, 0, .8);
		background: #ffffff;
		background: -moz-linear-gradient(top, #ffffff 78%, #e9e9e9 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(78%, #ffffff), color-stop(100%, #e9e9e9));
		background: -webkit-linear-gradient(top, #ffffff 78%, #e9e9e9 100%);
		background: -o-linear-gradient(top, #ffffff 78%, #e9e9e9 100%);
		background: -ms-linear-gradient(top, #ffffff 78%, #e9e9e9 100%);
		background: linear-gradient(to bottom, #ffffff 78%, #e9e9e9 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e9e9e9', GradientType=0);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#account #profile {
		font-size: .875em;
		padding: 1em 1.818%;
		/* line-height: 140%; */
	}

	#account .menu {
		display: none;
	}

	#account form li,
	#account .wrap {
		width: 95%;
		margin: 0 auto 10px;
		float: none;
		clear: both;
	}

	#account form li .input {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
		float: none;
	}

	#account form li label {
		float: none;
	}

	#account form li button {
		margin-top: -30px;
		margin-bottom: 15px;
		float: right;
	}

	#account form li a.forgotPass {
		margin: 0;
		clear: both;
		text-align: right;
	}

	#content .c10,
	#content .c11 {
		width: 100%;
	}

	/* beta */
	.bookmark .compare {
		width: 100%;
		text-align: center;
	}

	.bookmark .compare ul li {
		min-height: 2em;
	}

	.influex-with-claims {
		font-size: .875em;
		line-height: 1.125em;
	}

	elearning-box .kundenprofile .greenbox {
		width: 100%;
		margin-left: 0;
	}

	#mobileComponents .wrapper {
		width: 100%;
	}

	.elearning-box {
		width: 95%;
		margin: 0 auto;
		padding: 0;
	}

	.elearning-box:first-child {
		margin-left: auto;
	}

	.owl-theme .owl-nav [class*="owl-"] {
		margin-left: -11px;
		margin-right: -11px;
	}

	.silverbox .customer-pic {
		width: 100%;
		position: static;
	}

	.silverbox .customer-pic.c2 {
		margin-left: 0;
	}

	.silverbox.customer {
		padding-top: 40px;
	}

	.silverbox.customer .bubbletip {
		left: 50% !important;
		margin-left: -19px;
	}

	.greenbox {
		margin-bottom: 3em;
	}

	.kundenprofile .greenbox .header {
		border: 1px solid #e9e9e9;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.triplearrow {
		display: none !important;
	}

	.aktion-stoerer {
		position: static;
		margin: 2em auto 0;
		display: block;
	}

	.sub .elearning-box {

		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	.talcid .intro .bgimg {
		bottom: 59%;
		right: 15%;
		width: 15%;
	}
}

/* Breakpoint < 730px --------------------------------------------------- */

@media only screen and (max-width: 730px) {
	.connect-boxes {
		margin: 0;
	}

	.graybox.half {
		width: 100% !important;
		margin-bottom: 30px;
	}

	.die_erkaeltung .frame.img {
		width: 30%;
	}

	.die_erkaeltung .c7 {
		width: 65%;
	}
}

/* Breakpoint < 661px --------------------------------------------------- */

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


	#portal {
		width: auto;
	}

	#portal li {
		margin: 0 auto;
		float: none !important;
	}

	#portal li.influex {
		margin-bottom: 40px;
	}

	.influex-with-claims ul {
		left: 30%;
	}

	.quiz .points {
		margin: 0;
		padding-left: 0;
		padding-right: 0;
		border-radius: 0;
		border-left: 0;
		width: 100%;
	}

	.silverbox.expert blockquote {
		margin-top: 30px;
	}

	.silverbox.expert blockquote .bubbletip {
		margin-left: -19px;
		top: -35px;
		left: 50% !important;
		background-position: -620px -574px;
	}

	.hide-for-small {
		display: none;
	}

	.frame img {
		margin-left: auto;
		margin-right: auto;
	}

	.align-middle {
		display: block;
	}

	button.large,
	.button.large {
		padding-left: 20px;
		padding-right: 20px;
	}

	.talcid .intro .bgimg {
		bottom: 59%;
		right: 8%;
		width: 15%;
	}
}

/* Breakpoint < 575px --------------------------------------------------- */

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

	/*#stage div:last-child { margin-bottom: 0; } /* need to check */
	#content .c4.flex,
	/* beta */
	#content .c5.flex,
	/* beta */
	#content .c6.flex,
	#content .c7.flex,
	#content .c8.flex,
	#content .c9.flex,
	#content .c10.flex {
		width: 100%;
	}

	#content .c9,
	#content .c8,
	#content .c7,
	.fit-half {
		width: 100%;
	}

	#player.start {
		float: right;
	}

	.fit-half.right {
		float: none;
	}

	.flex.img.left {
		padding-right: 0;
	}

	.scale.influex.right {
		margin-top: 0;
	}

	#content .c7.scale {
		width: 90%;
		margin: 0 auto;
		clear: both;
		float: none;
	}

	.scale img {
		margin: 0 auto;
	}

	.silverbox {
		padding: 10px;
	}

	.silverbox h2,
	.customer-details h3,
	.silverbox blockquote {
		font-size: 1.125em;
	}

	.customer-details h3,
	.silverbox.customer .advice {
		text-align: center;
	}

	.silverbox.customer .wrapquote {
		padding-top: 20px;
		margin: 0;
		width: 100%;
		text-align: center;
	}

	.graph h3 {
		font-size: 1.125em;
	}

	.die_erkaeltung .c7 {
		float: none;
	}

	.die_erkaeltung .frame.img {
		margin: 0 auto;
		float: none;
		width: 30%;
	}

	.silverbox blockquote {
		padding: 10px;
	}

	.silverbox.c8.center h3.description {
		padding-top: .5em;
	}

	.leitsymptom-uebersicht .graybox {
		width: 100%;
		margin: 0 0 30px 0;
	}

	.leitsymptom-uebersicht .graybox ul {
		min-height: 0;
	}

	.wfragen {
		margin-bottom: 4em;
	}

	.portal-header {
		background: none;
		text-align: center;
	}

	.portal-header h2 {
		padding-right: 0;
	}

	#content.portal-header {
		min-height: 0;
		background: none;
	}

	.mimicTable {
		display: block;
	}

	.mimicTableCell {
		height: auto;
		display: block;
	}

	.mimicTable img {
		width: auto;
		max-width: 100%;
	}

	.sidebox.prices.laif h3 {
		margin-top: 6.5%;
	}

	.customer-cloud {
		display: none;
	}

	.mobile-only {
		display: block;
	}

	.talcid .intro .bgimg {
		bottom: 170px;
		right: 20px;
		width: 22%;
	}
}

@media only screen and (max-width: 530px) {
	.phytohustil .intro .bgimg {
		right: -85px;
	}

	.phytohustil .intro .inner-wrapper p {
		margin-right: 60px;
	}
}

/* Breakpoint < 500px --------------------------------------------------- */

@media only screen and (max-width: 500px) {
	header {
		height: 66px;
	}

	h1 {
		margin-top: 10px;
	}

	h1.steigerwald {
		margin-top: 16px;
	}

	#account {
		margin-top: 13px;
	}

	#account .hide {
		display: none;
	}

	.graybox h4 {
		margin-left: -15px;
		margin-right: -15px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.imglist ul li {
		margin-bottom: 0;
	}

	.imglist img {
		margin: 0 auto 10px;
		float: none;
		display: block;
	}

	.text h2 {
		font-size: 1.875em;
	}

	#account .login {
		top: 66px;
	}

	#content .c6 {
		width: 100%;
	}

	#content .graybox h3.header,
	.graybox .body {
		padding: 10px 15px;
	}

	#gutschein {
		padding-left: 10px;
		padding-right: 10px;
		text-align: center;
	}

	#gutschein .button {
		margin: 0 0 20px;
		float: none;
	}

	#gutschein p {
		font-size: .813em;
	}

	#gutschein article {
		margin-right: 0;
	}

	.pendant {
		position: static;
		width: 30%;
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

	.sidebox h3 {
		margin-bottom: 0;
		font-size: 1em;
	}

	.flex.img {
		margin: 0 auto;
		padding: 0;
		clear: both;
	}

	/* #directions { margin-bottom: 30px; } */
	#player.start span.notice {
		top: -23px;
	}

	#player.start span.notice .tip {
		display: none;
	}

	.form label {
		width: 100%;
		margin-right: 0;
		text-align: left;
	}

	.form .input {
		width: 100% !important;
	}

	.form .group small {
		margin-left: 0;
	}

	.form .checklist {
		overflow: visible;
	}

	.form .checklist li {
		margin-bottom: .375em;
	}

	.influex-with-claims {
		font-size: .5em;
		text-shadow: 0 0 1px rgba(0, 0, 0, 1);
	}

	.kundenprofile {
		margin-bottom: 0;
	}

	#mobileComponents li {
		font-size: 100%;
	}

	.intro .inner-wrapper p {
		padding-right: 40px;
	}

	.explain-didyouknow {
		left: 123px;
	}

	.sidebox.wiesenauer img {
		width: 80px;
	}

	input.megainput {
		width: 90%;
		margin-bottom: 1em;
	}

	.bookmark .row:after {
		width: 0;
		height: 0;
		background: none;
	}

	.intro .inner-wrapper {
		margin-right: 0;
	}

	.intro .bgimg {
		bottom: 0;
		right: 0;
		max-width: 35%;
	}

	.phytohustil .intro .bgimg {
		bottom: 0;
		right: 0;
	}

	.iberogast .intro .bgimg {
		bottom: 26px;
		right: 13px;
		max-width: 23%;
	}

	.phytohustil .intro .inner-wrapper p {
		margin-right: 0;
	}

	.talcid .intro .bgimg {
		bottom: 63%;
		right: 2%;
		width: 22%;
	}

	.priorin-liquid .intro .bgimg {
		max-width: 100%;
	}

	#bookmarks.scroll::after {
		content: '›';
		position: absolute;
		top: 0;
		right: 0;
		padding: 10px 10px 10px 30px;
		font-size: 2em;
		line-height: .8em;
		background: url(../../images/laif900/shader_bookmarks.png) right repeat-y;
		height: 100%;
		display: table-cell;
		color: #fff;
		display: block;
		pointer-events: none;
	}

	#bookmarks:hover::after {
		display: none;
	}

}

@media only screen and (max-width: 320px) {
	.talcid .intro .bgimg {
		bottom: 72%;
		right: 5%;
		width: 22%;
	}
}

@media only screen and (max-device-width: 480px) and (orientation: landscape) {
	html {
		-webkit-text-size-adjust: none;
	}

	/* iPhone Text size adjust fix */
}

/* iPhone (portrait) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
	/*#progressbar li li:last-child { width: 26px; } beta */
}

/* iPhone (landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
	/*#progressbar li li:last-child { width: 39px; } beta */

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {}

/* iPhone/iPad (Retina) ----------- */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {

	h1 a,
	#account .logout span,
	.ico,
	button span {
		background-size: 400px 400px;
	}

	/* Bildgröße der Haupt-Sprite-Grafik für Retina halbieren */
	h1 a {
		background-position: 0 -129px;
	}

	h1.steigerwald a {
		background-size: 259px 236px;
		background-position: 0 -137px;
	}

	#account .logout span {
		background-position: -63px -177px;
	}

	.ir.influex.logo {
		background-size: 125px 47px;
		background-image: url(../../images/influex/influex-logo-white-x2.png);
	}

	.ir.laif900balance.logo {
		background-size: 136px 55px;
		background-image: url(../../images/laif900/laif-logo-x2.png);
	}

	.bmWrapper .ico {
		background-position: -157.5px -36px;
	}

	.bmWrapper .active .ico {
		background-position: -180.5px -36px;
	}

	.forward {
		margin-top: -2px;
		margin-right: 0;
		margin-left: 6px;
		background-position: -96px -12px;
	}

	.inactive .forward {
		margin-top: -2px;
		margin-right: 0;
		margin-left: 6px;
		background-position: -240px -12px;
	}

	.repeat {
		background-position: -24px -12px;
	}

	.reload {
		background-position: -124px -36px;
	}

	.speaker {
		background-position: -48px -12px;
	}

	.back {
		margin-top: -2px;
		background-position: -72px -12px;
	}

	.play {
		background-position: -96px -12px;
	}

	.pause {
		background-position: -120px -12px;
	}

	.close {
		background-position: -144px -12px;
	}

	.close-white {
		background-position: -264px -75px;
	}

	.info {
		background-position: -1px -54px;
	}

	.info2 {
		background-position: -192px -12px;
	}

	.register {
		background-position: -168px -12px;
	}

	.callback {
		background-position: -312px -36px;
	}

	.clock {
		background-position: -264px -12px;
	}

	.check {
		background-position: -233px -40px;
	}

	.check.wrong {
		background-position: -197px -40px;
	}

	.check.correct {
		background-position: -163px -40px;
	}

	.questionblock .correct {
		background-position: -264px -36px;
	}

	.questionblock .wrong {
		background-position: -289px -36px;
	}

	.didYouKnow {
		background-position: -72px -52px !important;
	}

	.spot {
		background-size: auto;
	}

	.plus {
		background-size: auto;
	}

	.minus {
		background-size: auto;
	}

	.mejs-container.mejs-audio .mejs-playpause-button.mejs-play button span {
		background-position: -96px -12px;
	}

	.mejs-container.mejs-audio .mejs-playpause-button.mejs-pause button span {
		background-position: -120px -12px;
	}

	.wfragen .ico {
		background-size: auto;
	}

	.warning {
		background-position: -96px -53px;
	}
}

/* iPad (Retina) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	h1.steigerwald {
		margin-top: 14px;
	}

	h1.steigerwald a {
		background-size: 400px 400px;
		background-position: 0 -232px;
	}
}