/*
    Document   : phase-6.de
    First Created on : 26.11.2013
    Author     : Bernd Schnabel (bs)
    Description: Generic Content Stylesheet with all basic declarations

	Additional Informations:
	
	basic colors
	#f2f2f2: background second order
	#333: text general color
	#007A50: strong heavy green header or navigation link on colored ground
	#e4f1ec: light green for background and horizontal separator and hovered button
	#fc7c00: orange special color for navigation, button and header
	#cd002b: error/wrong

*/

@import "elusive-webfont.css";
@import "p6-icon-font.css";
@import "p6_animation.css";
@import "FancySelect.css";
@import "p6_website_mobile.css";

/*@import "p6_website_mobile.css";*/

@media all {
* {
	margin: 0;
	padding: 0; 
}
/*
================================================
					GENERAL FORMAT
================================================
*/

/**, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }*/

html {
/*height:100%;
font-size: 1.25rem;*/
}
/*html * {
	font-size: 100.01%
}*/

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100.01%;
	font-weight: 400;
	line-height: 1.6em;
	min-height: 101%;
	height : 100%;
	color: #333;
	background: #fff;
}
.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading ul, .wf-loading p, .wf-loading a, .wf-loading span, .wf-loading .button, .wf-loading .call-to-action {
	visibility: hidden;
}
fieldset, img {
	border: 0 solid;
}
legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	color: #666;
	padding: 0 0 0.5em 0;
	line-height: 1.2em;
	font-weight: 300;
	/*white-space: normal;*/
	letter-spacing: -0.02em;/*-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;*/
}
h1 span, h1 a span, h2 span, h2 a span, h3 span, h3 a span, h4 span, h4 a span, h5 span, h5 a span, h6 span, h6 a span {
/*color: #fc7c00;*/
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
	color: #666;
}
h1 {
	font-size: 3.5em;
	letter-spacing: -0.03em;
	font-weight: 300;
}
#content .article h1.download i {
	font-size: 1.4em;
	text-transform: none;
	display: inline-block;
	margin-right: 10px;
}
#content .article h1.download {
	padding: 0;
}
#content .article h1.download span {
	font-size: 0.4em;
}
h2 {
	font-size: 2.1em;
}
h1 + h2 {
	font-weight: 600;
}
h3 {
	font-size: 1.4em;
	padding: 0 0 1em;
}
h4 {
	font-size: 1em;
	font-weight: 600;
}
h5 {
	font-size: 0.9em;
}
h6 {
	font-size: 0.9em;
	color: #007A50;
	font-weight: normal;
	margin: 0 0 0.8em 0;
}
ol {
	margin: auto;
	padding: 0 0 0 40px;
}
ul {
	padding: 0 0 0 1em;
	margin: auto;
}
li {
	padding: 0.2em 0;
}
p {
	margin: 0 0 1.6em 0;
}
table, hr {
	margin: 0 0 20px 0;
}
a {
	color: #007a50;
	text-decoration: none;
	font-weight: 500;
	cursor: pointer;
}
a[class*='icon-']:before {
	margin-right: 0.5em;/*vertical-align:middle;*/
}
a[class*='icon-']:hover:before {
	text-decoration: none;
}
a.icon-video:before {
	margin: 0 0.3em !important;
}
a:hover {
	text-decoration: underline;
}
a.link-pdf, a.link-download, a.link-info, a.cart-alert, a.link-shop {
	padding: 0 0 0 25px;
	line-height: 1.5em;
	font-weight: normal;
	color: #333;
	letter-spacing: -0.035em;
}
a.head-download {
	background: #f2f2f2 url(../images/layout/icon-download.png) no-repeat 10px 50%;
	display: block;
	height: 28px;
	padding: 0 20px 0 40px;
	line-height: 28px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0 0 0 40px;
}
a.head-download:hover {
	background: #fff url(../images/layout/icon-download.png) no-repeat 10px 50%;
	border: none;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-decoration: none !important;
}
a.link-download {
	background: url(../images/layout/icon_download.png) no-repeat left 50%;/*margin: 0 !important;*/
}
a.link-pdf {
	background: url(../images/layout/icon_pdf.png) no-repeat left 50%;
	width: 150px;
}
a.link-info {
	background: url(../images/layout/icon_info.png) no-repeat left 50%;
}
a.link-shop {
	background: url(../images/layout/icon_shop.png) no-repeat left 50%;
}
a.icon-chevron-up {
/*display: block;
	margin: 20px 0 -20px 0;
	color: #999;
	text-align: center;*/
}
#basket1 {
	position: absolute;
	left: 0;
	bottom: -25px;
	text-align: center;
	width: 100px;
}
#basket1 .cart-alert {
	color: #FC7C00 !important;
	font-size: inherit !important;
	text-transform: none !important;
	padding: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
	background: none !important;
}
a.more {
	font-size: 1.2em;
	font-weight: bold;
	color: #007a50;
	text-decoration: none;
	transition: all 0.25s ease-in-out;
}
a.more:before {
	vertical-align: middle;
	text-decoration: none;
}
a.more:hover {
	color: rgba(0,122,80,0.8);
	text-decoration: none;
}
.teaserlink:hover span.more {
	-webkit-animation-name: fadeInTop;
	-webkit-animation-duration: 0.5s;
	animation-name: fadeInTop;
	animation-duration: 0.5s;
}
span.more {
	background: #fff;
	height: 60px;
	width: 60px;
	line-height: 60px;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
}
span.more:before {
	vertical-align: middle;
	margin: 0 0 0 2px;
	color: #aaa;
}
.link-demo {
	padding: 0 0 0 35px;
	display: block;
	line-height: 2em;
	height: 2em;
	background: url(../images/layout/icon_demo.png) no-repeat left 50%;
}
.error {
	color: #cd002b;
}
.correct {
	color: #007a50;
}
.hint {
	color: #007a50;
}
.hint-panel {
	color: #007a50;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 20px 10px 20px 53px;
}
.hint-panel:before {
	margin: 0 10px 0 -34px;
	vertical-align: top;
}
small {
	font-size: 0.8em;
	display: block;
}
.tip {
	font-size: 0.9em;
    line-height: 1.2em;
}
.tips-panel {
	color: #fff;
	min-width: 250px;
	max-width: 300px;
	z-index: 13000;
	padding: 10px;
	background: #666;
	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
	transition: all 0.25s ease-in-out;
	opacity: 0;
	transform: translateY(-20px);
}
.tips-panel.active {
	opacity: 1;
	transform: translateY(0);
}
.tip-title {
	font-weight: bold;
}
.tip-bottom {
	width: 20px;
	height: 20px;
	background: #666;
	position: absolute;
	bottom: -10px;
	left: 40px;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	display: none;
}
.date:before {
	color: #888;
	position: absolute;
	margin: 7px 0 0 0;
	right: 30px;
	opacity: 0;
	transition: all 0.25s ease-in-out;
	pointer-events: none;
}
.date:hover:before, .date:active:before, .date:focus:before {
	opacity: 1;
}
.smal-info {
	font-size: 0.6em;
	display: block;
}
/* ----------------------- lists ---------------------------------- */

#top ul, #header ul, #sitemap ul, #breadcrump ul {
	list-style-type: none;
	padding: 0;
	display: table;
	height: 100%;
	margin: 0;
}
#top ul li, #main-navigation > li, #breadcrump ul li {
	display: table-cell;
	vertical-align: middle;
}
#sitemap h1 a, #sitemap ul a {
	color: #333;
	text-decoration: none;
	font-weight: normal;
}
#sitemap h1 a:hover, #sitemap ul a:hover {
	text-decoration: underline;
}
dt {
	font-weight: bold
}
dd {
	margin: 0 0 1em 2em
}
.logo-list {
	box-sizing: border-box;
	list-style-type: none;
	margin: 0 auto;
	text-align: center;
	padding: 20px 0;
}
.logo-list li {
	background-color: transparent !important;
	height: 120px;
	min-width: 180px;
	padding: 0 !important;
	background-size: auto 200% !important;
	background-repeat: no-repeat;
	background-position: 50% 0;
	display: inline-block;
	transition: all 0.25s ease-in-out;
}
.logo-list li {
	cursor: pointer;
}
.logo-list li a {
	display: block;
}
.logo-list li:hover {
	background-position: 50% 100%;
}
.logo-list li:nth-child(1) {
	background-image: url(../images/logos/logo-em.png);
	width: 200px;
}
.logo-list li:nth-child(2) {
	background-image: url(../images/logos/logo-polizei.png);
	width: 150px;
}
.logo-list li:nth-child(3) {
	background-image: url(../images/logos/logo-gmf.png);
	width: 210px;
}
.logo-list li:nth-child(4) {
	background-image: url(../images/logos/logo-gigmaus.png);
	width: 150px;
}
.logo-list li:nth-child(5) {
	background-image: url(../images/logos/logo-erfahrungen.png);
	width: 150px;
}
.logo-list li:nth-child(6) {
	background-image: url(../images/logos/logo-lancaster.png);
	width: 150px;
}
.logo-list li:nth-child(7) {
	background-image: url(../images/logos/logo-alba.png);
	width: 150px;
}
.logo-list li:nth-child(8) {
	background-image: url(../images/logos/logo-schuelerhilfe.png);
	width: 250px;
}
.logo-list li:nth-child(9) {
	background-image: url(../images/logos/logo-comenius-award.png);
	width: 150px;
}
.feature-list {
	width: 400px;
	position: absolute;
	top: 150px;
	left: 54%;
	z-index: 89
}
#tabsLicence ul.feature-list {
	width: auto;
	position: static;
	top: 0;
	left: 0;
	list-style-type: none;
	padding: 0 0 0 40px;
}
#tabsLicence ul.feature-list li {
	font-weight: 600;
	margin-bottom: 10px;
	position: relative;
}
#tabsLicence ul.feature-list li:before {
	margin-top: -10px;
	margin-left: -32px;
	position: absolute;
	top: 50%;
}
.feature-list ul {
	list-style-type: none;
	padding: 0 0 0 80px;
}
.feature-list ul li {
	color: #fff;
	font-size: 1.4em;
	font-weight: 600;
	margin-bottom: 10px;
	position: relative;
}
.feature-list ul li:before {
	margin-top: -10px;
	margin-left: -32px;
	position: absolute;
	top: 50%;
}
.date-list {
	display: table;
	padding: 0;
}
.date-list li {
	display: table-row;
}
.date-list li span {
	display: table-cell;
	padding: 10px 5px;
	text-align: left;
	border-bottom: 1px solid #ccc;
}
.date-list li:first-child {
	display: table-caption;
	font-size: 1.4em;
	font-weight: 600;
	padding: 0 0 20px 0;
	text-align: center;
}
#sub-action .call-to-action {
	display: none;
	position: absolute;
	z-index: 89;
	left: 40px;
	margin-left: 0;
	width: auto;
	bottom: 185px;
	float: none;
	background: #fc7c00;
	color: #fff;
	padding: 20px;
	box-sizing: border-box;
	cursor: pointer;
	transition: all 0.25s ease-in-out;
}
#sub-action .call-to-action .button {
	text-align: center !important;
	display: block !important;
	margin: 0 !important;
	padding: 25px 0 !important;
	position: static !important;
	font-size: 2em !important;/*background: #d9e021;
	color: #444 !important;*/
}
#sub-action .call-to-action .link {
	padding: 10px 0 0 0;
	display: block;
	text-align: center;
	color: #fff;
	font-weight: bold
}
#sub-action .call-to-action [class*=icon-] {
	font-size: 3em;
	margin-bottom: 20px;
	display: inline-block;
}
#sub-action .call-to-action span {
	display: inline-block;
	line-height: 1.0em;
	margin-bottom: 20px;
}
#sub-action .call-to-action span:last-child {
	margin-bottom: 0px;
}
#sub-action .call-to-action:hover {
	background: #fed7b2;
	color: #fc7c00;
}
ul.simple-list {
	padding: 0 0 20px 20px;
	display: inline-block;
}
ul.simple-list li {
	margin: 0 0 0.5em 0;
}
a ul li {
	color: #444;
}
.call-to-action {
	background: #
	}
.call-to-action .button {
	text-align: center !important; 
	display: block !important; 
	margin: 0 !important; 
	padding: 25px 0 !important;
	position: static !important;
	font-size: 2em !important;
	/*background: #d9e021;
	color: #444 !important;*/
	}
.call-to-action .link {
	padding: 10px 0 0 0; display:block; text-align: center; color:#fff;font-weight:bold
	}
.call-to-action .sevencol {
	background: #fc7c00;height: 71px;color: #fff;padding: 0 20px;box-sizing: border-box;cursor: pointer;
	transition: all 0.25s ease-in-out;
	}
.call-to-action .sevencol:hover {
	background: #fed7b2;
	color: #fc7c00;
	}
/* ----------------------- linklists ---------------------------------- */
.user-feedback {
	list-style-type: none;
	padding: 0;
	margin: 0 -20px;
}
.user-feedback h2 {
	padding: 0 0 10px 0;
}
.user-feedback h2[class*=icon-]:before {
	margin: 0 5px 0 0;
}
#user-feedback {
	min-height: 150px;
	/*overflow: hidden;*/
	background: none;
}
#user-feedback h3 {
	padding-bottom: 0.5em !important;
	letter-spacing: -1px;
}
#user-feedback h3, #user-feedback h5 {
}
#user-feedback h5 {
	font-weight: 600;
	color: rgba(255, 255, 255, 0.6);
	text-align: center;
}
#user-feedback .user-slide {
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	/*background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);*/
	padding: 20px;
}
#user-feedback .sixcol {
	box-sizing: border-box;
	text-align: left;
}
#user-feedback .user-slide img {
	float: left;
	margin: 0 10px 10px 0;
}
#user-feedback .feedback-img {
	margin: 0 auto 10px auto;
	background-repeat: no-repeat;
	background-position: 50%;
	background-color: transparent;
	width: 103px;
	height: 103px;
	padding: 15px 20px 20px;
	font-size: 2em;
	box-sizing: border-box;
	color: #fff;
	background-size: cover;
	border: 1px solid #fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
#user-feedback .user-slide i.icon-quotes {
	margin: auto;
	position: static;
	margin-right: 0.5em;
	font-size: 1.2em;
	color: rgba(255, 255, 255, 0.6);
}
#user-feedback .user-slide i.icon-quotes:last-child {
/*margin: 0 0 0 0.5em;*/
}
.feedback-list {
	clear: both;
	padding: 0;
	list-style-type: none;
	margin-bottom: -5px;
	text-align: left !important;
	opacity: 0.8;
}
.feedback-list li {
	padding: 0;
	margin-bottom: 5px;
}
.feedback-list li a {
	position: static !important;
	margin: auto !important;
	display: block;
	/*text-align: left;*/
	padding: 20px;
	color: #fff;
	font-size: 1.4em;
	transition: all 0.25s ease-in-out;
}
.feedback-list li a:hover {
	text-decoration: none;
	background: rgba(255,255,255,0.2);
}
.linklist-simple, .linklist-twocol, .linklist-threecol, .linklist-fourcol {
	list-style-type: none;
	padding: 0;
}
ol.linklist-simple {
	list-style-type: decimal;
	padding: 0 30px;
}
ol.linklist-simple li {
	font-size: 1.5em;
	border: none;
	color: #007a50;
}
ol.linklist-simple li a {
	display: block;
}
.linklist-simple > li {
	padding: 20px 0;
	/*border-bottom: 1px solid #ccc;*/
	position: relative;
}
.linklist-simple li:hover {
/*background: #efefef;*/
}
.linklist-simple li h2 a {
	display: block;
	font-weight: 200;/*background: url(../images/layout/arrow_big_link.png) no-repeat right center;*/
}
.linklist-simple > li ul {
	padding: 0 0 0 15px;
	margin: 0 0 0 140px;
}
/*.linklist-simple > li li {
	padding: 0;
}*/
.linklist-simple .aside {
	position: absolute;
	top: 20px;
	right: 0;
}
.linklist-simple .aside img {
	clear: right;
	float: right;
	margin: 15px 0 0 0;
}
.linklist-simple .isbn {
	padding: 50px 0 0 0;
	text-align: right;
}
.linklist-simple li p {
/*margin: 0;
	width: 80%;*/
}
.linklist-simple li > :last-child {
	margin-bottom: 0;
}
.linklist-simple > :last-child { /*margin-bottom: 80px; */
}
.product-overview .linklist-simple > :last-child {
	margin-bottom: 0;
}
.linklist-simple li .button {
	float: right;
}
.linklist-simple li .date {
	font-weight: bold;
	color: #999;
	font-size: 0.9em;
}
.linklist-simple img {
	float: left;
	margin: 0 20px 5px 0;
	border: 1px solid #ccc;
}
.linklist-twocol li, .linklist-threecol li, .linklist-fourcol li {
	float: left;
	padding: 40px 10px 40px 0;
	border-bottom: 1px solid #ccc;
	overflow: visible;
}
.linklist-twocol li:hover, .linklist-threecol li:hover, .linklist-fourcol li:hover {
}
.linklist-twocol li:hover img, .linklist-threecol li:hover img, .linklist-fourcol li:hover img {
	-webkit-box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.2);
	transform: scale(1.2, 1.2);
	z-index: 999;
	margin: 0 15px 10px 0 !important;
}
.linklist-twocol li .button, .linklist-threecol li .button, .linklist-fourcol li .button {
	float: none;
}
.linklist-twocol img, .linklist-threecol img, .linklist-fourcol img {
	float: left;
	margin: 0 10px 5px 0;
	transition: all 0.25s ease-out;
}
.linklist-twocol a, .linklist-threecol a, .linklist-fourcol a {
	display: block;
}
.linklist-twocol li {
	width: 47%;
	height: 200px;
}
.linklist-threecol li {
	width: 32.1%;
	height: 130px;
	position: relative;
	cursor: pointer;
}
.linklist-fourcol li {
	width: 24%;
	height: 180px;
	border: none;
	padding: 0 10px 0 0;
	box-sizing: border-box;
}
.linklist-fourcol li img {
	margin: 0 0 1px 0;
	width: 72%;
	float: none;
}
.linklist-fourcol li:hover img {
	margin: 0 0 10px 0;
}
.linklist-fourcol li a {
	color: #444;
	font-size: 0.8em;
	font-weight: normal;
	text-decoration: none;
	line-height: normal;
}
.linklist-topseller {
	list-style-type: none;
	padding: 0;
}
.linklist-topseller img {
	height: 50px;
	vertical-align: middle;
	margin: 0 10px 0 0;
}
.linklist-topseller li {
	padding: 10px 0;
	background: #fff;
	border-bottom: 1px solid #ccc;
}
.linklist-topseller li a {
	font-weight: normal;
	text-decoration: none;
	display: block;
}
.linklist-topseller li span {
	font-size: 1.5em;
	float: right;
	margin: 15px 20px 0 0;
	color: #ddd;
}
.linklist-topseller li:hover a, .linklist-topseller li:hover span {
	color: #FC7C00;
}
.teamlist {
	margin: -20px 0 0 0;
	transition: all 0.25s ease-in-out;
}
.teamlist h2 {
	font-size: 1.4em;
	font-weight: normal;
	padding: 0 0 0.2em 0;
	color: #fc7c00;
	font-family: museo, Verdana, sans-serif;
}
.teamlist h3 {
	font-size: 1.2em;
}
.teamlist h3 span.smal-info {
	display: block;
	font-weight: normal;
	color: grey;
	font-size: 12px;
	/*position: absolute;
	bottom: 0;*/
	opacity: 0;
	-webkit-transform: translateY(0);
	-webkit-transition: all 0.25s ease-in-out;
	transform: translateY(0);
	transition: all 0.25s ease-in-out;
}
.teamlist li:hover h3 span.smal-info {
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	opacity: 1;
}
.teamlist li h2, .teamlist li h3 {
	-webkit-transform: translateY(40px);
	-webkit-transition: all 0.25s ease-in-out;
	transform: translateY(40px);
	transition: all 0.25s ease-in-out;
}
.teamlist:hover h2, .teamlist:hover h3 {
	opacity: 0.5;
}
.teamlist li:hover h2, .teamlist li:hover h3 {
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 1;
}
.teamlist li {
	/*padding: 30px 0 10px 0;*/
	float: left;
	width: 50%;
	height: 250px;
	border-bottom: none !important;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 !important;
}
.teamlist li:before {
	background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.05) 100%);
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.05) 100%);
	content: "";
	display: block;
	height: 250px;
	position: absolute;
	width: 100%;
	z-index: 1;
}
.teamlist li .article {
	padding-top: 50px;
	display: inline-block;
	vertical-align: middle;
	white-space: normal !important;
	width: inherit;
}
.teamlist li img {
	width: 200px;
	height: auto;
	border: none;
	opacity: 0.9;
	-webkit-transform: translateY(55px);
	-webkit-transition: all 0.25s ease-in-out;
	transform: translateY(65px);
	transition: all 0.25s ease-in-out;
}
.teamlist:hover li img {
	opacity: 0.5;
}
.teamlist li:hover img {
	opacity: 1;
	-webkit-transform: translateY(45px) scale(1.1);
	transform: translateY(45px) scale(1.1);
}
.topic-list div[class*=col] {
	position: relative;
	text-align: left;
	padding: 20px 0 0 0;
}
.topic-list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;/*	font-size: 0.8em;
	line-height: 1.2em;*/
}
.topic-list ul li {
	margin: 0 0 5px 0;
	background: #fff;
}
.topic-list ul li b {
	font-size: 1.2em;
}
.topic-list ul a {
	display: block;
	font-weight: normal;
	color: #444;
	white-space: nowrap;
}
.topic-list div[class*=col] > a {
	display: block;
	margin: 20px 0 0 0;
}
.topic-list div[class*=col] > p img {
	width: auto;
	height: 50px;
}
.topic-list div[class*=col] > p {
	height: 50px;
}
.faq-list h2 {
	font-weight: 300;
	font-size: 1.8em;
	/*color: #888;*/
	padding: 20px 0;
	cursor: pointer;
	transition: all 0.25s ease-in-out;
}
.faq-list .faq-item > h3 {
	padding: 0;
	cursor: pointer;
	transition: all 0.25s ease-in-out;
}
.faq-list h4 {
	font-size: 1.5em;
	font-weight: 500;
}
.faq-list .faq-item > h3.setItem, .faq-list .faq-item > h3.setItem:before {
	color: #007a50;
	font-weight: 500;
}
.faq-list .faq-item > h3 span {
	color: #007a50;
}
.faq-list .faq-item > h3 a {
	display: block;
	padding: 10px 0;
	margin: 0 0 10px 0;
}
.faq-list h2:before, .faq-list .faq-item > h3:before {
	float: right;
	color: #aaa;
	margin-right: 0;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.faq-list .faq-group {
	margin: 0 0 20px 0;
	background: #fff;
	border-left: 1px solid #ccc;
	padding: 0 20px;
	border-bottom: 1px solid #ccc;/*transition: all 0.25s ease-in-out;*/
}
.faq-list .faq-group h1 {
	font-size: 2.1em;
}
.faq-list .faq-group.setGroup {
/*border-left: 2px solid #007a50;
	border-bottom: 1px solid #fff;*/
}
.faq-list .group-element {
	background: #fff;/*padding: inherit !important;
	transition: all 0.25s ease-in-out;*/
}
.faq-list .setGroup .group-element {
/*padding: 20px 0 !important;*/
}
.faq-list .faq-group.setGroup h2 {
/*background: #007a50;*/
}
.faq-list .faq-group.setGroup h2, .faq-list .faq-group.setGroup h2:before {
	color: #007a50;
	font-weight: normal;
}
.faq-list .setGroup h2:before, .faq-list h3.setItem:before {
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.faq-list .faq-item {
	border-top: 1px solid #ccc;
	margin: 0;
	padding: 20px 0;
}
.faq-list .faq-item:last-child {
	/*border: none;*/
}
.faq-list .wrapper {
	padding: 20px 0;
}
.faq-list .faq-item .wrapper {
	padding: 0;
	margin-top: 40px;
	background: #fff;
}
.faq-list table.table-simple td {
	border: none;
}
.faq-list table.table-simple td:first-child {
	width: 30%;
}
.faq-list table.table-simple td:first-child input {
	width: inherit;
}
.faq-list table.table-simple td input, .faq-list table.table-simple td select, .faq-list table.table-simple td textarea {
	border: 1px solid #ddd;
	background: #fff;
	padding: 0.6em;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-sizing: border-box;
	box-shadow: none;
	width: 100%;
	color: #666;
	transition: all 0.25s ease-in-out;
}
.faq-list table.table-simple td input:focus, .faq-list table.table-simple td select:focus, .faq-list table.table-simple td textarea:focus {
	background: #fff;
	border: 1px solid #007a50;
	color: #333;
}
.faq-list table.table-simple td select.title {
	width: 100px;
}
.faq-list table.table-simple td input[size="20"] {
	width: 190px;
}
.faq-list table.table-simple td input[type="submit"], .faq-list table.table-simple td button[type="submit"] {
	box-sizing: border-box;
	width: 100%;
	padding: 0.6em;
}
hr {
	height: 1px;
	border: none;
	background: #ccc;
	clear: both;
	margin: 40px 0;
}
.homepage {width: 100%; min-width: 980px;}
.homepage hr {
	height: 3px;
	background: #eee;
}
h1 + hr {
	margin: 0 0 40px 0;
}
/*  text formatting   */

font {
	font-size-adjust: inherit;
}
cite, blockquote {
	font-style: italic
}
blockquote {
	margin: 0 0 1em 1.5em
}
strong, b {
	font-weight: 600;
}
em, i {
	font-style: italic;
}
pre, code {
	font-family: monospace;
	font-size: 1.1em;
}
acronym, abbr {
	letter-spacing: .07em;
	border-bottom: .1em dashed #c00;
	cursor: help;
}
/* buttons */

label {
	overflow: hidden;
}
.label-inline {
	display: inline;
}
button {
	font-family: "proxima-nova", sans-serif;
	border: none;
	cursor: pointer;
	vertical-align: middle;
}
.button,
.btn {
	 background: #fff;
    border: 1px solid #fc7c00;
    -webkit-border-radius: 0.5rem;
	border-radius: 0.5rem;
    color: #666;
    display: inline-block;
    font-size: 1rem;
    font-weight: 300;
    padding: 0.5em 1em;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.25s ease-in-out 0s;
    vertical-align: baseline;
    width: auto;
}
.button + .button,
.button:last-child,
.btn + .btn,
.btn:last-child {
	margin: 0 0 0 10px;
	}
input.button {
	padding: 0.5em 1em;
}
.button:hover, .button:focus,
.btn:hover, .btn:focus {
	text-decoration: none;
	box-shadow: none;
	color: #fc7c00;
}
.button.large,
.btn.large {
	/*padding: 0.8em 4em 0.8em 1em;*/
	box-sizing: border-box;
	font-size: 1.4em;
}
/*.button.large:before {
	content: url(../images/landing/p6_la_arrow_white.png);
	transform: scale(0.75);
	position: absolute;
	right: 20px;
	top: 7px;
}
.button.prio-low.large:before {
	content: url(../images/landing/p6_la_arrow_gray.png);
}*/
.button.prio-high,
.btn.primary {
	background: #fc7c00; /* Old browsers */
	color: #fff;
	font-weight: 500;
}
.button.prio-high:hover,
.btn.primary:hover {
	text-decoration: none;
	background-color: rgba(252,124,0,0.6);
	border: 1px solid transparent;
}
.promo .button.prio-high {
	 border: 2px solid #fc7c00;
	 background: none;
	 color: #fff;
	}
.promo .button.prio-high:hover {
	 border-color: #fff;
	 background: none;
	}
.button.prio-high.download {
	background: #fc7c00 url(../images/layout/icon-button-download.png) no-repeat 95% 50%;
	padding: 0.8em 0 0.8em 1em;
	color: #fff;
	text-transform: uppercase;
	width: 90%;
}
.button.prio-high.download:hover {
	color: #fc7c00;
	background: #fed7b2 url(../images/layout/icon-button-download-o.png) no-repeat 95% 50%;
	text-decoration: none;
}
.button.prio-high.download i {
	text-transform: none;
}
.button.prio-low,
.btn.secondary {
	background: #fff;
	border: 1px solid #999;
	color: #999;
}
.button.prio-low:hover,
.btn.secondary:hover {
	background: #fff;
}
button[disabled]:active, button[disabled]:hover, button[disabled], input[type="reset"][disabled]:active, input[type="reset"][disabled], input[type="button"][disabled]:active, input[type="button"][disabled], input[type="text"][disabled]:active, input[type="text"][disabled], select[disabled] > input[type="button"], select[disabled] > input[type="button"]:active, input[type="submit"][disabled]:active, input[type="submit"][disabled] {
	color: GrayText;
	cursor: inherit;
	background: #f2f2f2;
	opacity: 0.5;
}
button.close-panel {
	position: absolute;
	top: 0;
	right: 5px;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1em;
	cursor: pointer;
	z-index: 100;
	background: none;
	color: #666;
}
.smal-button {
	display: inline-block;
	font-weight: normal;
	font-size: 0.8em;
	text-decoration: none;
	border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	border: none;
	color: #fff;
	background: #999;
	padding: 0em 0.5em;
	white-space: nowrap;
	cursor: pointer;
	position: relative;
}
.smal-button:hover {
	background: #ccc;
	text-decoration: none;
}
.active .smal-button {
	background: #f2f2f2;
	text-decoration: none;
	color: #333;
	padding-bottom: 1em;
	border-radius: 0em;
	-moz-border-radius: 0em;
	-webkit-border-radius: 0em;
	-webkit-border-top-left-radius: 0.2em;
	-webkit-border-top-right-radius: 0.2em;
	-moz-border-radius-topleft: 0.2em;
	-moz-border-radius-topright: 0.2em;
	border-top-left-radius: 0.2em;
	border-top-right-radius: 0.2em;
}
/*.active td {
	padding: 0.5em 0 0 0 !important;
}*/

.arrow {
	display: inline-block;
	border: 5px solid #fff;
	font-size: 0;
	line-height: 0;
	height: 0;
	padding: 0;
	margin: 0 0 0px 5px;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
}
.active .arrow {
	border: 5px solid #333;
	border-top-color: transparent;
	border-right-color: transparent;
	border-left-color: transparent;
	vertical-align: text-top;
}
/* positioning and special clear float hack */

.center {
	text-align: center;
	margin: 0.5em auto
}
.text-right {
	text-align: right !important;
}
.text-left {
	text-align: left !important;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* generic tables */

table {
	border-collapse: collapse;
	width: 100%;
}
table colgroup {
	float: none !important;
}
th, td {
	padding: 0.8em 0.6em;
	vertical-align: top;
	text-align: left;
}
td {
	border-bottom: 1px solid #ccc;
}
thead th {
	background: #f2f2f2;
}
tbody th.sub {
	background: #ddd;
	color: #333
}
table tbody tr.details td {
	border-bottom: none;
	padding: 0;
}
table tbody tr.details img {
	margin: 0 10px 0 0;
}
table tbody tr.details div div {
	background: #f2f2f2;
	padding: 15px;
}
table.full {
	width: 100%;
}
table.fixed {
	table-layout: fixed
}
table .disabled td {
	opacity: 0.5;
}
table .disabled td, table .disabled td a {
	color: #333;
	text-decoration: none;
	cursor: default;
}
table th.col-highlight {
	border-top: 5px solid #f2f2f2;
	padding-top: 0.6em;
}
table .col-highlight {
	background: #fff;
	color: #007a50;
	font-weight: bold;
}
table td .button {
	box-sizing: border-box;
	width: 100%;
}
table.table-simple {
	margin: 0;
}
table.table-simple td {
	border-bottom: 1px solid #f2f2f2;
	padding: 0.5em 0;
}
table.table-simple .sheader {
	margin-bottom: 10px;
}
table.table-simple .sheader td {
	border-bottom: 1px solid #ccc;
	padding: 20px 0 10px 0;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 1.2em;
}
/*.table-simple .simple-list li {
	display: inline-block;
	font-weight: 300;
	font-size: 0.8em;
}*/
.col {
	float: left;
	position: relative;
}
.section {
	overflow: hidden;
}
.p6-name {
	text-transform: lowercase;
}
/*
================================================
					FORMULAR ELEMENTS
================================================
*/
   
select, input, textarea {
	font-size: 1em;
	font-family: "proxima-nova", sans-serif;
	border: 1px solid #ccc;
	-webkit-border-radius: 0.5rem;
	border-radius: 0.5rem;
	background: #fff;
	margin: 0;
	padding: 0.5em;
	outline: none;
	vertical-align: middle;
	
	/*-webkit-box-shadow: inset 0 8px 6px -6px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 8px 6px -6px rgba(0,0,0,0.1);
	box-shadow: inset 0 8px 6px -6px rgba(0,0,0,0.1);*/
}
select {
	width: auto;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
}
/*input + .button { margin: 0 0 0 5px}*/
input.checkbox, 
input.radiobox,
input[type=checkbox],
input[type=radiobox] {
	display: inline;
	width: auto !important;
	margin: 0 5px 0 0 !important;
	border: none;
	background: none;
	vertical-align: baseline;
}
.form-simple {
	margin: 0 0 20px 0;
}
.form-simple label {
	width: 38%;
	margin: 0 0 10px 0;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
}

.form-simple label.checkbox {
	width: auto;
	display: inline;
	margin-bottom: 5px;
}
.form-simple input,
.form-simple select {
	width: 60%;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.form-simple td {
	border: none;
	padding: 0.2em 0;
	vertical-align: middle;
}
.add-card {
	text-align: right;
	clear: left;
}
.add-card input {
	width: 40px;
	margin: 0 10px;
}
.add-card label {
	font-size: 1.5em;
	min-width: 75px;
	margin-right: 10px;/*color: #007a50;*/
}
.add-card label, .add-card input, .add-card button {
	display: inline-block;
	vertical-align: middle;
	float: none !important;
}
.add-card .product-option {
	margin-bottom: 5px;
	padding: 10px;
	background: #fff;
}
.add-card .product-option > label:first-child {
	display: inline-block;/*width: 438px;
	text-align: left;
	font-weight: normal;
	font-size: 1.2em; 
	cursor: pointer;*/
}
.add-card .product-option > label:first-child input {
	width: auto;
	vertical-align: baseline;
}
.add-card .product-option.unchecked label, .add-card .product-option.unchecked input, .add-card .product-option.unchecked .button {
	opacity: 0.5;
}
.add-card .product-option.unchecked .button {
	visibility: hidden;
}
.add-card .product-option.unchecked > label:first-child {
/*opacity: 1.5;*/
}
.table-card .price {
	text-align: right;
	white-space: nowrap;
}
.table-card .price input {
	width: 50px;
	display: inline-block;
	margin: 0 10px;
}
.table-card .price button {
	width: auto;
}
.table-card .sum td:first-child {
	padding-top: 20px;
}
.table-card .sum button {
	width: auto;
}
.table-card .sum input {
	width: 250px;
}
.table-card tr.border-none td {
	border: none;
}

.table-card .premium h3 {
	font-size: 1.5em;
	padding: 0.4em 0 0.3em
}
.table-card .premium {
	font-size: 0.9em;
	padding: 0 0 0em;
}
.table-card td:nth-child(3) img {
	max-width: 140px;
}

.payment-section {
	margin-bottom: 20px;
}
.payment-section ul {
	list-style-type: none;
}
.payment-section li {
	float: left;
	padding: 0 10px;
}
.payment-section li:hover {
	background: #f2f2f2;
}
.payment-section li img {
	display: block;
	margin: 5px 0;
}
.info-panel-light {
	background: #f2f2f2;
	padding: 20px;
}
.shopping-process {
	list-style-type: none;
	padding: 0;
}
.shopping-process li {
	float: left;
	margin: 0 2.5em -1px 0;
	height: 40px;
	font-size: 1.5em;
	font-weight: normal;
	opacity: 0.4;
}
.shopping-process li.current {
	float: left;
	opacity: 1;
	border-bottom: 2px solid #007a50;
	color: #007a50;
}
.shopping-process li.done {
	opacity: 1;
	border-bottom: 2px solid #007a50;
	color: #007a50;
	padding-right: 2.5em;
	margin-right: 0;
}
.shop-startpage a {
	font-size: 1.5em;
	font-weight: 300 !important;
	display: inline-block;
	transition: all 0.25s ease-out;
}
.shop-startpage a:hover {
	/*opacity: 0.6;*/
	text-decoration: none;
}
.shop-startpage a[class*="icon"]:before {
	float: right;
	margin: 0 0 0 10px;
}
.shop-startpage a[class*="icon"]:hover:before {
	text-decoration: none;
}
.shop-startpage img {
	width: 80%;
	margin: 0 auto 40px auto;
	display: block;
}
.shop-startpage p {
	margin: 0 0 40px 0 !important;
	text-align: center;
	font-size: 1.2em;
}
.shop-startpage .first-letter {
	font-size: 5.5em;
	font-weight: normal;
	color: #007a50;
	display: none;
	float: left;
	margin: 20px 10px 20px 0;
}
.shop-startpage h1 {
	text-transform: none !important;
	margin: 0;
	padding: 0;
	text-align: center;
}
.shop-startpage .sixcol {
	border-right: 1px solid #ccc;
}
.shop-startpage .sixcol.last {
	border-right: none !important;
}
.shop-startpage .search input {
	font-size: 1.2em;
	padding: 0.8em 0 0.8em 0.5em !important;
}
.shop-startpage .search button.icon-search {
	font-size: 1.2em;
	color: #999;
}
/*
================================================
					MAIN NAVIGATION
================================================
*/

#main-navigation {
	overflow: visible;
	float: right;
}
#main-navigation:before {
	display: none;
}
#main-navigation > li {
	padding: 0 0 0 30px;
	color: #007a50;
	cursor: pointer;
	transition: all 0.25s ease-out;
	position: relative;
}
#main-navigation > li [class^="icon-"] {
	margin: 0;
}
#main-navigation > li:last-child {
	margin: 0;
}
#main-navigation > li > span {
	margin: 0 0 0 -14px;
}
#main-navigation > li > a {
	/*font-family: "museo";*/
	text-decoration: none;
	color: #007a50;
	font-size: 1.25rem;
	text-transform: uppercase;
	font-weight: 500;
	display: inline-block;
	padding: 0;
	margin: 0;
	transition: all 0.25s ease-out;
}

#main-navigation > li:hover, #main-navigation > li.current {
	color: #fc7c00;/*background: url(../images/layout/navigation_arrow.png) no-repeat top center;*/
}
#main-navigation > li:hover > a, #main-navigation > li.current > a {
	color: #fc7c00;
	text-decoration: none;
	opacity: 1;
}
#main-navigation > li.main-shop {
/*background: transparent url(../images/layout/main-shop-basket-o.png) no-repeat 0 50%;
	overflow: visible;
	margin: 0 0 0 30px;*/
}
#main-navigation > li.main-shop:hover {
	color: #007a50;
}
#main-navigation > li.main-shop.current {
	/*color:#fff;*/
	top: 0px;
	background: url(../images/layout/navigation_arrow.png) no-repeat top center;
}
#main-navigation > li.main-shop.current a {
	padding: 15px 25px;
}
#main-navigation > li.main-shop.current:hover {
/*color:#fff;
	background: #fc7c00 url(../images/layout/main-shop-basket.png) no-repeat 10px 8px;*/
}
#main-navigation > li.main-shop a,
#main-navigation > li.main-shop {
	color: #fc7c00;
}
#main-navigation > li.main-shop li {
	border-bottom: 1px solid #ccc;
}
#main-navigation > li.main-shop ul {
	display: block;
	}
#main-navigation > li.main-shop li a {
	color: #333;
	line-height: 2.5em;
	display: block;
	position: relative;
}
#main-navigation > li.main-shop li a::before {
	content: " ";
	width: 0.8em;
	height: 0.8em;
	border: 1px solid #fc7c00;
	border-left: none;
	border-bottom: none;
	-webkit-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
}
#main-navigation > li:last-child a {
	margin: 0;
}

#main-navigation > li.main-shop.current a, #main-navigation > li.main-shop.current:hover a {
/*color:#fff;
	padding: 5px 10px 25px 40px;
	margin: 0 0 -10px 0;
	background: url(../images/layout/main-shop-arrow.png) no-repeat 50% 95% ;
	overflow: visible;*/
}
#main-navigation > li a[class*=icon] span {
	text-transform: none;
	font-weight: 300;
}
#main-navigation > li a[class*=icon]:before {
	margin-right: 5px;
	/*display: none;*/
}
#main-navigation #menu .icon-th  {
  /* this span is the central line in the menu menu */
  display: inline-block;
  /*position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;*/
  vertical-align: middle;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 18px;
  height: 2px;
  background-color: #fc7c00;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  margin: 0 0 2px 1em;
  /* these are the upper and lower lines in the menu menu */
}
#main-navigation #menu .icon-th::before, 
#main-navigation #menu .icon-th:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fc7c00;
  left: 0;
}
#main-navigation #menu .icon-th::before {
  bottom: 6px;
}
#main-navigation #menu .icon-th::after {
  top: 6px;
}

#main-navigation #menu a.set .icon-th {
  background-color: rgba(255, 255, 255, 0);
}
#main-navigation #menu a.set .icon-th::before, 
#main-navigation #menu a.set .icon-th::after {
  background-color: #fc7c00;
}
#main-navigation #menu a.set .icon-th::before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#main-navigation #menu a.set .icon-th::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#menu-content .td:after {
	content: '';
	position: absolute;
	font-size: 0.9rem;
	padding: 0.1rem 0.4rem;
	border-radius: 0.5rem;
	border: 1px solid #fc7c00;
	color: #fc7c00;
	background: #fff;
	font-family: museo;
	font-weight: 300;
	top: -26px;
	display: none;
	}
#menu-content .td:first-child::after {
	content: '';
	border: none;
	padding: 0;
}


/* select location */

#site-selection .site-selection-content {
	height: 22px;
	padding: 10px 15px;
}
#site-selection .site-selection-content select {
	width: 100%;
}
/* top navigation */

#top-navigation {
	float: right;
	margin-right: -20px;
}
#top-navigation .google, #top-navigation .facebook {
	display: block;
	width: 16px;
	height: 30px;
}
#top-navigation .facebook {
	background: url(../images/layout/icon_facebook.png) no-repeat 50% 50%;
}
#top-navigation .google {
	background: url(../images/layout/icon_google.png) no-repeat 50% 50%;
}
#top-navigation .facebook:hover {
	background: url(../images/layout/icon_facebook_o.png) no-repeat 50% 50%;
}
#top-navigation .google:hover {
	background: url(../images/layout/icon_google_o.png) no-repeat 50% 50%;
}
#top ul li {
	margin: 0 5px 0 0;
}
#top li a {
	margin: 0 5px 0 0;
}
#top li a:hover {
	color: #333;
}
#top li a.login {
	font-weight: bold;
}
/* login panel  */

.nav-acc-panel {
	position: absolute;
	top: 80px;
	margin: 0;
	padding: 20px;
	right: 0;
	background: #fff;
	z-index: 101;
	height: 0;
	overflow: hidden;
	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
	transition: all 0.25s ease-in-out;
}
.nav-acc-panel > div.table {
	padding: 14px 0 20px 0;
	position: relative;
	width: 98%;
	color: #333;
	line-height: 1.2rem;
	box-sizing: border-box;
	border-spacing: 0;
	margin: 0 -5px;
}
.nav-acc-panel > div.table .td {
	padding: 1rem;
}
.nav-acc-panel > div.table img {
	width: 80%;
	height: auto;
}
.nav-acc-panel > div.table p {
	margin: 1rem 0;
}
.nav-acc-panel > div h2 {
	white-space: nowrap;
	}
.nav-acc-panel .special-panel {
	margin-bottom: 20px;
	}
.nav-acc-panel .content-0 a {
	margin-bottom: 10px;
	}
.nav-acc-panel .content-1 {
	white-space: nowrap;
	padding-bottom: 20px;
	}
#login-form hr {
	height: 1px;
	margin: 1.5em 0;
}
#login-form input {
	color: #999;
}
#login-form input[type=text],  #login-form input[type=password] {
	width: 38%;
	box-sizing: border-box;
}
#login-form input:focus {
	color: #333;
}
#login-form .button {
	width: auto;
}
#login-form .special-panel {
	width: 580px;
}
#main-navigation #menu.nav-acc-item {
	position: static;
	}
#main-navigation #menu.nav-acc-item .cd-menu-text {
	transition: all 0.25s ease-in-out 
	}
#main-navigation #menu.nav-acc-item a.set .cd-menu-text {
	opacity: 0; 
	}
#menu-content.nav-acc-panel {
	width: 100vw;
	box-sizing: border-box;
}
#menu-content.nav-acc-panel .table {
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 20px;
	border-top: 1px solid #ccc;
}
#menu-content div[class*=col] {
	background: #f2f2f2;
	padding: 20px;
}
#menu-content div[class*=col]:last-child {
	border-right: none;
}
/* function panel  */

#function-panel {
	position: absolute;
	top: 45px;
	right: 20px;
	z-index: 2;
	display: none;
}
#function-panel li {

	padding: 0;
	margin: 0 0 0 20px;
}
/* search panel */
#main-navigation > li.search {
	padding: 40px 0;
	cursor: default;
	transition: all 0.25s ease-out;
}
button::-moz-focus-inner {
padding: 0;
border: none;
}
.search {
	padding: 0 0 0 20px;
}
.search button {
	background: url("../images/layout/search-glass.png") no-repeat scroll 50% 50% #FFFFFF;
	border-bottom: medium none;
	border-image: none;
	border-left: 1px solid #CCCCCC !important;
	border-right: medium none;
	border-top: medium none;
	color: #FFFFFF;
	display: block;
	height: 28px;
	text-decoration: none;
	white-space: nowrap;
	width: 40px !important;
	float: right;
}
.search .show-form {
	display: inline-block;
	padding: 0 0 0px 5px !important;
	background: #fff;
	padding: 0.2em;
	outline: none;
	transition: all 0.25s ease-in-out;
	position: relative;
	text-align: left;
	border: 1px solid #ccc;/*-webkit-box-shadow: inset 0 8px 6px -6px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 8px 6px -6px rgba(0,0,0,0.1);
	box-shadow: inset 0 8px 6px -6px rgba(0,0,0,0.1);*/
}
.search .show-form:hover, .search .show-form:focus {
	border: 1px solid #007a50;
}
.search .show-form button {
	position: absolute;
	top: 11px;
	right: 2px;
	float: none;
}
.search input {
	color: #444;
	display: none;
	padding: 0.5em !important;
	transition: all 0.25s ease-out;
	border: none;
	background: none;
	font-size: 1.6em;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.search input {
	display: inline-block;
	width: 80%;
}
.search button.icon-search {
	background: none;
	color: #888;
	display: inline-block;
	margin: 0;
	text-decoration: none;
	white-space: nowrap;
	width: 50px !important;
	font-size: 1.3em;
	pointer-event: none;
	cursor: default;
	border: none !important;
	float: none;
	cursor: pointer;
	transition: all 0.25s ease;
}
.search button.icon-search:hover {
	color: #007a50;
}
.selector {
	display: inline-block;
	position: relative;
}
.selector select {
	position: absolute;
	top: 0;
	right: 0;
	height: 20px;
}
.selector span {
	background-image: url("../images/layout/forms.png");
	background-position: right 5px;
	background-repeat: no-repeat;
	color: #767676;
	cursor: pointer;
	font-size: 0.8em;
	line-height: 12px;
	margin: 0 5px 0 0;
	overflow: hidden;
	padding-right: 20px;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.selector:hover span {
	color: #333;
}
/*#function-panel li.language {
	margin: 0 0 0 20px;
}*/
.language select, .language select option {
	width: 135px;
	border: none;
	background: none;
	margin: 0;
	padding: 0 0 0 25px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.language .de {
	background: url(../images/layout/de.gif) no-repeat 5px 50%;
}
.language .de-ch {
	background: url(../images/layout/ch.gif) no-repeat 5px 50%;
}
.language .en-int {
	background: url(../images/layout/icon_world.gif) no-repeat 2px 50%;
}
.language .de, .language .de-ch, .language .en-int {
	-webkit-appearance: none;
}
#language-change {
	padding: 0 0 0 25px;
}
/* tab panel  */
#tabs, #tabsLicence {
/* margin:40px 0 0 0;*/
}
.tabs, .tabser {
	padding: 0;
	text-align: left;
	border-bottom: 1px solid #ccc;
}
.homepage .tabs,  .homepage .tabser {
	border-bottom: 1px solid #ccc;
}
.tabs-vertical {
	/*border-bottom: 2px solid #eee !important;*/
	margin: 0 0 40px 0;
	position: relative;
}
/*.tabs-vertical a.more-details {
	right: 0;
	left: auto !important;
	bottom: 40px;
	top: auto !important;
}*/
.tabs-vertical .content {
	float: left;
	width: 55.75%;
	padding-left: 3.8% !important;
	border-left: 3px solid #ddd !important;
}
.tabs-vertical .content.active {
	height: auto;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.tabs-vertical .tabs {
	border: none !important;
	border-right: 3px solid #ddd !important;
	float: left;
	width: 39.45%;
	-webkit-transform: translateX(3px);
	transform: translateX(3px);
}
.tabs-vertical .tabs .tab {
	padding: 27px 10px 20px 0 !important;
	font-size: 1.6em;
	width: 100%;
	border-bottom: 2px solid #ddd;
	transform: translateX(3px);
	text-align: left;
}
.tabs-vertical .tabs .tab:last-child, 
.tabs-vertical .tabs .tab.active:last-child, 
.tabs-vertical .tabs .tab:hover:last-child {
	border-bottom: none !important;
}
.tabs-vertical .tabs .tab.active, 
.tabs-vertical .tabs .tab:hover {
	border: none !important;
	border-bottom: 2px solid #ddd !important;
	border-right: 3px solid #fc7c00 !important;
}
/*.tabs-vertical .tabs .tab i {
	margin-right: -5px;
}*/
	
.homepage .tabs {
	border-bottom: 3px solid #ddd;
}
.tab {
	box-sizing: border-box;
	display: inline-block;
	padding: 15px 18px;
	list-style: none;
	background-color: #f2f2f2;
	cursor: pointer;
	position: relative;
	border: 1px solid #f2f2f2;
	overflow: hidden;
	font-size: 1.2em;
	vertical-align: top;
	transition: all 0.25s ease-in-out;
	z-index: 5;
	margin: 0 0 4px 0;
}
/*.homepage .tab {
	 	font-size: 1.4em;
		transform: translateY(5px);
		padding: 15px;
	  }*/
.tab span {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: -0.03em;
}
.tab i[class*=icon] {
	height: 30px;
}
.homepage .tabs i[class*=icon] {
	height: auto;
	margin: 0 5px 0 0;
}
.tab [class*="p6-webicon-"] {
	display: inline-block;
	vertical-align: middle;
}
.homepage .tab {
	padding: 20px;
	border: none;
	color: #999;
	font-size: 1.8em;
	border: none;
	border-bottom: 3px solid transparent;
	background-color: transparent;
	transform: translateY(3px);
	text-align: center;
	margin: 0;
	height: 105px;
}
/*.homepage .tab i {
		 font-size: 1.4em;
		 margin-right: -10px;
	}*/
.tab:hover {
	background-color: #fff;
	border: 1px solid #fff;
}
.homepage .tab:hover {
	background-color: transparent;
	border: none;
	color: #fc7c00;
	border-bottom: 3px solid #fc7c00;
	/*transform: translateY(3px);*/
}
.tab.active {
	background-color: #fff;
	padding: 15px 15px 20px;
	border: 1px solid #ccc;
	border-bottom: none;
	margin: 0;
	opacity: 1;
	transform: translateY(1px);
}
.homepage .tab.active {
	color: #fc7c00;
	border: none;
	border-bottom: 3px solid #fc7c00;
	transform: translateY(3px);
	padding: 20px;
	background-color: transparent;
}
.homepage .tabs-vertical .tab.active,
.homepage .tabs-vertical .tab:hover {
	-webkit-transform: translateY(0) translateX(3px);
	transform: translateY(0) translateX(3px);
}
#tabs .content.active {
	display: block;
	height: auto;
	opacity: 1;
	transform: translateY(0);
}
#tabs .content {
	height: 0px;
	opacity: 0;
	transform: translateY(-20px);
}
.content {
	box-sizing: border-box;
	/*background: #fff;*/
	border-top: none;
	margin: 0;
	padding: 0;
	text-align: left;
	transition: all 0.25s ease-in-out;
	overflow: hidden;
}
.homepage .content.active {
	padding: 40px 0;
	opacity: 1;
	height: auto;
}
.homepage .content {
	opacity: 0;
	height: 0;
}
.content .promo {
	/*background: none repeat scroll 0 0 #E5F1ED;*/
	border-left: 1px solid #ddd;
	cursor: pointer;
	margin: -20px 1.1% 0 0;
	padding: 40px 1.1% 20px 1.1%;
	min-height: 260px;
}
.content .promo:hover {
	/*border-right: 1px solid #f2f2f2;*/
	background: #f2f2f2;
}
.content .promo.last {
	border-right: none;
	margin-right: -1.1%;
}
.contentsWindow {
	/*width: 450px;*/
	height: 580px;
	/*clear: left;*/
	overflow: hidden;
	position: relative;
	border-top: 1px solid #ccc;
	margin: -1px 0 0;
}
.contents, .contentser {
	/*clear: left;*/
	width: 20000em;
	position: absolute;
	left: 0;
	top: 0;
}
.contents .content, .contentser .content {
	float: left;
	width: 450px;
	background: #fff;
	border-top: none;
	margin: 0;
	padding: 0;
}
.contentser .content {
	padding: 30px;
	width: 400px;
}
#tabsLicence .tab {
	font-size: 1.5em;
	padding: 30px 0;
	width: 45%;
	text-align: center;
}
#tabsLicence .tab:before {
	line-height: 0.2em;
}
#tabsLicence .tab:first-child {
	color: #007a50;
}
#tabsLicence .content:first-child {
	background: #fff;
}
#tabsLicence .content:first-child .feature-list {
	color: #444 !important;
}
#tabsLicence .tab.active {
	font-size: 1.5em;
	padding: 34px 0;
}
#tabsLicence .contentsWindow {
	height: 600px;
}
/* search-panel container */

#search {
	border: none;
	-webkit-box-shadow: 0px 0px 0px #FFFFFF;
	-moz-box-shadow: 0px 0px 0px #FFFFFF;
	box-shadow: 0px 0px 0px #FFFFFF;
	padding: 0px;
}
#left-column {
	width: 55px;
	border: 1px solid #FFFFFF;
	float: left;
	margin-top: 10px;
}
#mid-column {
	border: 1px solid #d7d7d7;
	-webkit-box-shadow: inset 0 8px 6px -6px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 8px 6px -6px rgba(0,0,0,0.1);
	box-shadow: inset 0 8px 6px -6px rgba(0,0,0,0.1);
}
#right-column {
	width: 90px;
	border: 1px solid #FFFFFF;
	float: left;
	padding: 3px;
}
#close-img {
	padding-top: 5px;
	padding-right: 5px;
	width: 20px;
	height: 20px;
}
#search-panel {
/*padding: 40px 0;
	background: #f2f2f2;*/
}
#search-panel .button {
	font-size: 1.4em;
	font-weight: normal;
}
#sort-panel {
	padding: 20px 0;
}
#sort-panel label {
	float: right;
	margin-top: -5px;
}
#sort-panel .button {
	margin-right: 5px;
	background: #fff;
}
#sort-panel .button:hover {
	background: #ddd;
}
#sort-panel h2, #sort-panel label {
	display: inline;
	padding: 0;
	vertical-align: bottom;
	font-weight: normal;
	color: #333 !important;
	font-size: 1.0em;
}
#sort-panel h2 span, #sort-panel h2 i {
	font-style: normal;
	font-weight: bold;
	color: #333 !important;
}
.product-overview #sort-panel {
	margin: 0 0 -43px 0;
}
.product-overview .fourcol img {
	border: none;
}
#search-panel ul {
	list-style-type: none;
	padding: 0;
}
#search-panel ul li {
	float: left;
	height: auto;
}
#search-panel ul li.search {
	border: 3px solid #ddd;
	border-top: none;
	padding: 0 !important;
	height: auto;
	margin: 0;
	width: 100%;
	box-sizing: border-box;
}
#search-panel ul li.search button {
	border-left: 3px solid #ddd !important;
	height: 45px;
	width: 50px !important;
	margin: 0;
	float: right;
	transition: all 0.25s ease-in-out;
}
#search-panel ul li.search button:hover {
	color: #007a50;
}
#search-panel ul li.search .delete-input {
	height: 40px;
	line-height: 40px;
	padding: 3px 15px 0 0;
	text-decoration: none;
	font-size: 2.5em;
	font-weight: 500;
	display: inline-block;
	float: right;
	color: #bbb;
	transition: all 0.25s ease-in-out;
}
#search-panel ul li.search .delete-input:hover {
	color: #007a50;
}
#search-panel label {
	font-size: 1.4em;/*font-weight: bold;*/
}
#search-panel input, #search-panel input:focus {
	padding: 10px;
	width: 600px;
	font-size: 1.4em;
	color: #007a50;
	outline: none;
}
#search-filter {
	padding: 40px 0 0 0;
	border-bottom: 1px solid #ccc;
	position: relative;/*margin-bottom: 30px;*/
}
/* hide the real form element by opacity: 0 and position: absolute - display: block and visibility: hidden do not work because then form elements cannot get the focus and actually get checked or unchecked 
#search-filter input[type="checkbox"],
#search-filter input[type="radio"]
{
	position: absolute;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	opacity: 0;
}
*/

#search-filter input[type="checkbox"], #search-filter input[type="radio"] {
	/*position: absolute;
	left: 15px;
	top: 0;
	width: 50px;
	height: 50px;*/
    /* z-index:1000;*/
	-moz-opacity: 0;
	-webkit-opacity: 0;
	opacity: 0;
}
/* prevent the entire page from scrolling if there is overflow and checkbox or radio button are clicked */
#search-filter label {
	position: relative;
}
/* fallback for IE6, IE7 and IE8 */
#search-filter input[type="checkbox"], #search-filter input[type="radio"] {
	position: static\9;
}
#search-filter input[type="checkbox"] ~ span::before, #search-filter input[type="radio"] ~ span::before {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	vertical-align: middle;
	background-repeat: no-repeat;
	margin: 0 0 0 -25px;
	position: absolute;
	left: 50%;
	top: 0px;
}
#search-filter input[type="checkbox"]:checked ~ span {
	color: #007a50;
}
#search-filter input[type="checkbox"]:checked ~ span::before {
	background-position: 0 -50px;
}
#search-filter input[type="radio"] ~ span::before {
	background-position: -50px 0;
}
#search-filter input[type="radio"]:checked ~ span::before {
	background-position: -50px -50px;
}
/* disabled form elements 
input[type="radio"]:disabled + span,
input[type="checkbox"]:disabled + span,
input[type="radio"]:disabled + span::before,
input[type="checkbox"]:disabled + span::before
{
	-moz-opacity: .4;
	-webkit-opacity: .4;
	opacity: .4;
}*/

/* focused and active form elements 
input[type="checkbox"]:focus + span::before,
input[type="radio"]:focus + span::before,
input[type="checkbox"]:active + span::before,
input[type="radio"]:active + span::before
{
	outline: dotted 1px #ccc;
}*/

/* skin-specific sprite */
#search-filter input[type="checkbox"] ~ span::before, #search-filter input[type="radio"] ~ span::before {
	background-image: url("../images/layout/sprite.png");
}
#search-filter a.show-all {
	display: block;
	margin-top: -20px;
	float: right;
	font-weight: normal;
	font-size: 0.9em;
}
#search-filter a.show-all span {
	font-size: 0.9em;
}
#search-filter ul {
	margin: 0;
	padding: 0;
	display: block;
}
#search-filter li.tab h3 {
	margin: 0 0 3px 0;
}
#search-filter li.tab span, #search-filter li.tab h3 {
	display: block;
	padding: 0 0 0 0;
	color: #666;
}
#search-filter li.tab h3 {
	white-space: nowrap;
}
/*#search-filter li.tab span,
#search-filter li.tab button.remove {
	display: none;
	}

#search-filter li.tab.active button.remove {
	display: block;
	}*/
#search-filter li.tab, #search-filter li.new-tab {
	box-sizing: content-box;
	display: inline-block;
	padding: 7px 6px 0 10px;
	list-style: none;
	margin: 0 5px 0 0;
	cursor: pointer;
	height: 55px;
	vertical-align: text-top;
	position: relative;
	width: 110px;
	background: whitesmoke;
	overflow: hidden;
	border: none;
}
#search-filter li.tab h3 {
	font-size: 1em;
	line-height: 1em;
}
#search-filter li.tab .filter-item {
	font-size: 0.7em;
	line-height: 1.0em;
}
#search-filter li.tab.active {
	background-color: #fff;
	height: 50px;
	padding: 5px 8px 10px 10px;
	border: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	opacity: 1;
}
#search-filter li.tab.active .filter-item, #search-filter li.tab.active h3 {
	color: #007a50 !important;
}
#search-filter li.tab.active .remove {
	top: 3px;
	color: #007a50;
}
#search-filter li.tab .remove {
	float: right;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
	padding: 0;
	color: #666;
	margin-top: -3px;
}
#search-filter li.tab .remove:hover {
	color: #ff0000;
}
#search-filter li.new-tab .add:hover {
	color: #007a50;
}
#search-filter li.new-tab {
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	background: #fff;
	width: auto;
	height: auto;
	border: none;
	overflow: visible;
	opacity: 1;
}
#search-filter li.new-tab .add {
	top: 0;
	right: 0;
}
#search-filter li.new-tab div {
	width: 180px;
	top: 0;
	left: 0;
}
#search-filter li.new-tab #add-filter-list {
	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
	background: #f2f2f2;
	list-style-type: none;
	z-index: 99;
}
#search-filter li.new-tab #add-filter-list li {
	border-bottom: 1px solid #fff;
	padding: 0;
}
#search-filter li.new-tab #add-filter-list li:hover {
	background: #ddd;
}
#search-filter li.new-tab #add-filter-list li button {
	background: none;
	display: block;
	font-size: 0.8em;
	height: 25px;
	padding: 0 10px;
	white-space: nowrap;
	width: 100%;
}
#search-filter div.content {
	margin: -1px 0 0 0;
	padding: 5px 0 0 0;
	background: #fff;
	border-top: 1px solid #ccc;
}
#search-filter div.content li {
	display: inline-block;
	margin: 0 5px 5px 0;
	/*background: #f2f2f2;*/
	padding: 0;
	width: 115px;
	min-height: 75px;
	vertical-align: top;
}
#search-filter div.content li img {
	width: 90%;
}
#search-filter div.content li label {
	text-align: center;
	display: block;
	padding: 0;
	font-size: 0.8em;
	line-height: 1.2em;
}
#search-filter div.content li input, #search-filter div.content li label {
	cursor: pointer;
}
#search-filter div.content li.disabled {
	background: none;/*border: 1px solid #f2f2f2;*/
}
#search-filter div.content li.disabled label {
	opacity: 0.5;
}
#search-filter div.content li.checked {
	/*background: #e4f1ec;*/
	color: #007a50;
}
#search-filter div.content li.checked input {
	border: 2px solid #007a50;
}
#search-filter div.content li input {
	margin: 16px auto !important;
	display: block;/*width: 50px;
	 height: 50px;*/
}
#search-categories {
	margin: 10px 0 0 60px;
}
#search-categories, #search-categories ul {
	list-style-type: none;
}
#search-categories li {
	float: left;
	position: relative;
	padding: 5px;
	text-align: center;
	background: #ddd;
	margin: 0 10px 0 0;
	width: 120px;
}
#search-categories li:hover {
	background: #fff;
}
#search-categories li h3 {
	padding: 0 0 0 0;
	cursor: pointer;
}
#search-categories li div {
	position: absolute !important;
	left: 0;
	top: 22px;
}
#search-categories li li {
	float: none;
	margin: 0;
	padding: 5px;
	min-width: 120px;
}
#search-categories li li a {
	text-decoration: none;
	font-size: 0.9em;
}
#search-results .search-results-links {
	left: 100px;
	bottom: 40px;
	position: absolute;
}
#search-results li {
	padding: 30px 10px 60px 0;
	} 
#search-results.linklist-simple li {
	padding: 40px 10px 40px 0;
	border-bottom: 1px solid #ccc;
	} 
#search-results li a:hover {
	text-decoration: none;
	} 
#search-results li h3 {
	font-size: 1.2em;
	line-height: 1em;
	} 
#search-results li .search-results-links {
	bottom: 20px;
	left: 0;
	}
#search-results li .search-results-links a {
	display: inline-block;
	margin: 0 20px 0 0;
	}
#search-results li .search-results-links a:hover {
	text-decoration: underline;
	}
/*------------------------ search-result paging -----------------------------------*/

#Nav .search-result-paging {
	margin-top: 20px;
}
#Nav .page-list {
	margin-left: 20px;
	margin-right: 20px;
}
#NavPages span, #NavPages a {
	margin-right: 10px;
}
/*
================================================
					BASIC LAYOUT
================================================
*/

.container {
	padding-left: 20px;
	padding-right: 20px;
}
.section {
	width: 910px;
	padding: 0 20px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
/*.article > div[class*=col]*/
.article {
	padding-top: 40px;
	position: relative;
}
.article[class*=col] {
	background: #fff;
	padding: 40px;
	margin-bottom: 40px;
	overflow: hidden;
	position: relative;
	/*box-shadow: 0 0 20px #e5e5e5;*/
	text-align: center;
}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
	margin-right: 3.8%  !important;
	float: left;
	min-height: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.onecol {
	width: 4.85% !important;
}
.twocol {
	width: 13.45% !important;
}
.threecol {
	width: 22.05% !important;
}
.fourcol {
	width: 30.75% !important;
}
.fivecol {
	width: 39.45% !important;
}
.sixcol {
	width: 48% !important;
}
.sevencol {
	width: 56.75% !important;
}
.eightcol {
	width: 65.4% !important;
}
.ninecol {
	width: 74.05% !important;
}
.tencol {
	width: 82.7% !important;
}
.elevencol {
	width: 91.35% !important;
}
.twelvecol {
	/*width: 100%;
	float: left;*/
	height: auto !important;
}
.last {
	margin-right: 0px !important;
}
img, object, embed {
max-width: 100%;
}
img {
	height: auto;
}
/*
================================================
					Main Panels
================================================
*/

#start-test-panel {
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
	min-width: 980px;
	text-align: center;
	background: rgba(0, 122, 80, 0.85);
	position: fixed;
	top: -73px;
	z-index: 98;
	transition: all 0.25s ease-in;
}
#start-test-panel.fixed {
	-webkit-transform: translateY(60px);
	transform: translateY(60px)
}
#start-test-panel.fixed.set {
	-webkit-transform: translateY(105px);
	transform: translateY(112px);
	background: rgba(252, 124, 0, 1);
}
#start-test-panel h2 {
	color: #fff;
}
#start-test-panel .button {
	padding: 0 1em;
	line-height: 35px;
	height: 35px;

}
	#start-test-panel.fixed.set .button {
		color: #fc7c00;
		background: #fed7b2;
		font-weight: bold;
	}
#start-test-panel h2 i {
	font-size: 0.8em;
	margin: 0 20px;
	vertical-align: middle;
}
#test-panel {
	position: absolute;
	/*top: 52vh;*/
	left: 0;
	right: 0;
	z-index: 96;
	width: 100%;
	/*transform: perspective(500px) rotateX(90deg);
	transform-origin: top center;
	transition: all 0.25s ease-in-out;
	animation-delay: 5s;
	animation-name: rotatePanel;
	animation-duration: 2s;
	 animation-timing-function: ease-in-out;
	
	-webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;*/
}
#test-panel .inner {
	display: inline-block;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 20px;
	background: rgba(0, 0, 0, .4);
	opacity: 1;
	color: #fff;
}
#test-panel h2 {
	color: #fff;
	font-weight: 300;
	font-size: 3em;
	padding: 0 !important;
}
#test-panel h4 {
	color: #fff;
}
#test-panel p {
	margin-bottom: 0.5em;
}
#test-panel img {
	display: inline-block;
	vertical-align: middle;
	width: 103px;
	margin: 0 20px 0 0;
}
#test-panel .button {
	box-sizing: border-box;
	position: static !important;
	font-size: 1.5em !important;
	/*width: 100%;
	margin: 0 0 10px 0;*/
	padding: 0.6em 1em !important;
}
#test-panel .button.prio-low {
	background: none;
	color: #fff;
	opacity: 0.8;
	transition: all 0.25s ease-in-out;
	text-transform: none;
	font-size: 1em !important;
	border: 1px solid #fff;
	padding: 15px !important;
}
#test-panel .button.prio-low:hover {
	opacity: 1;
}
#test-panel .button.prio-low.show {
	display: none;
}
#test-panel .button:last-child {
	margin: 0;
}
#test-panel.fixed {
	opacity: 0;
}
#test-panel .fancy-select {
	margin-right: 0;
	box-sizing: border-box;/*width: 100%;*/
}
#test-panel .fancy-select .text {
	min-width: 100px;
}
#test-panel .select-test-subject {
	opacity: 0;
	height: 0px !important;
	overflow: hidden;
	transition: all .25s ease-in-out;
}
#test-panel .select-test-subject.show {
	opacity: 1;
	height: 60px !important;
}
#quicklinks-panel {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 90;
}
#quicklinks-panel li {
	display: inline-block;
	vertical-align: middle;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
#quicklinks-panel li a {
	color: #fff;
	display: block;
	padding: 10px 20px;
	font-size: 1.4em;
	transition: all 0.25s ease-in-out;
	border: 1px solid transparent;
}
#quicklinks-panel li a:hover {
	color: #fc7c00;
	border: 1px solid #fc7c00;
	text-decoration: none;
}
#role-landing-panel {
	padding: 0;
	position: absolute;
	top: 40px;
	left: 20px;
	z-index: 90;
}
#role-landing-panel li {
	/*display: inline-block;*/
	text-align: center;
	border: 1px solid rgba(255,255,255,0);
	transition: all 0.25s ease-in-out;
	/*transform: scale(0.8,0.8);*/
	overflow: hidden;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	vertical-align: top;
}
#role-landing-panel li:hover {
/*border: 1px solid #fff;
	transform: scale(1,1);*/
}
#role-landing-panel li a {
	/*background: rgba(0, 0, 0, 0.4);*/
	opacity: 0.8;
	box-sizing: border-box;
	display: block;
	padding: 5px;
	/*width: 110px;
	height: 140px;*/
	transition: all 0.25s ease-in-out;
	position: relative;
	color: #fff;
}
#role-landing-panel li a [class*=p6-webicon] {
	font-size: 1.5em;
	display: inline-block;
	margin-bottom: 5px;
}
#role-landing-panel li a:hover {
	background: #fc7c00;
	text-decoration: none;/*height: 250px;*/
}
#role-landing-panel li a img {
	width: 60px;
}
#role-landing-panel li a span {
	display: block;
	color: #fff;
	transition: all 0.25s ease-in-out;
}
#role-landing-panel li a span:nth-child(2) {
	text-transform: uppercase;
	font-size: 1.2em;
	margin: 0 0 0 0;
}
#role-landing-panel li a span:nth-child(3) {
	opacity: 0;
	transform: translateY(0);
}
/*#role-landing-panel li:hover a span:nth-child(3) {
	opacity: 1;
	transform: translateY(-10px);
}*/

#header {
	background: #fff;
	position: absolute;
	width: 100%;
	z-index: 99;
	transition: all 0.25s ease-in-out;
	top: 0;
	height: 85px;
	min-height: 40px;
	min-width: 980px;
	box-sizing: border-box;
}
.landing #header {
	padding-top: 0;
	position: relative;
}
#header.fixed {
	position: fixed;
	top: 0px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	height: 42px;
}
#header.fixed #logo-panel {
	/*height: 40px;*/
	background-size: auto 30px;
}
#header.fixed #logo-panel a, #header.fixed #logo-panel a span {
	padding: 0.2em 0;
}
#header.fixed #main-navigation > li {
	padding: 0 0 0 20px;
}
#header.fixed #main-navigation > li a {
	font-size: 0.9em;
}
#header.fixed .nav-acc-panel {
	top: 42px;/*background: rgba(255,255,255,0.9);*/
}
#header.fixed .section {
	padding: 0 20px;
}
#header .section {
	overflow: visible;
	width: auto;
	height: 100%;
}
#head {
	background: #007a50;
	position: relative;
}
#breadcrump {
	background-color: #007a50;
	height: 40px;
	width: 100%;
}
#breadcrump .section {
	width: auto;
	height: 100%;
}
#breadcrump ul li {
	color: #fff;
	padding: 0 20px 0 0;
	font-size: 0.9em;
}
#breadcrump ul li a {
	color: #fff;
	font-weight: normal;
}
#action {
	background: #007a50 url(../images/background_2.jpg) no-repeat 50% 0;
	background-size: cover;
	position: relative;
	min-width: 980px;
}
.landing #action {
	background: #007a50 url(../images/layout/landing-background-x2.jpg) no-repeat 50% 0;
	background-size: 1600px 986px;
}
.landing #action .section {
	padding: 30px 160px !important;
	height: 986px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.landing #action .section input {
	width: 86%;
	font-size: 2.2em !important;
	font-weight: bold;
	text-align: center;
	margin: 0 0 20px 0;
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3) inset;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3) inset;
}
.landing #action .section h1 {
	font-size: 3em !important;
	padding: 40px 0 20px 0 !important;
}
.landing #action .section .button {
	font-size: 1.8em !important;
	color: #007a50;
	background: #99cab9;
	width: 90%;
	margin: 0 0 40px 0;
}
.landing #action .section .button:hover, .landing #action .section .button:focus {
	background: #cce4dc;
}
.landing #action .section a {
	font-size: 1.5em !important;
	color: #fff;
}
#landing-action.wrapper {
	background-repeat: no-repeat;
	background-size: auto;
	min-height: 400px;
	padding: 40px 0 0 0;
}
#landing-action.parallaxbox {
	height: 400px;
	width: 100%;
}
#landing-publisher .info-panel-light {
	position: relative;
	background: #fff;
	margin-bottom: 20px;
	padding: 40px;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
}
#landing-publisher .info-panel-light .add {
	position: absolute;
	top: -40px;
	left: 50%;
	font-size: 4em;
	background: #fff;
	width: 50px;
	margin-left: -45px;
	padding: 20px;
}
#landing-publisher .info-panel-light[class*=col] a:hover {
	background: #f1f1f1;
}
#landing-publisher .info-panel-light[class=sixcol] a {
	display: block;
	margin: -40px;
	padding: 20px;
	text-decoration: none;
	text-align: center;
	background: #fff;
	min-height: 140px;
	transition: all 0.25s ease-in-out;
}
#landing-publisher .info-panel-light[class*=col] a span {
	font-weight: normal;
	color: #444;
}
#landing-publisher .info-panel-light[class=sixcol] [class*=icon]:before {
	font-size: 5em;
	color: #999;
}
#landing-action.wrapper .cover-panel {
	background: rgba(255,255,255,0.85);
	padding: 0;
}
#landing-action .publisher-logos {
	margin: 0;
}
#landing-publisher #landing-action h1, #landing-publisher #landing-action h2, #landing-publisher #content .article h1, #landing-publisher #content .article h2 {
	font-weight: 300;
	color: #444;
	text-transform: none;
	font-size: 2.5em;
	padding: 0;
}
#landing-publisher #content .article h1, #landing-publisher #content .article h2 {
	margin: 0 0 1em 0;
}
#landing-publisher #landing-action h1 {
	font-size: 3.5em;/*padding: 40px 0 0 0;*/
}
#landing-publisher #landing-action h2 {
	font-size: 1.8em;
	margin-bottom: 5px;
}
#landing-publisher .info-panel-light h1, #landing-publisher .info-panel-light h2 {
	padding-bottom: 0.5em;
}
#landing-publisher .content-subpage .article {
	min-height: 600px;
}
#action:before {
	height: 250px;
}
#action .section,  #sub-action .section {
	background: none;
	height: auto;
	text-align: center;
	transition: all 0.25s ease-out;
}
#action .section {
	padding: 30px 0;
}
#sub-action .section {
/*padding: 40px 0;*/
}
#action h1 {
	/* font-family: 'FuturaMdBTBold', sans-serif;*/
	font-size: 3em !important;
	padding: 0 0 0.1em 0 !important;/*letter-spacing: -0.01em;
		 text-transform: uppercase;*/
}
.homepage #content h1 {
	/*font-size: 3vw;*/
	padding: 0 0 0.1em 0 !important;
	text-align: center;
}
.homepage #content h3 {
	padding: 0 0 60px 0;
	text-align: center;
}
a.scrolldown {
	text-decoration: none;
	overflow: visible;
	position: relative;
	transition: all 0.25s ease-in-out;
	display: block;
	color: #333 !important;
	font-weight: normal !important;
	padding: 0 0 20px 0;
}
a.scrolldown h3 {
	color: #333 !important;
	transition: all 0.25s ease-in-out;
}
a.scrolldown:hover {
	background: #fff;
	box-shadow: 0 0 20px #E5E5E5;
	padding: 20px 20px 40px 20px;
	margin: -20px;
	color: #007a50 !important;
}
a.scrolldown:hover h3 {
	color: #007a50 !important;
}
a.scrolldown:before {
	font-size: 1.5em !important;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 20px;
	margin: 0 0 0 10px;
	opacity: 0;
	transition: all 0.25s ease-in-out;
	color: #007a50;
}
a.scrolldown:hover:before {
	bottom: 10px;
	opacity: 1;
}
#action h2 {
	font-size: 1.5em;
	font-weight: normal;
	padding: 0;
}
#action h2.tk-felt-tip-roman {
	font-size: 1.8em;
	font-weight: bold;
}
#action .button,  .big-button {
	font-size: 1.2em;
	min-width: 250px;
	padding: 0.5em 0.8em;
	text-align: center;
	text-transform: uppercase;
}
#action h1, #action h2, #action h3, #action p {
	color: #fff;
}
#action .section .slideshow div.slide {
	color: #fff;
	padding: 45px 0;
	width: 100%;
	height: 270px;
	overflow: visible;
}
.slideshow .teaserlink {
	background-size: 960px 350px !important;
}
.homepage #sub-action {
	/*background: #fff url(../images/actionbox-background.jpg) no-repeat 50% 0;*/
	background-size: contain;
}
#sub-action .boy, #sub-action .girl {
	position: absolute;
	width: 275px;
	height: 510px;
	z-index: 97;
	pointer-events: none;
}
#sub-action .boy {
	background: url(../images/actionbox-boy.png) no-repeat 50% 0;
	right: -106px;
}
#sub-action .girl {
	background: url(../images/actionbox-girl.png) no-repeat 50% 0;
	left: -58px;
}
.special-header {
	text-align: center;
	padding: 40px 0 10px;
}
#sub-action h1,  .special-header h1 {
	/*color: #aaa;*/
	padding: 10px 0 0.1em 0;
	line-height: 0.9em;
}
#sub-action h2,  .special-header h2 {
	/*font-size: 2.8em;
		font-weight: bold;*/
	padding: 10px 0;/*color: #666;*/
}
#sub-action .section {
	position: relative;
	height: 530px;
	transition: all 0.25s ease-out;
	overflow: visible;
}
ul.social-icons {
	position: fixed;
	top: 120px;
	right: 30px;
	z-index: 99;
	list-style-type: none;
}
ul.social-icons li {
		padding: 0;
		margin: 0 0 10px 0;
	}
.social-icons.share {
	position: static;
}
.social-icons.share a {
	position: static;
	width: auto;
	height: auto;
	padding: 10px;
	font-size: 1.5em;
	color: #fff;
}
.social-icons.share a:before {
	vertical-align: middle;
	margin: 0 5px 0 0;
}
.social-icons.share.item-float-right a {
	margin-left: 10px;
}
.social-icons.share a:hover {
	text-decoration: none;
}
.social-icons.share a.p6-webicon-facebook {
	background: #3B5998;
}
.social-icons.share a.p6-webicon-google {
	background: #dd4b39;
}
.social-icons.share a.p6-webicon-twitter {
	background: #00acee;
}
.social-icons a {
	display: inline-block;
	width: 40px;
	height: 40px;
	padding: 5px;
	border: 1px solid rgba(255,255,255,0);
	transition: all 0.3s ease-in-out;
	color: #ddd;
	font-size: 2.5em;
}
.social-icons a:hover {
	transform: scale(1.1, 1.1);
	text-decoration: none;
	color: #fff;
}
.social-icons a[class*=facebook]:hover {
	background-color: #3B5998 !important;
}
.social-icons a[class*=google]:hover {
	background-color: #dd4b39 !important;
}
.social-icons a[class*=twitter]:hover {
	background-color: #00acee !important;
}
#sub-action .button.prio-high {
	text-transform: uppercase;
	font-size: 1.6em;
	padding: 16px 40px;
	text-align: center;
}
.homepage #sub-action .button.prio-high {
	position: relative;
	bottom: 150px;
	left: -50%;
}
#content {
	position: relative;
	background: #f2f2f2;
	width: 100%;
}
#breadcrump + #content.content-subpage, #breadcrump + #content.content-subpage #content {
	background: #fff;
}
#breadcrump + #content.content-subpage #content .section {
	padding: 0 0 40px 0;
}
#content .section {
	padding-bottom: 40px;
	overflow: visible;
}
/*#content .article {
		border-bottom: 1px solid #D7D7D7;
	}*/
#content .article h1 {
/*color: #007a50;*/
		
}
#content .article h1 i {
	text-transform: lowercase;
}
#content .aside .article {
	border-bottom: none;
}
#content .article.details {
	background: #f2f2f2;
	padding: 20px;
	border: none;
}
#content .content-item:nth-child(odd) {
	background: -webkit-linear-gradient(35deg, #e3e3e3 0%, #f8f8f8 57%);
	background: linear-gradient(35deg, #e3e3e3 0%, #f8f8f8 57%);
	}
#content .content-item:nth-child(even) {
	background: #fff;
	}
.homepage #content .section {
	box-sizing: border-box;
	padding: 0;
	width: 100% !important;
}
.homepage .section > .clearfix:nth-child(1) {
	background: #f2f2f2;
	background-size: cover;
	/*background: #fff url(../images/back-icon-mash-gray.jpg) no-repeat center;*/
}
.homepage .anim-teaser {
	background: #fff;
}
.homepage .anim-teaser > .article {
	padding: 140px 80px 80px 80px !important;
	color: #fff !important;
}
.homepage .anim-teaser > .article h3 {
	color: #fff !important;
	padding: 0 0 0.5em 0;
}
.homepage .anim-teaser > .article .teaserlink img,  .homepage .anim-teaser > .article .teaserlink [class*="icon-"]:before {
	/*background: rgba(255,255,255,0.8) !important;*/
	border: 2px solid #fff;
	border-radius: 100%;
	padding: 10px;
	width: 100px;
	height: 100px;
	font-size: 64px;
	line-height: 100px;
	margin-bottom: 20px;
	transition: all 0.25s ease-in-out;
}
.homepage .anim-teaser .sixcol:first-child {
	border-right: 1px solid #ddd;
	padding-right: 3.8%;
}
.homepage .anim-teaser > .article .teaserlink:hover img,  .homepage .anim-teaser > .article .teaserlink:hover [class*="icon-"]:before {
	border: 2px solid rgba(255,255,255,0);
	width: 110px;
	height: 110px;
	font-size: 120px;
	line-height: 110px;
	padding: 0 0 10px 10px;
	background: rgba(255,255,255,0.4) !important;
}
.homepage .customer-feedback {
	background: #666;
	/*background: #007a50 url(../images/back-icon-mash.jpg) no-repeat center 100%;*/
	background-size: cover;
}
.homepage .customer-feedback .article {
	padding: 40px 80px !important;
}
/*.homepage .anim-teaser .article {
		padding: 40px 80px !important;
		}*/
.homepage .customer-feedback h3,  .homepage .customer-feedback h5 {
	color: #fff;
}
.homepage #content .article {
/*box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);*/
}
.homepage #content .article {
	max-width: 974px;
	background: none;
	padding: 80px;
	margin: 0 auto;
	text-align: center;
}
.homepage .button {

}
.homepage.landing .button {
	font-size: 1.5em;
	padding: 10px 20px;
	vertical-align: top;
}
.homepage.landing .button i[class*=icon] {
	margin-right: 10px;
}
.special-panel {
	background: #f2f2f2;
	padding: 20px;
	margin: 0 0 40px 0;
	position: relative;
}
.special-panel.content {
	padding: 0 40px;
	position: relative;
}
.special-panel.content.active {
	padding: 40px;
}
.special-panel[class*="icon-"] {
	margin-right: 3.8%;
}
.special-panel[class*="col"] {
	height: 300px;
}
.special-panel[class*="col"]:last-child {
	background: rgba(0,122,80,0.1);
}
.special-panel[class*="col"]:last-child b {
	font-size: 1.2em;
	color: #007a50;
}
.special-panel input[type=text],  .special-panel input[type=password] {
	border: 1px solid #fff;
	box-sizing: border-box;
	width: 100%;
}
.special-panel .button {
	box-sizing: border-box;
}
.special-panel[class*="icon-"]:before {
	bottom: 35%;
	color: #ccc;
	font-size: 6em;
	position: absolute;
	right: -45px;
	-webkit-transform: scaleY(2.8);
	transform: scaleY(2.8);
}
.newsletter-panel {
	box-sizing: border-box;
	width: 340px;
	text-align: center;
	background: rgba(0,0,0,0.4);
	padding: 20px 10px;
	overflow: hidden;
	position: fixed;
	bottom: 0;
	right: 40px;
	z-index: 100;
	transform: translateY(40px);
	opacity: 0;
	transition: all 0.25s ease-in-out;
}
.newsletter-panel.set {
	transform: translateY(0);
	opacity: 1;
}
.newsletter-panel a {
	color: #fff;
}
.newsletter-panel h3 {
	padding: 0;
}
.newsletter-panel a:hover {
	text-decoration: none;
}
.newsletter-panel .icon-remove {
	background: none;
	position: absolute;
	top: 5px;
	right: 5px;
	color: #fff;
	opacity: 0.5;
}
.newsletter-form {
	box-sizing: border-box;
	height: 0px;
	overflow: hidden;
	transform: translateY(100px);
	transition: all 0.25s ease-in-out;
	padding: 0;
}
.newsletter-form.set {
	height: 50px;
	padding: 10px 0;
	transform: translateY(0);
}
.wrapper-panel {
	padding: 20px 30px;
	border: 1px solid #ccc;
	min-height: 250px;
}
.wrapper-panel img {
	margin: -20px 0 0 -20px;
}
.wrapper-panel.set {
	/*border: none;
		background: rgba(0,122,80,0.1);*/
	border-color: #007a50;
}
.wrapper-panel:before {
	position: absolute;
	right: 25px;
	top: 25px;
	font-size: 2.5rem;
	color: #999;
}
.wrapper-panel.set:before {
	color: #007a50;
}
.wrapper-panel.set h2 {
	color: #007a50;
	font-size: 2.5em;
}
.wrapper-panel h2 {
	font-size: 2.5em;
	padding: 0 0 20px 0;
}
.promo .homepage-promo-panel {  display: block }
.homepage-promo-panel {
	display: none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fc7c00+0,ffaf4b+100&1+0,0.8+100 */
	background: -moz-linear-gradient(left,  rgba(252,124,0,1) 0%, rgba(255,175,75,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(252,124,0,1) 0%,rgba(255,175,75,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(252,124,0,1) 0%,rgba(255,175,75,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc7c00', endColorstr='#ccffaf4b',GradientType=1 ); /* IE6-9 */
	color: #fff;
	padding: 35px 20px 30px 20px;
	cursor: pointer;
	transition: background 0.25s ease-out;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 230px;
	height: 230px;
	box-sizing: border-box;
	position: absolute;
	top:-45%;
	left: 76%;
	-webkit-transform: scale(1.2);
		transform: scale(1.2);
}
.homepage-promo-panel span,
.homepage-promo-panel a,
.homepage-promo-panel a:hover {
	display: block;
	text-decoration: none;
	color: #fff;
}
.homepage-promo-panel:hover {
	
}
.homepage-promo-panel .main-title {
	font-size: 2rem;
	font-weight: bold;
	padding: 28px 0 0;
}
.homepage-promo-panel .title {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1em;
}
.homepage-promo-panel .sub-title {
	font-size: 1.2rem;
}
#content .article.details ul {
	list-style-type: disc;
	padding: 0 15px;
}
#content .article.details li {
	padding: 5px 0;
}
#content .article.details .title, #content .article.details .text {
	display: inline-block;
	vertical-align: top;
}
#content .article.details .title {
	font-weight: bold;
	width: 20%;
}
#content .article.details .text {
	width: 70%;
}
/*#content .article .more-details {
		display: block;
		left: 158px;
		position: absolute;
		top: -190px;
	}*/
#content .article .icon {
/*left: 50%;
		margin: 0 0 10px -95px;
		position: relative;*/
}
#content .article .icon-rss {
	position: absolute;
	top: 20px;
	right: 20px;
	color: #fff;
	background: #fc7c00;
	padding: 0 0 0 5px;
}
#content .article .icon-rss:hover {
	text-decoration: none;
}
#sitemap, #sub-action + #content.content-subpage + #sitemap {
	background: #fff;
	position: relative;
	margin: 0;
	color: #666;
}
#content.content-subpage + #sitemap, #landing-publisher + #sitemap {
	background: #f2f2f2;
}
#sitemap .section {
	padding: 40px 20px;
}
#sitemap .section a {
	/*line-height: 1.8em;*/
	color: #666;
}
#sitemap .section h1 {
	font-weight: normal;
	color: #666;

	font-size: 1.6em !important;
	padding: 0 0 20px 0;
	letter-spacing: inherit;
}
#footer {
	clear: both;
	background: #fff;/*border-top: 1px solid #ccc;*/
}
.homepage + #sitemap + #footer {
	border-top: 1px solid #ccc;
}
#footer .section {
	height: 80px;
	line-height: 80px;
	color: #444;
	width: auto;
	text-align: center;
}
#footer a {
	color: #444;
	text-decoration: none;
	font-weight: normal;
}
#footer a:hover {
	text-decoration: underline;
}
/* header */
#logo-panel {
	/*height: 100%;
	box-sizing: border-box;*/
	width: auto;
	float: left;
}
#logo-panel img {
	height: 63px;
	/*width: 200px;*/
	-webkit-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}
	.fixed #logo-panel img {
		height: 35px;
	}
#logo-panel a, #logo-panel a span {
	/*box-sizing: border-box;
	height: 100%;*/
	display: block;
	padding: 0.8em 0;
}
.landing #logo-panel {
	height: 180px;
	width: 100%;
	float: none;
	background-position: 50%;
	background-size: auto 140px;
}
.product-title {
	 color: #fc7c00;
    font-size: 1.4em;
    left: 230px;
    position: absolute;
    top: 26px;
	-webkit-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
	}
	.fixed .product-title {
		font-size: 1em;
		left: 120px;
		top: 9px;
		}
.text-right {
	text-align: right !important;
}
.text-center {
	text-align: center !important;
}
.item-float-left {
	float: left !important;
	margin: 0 10px 0 0 !important;
	position: relative !important;
}
.item-float-right, .float_right {
	float: right !important;
	margin: 0 0 0 10px !important;
	position: relative !important;
}
.item-float-none {
	float: none;
	clear: both;
	width: 98%;
}
.big-background-image:before {
	background: none repeat scroll 0 0 #000;
	content: " ";
	height: 100%;
	left: 0;
	opacity: 0.3;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}
.big-background-image .p6-webicon-mega-large:before {
	color: #fff !important;
}
/*
================================================
					Action Panel Homepage
================================================
*/

#navigation-slideshow {
	min-height: 520px;
	background: #007a50;
	/*overflow: hidden;*/
	position: relative;
}
.shadow {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	height: 80px;
	width: 960px;
	background: url("../images/layout/main_nav_shadow.png") no-repeat scroll center 0 transparent;
}
#navigation-slideshow div.slide {
	/*box-sizing: border-box;*/
	padding: 0 40px;
	position: relative;
	overflow: hidden;
	min-height: 520px;
}
#navigation-slideshow div.slide:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .5;
	/*z-index: -1;*/
	background: #000;
}
.claim {
	/*background: rgba(0, 0, 0, 0.4) none repeat scroll 0px 0px; padding: 40px 80px;*/
}
.claim .button {
	font-size: 1.4rem;
}
div.slide-text {
	transform: translateY(-50%); 
	top: 50%;
	position: absolute;
	left: 0;
	font-size: 1.5em;
	/*margin: -34vh 0 0 0;*/
	width: 100%;
	transition: all 0.5s ease-out;
	text-align: center;
}
div.slide-text h1, div.slide-text h4 {
	text-shadow: 0 0 2em #000;
	text-decoration: none;
	transition: all 0.5s ease-out;
}
div.slide-text h4 {
	margin: 0 0 1em 0;
	line-height: 1em;
	font-size: 1.2em;
}
div.slide-text:hover h4 {
/*text-decoration: underline;*/
}
div.slide-text h1, h1.slogan {
	font-size: 2.5em;/*font-weight: 600;*/
}
h1.slogan {
	position: absolute;
	box-sizing: border-box;
	background: rgba(0,122,80,0.85);
	padding: 10px 40px !important;
	top: 30px;
	text-align: center;
	color: #fff !important;
	display: none;
	/*font-size: 3em;*/
	width: 100%;
	z-index: 90;
	font-weight: 300;
}
div.slide-text.current {
	/*margin-left: -470px;*/
	opacity: 1;
}
.slide-nav {
	position: absolute;
	top: 110px;
	left: 50%;
	margin-left: -450px;
	z-index: 89;
}
.slide-nav ul {
	cursor: default;
}
.slide-nav li {
	display: inline-block;
	width: 20px;
	margin-right: 10px;
	vertical-align: middle;
	text-align: center;
}
.slide-nav li a {
	background: #fff;
	border-radius: 8px;
	display: inline-block;
	height: 5px;
	width: 5px;
	vertical-align: middle;
	transition: all 0.25s ease-in-out;
}
.slide-nav li a:hover, .slide-nav li.current a {
	height: 15px;
	width: 15px;
}
.article .slide-nav {
	top: auto;
	bottom: 20px;
	margin-left: -70px
}
.article .slide-nav li a {
	background: #ccc;
}
.paging li {
	display: inline-block;
	margin-right: 10px;
}
.paging li a {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	display: block;
	height: 15px;
	width: 15px;
}
.paging li a.active {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
}
.publisher-logos {
	/*text-align: center;*/
	margin: 0 0 20px 0;
}
.publisher-logos img {
	margin: 0;
	width: 90%;
}
.publisher-logos ul {
	overflow: visible;
	height: 150px;
}
.publisher-logos li {
	/*margin: 0 20px 0 0;
	height: 135px !important;*/
	transition: all 0.25s ease-in-out;
}
.publisher-logos li a {
	display: block;
}
.publisher-logos li:hover {
	/*-webkit-box-shadow: 4px 4px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 4px 4px 1px 1px rgba(0,0,0,0.2);
	box-shadow: 4px 4px 1px 1px rgba(0,0,0,0.2);*/
	transform: scale(1.1, 1.1);
	/*margin: -3px 25px 0 0;
	z-index: 999;*/
}
.publisher-logos-smal {
	right: 0;
	left: 0;
	bottom: 0;
	height:80px;
	/*position:absolute;*/
	z-index: 96;
	text-align: center;
	font-size: 0.8em;
	color: #888;
	padding: 0;
	background: #fff;
	/*height: 10vh;*/
	box-sizing: border-box;
}
.publisher-logos-smal embed {
	height: 52px;
	margin: 20px;
	display: inline-block;
	opacity: 0.8;
	transition: all 0.25s ease-in-out;
	vertical-align: middle;
	width: 10%;
}
.publisher-logos-smal embed svg {
	height: 52px;
}
.publisher-logos-smal embed:hover {
	opacity: 1;
}
#baskettab {
	background: #fc7c00 url(/opencms/system/galleries/htmlgalleries/images/layout/fly_basket_de.png) no-repeat bottom center;
	right: 0;
	top: 50vh;
	height: 133px;
	width: 38px;
	margin: -60px 0 0 0;
	padding: 0;
	position: fixed;
	z-index: 5000;
}
#baskettab:hover {
	background-color: #fdb066;
}
#baskettab a {
	display: block;
	width: 100%;
	height: 100%;
}
}
.teaserlink {
/*padding: 0 10px;
		text-align: center; 
		border-left: 1px solid #ccc;		overflow: hidden;*/
}
.teaserlink + ul {
	list-style-type: none;
	padding: 0;
}
.teaserlink.watched {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.teaserlink img {
	margin: 0 0 10px 0;
}
.teaserlink [class*="p6-webicon-"]:before {
	height: 200px;
	width: 80%;
	color: #888;
	transition: all 0.25s ease-in-out;
}
.teaserlink:hover [class*="p6-webicon-"]:before, .teaserlink:hover .more:before {
	color: #fc7c00;
}
.teaserlink a {
	display: inline-block;
}
.teaserlink h2 a {
	font-weight: 300;
}
.teaserlink:hover {
	cursor: pointer;
}
.teaserlink:hover a {
	text-decoration: none;
}
.teaserlink.attention h1 {
	background: url(../images/layout/icon-attention-smal.png) no-repeat 0 0;
	padding-left: 25px;
}
.teaserlink.attention h1, .teaserlink.attention a {
	color: #FC7C00 !important;
}
.teaserlink.attention {
/*background: url(../images/layout/icon-attention-back.png) no-repeat left;*/
}
.article[class*=col] .teaserlink a.more {
	display: block;
	background: rgba(0,122,80,1);
	text-align: center;
	padding: 40px 10px;
	position: absolute;
	right: 0;
	left: 0;
	bottom: -120px;
	color: #fff;
	transition: all 0.25s ease-out;
}
.article[class*=col] .teaserlink a.more:before {
	float: right;
	margin: 0 10px 0 0;
}
.article[class*=col]:hover .teaserlink a.more {
	bottom: 0;
	text-decoration: none;
}
.webform_table td {
	border: medium none;
	padding: 0pt;
}
.webform_table input[type="text"], .webform_table textarea {
	width: 100%;
}
.webform_table .button {
	width: auto;
}
.webform_table .webform_label, .webform_table .webform_label_multi {
	padding: 10px 0pt 0pt;
}

.fixed-info-box {
		position: fixed;
		right: 0;
		top: 20%;
		box-sizing: border-box;
		width: 230px;
		padding: 15px;
		background: #007a50;
		color: #fff;
		z-index: 3;
		line-height: 1.2em;
		font-size: 0.9em;
		opacity: 0;
		-webkit-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
		}
	.fixed-info-box.set {
		opacity: 1;
	}
	.fixed-info-box h3 {
		color: #fff;
		line-height: 1.2em;
		margin: 0 0 1.0em;
		font-size: 1.6em;
	}
	.fixed-info-box img {
		-webkit-transform: translateX(-45px);
		transform: translateX(-45px);
		margin: 0 0 10px 0;
	}
	
/*
* Mootools Simple Modal
* Version 1.0
* Copyright (c) 2011 Marco Dell'Anna - http://www.plasm.it
*
* Markup Modal
* <div class="simple-modal" id="simple-modal">
*   <div class="simple-modal-header">
*     <a class="close" href="#">×</a>
*     <h1>SimpleModal Title</h1>
*   </div>
*   <div class="simple-modal-body">
*     <div class="contents">
*       <p>
*         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
*       </p>
*     </div>
*   </div>
*   <div class="simple-modal-footer">
*     <a class="btn primary" href="#">Primary</a>
*     <a class="btn secondary" href="#">Secondary</a>
*   </div>
* </div>
*/
/* Vars */
/* Overlay style */
#simple-modal-overlay {
	position: fixed;
	display: block;
	z-index: 99998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	background-position: center center;
	background-repeat: no-repeat;
}
.simple-modal {
	/* Style rewrite */
	width: 85vw !important;
	top: 50% !important;
	left: 50% !important;
	-webkit-transform: translate(-50%, -50%) !important;
	transform: translate(-50%, -50%) !important;
	position: fixed;
	margin: 0;
	font-weight: normal;
	line-height: 18px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	z-index: 99999;
	transition: all 0.25s ease-in-out;
	-webkit-border-radius: 1rem;
	border-radius: 1rem;
	max-width: 1200px;
}
.simple-modal .simple-modal-header {
	padding: 20px;
	margin: 0;
}
.simple-modal .simple-modal-header h1 {
	margin: 0;
	padding: 0;
	color: #404040;
	font-size: 1.8em;
}
.simple-modal .simple-modal-body.disturber .contents h1 {
	/*color: #fc7c00;*/
	padding: 0 0 0.3em 0;
}
.simple-modal .simple-modal-body.disturber .contents a {
	color: #666;
	text-align: center;
}
.simple-modal .simple-modal-body.disturber .contents a:hover {
	text-decoration: none;
}
.simple-modal .simple-modal-body.disturber .contents hr {
	margin: 20px 0;
	}
.simple-modal .simple-modal-body.disturber .contents h5 {
	color: #fc7c00;
	text-align: center;
	padding: 0.5em 0;
	font-size: 1.5em;
}
.simple-modal .simple-modal-body.disturber .contents h4 {
	color: #fc7c00;
	font-size: 1.5em;
	padding: 0;
}
.simple-modal .simple-modal-body.disturber .contents p:last-child {
	margin: 0;
}
.simple-modal .simple-modal-body.disturber .contents img {
	vertical-align: middle;
}
.simple-modal a.close {
	position: absolute;
	right: 20px;
	top: 20px;
	color: #ccc;
	line-height: 10px;
	text-decoration: none;
	font-size: 1.8em;
	z-index: 1;
	display: none;
}
.simple-modal a.close:hover {
	color: #f2f2f2;
}
.simple-modal .simple-modal-body {
	padding: 0 20px;
}
.simple-modal .simple-modal-body.disturber {
	padding: 0;
}
.simple-modal .simple-modal-body .contents {
	background: #fff;
	padding: 0;
	width: auto;
	position: static;
}
.simple-modal .simple-modal-body.disturber .contents {
	background: -webkit-linear-gradient(35deg, #ddd 0%, #fff 60%);
	background: linear-gradient(35deg, #ddd 0%, #fff 60%);
	cursor: pointer;
}
.simple-modal .simple-modal-body.disturber .contents .table {
	border-spacing: 0;
}
.simple-modal .simple-modal-body.disturber .contents .table .td {
	text-align: left;
	float: none;
}
.simple-modal .simple-modal-body.disturber .contents .button {
	padding: 1em 3em 1em 1em;
}
.simple-modal .simple-modal-body div.contents {
}
.simple-modal .simple-modal-body p {
	line-height: 18px;
}
.simple-modal .simple-modal-body p img {
	display: block;
	margin: 0 auto 10px auto;
}
.simple-modal .simple-modal-footer {
	display: block;
	background-color: #fff;
	padding: 10px 20px 20px 20px;
	height: 30px;
	margin-bottom: 0;
	text-align: center;
}

/* Draggable style */
.simple-modal.draggable .simple-modal-header:hover {
	cursor: move;
}
/* Loading style */
.simple-modal.loading .simple-modal-body {
	min-height: 60px;
	background: transparent url("../images/loader.gif") no-repeat center center;
}
.simple-modal.loading .simple-modal-body div.contents {
	display: none;
}
.simple-modal.loading .close, .simple-modal.loading .simple-modal-header, .simple-modal.loading .simple-modal-footer {
	display: none;
}
/* Hide header */
.simple-modal.hide-header .simple-modal-header {
	display: none;
}
/* Hide header */
.simple-modal.hide-footer .simple-modal-footer {
	display: none;
}
/* Special Modal Adaptations*/
.simple-modal-body.special {
		background: -webkit-linear-gradient(30deg, #fc7c00 0%, #f7a600 100%) !important;
		background: linear-gradient(30deg, #fc7c00 0%, #f7a600 100%) !important;
		background-color: transparent;
		}
/*.simple-modal-body.special ~ a.close,
.simple-modal-body.special ~ a.close:hover {
	 color: #fff;
	}*/
	.simple-modal .simple-modal-body.special {
		padding: 0;
		}
	.simple-modal .simple-modal-body.special div.contents {
		padding: 30px 30px 10px 30px;
		}
.simple-modal-body.special .contents,
.simple-modal-body.special .contents h1,
.simple-modal-body.special .contents h3 {
	background: none !important;
	color: #fff;
	text-align: center;
	line-height: 1.1em;
	}
.simple-modal-body.special .contents h1 {
	font-size: 2.8em;
	margin: 0;
	}
.simple-modal-footer {
	background: none !important;
	}
.simple-modal-footer.special {
		background: #fc7c00 !important;
		padding: 20px;
		height: auto;
		}
.simple-modal-footer.special a.btn {
		float: none !important;
		border: 2px solid #fff;
		background: #007a50 !important;
		}
.simple-modal-body.special img {
	float: left;
	margin: 0 0 40px 0;
	}

.hide {
	display: none !important;
}
.invisible {
	opacity: 0 !important;
	transition: all 0.25s ease-in-out;
}
.table {
	display: table;
	border-spacing: 10px;
}
.table-row, .tr {
	display: table-row;
}
.table-cell, .td {
	display: table-cell;
	padding: 20px;
	text-align: center;
	vertical-align: top;
	margin-right: 20px;
}
#menu-content .td {
	text-align: left;
	margin-right: auto;
	background: #fff;
	position: relative;
}
.publisher .table,  .language .table {
	border-spacing: inherit !important;
}
.publisher .td {
	padding: 5px !important;
	text-align: center !important;
	vertical-align: middle !important;
	margin-right: auto !important;
}
.language .td {
	padding: 5px;
	text-align: left;
	vertical-align: bottom;
	margin-right: auto;
}
.publisher .td img {
	width: 90%;
	margin: 0 auto;
}
.language .td img {
	width: 110%;
	margin: 0 auto 20px auto;
}
.language .td h5 {
	line-height: normal;
}
.table.fourcol-table .td {
	width: 33%;
}
.gallery {
	width: 94%;
	margin: 0 auto;
	position: relative;
}
.gallery .holder {
	width: 100%;
	overflow: hidden;
}
.gallery .holder ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: table;
}
.gallery .holder ul li {
	display: table-cell;
	overflow: hidden;
	vertical-align: middle;
	padding-right: 12px;
}
.gallery .holder.double ul li {
	vertical-align: top;
	padding-right: 12px;
}
.gallery .holder.double ul li a {
	display: block;
}
.gallery.publisher-gallery {
	width: 90%;
}
.gallery-fade .holder ul li {
	height: 180px;
	left: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.gallery.publisher-gallery.publisher-logos ul {
	height: 125px;
}
.gallery .holder img {
	height: auto !important;
	width: 140px !important;
	border: 1px solid #eee;
}
.gallery a.next, .gallery a.prev {
	position: absolute;
	top: 50%;
	height: 100px;
	margin-top: -50px;
	display: block;
	vertical-align: middle;
	color: #666;
	opacity: .4;
	transition: all 0.25s ease-out;
}
.gallery a.next:before, .gallery a.prev:before {
	padding: 40px 0 0 0;
	margin: auto;
}
.gallery a.next:hover, .gallery a.prev:hover {
	opacity: 1;
	text-decoration: none;
	background: #f2f2f2;
}
.gallery a.next {
	right: -30px;
}
.gallery a.prev {
	left: -30px;
}
/*.start-video {
	width: 170px;
	height: 170px;
	overflow: hidden;
	position: absolute;
	left: 395px;
	top: 166px;
	cursor: pointer;
	border: 15px solid transparent;
	border-radius: 100%;
	transition: all 0.25s ease-in-out;
	}
.start-video:hover {
	border: 25px solid white;
	}*/
.landing .start-video {
	border: 15px solid #FFFFFF;
	border-radius: 100% 100% 100% 100%;
	cursor: pointer;
	height: 120px;
	left: 382px;
	overflow: hidden;
	position: absolute;
	top: 532px;
	transition: all 0.25s ease-in-out 0s;
	width: 120px;
}
.close-video {
	position: absolute;
	top: 100px;
	right: 20px;
	color: white;
	z-index: 999;
}
.close-video:before {
	float: right;
}
.special-offer {
	width: 240px;
	height: 240px;
	padding: 48px 20px 0 20px;
	background: #ffe450;
	overflow: hidden;
	border-radius: 100%;
	position: absolute;
	right: 60px;
	top: 280px;
	text-align: center;
	-webkit-transform: rotate(10deg);
	transform: rotate(10deg);
	transition: all 0.25s ease-out;
}
.special-offer h3 {
	text-transform: uppercase;
	padding: 0 0 10px 0;
	font-size: 1.6em !important;
}
.special-offer p {
	font-size: 1.2em;
	margin: 0 0 10px 0;
}
.head-offset {
	height: 80px;
	min-height: 60px;
}
/* ------------------------------  thumb panel ---------------------------- */
.thumb-panel {
	background: #fff;
	color: #007a50;
	/*overflow: hidden;*/
	padding: 10px;
	display: inline-block;
	margin: 10px 0 10px 0;
	transition: all 0.25s ease-out;
	/*position: relative;*/
	cursor: pointer;
	font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
	-webkit-border-radius: 0.2em 0.2em 0.2em 0.2em;
	border-radius: 0.2em 0.2em 0.2em 0.2em;
	white-space: nowrap;
}
.thumb-panel:before {
	float: left;
	padding: 3px 5px;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.thumb-panel div {
	position: absolute;
	z-index: 99;
	opacity: 0;
	transition: all 0.25s ease;
	background: #f2f2f2;
	font-weight: normal;
	font-size: 1em;
	text-transform: none;
	padding: 0;
	white-space: normal;
	height: 0;
	width: 0;
	overflow: hidden;
}
.thumb-panel div img {
	float: right;
	height: 350px;
	margin: 0 0 20px 10px;
}
.thumb-panel div p {
	width: 250px;
	float: left;
}
.thumb-panel:hover div {
	color: #333;
	opacity: 1 !important;
	top: -300px;
	width: auto;
	height: auto;
	padding: 20px;
	-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
	text-align: left;
}
.thumb-panel.plakat:hover div {
	top: -200px;
}
.thumb-panel.infodvd img {
	height: 280px;
}
/* --------------------------- commission-panels ------------------ */

.commission-panels {
	margin: 0 0 20px 0;
	text-align: center;
}
.commission-panels div.commission-one, .commission-panels div.commission-two {
	background: #fff;
	color: #fff;
}
.commission-panels div div {
	padding: 10px;
}
.commission-panels h1 {
	color: #fff !important;
	padding: inherit !important;
	font-size: 1.5em !important;
}
.commission-panels div .content {
	height: 130px;
	padding-top: 20px;
}
.commission-panels div .footer {
	border-top: 3px solid #fff;
}
.commission-panels div .footer h1 {
	font-size: 2.8em !important;
	margin: 0 0 0 50px;
}
.commission-panels div .footer h1 sup {
	font-size: 0.4em !important;
	opacity: 0.8;
	color: #fff;
	text-decoration: line-through;
}
.commission-panels div.commission-one .header {
	background-image: url(../images/rubbelkarte_big.png);
}
.commission-panels div.commission-one .content {
	background: #fc7c00;
}
.commission-panels div.commission-one .footer {
	background: #fee2cc;
}
.commission-panels div.commission-one .footer h1, .commission-panels div.commission-one .footer sup {
	color: #fc7c00 !important;
}
.commission-panels div.commission-two .header {
	background-image: url(../images/rubbelkarte_smal.png);
}
.commission-panels div.commission-two .content {
	background: #007a50;
}
.commission-panels div.commission-two .footer {
	background: #c1dccd;
}
.commission-panels div.commission-two .footer h1, .commission-panels div.commission-two .footer sup {
	color: #007a50 !important;
}
.commission-panels div .header {
	background-position: 50% 10px;
	background-size: cover;
	height: 154px;
	margin: 0 0 -20px 0;
	box-shadow: 5px 5px 2px rgba(0,0,0,0.3);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transform: rotate(5deg);
	transform: rotate(5deg) /*scale(0.4,0.4)*/;
}
/* --------------------------- link-panels ------------------ */

.link-panel {
	display: table-cell;
	height: 180px;
	width: 50%;
	background: rgba(255,255,255,0.8);
	vertical-align: middle;
	color: #007a50;
	cursor: pointer;
	box-shadow: 3px 2px 8px rgba(0, 0, 0, 0.2);
	transition: all 0.25s ease-in-out;
	position: relative;
}
.link-panel:before {
	font-size: 6em;
}
.link-panel h3 {
	text-transform: uppercase;
	padding: 20px 0 0 0;
	font-size: 1.5em !important;
	transition: all 0.25s ease-in-out;
}
.link-panel h6 {
	padding: 0;
	margin: 0 0 -10px 0;
	transition: all 0.25s ease-in-out;
}
.table-row:nth-child(1) .link-panel:nth-child(2), .table-row:nth-child(1) .link-panel:nth-child(2) h3 {
	background: #FC7C00;
	color: #fff;
}
.table-row:nth-child(1) .link-panel:nth-child(2):hover, .table-row:nth-child(1) .link-panel:nth-child(2):hover h3 {
	background: #fff;
	color: #FC7C00;
	text-decoration: none;
}
.link-panel:hover {
	background: #007a50;
	color: #fff;
	text-decoration: none;
}
.link-panel:hover h3, .link-panel:hover h6 {
	color: #fff;
	opacity: 0;
}
.link-panel p {
	position: absolute;
	bottom: -60px;
	transition: all 0.25s ease;
	opacity: 0;
	height: 50px;
	width: 100%;
}
.link-panel:hover p {
	bottom: -40px;
	opacity: 1;
}
.scroll-down {
	background: none repeat scroll 0 0 #fff;
	border-radius: 50%;
	bottom: 66px;
	color: #aaa;
	height: 50px;
	width: 50px;
	left: 50%;
	margin-left: -25px;
	opacity: 1;
	padding: 10px;
	position: absolute;
	text-align: center;
	transform: scale(1);
	transition: all 0.25s ease 0s;
	z-index: 110;
	display: none;
}
.scroll-down:hover {
	opacity: 0.8;
	text-decoration: none;
}
.scroll-down:before {
	margin-right: auto !important;
	line-height: 50px;
}
/*********************************************  Old Browser Panel!!!*/

.logos {
	width: 100%;
	border: none;
}
.logos td {
	vertical-align: top;
	padding: 10px;
	border: none;
	background: none;
	width: 25%;
}
.bf a {
	background-image: url('../images/ff.png');
}
.bi a {
	background-image: url('../images/ie.png');
}
.bo a {
	background-image: url('../images/op.png');
}
.bc a {
	background-image: url('../images/ch.png');
}
.bs a {
	background-image: url('../images/sa.png');
}
a.l {
	display: block;
	padding: 4px;
	padding-top: 110px;
	background-repeat: no-repeat;
	background-position: center top;
	text-decoration: none;
	text-align: center;
}
a.l:hover {
	padding: 3px;
	padding-top: 109px;
	border: 1px dashed rgb(170, 170, 170);
}
a.l .bro {
	white-space: nowrap;
	text-decoration: underline;
	font-size: 19px;
}
a .vendor {
	color: #aaa;
	text-align: center;
	font-size: 10px;
	display: block;
}
a .na {
	display: none;
	color: #000;
}
a:hover .na {
	display: block;
	cursor: default;
}
a.notavailable .bro {
	text-decoration: none !important;
}
.subnote {
	color: #aaa;
	font-size: 12px;
}
.adc {
	font-size: 12px;
	margin-left: 10px;
	float: right;
	text-align: right;
	margin-top: 15px;
	margin-bottom: 10px;
}
.ad {
	border: 1px solid #aaa;
	width: 300px;
	height: 250px;
}
.noti {
	margin: 40px 0;
	box-shadow: 0 0 8px #888;
	background: #FDF2AB;
	padding: 20px;
	text-align: center;
	position: relative;
}
.noti .close-panel {
	font-size: 2.5em !important;
}
#control {
	position: fixed;
	background: rgba(0,0,0,0.5);
	z-index: 100;
	cursor: pointer;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
}

/*     publisher logos     

embed.cornelsen svg .st0 {
	fill: #808080;
	transition: all 0.25s ease-in-out;
}
embed.cornelsen svg .st1 {
	fill:#FFFFFF;
}
embed.cornelsen svg g:hover .st0{
	fill:#ED1C24;
}
*/

/* adaptations for smal resolutions */
@media all and (max-height: 800px) {
	.homepage-promo-panel {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		left: 74%;
		top: -30%;
	}
}

@media all and (max-width: 1024px) {
	.homepage #content h1 {
		font-size: 2.0em;
	}
	.homepage #content h4 {
		font-size: 0.8em;
	}
	.product-title {
		display: none;	
		}
	#test-panel {
		-webkit-transform: scale(0.8) translateY(-40px);
		transform: scale(0.8) translateY(-40px);
		}
	#main-navigation > li {
		padding: 0 0 0 25px;
	}
	.homepage-promo-panel {
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
		left: 70%;
		top: -55%;
	}
}
@media all and (min-width: 1025px) and (max-width: 1300px) {
/*.homepage #sub-action .section {
		height: 500px;
	}
	.homepage #sub-action .section .social-icons {
		padding: 0;
		margin-top: -10px;
		text-align: center;
	}*/
.homepage-promo-panel {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		left: 72%;
		top: -40%;
	}
.product-title {
		display: none;	
		}
.homepage #content h1 {
	font-size: 2.5em;
}
.homepage #content h4 {
	font-size: 1em;
}
ul.social-icons {
/*transform: translateY(-30px);*/	
}
#test-panel {
	margin: -2vh 0 0 0;
}
#test-panel button {
	font-size: 1.5em !important;
}
#test-panel h2 {
	font-size: 2.1em !important;
}
#test-panel img {
	width: 93px;
}
/*.homepage-promo-panel {
	padding: 20px;
	}
.homepage-promo-panel .main-title {
	font-size: 3.0em;
	font-weight: bold;
}
.homepage-promo-panel .title {
	font-size: 1.8em;
	font-weight: bold
}*/
ul.social-icons {
	/*transform: scale(0.8) translate(40px, -30px);*/
}

#quicklinks-panel li a {
	font-size: 1.2em;
}
#role-landing-panel {
	transform: scale(0.8) translate(-20px, -30px);
}
.homepage #sub-action .button.prio-high {
	bottom: 110px;
	left: -50%;
	padding: 10px 40px;
}
.special-offer {
	right: 155px;
	top: 136px;
	-webkit-transform: scale(0.7) rotate(10deg);
	transform: scale(0.7) rotate(10deg);
}
#header .section {
	padding: 0 20px;
}
.homepage #action .section {
	background: none repeat scroll 0 0 transparent;
	height: auto;
	padding: 10px 0;
	text-align: center;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}
.landing #action .section {
	padding: 30px 180px !important;
	-webkit-transform: none;
	transform: none;
}
.publisher-logos-smal embed {
	height: 32px;
	margin: 20px 10px;
}

.scroll-down {
	bottom: 58px;
	transform: scale(0.8);
}
#main-navigation > li.search {
	padding: 30px 0;
}
.slide-nav {
	top: 100px;
}
#sub-action h1, .special-header h1 {
	font-size: 2.5em !important;
	padding: 10px 0 0.1em;/*white-space: nowrap;*/
}
.feature-list {
	top: 130px;
}
.feature-list ul {
	list-style-type: none;
	padding: 0 0 0 80px;
}
.feature-list ul li {
	color: #fff;
	font-size: 1.2em;
	font-weight: 600;
	margin-bottom: 8px;
}
.call-to-action {
	bottom: 120px;
}
}

@media print {
body {
	background: none;
}
}