@charset "utf-8";

html {
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
.btn-haeko-phone {
	background-color: #0069b4;
	display: none;
	text-align: center;
}

@-webkit-keyframes arrowDown {
	0%, 10%, 100%, 20% {
		-webkit-transform: translateY(0);
		transform: translateY(0); }

	15%, 5% {
		-webkit-transform: translateY(-11px);
		transform: translateY(-11px); } }

@keyframes arrowDown {
	0%, 10%, 100%, 20% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0); }

	15%, 5% {
		-webkit-transform: translateY(-11px);
		-moz-transform: translateY(-11px);
		-ms-transform: translateY(-11px);
		-o-transform: translateY(-11px);
		transform: translateY(-11px); } }

#navTop > ul > li.fullSizeNavi > ul > li > a + details.dropdown {
	display: none;
	width: 10px;
	height: 22px;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 12px;
}
#navTop > ul > li.fullSizeNavi > ul > li > a + details.dropdown:after {
	content: '';
	font-family: 'FontAwesome';
	position: absolute;
	left:0;
	top: 0;
	font-size: 22px;
	font-weight: 700;
	padding: 12px;
}

@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) 
{ 
}

@media only screen and (max-width: 1070px) {
	glossaryRcolSpacer { width: 100%; }
	.glossaryRcol { width: 260px; }
}


@media only screen and (max-width: 1024px) {
	.jobsList .txtHeadline:first-child.plusIcon::after { top: 15px; }
	.jobsList .txtHeadline.plusIcon::before { vertical-align: top; }
}

@media only screen and (max-width: 767px) {
	#navTop { position: absolute !important; }
	#navTop.open { height: 100vh !important; }
	#fixedPageHeader { display: none; }


	.btn-haeko-phone {
		display: block;
		margin-bottom: 10px;
	}
	.btnHaeko {
		border-left: 10px solid white;
		border-right: 10px solid white;
		display: inline-block;
		margin-top: 0;
		width: 215px;
	}
	.img-100 {margin-top:0;}
	.accordionAnker { top: -60px; }
}
@media screen and (device-aspect-ratio: 40/71) {
	#navTop.open { 
		height: 500px !important;
	}
}

@media only screen and (max-width: 320px) {
	.img-100 {margin-top:0;}
}

@media screen and (max-height: 710px), screen and (max-width: 1200px) {
	body[data-js="start"] {
		min-width: 992px;
	}
	#journal, header {
		min-width: 992px;
	}
	#containerJournalMain {
		width: 75%;
	}
	#eyecatcher > .listTitles {
		top: 44%;
		top: calc(50% - 15px);
	}
	#eyecatcher > .listTitles > li {
		display: none;
	}
	#eyecatcher > .listTitles > li.active {
		display: block;
	}
	#journalMainSide {
	}
	#journalMainSide .btnHaeko {
		margin-top: 0;
		min-width: 170px;
	}
	#journalMainSide .navQuicklinks {
		min-width: 185px;
	}
	#journalMainSide .boxContact {
		min-width: 200px;
	}
	#journalMainContentStaticContent {
		width: 605px;
		width: calc(100% - 265px)
	}

	#containerJournalSide {
		width: 25%;
	}
	#containerJournalSide .journalTeaser a:after, #containerJournalSide .journalTeaser a:before, #containerJournalSide .journalTeaser a span {
		display: none !important;
	}
	#journalTeaserM {
		width: 100%;
	}
	#journalTeaserM .logoBlueWhite:after {
		padding-top: 30%;
	}
	.bb-bookblock {
		width: 100%;
	}
}

@media only screen and (max-width: 1240px) {
	body, #journal, header {
		min-width: 0 !important;
	}
}

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

	#navTop #linkHome::after {
		background-image: url("haenchen-logo-white-transparent-small.png");
		background-position: left center;
		background-size: 130px 41px;
		height: 41px;
		top: 4px;
		width: 130px;
	}

	header {
		background-color: #0069b4;
	}
	#navTop {
		background-color: #0069b4;
		height: 50px;
		overflow: hidden;
		position: fixed;
		transition: height 0.5s ease 0s;
		width: 100%;
	}
	#navTop.open {
		height: 100%;
		overflow-y: scroll;
	}
	#navTop li {
		display: block;
	}
	#navTop > ul > li:hover > ul {
		display: none;
	}
	#navTop > ul > li.open > ul {
		display: block !important;
	}
	#navTop > ul > li > ul, #navTop > ul > li.fullSizeNavi > ul {
		background-color: #005b96;
		box-shadow: none;
		position: relative;
		top: 0;
	}
	#navTop > ul > li.fullSizeNavi > ul > li {
		background-color: initial;
		float: none;
		margin-bottom: 0;
		min-height: 0;
		padding-bottom: 0;
		width: auto;
	}
	#navTop > ul > li.fullSizeNavi > ul > li:nth-of-type(5n), #navTop > ul > li.fullSizeNavi > ul > li:nth-of-type(5n-3) {
		background-color: initial;
	}
	#navTop > ul > li.fullSizeNavi > ul > li:before {
		display: none;
	}
	#navTop ul ul a {
		color: #eee;
	}
	#navTop ul ul a:hover {
		color: #fff;
	}
	#navTop > ul > li > ul > li > a {
		padding: 4px 10px 4px 37px;
	}
	#navTop > ul > li.fullSizeNavi > ul > li > a {
		font-weight: inherit;
		padding: 4px 10px 4px 37px;
	}
	#navTop ul ul ul {
		display: none;
	}
	#btnNavTop {
		display: block;
	}
	#langdd {}
	#navContact {
		display: none !important;
	}
	#navTop li.xs-contact {
		display: block;
	}
	.ctaSide.noXL { display: block; }
}

@media only screen and (max-width: 992px) {
	.imageSpacer { width: 102%; left: 0; }
	.imageSpacer > div { width: 50%; }
	/*.imageSpacer > div:nth-last-child(2) { margin-left: 16%; }*/
	.imageSpacer > div.hiddenSm { display: none !important; }
	.imageSpacer > div.hiddenSm + div + div + div:nth-last-child(2) { margin-left: 0; }
	#navTop #linkHome::after {
		background-image: url("haenchen-logo-white-transparent-small.png");
		background-position: left center;
		background-size: 130px 41px;
		height: 41px;
		top: 4px;
		width: 130px;
	}

	header {
		background-color: #0069b4;
	}
	#navTop {
		background-color: #0069b4;
		height: 50px;
		overflow: hidden;
		position: fixed;
		transition: height 0.5s ease 0s;
		width: 100%;
	}
	#navTop.open {
		height: 100%;
		overflow-y: scroll;
	}
	#navTop li {
		display: block;
	}
	#navTop > ul > li:hover > ul {
		display: none;
	}
	#navTop > ul > li.open > ul {
		display: block !important;
	}
	#navTop > ul > li > ul, #navTop > ul > li.fullSizeNavi > ul {
		background-color: #005b96;
		box-shadow: none;
		position: relative;
		top: 0;
	}
	#navTop > ul > li.fullSizeNavi > ul > li {
		background-color: initial;
		float: none;
		margin-bottom: 0;
		min-height: 0;
		padding-bottom: 0;
		width: auto;
	}
	#navTop > ul > li.fullSizeNavi > ul > li:nth-of-type(5n), #navTop > ul > li.fullSizeNavi > ul > li:nth-of-type(5n-3) {
		background-color: initial;
	}
	#navTop > ul > li.fullSizeNavi > ul > li:before {
		display: none;
	}
	#navTop ul ul a {
		color: #eee;
	}
	#navTop ul ul a:hover {
		color: #fff;
	}
	#navTop > ul > li > ul > li > a {
		padding: 4px 10px 4px 37px;
	}
	#navTop > ul > li.fullSizeNavi > ul > li > a {
		font-weight: inherit;
		padding: 4px 10px 4px 0;
		margin-left: 37px;
	}
	#navTop ul ul a.selected { color: #fff;  }
	#navTop > ul > li.fullSizeNavi > ul > li > a + details.dropdown { /*expandable */
		display: block;
	}
	#navTop ul ul ul {
		display: none;
	}
	#navTop > ul > li.fullSizeNavi > ul > li > details.dropdown summary ul {
		display: block;
	}
	#btnNavTop {
		display: block;
	}
	#langdd {}
	#navContact {
		display: none !important;
	}
	#navTop li.xs-contact {
		display: block;
	}
	.breadcrumb {
		height: auto;
		padding: 14px 20px;
	}
	.breadcrumb > a {
		line-height: 20px;
	}

	#journal {
		min-width: 0;
	}
	#containerJournalMain {
		float: none;
		height: auto;
		width: auto;
	}
	#containerEyecatcher {
		width: 100% !important;
	}
	#eyecatcher .slide .img {
		bottom: 0;
	}
	#eyecatcher > .listTitles {
		bottom: 70px;
		left: 86px;
		right: auto;
		top: auto;
	}

	footer {
		border-top-width: 20px;
	}
	footer .socialButtons {
		margin: 10px 0 0 10px;
		position: relative;
		right: auto;
	}
	section { padding-left: 10px; padding-right: 10px; }
	.txtHeadline, .containerContent .txtHeadline {
		padding: 16px 20px 16px 0;
	}
	.sectionHeadline {
		margin: 0 15px 32px 0;
	}
	.sectionHeadline .txtHeadline {
		margin-left: 0;
	}
	.accordion {
		padding: 2px 10px;
	}
	.txtParagraph li, .accordion li {
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	.accordion img {
		max-width: 100%;
		min-width: auto;
		width: auto;
	}
	.accordion dt { margin-right: 0; }
	.accordion dd { margin: 0 !important; }
	.accordion .txtHeadline { padding-left: 20px; }
	.accordion .news { margin-left: -50px; width: auto !important; }
	.txtParagraph .news td:nth-child(1) { padding-left: 10px; width: 30%; }

	.tradefairTeaser {
		padding: 64px 0px 22px;
	}
	.tradefairTeaser.pdf .txtHeadline {
		margin-top: 0;
		margin-left: 20px;
	}
	.tradefairTeaser.pdf > .txtHeadline span { width: 100%; max-width: 100%; }
	.tradefairTeaser > figure {
		height: 60px;
		left: 20px;
		overflow: hidden;
		position: absolute;
		right: 0;
		text-align: left;
		top: 20px;
		width: auto;
	}
	.tradefairTeaser.pdf > figure {
		height: inherit;
		right: 15px;
		left: auto;
		text-align: right;
	}
	.tradefairTeaser.pdf {
		margin-bottom: 50px;
		padding-right: 140px;
	}
	.tradefairTeaser.pdf + .tradefairTeaser.pdf {
		margin-top: 0;
	}
	.txtTradefairDetails {
		margin: 4px 20px;
	}
	.txtTradefairDetails > .txtDate, .txtTradefairDetails > .txtLocation, .txtTradefairDetails > .txtBooth {
		margin: 0;
	}

	#contact_form_wrapper {
		margin: 0 20px;
		width: auto;
	}
	.plzSearchWrapper {
		margin: 0 0 30px 20px;
	}
	#plzSearch { float: left; margin-right: 20px; }
	#plzSearchDesc { left: auto; position: relative; }
	.imgContainer img {
		display: block;
		height: auto;
		margin: 0 auto;
		max-width: 100%;
	}
	.glossaryRcol { width: calc( 100% - 280px ); margin-left: 280px; }
	.glossaryPageIcon {
		position: absolute;
		left: -260px;
		top: 40px;
	}
	.glossaryPageIcon figure::before { background-color: transparent; top: 40px; }
	.jobsList dl { padding-left: 20px; padding-right: 20px; }
	.jobsList dl.accordion dd:nth-child(4n), .jobsList dl.accordionclosed dd:nth-child(4n) {
		margin-left: 0; margin-right: 0; }
	.jobsList dl dd, .jobsList dl dt { margin-right: 0; }
	.jobsList .txtHeadline.plusIcon::before { top: 0; vertical-align: top; }
	.jobsList .txtHeadline:first-child.plusIcon::after { top: 15px; }
	#navTop > ul > li.fullSizeNavi > ul > li > a + a.input:checked + u {
		display: block;
	}
	/* new responsive 2021  */
	section {
		padding-left: 20px;
		padding-right: 20px;
	}
	.containerBenefits {
		padding-left: 20px;
		padding-right: 20px;
		width: calc(100% - 40px);
	}
	.accordion .txtHeadline {
		padding-left: 0;
		margin-bottom: 0;
	}
	.containerTwoColumns .accordion dd, .containerTwoColumns .accordionclosed dd {
		padding-left: 0;
	}
	.navQuicklinks.navbar-tiny {
		padding-left: 20px;
		padding-right: 20px;
	}
	footer .containerCenter {
		padding-left: 10px;
		padding-right: 10px;
	}
	footer .containerCenter.containerCopyright {
		padding-left: 20px;
		padding-right: 20px;
	}
	#pageHeaderContent .txtParagraph {
		margin-left: -47px;
	}
	#pageHeader figure {
		margin: 20px auto;
	}
	.columnPadded .productTeaser {
		padding-right: 0;
	}
	#navTop #linkHome {
		padding-left: 10px;
	}
	#navTop #linkHome::after {
		left: 10px;
	}
	.containerTwoColumns > .columnPadded { width: 100%; }
	.containerTwoColumns > :nth-child(2) { float: none; }
	.containerTwoColumns > :nth-child(1), .containerTwoColumns > :nth-child(2) { width: 100%; float: none; }
	.containerBenefits .title, .containerBenefits .txtHeadline {
		float: left;
		width: calc(30% - 80px);
	}
	.containerBenefits .containerTwoColumns > :nth-child(2) {
		width: calc(100% - 55px);
	}
	.containerBenefits.bgCTA .containerTwoColumns > :nth-child(2) {

	}
	#journal {
		display: flex;
		flex-direction: column;
		height: auto;
	}
	#containerJournalSide {
		width: 100%;
	}
	#journalTeaserM {
		width: 400px;
		height: 768px;
	}
	#containerEyecatcher { max-height: 480px; }
	#journalMainContentStaticContent { padding-right: 0; }
	#journalMainSide { margin-right: 0; }
	#accordionStart.accordion dd { display: block !important; }
	#btnExploreScrollContent.linkMore { display: none; }
	#btnExploreScrollContentReturn { display: none; }
	/*spacer*/
	.spacer.size20.half { padding-bottom: 10px; }
	.spacer.size40.half { padding-bottom: 20px; }
	.spacer.size60.half { padding-bottom: 30px; }
	.spacer.size80.half { padding-bottom: 40px; }
	.spacer.size100.half { padding-bottom: 50px; }
	.spacer.size120.half { padding-bottom: 60px; }
	.spacer.size140.half { padding-bottom: 70px; }
	.spacer.size160.half { padding-bottom: 80px; }
	.spacer.size20.zero, .spacer.size40.zero , .spacer.size60.zero, .spacer.size80.zero, .spacer.size100.zero, .spacer.size120.zero, .spacer.size140.zero, .spacer.size160.zero { padding-bottom: 0; }
	/* end */
	.containerBenefits.bgCTA {
		width: 100%;
		padding-left: 20px;
	}
	.containerBenefits.bgCTA .title { font-size: 100%; }
} /* end <992px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#pageHeader > .tableRow { display: block; }
	#pageHeader .logoHaenchen { min-width: 260px; }
	#pageHeader .logoHaenchen + div { width: 100%; }
	#pageHeader > .tableRow:nth-of-type(2) > div:nth-of-type(3) { display: block; }
	#pageHeader figure { margin: 0 auto; text-align: center; top: 0; }
	#pageHeader figure > img { margin: 0 auto; }
	#containerPageHeader { padding-bottom: 0; }
	.glossaryRcol { width: 100% }
	.glossaryRcol .glossaryPageIcon { display: none; }
	.glossaryRcol .glossaryAlphabeticalBox { margin-bottom: 20px; }
	.glossaryRcol .glossaryAlphabeticalBox::before, .glossaryRcol .glossaryAlphabeticalBox::after { display: none; }

	#journal {
		display: flex;
		flex-direction: column;
		height: auto;
	}
	#containerJournalSide {
		width: 100%;
	}
	#journalTeaserM {
		width: 400px;
		height: calc(100vh - 50px);
	}

	.containerPagination { top: -25px !important; background-color: #0069b4; }
	#journalTeaserM {
		margin-top: 10%;
		margin-bottom: 10%;
		padding-top: 25px;
		background-color: transparent;
	}
	#containerNews { position: relative; top: 15%; }

	#journalTeaserM .logoBlueWhite { display: none; }
	/*#journalTeaserM::after {
	content: '\f107';
	font-family: 'FontAwesome';
	left: calc(50% - 10px);
	bottom: 5px;
	position: absolute;
	display: block;
	color: #fff;
	font-size: 2rem;
	-webkit-animation: arrowDown 6s ease 3s infinite;
	-moz-animation: arrowDown 6s ease 3s infinite;
	-ms-animation: arrowDown 6s ease 3s infinite;
	-o-animation: arrowDown 6s ease 3s infinite;
	animation: arrowDown 6s ease 3s infinite;
}*/
	#containerJournalMain { width: 100%; }
	#containerEyecatcher { max-height: 480px; }
	#journalMainContentStaticContent { padding-right: 0; }
	#journalMainSide { margin-right: 0; }
	#accordionStart.accordion dd { display: block !important; }
	/*#journalMainContentScrollContent { width: 75%; }*/
	#btnExploreScrollContent.linkMore { display: none; }
	#btnExploreScrollContentReturn { display: none; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	#pageHeader { display: block; }
	#pageHeader > .tableRow { display: block; }
	#pageHeader .logoHaenchen { min-width: 260px; }
	#pageHeader .logoHaenchen + div { width: 100%; }
	#pageHeader > .tableRow:nth-of-type(2) > div:nth-of-type(3) { display: block; }
	#pageHeader figure { margin: 20px auto; text-align: center; top: 0; }
	#pageHeader figure > img { margin: 0 auto; }
	#containerPageHeader { padding-bottom: 0; }
	/* #containerPageHeader .txtQuote, #containerPageHeader .txtQuoteAuthor { padding-left: 335px; } */
	.imgContainer.fullSize img { height: auto; width: 100%; }
	.productTeaser { padding: 12px 20px 12px 130px; }
	.productTeaser > figure { width: 130px; }
	.productTeaser > .txtHeadline { margin: 0; }
	.containerContent .txtParagraph, .containerContent .imgContainer { margin: 0 20px; }
	.containerTwoColumns .containerContent .txtParagraph { margin: 0 0 20px 0; }
	#listProductOverview > article.containerCenter { margin-bottom: calc(56.5% + 40px); }
	#listProductOverview > article.containerCenter > aside {
		width: 100% !important;
		position: absolute;
		right: 0;
		height: auto;
		padding-bottom: 56.5%;
		top: 100%;
		margin-top: 20px;
		background-color: #0069b4;
	}
	#listProductOverview > article:nth-of-type(2n) > aside { left: 0; }
	#listProductOverview > article > aside > .journalTeaser { position: absolute; }
	.bgCon > .containerCenter > .columnPadded .imgContainer { width: 100%; }
	#journalTeaserM .logoBlueWhite { display: none; }

	.containerPagination { top: -25px !important; background-color: #0069b4; }
	#journalTeaserM {
		margin-top: 10%;
		margin-bottom: 10%;
		padding-top: 25px;
		background-color: transparent;
	}
	#containerNews { position: relative; top: 15%; }
}

@media only screen and (max-width:1040px) {
	footer .navFooter li a {
		display: inline-block;
		margin: 5px;
	}
	.containerBenefits.bgCTA .containerTwoColumns { flex-direction: column; }
	.containerBenefits.bgCTA .btn-wrapper { flex-direction: column; margin-left: 0; margin-top: 20px; }
	.containerBenefits.bgCTA .btn-wrapper a { display: block; }
	.containerBenefits.bgCTA .btn-wrapper a + a { margin-left: 0; margin-top: 20px; }
	.containerBenefits.bgCTA.plzCtaWrapper .plzSearchWrapper { margin-top: 20px; margin-left: 70px; }
}
@media only screen and (max-width: 767px) {
	.containerTwoColumns > *:nth-child(1), .containerTwoColumns > *:nth-child(2) {
		float: none;
		width: auto;
	}
	.txtParagraph, .containerContent .txtParagraph, .imgContainer, .containerContent .imgContainer {
		display: block;
		margin-left: 20px;
		margin-right: 20px;
	}
	.txtParagraph table td {
		font-size: 80%;
		padding: 2px;
	}
	.txtHeadline, .containerContent .txtHeadline {
		margin: 16px 20px;
		margin-left: 0;
	}
	.containerCenter > .txtHeadline.tinyPlusIcon, .containerCenter > .columnPadded > .txtHeadline.tinyPlusIcon {
		margin-left: 0;
	}
	.sectionHeadline .txtHeadline {
		margin-left: 0;
		margin-right: 0;
		padding-right: 0;
	}
	.imgContainer img {
		display: block;
		height: auto;
		margin: 0 auto;
		max-width: 100%;
	}
	.containerCenter .txtParagraph img {
		display: block;
		height: 100%;
		max-width: 100%;
		/* min-width: 100%; */
	}
	.sectionHeadline {
		margin: 0 15px 32px;
	}
	.accordion {
		padding: 32px 10px;
	}
	.accordion img {
		max-width: 100%;
		width: auto;
	}
	.containerBenefits .title, .containerBenefits .txtHeadline {
		margin-left: 0;
		padding-left: 80px;
	}
	.containerBenefits .title::before, .containerBenefits .txtHeadline::before {
		font-size: 40px;
		left: 20px;
		right: auto;
		top: 0;
	}
	.containerBenefits ul {
		padding-left: 65px;
		width: auto !important;
	}
	#journal {
		height: auto;
		min-width: 0;
		display: flex;
		flex-direction: column;
	}
	#containerEyecatcher {
		height: 280px !important;
		width: 100% !important;
	}
	#containerEyecatcher.in-content { height: auto !important; }
	#containerEyecatcher.in-content #eyecatcher > .btnPrev::before { left: -15px; }
	#containerEyecatcher.in-content #eyecatcher > .btnNext::before { right: -15px; }
	#eyecatcher > .listTitles {
		bottom: 40px;
		left: 48px;
		right: auto;
		top: auto;
	}
	#journalMainContentStatic {
		height: auto !important;
		padding: 0 20px;
	}
	#journalMainContentStaticContent {
		bottom: 30px !important;
		float: none;
		padding: 13px 0 0 0;
		width: auto;
	}
	#journalMainContentStaticContent::before {
		right: -42px
	}
	#journalMainContentStaticContent .txtHeadline {
		margin-left: 0;
		padding-right: 0;
		margin-right: 0;
	}
	#journalMainContentStaticContent .txtParagraph {
		margin-left: 0;
		margin-right: 0;
	}
	#journalMainContentScroll {
		width: auto !important;
	}
	#journalMainContentScrollContent {
		padding: 0;
	}
	#btnExploreScrollContentReturn, #btnExploreScrollContent {
		display: none !important;
	}
	.jspContainer, .jspPane {
		position: relative;
		height: auto !important;
		width: auto !important;
	}
	.jspVerticalBar, .jspHorizontalBar {
		display: none !important;
	}
	#accordionStart {
		padding: 0 20px 20px;
		right: 0;
	}
	#accordionStart:after {
		border-bottom: 2px dotted #0069b4;
		content: "";
		display: block;
		height: 8px;
	}
	#accordionStart .txtHeadline {
		padding-left: 0;
	}
	#accordionStart dt {
		border-top: 2px dotted #0069b4;
		padding-top: 20px;
	}
	#accordionStart.accordion dd.textParagraph {
		padding-left: 0;
	}
	#journalMainSide {
		float: none;
		margin: 0;
	}
	#journalMainSide .btnHaeko {
		/* display: none !important; */
		width: calc(100% - 45px);
		border-left: none;
		border-right: none;
	}
	#containerJournalSide {
		display: block;
		width: 100%;
	}
	#containerNews .txtHeadline { padding-left: 0; margin-left: 15px; }
	/* #containerPageHeader .txtQuote, #containerPageHeader .txtQuoteAuthor { padding-left: 60px; } */
	#pageHeader { display: block; }
	#pageHeader .tableRow { display: block; }
	#pageHeader .tableRow > div { display: block; }
	#pageHeader .logoHaenchen, #pageHeader .navQuicklinks, #pageHeader .btnHaeko, #pageHeader .tableRow:nth-of-type(1) > div:nth-of-type(3) { display: none !important; }
	#pageHeader .pageHeadline { margin: 0 10px; }
	#pageHeader figure {
		margin-bottom: 0;
		top: 0;
	}
	#pageHeader figure img {
		height: auto;
		margin: 0 auto;
		max-width: 100%;
	}
	#pageHeaderContent {
		margin: 20px 20px 0 20px;
		min-width: 0;
	}
	#pageHeaderContent .txtHeadline, .containerContent .txtHeadline {
		margin-left:0;
		padding-right:0;
		margin-right: 0;
	}
	#pageHeaderContent .txtParagraph { margin-left: 0; }

	#fixedPageHeader { padding-bottom: 0; }
	#fixedPageHeader .pageHeader, #fixedPageHeader .pageHeader + div { display: none !important; }

	.productTeaser {
		padding: 0 10px 32px 40%;
	}
	.productTeaser > figure {
		width: 40%;
	}

	#listProductOverview {
		margin: 20px auto;
	}
	#listProductOverview > article > .txtDescription {
		left: 0;
		padding: 10px 0px 50px 40px;
		width: 100%;
	}
	#listProductOverview > article:nth-of-type(2n) > .txtDescription { left: 0; }
	#listProductOverview > article .txtHeadline {
		margin-left: -25px;
	}
	#listProductOverview > article .txtHeadline::before {
		font-size: 300%;
	}
	#listProductOverview > article .txtParagraph {
		margin-left: -23px;
		width: calc(100% - 35px);
	}
	#listProductOverview > article > figure {
		left: 0;
		margin: 0;
		right: 0;
		overflow: hidden;
		position: relative;
		padding-top: 56.5%;
	}
	#listProductOverview > article:nth-of-type(2n) > figure { margin: 0; }
	#listProductOverview > article > figure > img {
		top: auto;
		margin-top: 0;
		max-height: 100%;
		bottom: 0;
	}
	#listProductOverview > article > .linkMoreContainer {
		bottom: auto;
		line-height: 1em;
		right: 20px;
		text-align: left;
		margin-top: calc(-56.5% - 40px);
	}
	#listProductOverview > article > .linkMoreContainer > span {
		display: none;
	}
	.tradefairTeaser {
		padding: 22px 0px;
	}
	.tradefairTeaser > figure {
		height: auto;
		left: auto;
		overflow: hidden;
		position: absolute;
		right: 5px;
		text-align: left;
		top: 20px;
		width: auto;
		max-width: 140px;
	}
	.tradefairTeaser > .txtHeadline { margin: 0 140px 16px 10px !important; }
	.tradefairTeaser > .txtTradefairDetails { margin: 4px 140px 4px 10px; }
	.txtTradefairDetails > .txtDate, .txtTradefairDetails > .txtLocation, .txtTradefairDetails > .txtBooth {
		margin: 0;
	}
	.tradefairTeaser > .txtParagraph { margin: 0 140px 0 10px; }
	.tradefairTeaser.pdf {
		margin-bottom: 50px;
		padding-right: 0;
	}
	.tradefairTeaser.pdf .txtParagraph .linkWrapper {
		float: none;
	}
	.tradefairTeaser.pdf .txtParagraph .linkWrapper + .linkWrapper {
		margin-top: 0;
		margin-left: 0;
	}
	.accordion table.news img { min-width: 0; }
	.accordion .news { display: block; }
	.accordion .news tr { display: block; }
	.accordion .news td { display: block; }
	.accordion .news td:nth-child(1) { float: left; padding: 15px 20px 10px 15px; }
	.accordion .news td:nth-child(1) + td { padding: 10px 15px; }
	.accordion .news td:nth-child(1) + td + td { padding-bottom: 15px; }

	.txtParagraph a { display: inline; }
	.txtParagraph .news { display: block; }
	.txtParagraph .news tr { display: block; }
	.txtParagraph .news td { display: block; }
	.txtParagraph .news td:nth-child(1) { float: left; padding: 15px 20px 10px 15px; }
	.txtParagraph .news td:nth-child(1) + td { padding: 10px 15px; }
	.txtParagraph .news td:nth-child(1) + td + td { padding-bottom: 15px; }
	.glossaryContent .txtParagraph.tableResponsive { margin-left: -40px !important; }
	.txtParagraph.tableResponsive .news tr { display: table-row; }
	.txtParagraph.tableResponsive .news td { display: table-cell; }
	.txtParagraph.tableResponsive td img { max-width: inherit; }
	.txtParagraph.tableResponsive table.mini { font-size: 100%; }
	.glossaryContent .txtParagraph.tableResponsive td img { max-width: 100%; }
	.glossaryContent .txtParagraph.tableResponsive td img.formBig { max-width: inherit; }

	#contact_form_wrapper fieldset > .left, #contact_form_wrapper fieldset > .right { float: none; width: 100%; }
	.img-100 {margin-top:0;}
	.basic dd { padding-left: 0; }
	.basic .basicAccordionImg { margin-left: 20px; margin-right: 20px; margin-top:40px; clear: both; text-align: center;}
	.basic .basicAccordionImg img { margin: 0 auto; }
	.glossaryPageIcon { top: 80px; }
	section.bgAlt + section.bgAlt { margin-top: -16px; }
	.videoResponsive.umfliessen { width: calc(100% - 30px); padding-bottom: calc(56.5%); margin-left: 0; }
	.videoResponsive.umfliessen.link { width: calc(100% - 15px); margin-left: 30px }
	footer { padding-left: 20px; padding-right: 20px; }
	footer .containerCenter a { display: block; margin-bottom: 10px; }
	footer .containerCenter a + a { margin-left: 0; }
	footer .socialButtons { margin-top: 30px; margin-left: 0; }
	footer .socialButtons .hl { margin-left: 8px; }
	footer .navFooter li, footer .navFooter li.group a { border-right: none; }
	section {
		padding-left: 20px;
		padding-right: 20px;
	}
	.txtParagraph, .containerContent .txtParagraph, .imgContainer, .containerContent .imgContainer {
		margin-left: 0;
		margin-right: 0;
	}
	/* new responsive 2021 */
	section .containerCenter .txtQuoteAuthor, section .containerCenter .txtQuote {
		padding: 0;
	}
	.breadcrumb {
		padding: 14px 20px;
		font-size: 12px;
	}
	#pageHeader .pageHeadline {
		margin: 0 20px;
	}

	.sectionHeadline {
		margin: 0;
	}

	.accordion, .accordionclosed {
		padding: 16px 0;
	}
	.containerTwoColumns .accordion dd, .containerTwoColumns .accordionclosed dd {
		padding-left: 0;
	}
	.basic {
		padding: 32px 0;
	}
	.accordion .txtHeadline, .accordionclosed .txtHeadline {
		padding-left: 0;
		margin-right: 0;
		padding-right: 0;
	}
	.accordion dd + dt.txtHeadline, .accordionclosed dd + dt.txtHeadline {
		padding-left: 0;
		padding-top: 32px;
		margin-right: 0;
		padding-right: 0;
	}
	.accordion dt:hover::after, .accordionclosed dt:hover::after { left: 5px; }
	.containerCenter > .txtHeadline.plusIcon, .containerCenter > .columnPadded > .txtHeadline.plusIcon {
		margin: 0;
		padding-right: 0;
	}
	.containerCenter .txtParagraph a img {
		display: inline-block;
	}
	.txtParagraph a {
		display: inline-block;
	}
	/*.txtParagraph.tableResponsive {
	margin-left: -20px;
	margin-right: -20px;
}*/
	.txtParagraph.tableResponsive .news td {
		display: block;
		padding: 20px;
		float: none;
	}
	.txtParagraph.tableResponsive  .news td:nth-child(1) {
		padding: 20px;
	}
	.txtParagraph.tableResponsive .news td:nth-child(1) + td {
		padding: 0 20px 20px ;
	}
	.navBacklink li {
		padding-left: 25px;
	}
	.navBacklink li::before {
		left: 20px;
	}
	.containerBenefits .title::before, .containerBenefits .txtHeadline::before {
		top: 4px;
		left: 0;
		font-size: 28px;
	}
	.containerBenefits .title, .containerBenefits .txtHeadline {
		padding-right: 20px;
		font-weight: 700;
		padding-left: 45px;
		padding-bottom: 10px;
	}
	.containerBenefits ul {
		padding-left: 45px;
		padding-right: 20px;
	}
	.containerBenefits ul li {
		padding-left: 15px;
	}
	.containerBenefits ul li::before {
		width: 10px;
		text-align: left;
		left: 0;
	}
	.productTeaser {
		padding: 0 10px 32px 100px;
	}
	.productTeaser .txtHeadline.noIcon {
		margin: 16px 0;
	}
	.productTeaser > figure {
		width: 100px;
	}
	.productTeaser.noImg {
		padding-left: 0;
	}
	.productTeaser.noImg .txtHeadline.tinyPlusIcon {
		margin-left: 0;
		padding-right: 0;
		margin-right: 0;
	}
	section .containerCenter .txtQuote {
		width: 80%;
		font-size: 120%;
	}
	.txtHeadline.noIcon { margin-left: 0; }
	footer { padding: 40px 0 80px 0; }
	footer .containerCenter { padding-left: 10px; padding-right: 10px; }
	footer .containerCopyright::after { bottom: 0; }
	#journalTeaserM .logoBlueWhite { display: none; }
	#journalTeaserPane > div { width: 50%; }
	#journalTeaserPane > div:nth-of-type(6n+3), #journalTeaserPane > div:nth-of-type(6n+4) { width: 50%; }
	#journalTeaserPane > div.journalTeaser.empty { width: 0%; }
	#btnUp{
		height: 35px;
		width: 35px;
		line-height: 24px;
		font-size: 24px;
	}
	#journalTeaserM { width: 100%; height: 500px; }
	#containerNews { height: 300px; }
	.containerBenefits.bgCTA { padding-top: 80px; }
	.containerBenefits.bgCTA .title {
		margin: 0;
		font-size: 100%;
		line-height: 1.5em;
		padding-left: 0;
		padding-bottom: 0;
		padding-top: 10px;
	}
	.containerBenefits.bgCTA .icon + .title::before { font-size: 40px; top: -30px; }
	.containerBenefits.bgCTA .title::before { top: -34px; font-size: 40px; }
	.containerBenefits.bgCTA .btn-wrapper { width: calc(100% - 70px); }
	.containerBenefits .ctaMini { display: none; }
	.ctaSide a { padding: 12px; font-size: 20px; }
	.containerBenefits.bgCTA.plzCtaWrapper .title.plz::before { top: -30px; }
	.containerBenefits.bgCTA.plzCtaWrapper .plzSearchWrapper { margin-top: 20px; margin-left: 0; }
	.spacer.hidden-xs { display: none; }
	.spacer.hidden-xl { display: block; }
	.glossaryListChar > span {
		text-align: left;
		margin: 20px 0
	}
	.txtHeadline.tinyPlusIcon { margin-left: 0; }
	.txtHeadline.tinyPlusIcon::before {
		left: -2px;
		padding-right: 10px;
	}

} /* end max-width: 767px */

@media only screen and (max-width: 541px) {
	.glossaryPageIcon { display: none; }
	.glossaryRcol { margin-left: 0; width: 100% }
	.jobsList dl { padding-left: 0; padding-right: 0; }
	.jobsList .accordion dd, .jobsList .accordionclosed dd { padding-left: 0; padding-right: 0; }
	.jobsList dl.accordion dd:nth-child(4n), .jobsList dl.accordionclosed dd:nth-child(4n) {
		margin-left: 0; margin-right: 0; padding-left: 20px; padding-right: 20px; }
	.jobsList dl dt { margin-right: 0; }
	.jobsList .txtHeadline.plusIcon::before { top: 0; } 
}
@media only screen and (max-width: 400px) {
	footer .containerCopyright::after { bottom: auto; top: 10px; }
	footer { padding: 40px 0 90px 0; }
}
@media only screen and (min-width: 993px) and (max-width:1040px) {
	#navTop a, #navContact a { padding: 0 12px; }
	.containerTwoColumns > div > dl.accordion {
		padding: 32px 25px 32px 0;
	}
	.containerTwoColumns > div + div > dl.accordion {
		padding: 32px 0 32px 25px;
	}
	.navQuicklinks.navbar-tiny {
		padding-left: 20px;
		padding-right: 20px;
		width: calc(100% - 40px);
	}
	.containerBenefits .containerCenter {
		padding-left: 20px;
		padding-right: 20px;
		width: calc(100% - 40px);
	}
	.containerTwoColumns .accordion dd, .containerTwoColumns .accordionclosed dd {
		padding-left: 14px;
	}
	footer .containerCenter {
		padding-left: 10px;
		padding-right: 10px;
	}
	footer .containerCenter.containerCopyright {
		padding-left: 20px;
		padding-right: 20px;
	}
	#navTop #linkHome { left: 10px; }
	#pageHeaderContent .txtParagraph { margin-left: -48px; }
	#breadcrumb { padding: 0 20px; }
}

.videoResponsive { position: relative; padding-bottom: 56.5%; }
.videoResponsive iframe { position: absolute; top: 0; width: 100%; height: 100%; }
.videoResponsive iframe[src^="https://www.youtube-nocookie.com/embed/"] { z-index:1; }
.videoResponsive iframe[src=""] { z-index:0 !important; }

.tableResponsive { overflow-x: auto; }
@media only screen and (min-width: 993px) and (max-width:1240px) {
	section { padding-left: 20px; padding-right: 20px; }
}
@media only screen and (min-width: 1240px) {
	.tableResponsive { overflow-x: hidden; }
}
@media only screen and (max-width: 1240px) {
	#pageHeaderContent {
		padding-bottom: 20px;
	}
}
/* .tableResponsive img { max-width: 100%; }*/
@media only screen and (min-width: 768px) and (max-width:992px) {
	.imgContainer img.img-100 { margin-top: -100px; }
}
@media only screen and (min-width: 768px) and (max-width: 992px){
	.glossaryEntry .tableRow + .tableRow > div { display: none; }
	.glossaryEntry .tableRow + .tableRow > div + div { display: block; }
	.glossaryEntry .tableRow + .tableRow .showXs { display: block; }
}