/*****************************************************************************************************************************************/
/************************************************************* default.css ***************************************************************/
/*****************************************************************************************************************************************/

@font-face {
    font-family:'Open Sans';
    src: url('../fonts/OpenSans-Light.eot');
    src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Light.woff') format('woff'),
        url('../fonts/OpenSans-Light.ttf') format('truetype'),
        url('../fonts/OpenSans-Light.otf') format('opentype'),
        url('../fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family:'Open Sans';
    src: url('../fonts/OpenSans-Semibold.eot');
    src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Semibold.woff') format('woff'),
        url('../fonts/OpenSans-Semibold.ttf') format('truetype'),
        url('../fonts/OpenSans-Semibold.otf') format('opentype'),
        url('../fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family:'OpenSans-Semibold';
    src: url('../fonts/OpenSans-Semibold.eot');
    src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Semibold.woff') format('woff'),
        url('../fonts/OpenSans-Semibold.ttf') format('truetype'),
        url('../fonts/OpenSans-Semibold.otf') format('opentype'),
        url('../fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}



/*****************************************************************************************************************************************/
/* Allgemein */
/*****************************************************************************************************************************************/
	html {
		height: auto;
		font-size: 100%;
	}

	body {
		height: auto;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		
		font-family: 'Open Sans', Arial;		
		font-weight: 300;
		font-size: 75%;
		line-height: 1.333em;
		color: #444042;
		
		background-color: #ffffff;
	}
	



/*****************************************************************************************************************************************/
/* Bootstrap Anpassungen für eine Contentbreite von 1170 */
/*****************************************************************************************************************************************/
	
	.container {
		padding-left: 0px;
		padding-right: 0px;
		
		overflow: hidden;
	}
	



	
	
/*****************************************************************************************************************************************/
/* Headlines */	
/*****************************************************************************************************************************************/
	
	h1 {
		font-family: 'Open Sans', Arial;		
		font-weight: 600;
		font-size: 2.222em;
		font-style: italic;
		text-align: center;
		text-transform: uppercase;
		color: #cd0022;
		
		padding: 0px 0px 56px 0px;
		margin: 0px 0px 0px 0px;
	}
	
	h2 {
		font-family: 'Open Sans', Arial;		
		font-weight: 300;
		font-size: 1.778em;
		text-align: center;
		text-transform: uppercase;
		color: #444042;
		
		padding: 0px 0px 56px 0px;
		margin: 0px 0px 0px 0px;
	}
	
	h1 + h2 {
		margin-top: -50px;
	}
	
	h3 {
		font-family: 'Open Sans', Arial;		
		font-weight: 600;
		font-size: 1em;
		
		padding: 0px 0px 12px 0px;
		margin: 0px;
	}
	
	

/*****************************************************************************************************************************************/
/* Paragraph */	
/*****************************************************************************************************************************************/

	p {
		
	}
	


/*****************************************************************************************************************************************/
/* Links */	
/*****************************************************************************************************************************************/
	a {
		outline: none;	
		color: #444042;
		text-decoration: underline;
	}
	
	a:focus {
		outline: none;
	}
	
	a:hover {
		outline: none;
	}
	
	
	.IconPhone {
		display: inline-block;
		white-space: nowrap;
		text-decoration: none;
		padding: 8px 0px 14px 62px;
		color: #cd0022;
		
		background-image: url("../images/icons/icon-phone.png");
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	
	.IconMail {
		display: inline-block;
		text-decoration: none;
		padding: 8px 0px 14px 62px;
		color: #cd0022;
		
		background-image: url("../images/icons/icon-mail.png");
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	
	.IconMail:hover {
		color: #cd0022;
		text-decoration: none;
	}



/*****************************************************************************************************************************************/
/* Clear / Space */
/*****************************************************************************************************************************************/

	.divClear {
		clear: both;	
		margin: 0px;
		padding: 0px;
		
		height: 0px;
		line-height: 0px;			
	}
		
	.divSpacer {			
		margin: 0px;
		padding: 0px;
		
		height: 0px;
		line-height: 0px;			
	}






/*****************************************************************************************************************************************/
/* Header */
/*****************************************************************************************************************************************/
	
	.divHeader a {
		display: inline-block;
		text-decoration: none;
		color: #444042;
	}
	
	/* Logo */
		.divHeader .Image {
			padding: 30px 0px;
		}
		
	/* Navigation */
		.divNavigation {
			padding: 63px 0px 0px 0px;
			display: inline-block;
			font-size: 2em;
			line-height: 1.1em;
			text-transform: uppercase;
		}
		
		.divNavigation.Mobile {
			display: none;
		}
		
		.divNavigation a {
			margin-right: 50px;
		}
		
		.divNavigation a.Active {
			padding-bottom: 16px;
			color: #cd0022;
			border-bottom: 2px solid #cd0022;
		}
		
		
	/* Language Select */
		.divLanguageSelect {
			display: inline-block;
			font-size: 1.167em;
			line-height: 1em;
		}
		
		.divLanguageSelect a {
			padding: 0px 9px 0px 5px;
		}
		
		.divLanguageSelect a.Active {
			color: #cd0022;
		}
		.divLanguageSelect a {
			border-right: 1px solid #cccccc;
		}
        .divLanguageSelect a:last-child {
			border-right: none;
		}
		
	
	/* Fix  Header */
		#PageFixedHeader.Fly {
			position: fixed;
			top: 0px;
			left: 0px;
			right: 0px;
			
			z-index:999;
			background-color:rgba(255, 255, 255, 0.95);
			border-bottom: 1px solid #eeeeee;
		}
		
		#PageFixedHeader.Fly .divNavigation {
			padding-top: 31px;
		}
		
		#PageFixedHeader.Fly .divNavigation a.Active {
			padding-bottom: 31px;
		}
		
		#PageFixedHeader.Fly .Image img {
			width: 142px;
			height: auto;
		}
		
		#PageFixedHeader.Fly .Image {
			padding: 17px 0px;
		}
		
		
	

/*****************************************************************************************************************************************/
/* Body Content */
/*****************************************************************************************************************************************/
	
	.divBodyContent {
		border-top: 5px solid #990033;
		border-bottom: 5px solid #990033;
	}

	.ContentWidth {
		max-width: 1210px;
	}
	




/*****************************************************************************************************************************************/
/* Mobile Logo */
/*****************************************************************************************************************************************/

	.divMobileLogo {
		display: none;
	}
	
	.divMobileLogo .Image {
		padding: 20px 0px 15px 0px;
		text-align: center;
	}
	


/*****************************************************************************************************************************************/
/* Video */
/*****************************************************************************************************************************************/

	.divVideo {
		background-color: #ebebeb;
	}
	
	.divVideo.IeFix {
		background-color: #fff;
	}
	
	.divVideo .divVideoInner {
		max-width: 1170px;
		padding: 0px;
		margin: 0px auto;
	}
	
	.divVideo video {
		display: block;
		width: 100%;
		height: auto;
		margin: 0px;
		
		background-color: #ebebeb;
	}
	
	.vjs-control-bar {
		display: none !important;
		/* bottom: 122px !important; */
	}
	
	.divVisualSlider .divSlide:hover .vjs-control-bar {
		display: flex !important;
	}
	
	.vjs-big-play-button {
		height: 60px !important;
		margin-top: -30px !important;
		margin-left: -30px !important;
		
		background: none !important;
		border: none !important;
		
		background-image: url("../images/icons/icon-play.png") !important;
		background-position: 0px 0px !important;
		background-repeat: no-repeat !important;
	}
	
	.vjs-big-play-button:before {
		display: none !important;
	}
	
	

/*****************************************************************************************************************************************/
/* Kontakt */
/*****************************************************************************************************************************************/
	
	.divContact {
		font-size: 2em;
		line-height: 1.25em;
	}
	
	.divContact .divContactInner {
		max-width: 770px;
		padding: 0px 60px;
		margin: 0px auto;
	}
	
	.divContact.BackgroundRed {
		color: #fff;
		text-align: center;
		background-color: #cd0022;
		
		background-image: url("../images/background/bg-contact.jpg");
		background-position: center bottom;
		background-repeat: no-repeat;
	}
	
	.divContact.divContactLinks {
		padding-top: 50px;
		padding-bottom: 46px;
	}
	
	.divContact.BackgroundRed .divContactInner {
		padding-top: 34px;
		padding-bottom: 54px;
	}
	
	.divContact table {
		margin: 0px auto;
	}
	
	
	
/*****************************************************************************************************************************************/
/* Content */
/*****************************************************************************************************************************************/
	
	.divContent {
		font-size: 1.5em;
		line-height: 1.333em;
	}
	
	.divContent.BackgroundGrey {
		background-color: #f0f0f0;
	}
	
	.divContent.BorderBottom {
		border-bottom: 1px solid #cccccc;
	}
	
	.divContent.BorderTop {
		border-top: 1px solid #cccccc;
	}
	
	.divContent .divContentInner {
		position: relative;
		padding: 37px 20px 35px 20px;
		margin: 0px auto;
	}
	
	.divContent .container {
		padding: 37px 0px 35px 0px;
	}
	
	.divContent.WideSpaceTopBottom .container {
		padding: 70px 0px 90px 0px;
	}
	
	
	.divContent table tr td {
		padding-right: 30px;
	}
	
	/* Images */
		.divContent .divImage {
			text-align: left;
		}
		
		.divContent .divImage.AlignCenter {
			text-align: center;
		}
		
		.divContent .divImage img {
			max-width: 100%;
			height: auto;
		}
		
		
	/* Text */	
		.divContent .TextMargin {
			
		}
		
	
	/* Logo */
		.divContent .divLogo {
			float: right;
			margin: 33px 140px 0px 0px;
		}
	
	
	/* List */
		.divContent ul {
			padding: 0px;
			margin: 0px;
			list-style-type: none;
		}
		
		.divContent ul li {
			padding: 0px 0px 20px 22px;
			margin: 0px;
			list-style-type: none;
			font-size: 1.333em;
			line-height: 1.25em;
			
			background-image: url("../images/icons/icon-list.png");
			background-position: 0px 12px;
			background-repeat: no-repeat;
		}
	

/*****************************************************************************************************************************************/
/* Visual & Image */
/*****************************************************************************************************************************************/	
	.divContent.Visual {
		background-image: url("../images/background/bg-visual.jpg");
		background-position: 0px 0px;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.divContent.Visual .container {
		padding: 0px;
	}
	
	.divContent.Images {
		background-image: url("../images/background/bg-content-image.jpg");
		background-position: 0px 0px;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.divContent.Images .container {
		padding: 80px 0px;
	}
	
	


/*****************************************************************************************************************************************/
/* Text Image */
/*****************************************************************************************************************************************/
	
	.divTextImage {
		padding: 25px 0px 0px 0px;
	}
	
	.divTextImage .Image {
		float: left;
		padding: 0px 25px 12px 0px;
	}
	
	.divTextImage .Text {
		padding: 78px 0px 0px 0px;
	}
	
	.divTextImage .Text .Title {
		padding: 0px 0px 16px 0px;
		font-size: 1.667em;
		line-height: 1.25em;
		font-weight: 600;
		font-style: italic;
		color: #cd0022;
	}
	
	.divTextImage .Text .Text {
		padding: 0px;
		font-size: 1.333em;
		line-height: 1.25em;
	}
	
	.divTextImage .Text .ArticleNumber {
		padding: 18px 0px 10px 0px;
	}
	
	
	
	
/*****************************************************************************************************************************************/
/* 4 Col - Steps */
/*****************************************************************************************************************************************/

	.divContent.ContentSteps {
		padding-bottom: 40px;
	}
	
	.divContent.ContentSteps .divImage {
		padding: 0px 5px;
	}
	
	.divContent.ContentSteps h2 {
		color: #004484;
		padding-bottom: 26px;
	}
	
	.divContent.ContentSteps table tr td {
		padding-right: 0px;
	}
	
	.divContent.ContentSteps .Text {
		min-height: 113px;
		padding: 45px 40px 20px 0px;
		color: #004484;
		text-align: center;
	}
	
	
	
	
	
	
/*****************************************************************************************************************************************/
/* Share */
/*****************************************************************************************************************************************/

	.divShareContent {
		position: relative;
		padding: 5px 0px 5px 0px;
		font-size: 1.333em;
		line-height: 1.333em;
		color: #444042;
		text-transform: uppercase;
		text-align: center;
	}
	
	.divShareContent .ShareLinks {
		padding: 18px 0px 10px 0px;
	}
	
	.divShareContent .ShareLinks a {
		display: inline-block;
		padding: 0px 7px;
	}
	
	
	.divScrollTop {
		position: absolute;
		top: 55px;
		right: 40px;
	}
	
	
	

/*****************************************************************************************************************************************/
/* Visual Slider */
/*****************************************************************************************************************************************/

	.divVisualSlider {
		
	}
	
	.divVisualSlider .divVisualSliderInner {
		position: relative;
	}
	
	.divVisualSlider .bx-wrapper {
		margin: 0px;
	}
	
	.divVisualSlider .bx-wrapper .bx-viewport {
		border: none;
		box-shadow: none;
		left: 0px;
	}
	
	.divVisualSlider .divSlide {
		background-color: #ebebeb;
	}
	
	.divVisualSlider .divSlide .divSlideInner {
		overflow: hidden;
		margin: 0px auto;
	}
	
	.divVisualSlider .divSlide.SlideWidth1170 .divSlideInner { max-width: 1170px; }
	.divVisualSlider .divSlide.SlideWidth1400 .divSlideInner { max-width: 1400px; max-height: 658px; }

	/* Controls */
		.divVisualSlider .bx-controls a {
			width: 27px;
			height: 52px;
			margin-top: -26px;
			background-position: 0px 0px;
			background-repeat: no-repeat;
		}
		
		.divVisualSlider .bx-controls a:hover {
			background-position: 0px 0px;
		}
		
		.divVisualSlider .bx-controls a.bx-prev {
			left: 30px;
			background-image: url("../images/jumper/jumper-slider-left.png");
		}
		
		.divVisualSlider .bx-controls a.bx-next {
			right: 30px;
			background-image: url("../images/jumper/jumper-slider-right.png");
		}
		
	/* Pager */
		.divVisualSlider .bx-pager {
			/* display: none;
			position: absolute;
			bottom: 0px;
			left: 0px;
			right: 0px;
			width: 100%; */
			padding: 20px 0px;
			text-align: center;
			/* background-color:rgba(255, 255, 255, 0.75); */
		}
		
		.divVisualSlider .bx-wrapper img {
			max-width: 100%;
			height: auto;
		}
		
		/*
		.divVisualSlider:hover .bx-pager {
			display: block;
		}
		*/
		
		.divVisualSlider .bx-pager a {
			display: inline-block;
			margin: 0px 10px;
		}
		
		.divVisualSlider .bx-pager a.active {
			border: 1px solid #cf0d2d;
		}




/*****************************************************************************************************************************************/
/* Content Slider */
/*****************************************************************************************************************************************/
	
	.divContentSlider .bx-wrapper {
		margin: 0px 0px 25px 0px;
	}
	
	.divContentSlider .bx-wrapper .bx-viewport {
		border: none;
		box-shadow: none;
		left: 0px;
	}

	.divContentSlider .divSlide {
		position: relative;
		background-color: #ebebeb;
	}

	.divContentSlider .divSlide .SlideContent {
		position: absolute;
		width: 100%;
		top: 0px;
	}
	
	.divContentSlider .divSlide .Title {
		position: absolute;
		left: 175px;
		top: 95px;
		padding: 23px 75px 24px 140px;
		
		font-size: 1.333em;
		line-height: 1.25em;
		text-transform: uppercase;
		color: #ffffff;
		
		background-image: url("../images/slider/slider-text-bg.png");
		background-position: right 0px;
		background-repeat: no-repeat;
	}
	
	.divContentSlider .divSlide .Title  p { 
		margin: 0px;
	}
	
	.divContentSlider .divSlide .Image {
		text-align: center;
	}
	
	.divContentSlider .divSlide .Image img {
		display: inline-block;
		max-width: 100%;
		height: auto;
	}
		
	.divContentSlider .divSlide .SlideMask {
		position: relative;
	}
	
	/* Controls */
		.divContentSlider .bx-controls a {
			width: 27px;
			height: 52px;
			margin-top: -26px;
			background-position: 0px 0px;
			background-repeat: no-repeat;
		}
		
		.divContentSlider .bx-controls a:hover {
			background-position: 0px 0px;
		}
		
		.divContentSlider .bx-controls a.bx-prev {
			left: 80px;
			background-image: url("../images/jumper/jumper-slider-left-red.png");
		}
		
		.divContentSlider .bx-controls a.bx-next {
			right: 80px;
			background-image: url("../images/jumper/jumper-slider-right-red.png");
		}
		
	/* Pager */
		.bx-wrapper .bx-pager.bx-default-pager {
			padding: 0px;
			bottom: -55px;
		}
		
		.bx-wrapper .bx-pager.bx-default-pager a {
			background-color: #cccccc;
			width: 6px;
			height: 6px;
		}
		
		.bx-wrapper .bx-pager.bx-default-pager a.active {
			background-color: #cd0022;
		}
	
	
	
	
	

/*****************************************************************************************************************************************/
/* Footer */
/*****************************************************************************************************************************************/
	
	.divFooter {
		font-size: 1.5em;
		line-height: 1.333em;
		background-color: #f0f0f0;
	}
	
	.divFooter .container {
		padding: 24px 0px 25px 0px;
	}
	
	.divFooter a {
		text-decoration: none;
	}
	
	
	
	
	



/*****************************************************************************************************************************************/
/* Animated Load */
/*****************************************************************************************************************************************/	
		
	.AnimatesOnLoad {
		position: relative;
		top: 80px;
		visibility: hidden;
	}
	.AnimatesOnLoad div.divImage {
		visibility: hidden;
	}
	.AnimatesOnLoad div.divTextImage {
		visibility: hidden;
	}
		
		
		
/*****************************************************************************************************************************************/
/* TYPO3 Edit Panel */
/*****************************************************************************************************************************************/	
		
	.typo3-editPanel {
		padding: 8px 10px 9px 10px;
		background-color: #666;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ff0000;
	}
	
	.typo3-editPanel .btn-group {
		display: inline-block;
	}
	
	.typo3-editPanel .typo3-editPanel-label {
		display: inline-block;
		color: #fff;
		padding: 3px 0px 0px 20px;
	}
	
/*****************************************************************************************************************************************/
/* Shop-Teaser */
/*****************************************************************************************************************************************/	
	.aTeaserShopOuter  {
		position: fixed;
		width: 214px;
		height: 126px;
		z-index: 1;
		
		transition: all ease-in-out 0.25s;
		-moz-transition: all ease-in-out 0.25s;
		-o-transition: all ease-in-out 0.25s;
		-webkit-transition: all ease-in-out 0.25s;
		right: 0px;
		xbackground-color: #cd0022;
	}
	
	.aTeaserShopOuter .Inner {
		position: relative;
		color: #fff;
		text-align: center;
		font-family: 'Open Sans';
		font-size: 16px;
	}
	
	.aTeaserShopOuter .Inner .divSmall {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 214px;
		height: 126px;
		text-transform: uppercase;
	
		transition: opacity ease-in-out 0.25s;
		-moz-transition: opacity ease-in-out 0.25s;
		-o-transition: opacity ease-in-out 0.25s;
		-webkit-transition: opacity ease-in-out 0.25s;
		background-image: url("/typo3conf/ext/site_config_life/Resources/Public/images/shop-teaser_small.png");
		background-repeat: no-repeat;
	}
	
	div.headlineSmall {
		margin-right: -40px;
		margin-top: 22px;
		font-family: 'OpenSans-Semibold';
		font-size: 18px;
	}
	
	div.textSmall {
		margin-right: -40px;
		margin-top: 10px;
	}
	
	div.icon {
		width: 214px;
		height: 25px;
		background-image: url("/typo3conf/ext/site_config_life/Resources/Public/images/shop-teaser-icon.png");
		background-repeat: no-repeat;
		margin-top: 16px;
		margin-left: 114px;
	}
	
	div.headlineBig {
		margin-right: -80px;
		margin-bottom: 8px;
		font-family: 'OpenSans-Semibold';
		font-size: 18px;
		text-transform: uppercase;
	}
	
	div.textBig1 {
		margin-top: 22px;
		margin-right: -80px;
		margin-bottom: 22px;
		text-transform: uppercase;
	}
	
	div.textBig2 {
		margin-right: -80px;
		text-transform: uppercase;
	}
	
	div.textBig3 {
		margin-top: 18px;
		margin-right: -80px;
		line-height: 1.33em;
	}
	
	div.icon2 {
		width: 214px;
		height: 25px;
		background-image: url("/typo3conf/ext/site_config_life/Resources/Public/images/shop-teaser-icon.png");
		background-repeat: no-repeat;
		margin-top: 20px;
		margin-left: 242px;
	}
	
	.aTeaserShopOuter .Inner .divBig {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 100%;
		
		opacity: 0;
		-moz-opacity: 0;
		filter: alpha(opacity = 0);
	
		transition: opacity ease-in-out 0.25s;
		-moz-transition: opacity ease-in-out 0.25s;
		-o-transition: opacity ease-in-out 0.25s;
		-webkit-transition: opacity ease-in-out 0.25s;
		background-image: url("/typo3conf/ext/site_config_life/Resources/Public/images/shop-teaser_big.png");
		background-repeat: no-repeat;
	}
	
	
	.aTeaserShopOuter:hover {	
		width: 426px;
		height: 236px;	
		background-image: url("/typo3conf/ext/site_config_life/Resources/Public/images/shop-teaser_big.png");
		background-repeat: no-repeat;
	}
	
	.aTeaserShopOuter:hover .divSmall {
		opacity: 0;
		-moz-opacity: 0;
		filter: alpha(opacity = 0);
	}
	
	.aTeaserShopOuter:hover .divBig {
		opacity: 1;
		-moz-opacity: 1;
		filter: alpha(opacity = 1);
	}
	
	
/*****************************************************************************************************************************************/
/* Download Link */
/*****************************************************************************************************************************************/

.dwnld-pdf {
	text-align: center;
}
	
.dwnld-pdf a {
    color: #cd0022;
    font-size: 1.5em;
    display: inline-block;
    width: auto;
    margin: 0px auto;
    position: relative;
    padding-left: 40px;
	text-decoration: none;
}


.dwnld-pdf a::before {

    content: '';
    position: absolute;
    left: 0;
    top: -3px;
    background: url('/typo3conf/ext/site_config_life/Resources/Public/images/icons/pdf-icon.png') no-repeat center center;
    width: 32px;
    height: 32px;
    display: inline-block;

}