@charset "utf-8";

.containerTwoColumns > div, .containerTwoColumns > ul
{
	float: left;
	width: 50%;
}

.containerTwoColumns > div + div, .containerTwoColumns > div + ul
{
	float: right;
}

.containerTwoColumns > .columnPadded
{
    width: 46%;
}

.pageHeader .logoHaenchen
{
	background-image: url("haenchen-logo-white-transparent-small.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #0072BC;
}

.pageHeader .logoHaenchen + div + div
{
	background-color: #E3E4E4;
}

.containerBenefits .txtHeadline
{
	width: 23%;
}

.logoBlueWhite
{
	background-image: url("haenchen-logo-blue-transparent-small.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFFFFF;
}

#containerEyecatcher 
{
	display: none;
}

#eyecatcher .slide .img
{
	bottom: 5%;
	height: 90%;
}

#journal
{
	height: 100%;
	padding: 0;
	overflow: hidden;
}

#containerJournalMain
{
	position: relative;
	top: 50px;
	overflow: scroll;
}

#containerJournalSide
{
	background: url("bghonbildhoch.jpg") repeat scroll right center #E3E4E4;
	position: relative;
	top: 50px;
}

#journalMainContent
{
	padding-bottom: 50px;
}

#journalMainContentStatic {
	margin-top: 20px;
}

#journalMainContentStaticContent:before {
	display: none;
}

.boxContact
{
	padding-bottom: 60px;
}

#journalTeaserPane > div
{
	width: 33.33%;
}

.journalTeaser .img 
{
	background-repeat: no-repeat;
	background-position: center center;
}

.journalTeaser a span
{
	opacity: 1;
	top: 55%;
}

#journalMainContentScroll
{
	overflow: visible;
}

#journalMainContentStaticContent
{
	width: 55%;
}

#journalMainSide
{
	width: 35%;
}

#btnExploreScrollContent, #btnExploreScrollContentReturn { display: none; }

/* AFTER and BEFORE elements */


.btnHaeko:before
{
color: #ffffff;
    content: "+";
    display: block;
    font-size: 200%;
    left: 15px;
    line-height: 200%;
    position: absolute;
    text-align: center;
}
.btnHaeko .replaceGraphic
{
	background: url(haeko-white-transparent-small.png) no-repeat scroll 0 0;
	display: block;
	margin-right: 65px;
	text-indent: -999em;
}

.btnHaeko .replaceGraphic:after 
{
	content: "";
	display: block;
	padding-top: 15%;
}

.linkMore:after
{
	color: #0072BC;
	content: "+";
	font-size: 200%;
	padding-left: 10px;
	vertical-align: top;
}

.linkMore:hover:after
{
	content: "\f105";
	font-family: FontAwesome;
}

.txtHeadline:before
{
	color: #0072BC;
	content: "+";
	display: block;
	font-size: 400%;
	padding-right: 10px;
	position: absolute;
	right: 100%;
	top: 0.2em;
	vertical-align: top;
}

#journalMainContentScroll .txtHeadline:before
{
	font-size: 200%;
	top: 0;
}

.txtParagraph li:before
{
	content:"•";
	position: absolute;
	top: 0;
	color: #0072BC;
	left: 0;
	display: block;
	width: 20px;
}

.containerTwoColumns:after, .containerThreeColumns:after, .containerFourColumns:after, .containerFiveColumns:after
{
	content:'';
	position:relative;
	width:0;
	height:0;
	display:block;
	clear:both;
}

#containerNews .txtHeadline:before
{
	content: "";
	display: none;
}

#containerNews .txtTitle:after
{
	background: url(ribbon-edge-left.png) no-repeat scroll 0 0;
	content: "";
	display: block;
	height: 6px;
	left: 0;
	position: absolute;
	top: 100%;
	width: 8px;
}

.containerPagination > .btnPrev:before, .containerPagination > .btnNext:before
{
	background-color: #0072BC;
	color: #E3E4E4;
	display: block;
	font-family: FontAwesome;
	font-size: 170%;
	left: 5px;
	line-height: 1;
	position: absolute;
	text-align: center;
	transition: all 0.3s ease 0s;
	width: 30px;
}

.containerPagination > .btnPrev:before
{
	content: "\f104"
}

.containerPagination > .btnNext:before
{
	content: "\f105"
}

.containerPagination > .btnPrev:hover:before, .containerPagination > .btnNext:hover:before
{
	background-color: #E3E4E4;
	color: #0072BC;
}

.containerPagination > .btnPrev.inactive:before, .containerPagination > .btnNext.inactive:before
{
	background-color: #0072BC;
	color: #0072BC;
}

.journalTeaser a:after
{
	color: #FFFFFF;
	content: "+";
	font-size: 300%;
	left: 0;
	line-height: 0;
	position: absolute;
	text-align: center;
	top: 45%;
	width: 100%;
	z-index: 5;
}

.journalTeaser a:before
{
	background-color: transparent;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 4;
}

.journalTeaser a:hover:before
{
	background-color: #0072BC;
}

#eyecatcher > .btnPrev:before, #eyecatcher > .btnNext:before
{
	color: #B1B3B4;
	display: block;
	font-family: FontAwesome;
	font-size: 400%;
	line-height: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	transition: all 0.3s ease 0s;
	width: 50px;
}

#eyecatcher > .btnPrev:before
{
	content: "\f104"
}

#eyecatcher > .btnNext:before
{
	content: "\f105"
}

#eyecatcher > .btnPrev:hover:before, #eyecatcher > .btnNext:hover:before
{
	color: #0072BC;
}

#eyecatcher > .pagination > i:after, #eyecatcher > .pagination > i:before
{
	color: #B1B3B4;
	display: block;
	font-family: FontAwesome;
	font-size: 100%;
	position: absolute;
	text-align: center;
	transition: all 0.3s ease 0s;
	width: 20px;
}

#eyecatcher > .pagination > i:after
{
	content: "\f192";
	content: "\f111";
	opacity: 0;
}

#eyecatcher > .pagination > i:before
{
	content: "\f10c";
	opacity: 1;
}

#eyecatcher > .pagination > i.active:after
{
	opacity: 1;
}

#eyecatcher > .pagination > i.active:before
{
	opacity: 0;
}

#eyecatcher > .pagination > i:hover:after, #eyecatcher > .pagination > i:hover:before
{
	color: #0072BC;
}

#eyecatcher > .listTitles > li:before 
{
	color: #0072BC;
	content: "+";
	display: block;
	font-size: 200%;
	opacity: 0;
	padding-right: 10px;
	position: absolute;
	right: 100%;
	transition: opacity 0.3s ease 0s;
	vertical-align: top;
}

#eyecatcher > .listTitles > li.active:before 
{
	opacity: 1;
}

.navQuicklinks li:before
{
	content: "+";
	display: inline-block;
	font-size: 220%;
	position: relative;
	vertical-align: top;
	width: 30px;
}

.navQuicklinks li
{
	font-weight: 700;
	padding-left: 0;
}

.navQuicklinks li + li
{
	font-weight: 400;
	padding-left: 30px;
}

.navQuicklinks li + li:before
{
	content: "";
	display: none;
}

.contactPhone:before, .contactMail:before, .contactAdress:before
{
	display: block;
	font-family: FontAwesome;
	font-size: 130%;
	left: 0;
	position: absolute;
	text-align: center;
	width: 23px;
}

.contactPhone:before
{
	content:"\f095";
}
.contactMail:before
{
	content:"\f003"
}
.contactAdress:before
{
	content:"\f041"
}

.pageHeadline .txtHeadline:before
{
	display: none;
}

.breadcrumb > span:after
{
	content: "\f105";
	font-family: FontAwesome;
	padding: 0 5px;
}

.containerBenefits .txtHeadline:before
{
	color: #FFFFFF;
	content: "\f00c";
	font-family: FontAwesome;
	top: 25%;
}

.containerBenefits ul li:before
{
	content: "•";
	display: block;
	font-size: 60%;
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 40px;
}

.imageSpacer > div:after
{
	content: "";
	display: block;
	padding-top: 45%;
}

#journalTeaserPane > div:after
{
	content: "";
	display: block;
	padding-top: 75%;
}

#listProductOverview > article:after
{
	background-color: #0072BC;
	content: "";
	height: 100%;
	margin-left: 20px;
	position: absolute;
	left: 100%;
	top: 0;
	width: 1000%;
}

#listProductOverview > article:before
{
	background-color: #0072BC;
	content: "";
	height: 100%;
	margin-right: 20px;
	position: absolute;
	right: 100%;
	top: 0;
	width: 1000%;
}

.sectionHeadline .txtHeadline:before
{
	top: 0;
}

.accordion dt:before
{
	font-size: inherit;
	font-size: 200%;
	left: 15px;
	right: auto;
	top: 0;
}

.accordion dd + dt:before
{
	top: 20px !important;
}

#navTop #linkHome:after 
{
	background: url(haenchen-icon-small.png) no-repeat scroll center center #0072BC;
	bottom: 5px;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 5px;
}

#navTop #linkHome:hover:after 
{
	display: none;
}

#navTop > ul > li > ul:after
{
	clear: both;
	content: "";
	display: block;
	position: relative;
}

#navTop > ul > li > ul > li.listGroup:before 
{
	color: #0072BC;
	content: "+";
	display: block;
	font-size: 230%;
	left: 12px;
	padding-right: 10px;
	position: absolute;
	text-decoration: none;
	top: 12px;
	vertical-align: top;
}

#langdd dt div:after
{
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #E3E4E4;
	content: "";
	display: block;
	height: 0;
	position: absolute;
	right: 10px;
	top: 22px;
	width: 0;
}

#langdd:hover div:after, #langdd.open div:after
{
	border-top: 7px solid #707173;
}

.linkHome:before, .linkContact:before, .linkSitemap:before, .linkImprint:before, .linkFacebook:before
{
	display: inline-block;
	width:30px;
	text-align:center;
	font-family: FontAwesome;
	position:absolute;
	left:0;
}

.linkHome:before
{
	content:"\f015";
}

.linkContact:before
{
	content:"\f095";
}

.linkSitemap:before
{
	content:"\f0e8";
}

.linkImprint:before
{
	content:"\f02d";
}

.linkFacebook:before
{
	content:"\f082";
}

footer .linkFacebook:before
{
	color: #0072BC;
}

footer .containerCopyright:after
{
	background: url(haenchen-icon-white-transparent.png) no-repeat scroll center center rgba(0, 0, 0, 0);
	background-image: url(haenchen-icon-white.svg);
	background-size: cover;
	bottom: 11px;
	content: "";
	display: inline-block;
	height: 39px;
	margin-left: 10px;
	position: relative;
	vertical-align: top;
	width: 40px;
}

.tradefairTeaser .txtHeadline:before
{
	display: none;
}