/* FONTS */
@font-face {
font-family: 'marselisregular';
src: url('../links/fonts/FFMarselisforRuV.ttf') format('truetype');
font-weight: normal;
}
@font-face {
font-family: 'marselisbold';
src: url('../links/fonts/FFMarselisforRuV-Bd.ttf') format('truetype');
font-weight: bold;
}
@font-face {
font-family: 'marselisregularslab';
src: url('../links/fonts/FFMarselisforRuVSlab.ttf') format('truetype');
font-weight: normal;
}
@font-face {
font-family: 'marselisboldslab';
src: url('../links/fonts/FFMarselisforRuVSlab-Bold.ttf') format('truetype');
font-weight: bold;
}

p {
	font-family: 'marselisregular';
}

/* FONT-STYLES */
.ov-regular {
	font-family: 'marselisregular';
}
.ov-bold {
	font-family: 'marselisbold';
}
.ov-regular-slab {
	font-family: 'marselisregularslab';
}
.ov-bold-slab {
	font-family: 'marselisboldslab';
}
.headline-48 {
	font-size: 48px;
}
.headline-wel {
	font-size: 32px;
}
.subheadline {
	font-size: 22px;
}
.ov-t-imp {
	font-size: 16px;
}
.ov-t-detail {
	font-size: 14px;
}
.chvf-acc-title {
	color: #001957;
	font-size: 22px;
	transition: 0.3s;
}
.chvf-acc-title:hover {
	color: #64A9D2;
}
.chvf-acc-title-2 {
	color: #001957;
	font-size: 18px;
	transition: 0.3s;
}
.chvf-acc-title-2:hover {
	color: #64A9D2;
	text-decoration: none;
}
.chvf-contact-f {
	font-size: 16px;
}
.chv-font-contact {
	font-size: 22px;
}
.chvf-underline {
	text-decoration: none;
}
.chvf-big-headline {
	font-size: 32px;
}

/* COLORS */ 

	/* FONT-COLORS */
	.white-f {
		color: #ffffff;
	}
	.white-f-f {
		color: #ffffff !important;
	}
	.white-f-f:hover {
		color: #EFEFEF !important;
	}
	.grey-f {
		color: #EFEFEF;
	}
	.light-blue-f {
		color: #64A9D2;
	}
	.blue-f {
		color: #001957;
	}
	.light-green-f {
		color: rgb(214,235,171);
	}
	
	/* SECTION-COLORS */
	.section-white {
		background-color: #ffffff;
	}
	.section-grey {
		background-color: #EFEFEF;
	}
	.section-blue {
		background-color: #001957;
	}
	
	/* BACKGROUNDS */
	.blue-gb {
		background-color: #001957;
	}
	.white-gb {
		background-color: #ffffff;
	}
	.light-green-bg {
		background-color: rgb(214,235,171);	}
	
	.fp-watermark {
		display: none;
	}
/* PICTURES */

	/* LOGO */
	.chv-logo {
		height: 70px;
	}
	.chpf-logo {
		height: 70px;
	}
	.logo-right {
		height: 35px;
	}
	.chvw {
		width: 966px;
	}
	.chvf-logo-footer {
		width: 320px;
	}
	.chvf-bspmc {
		max-width: 90%;
		width: 80%;
	}
	
	/* ICONS */
	.com-button-icon-size {
		width: 48px;
		height: 48px;
	}
	.com-button-icon-col-blue {
		color: #001957;
		background: #FFFFFF;
		transition: 0.3s;
	}
	.com-button-icon-col-blue:hover {
		color: #FFFFFF;
		background: #64A9D2;
	}
	.com-button-icon-col-light-green {
		color: #001957;
		background: rgb(214,235,171);
		transition: 0.3s;
	}	
	.com-button-icon-col-light-green:hover {
		color: #FFFFFF;
		background: #64A9D2;
	}
	.com-button-icon-col-white {
		color: #FFFFFF;
		background: #001957;
		transition: 0.3s;
	}
	.com-button-icon-col-white:hover {
		color: #FFFFFF;
		background: #64A9D2;
	}

/* BUTTONS */
	.chvf-button-1page {
		border-radius: 100px;
		background-color: none;
		color: #001957;
		border: none;
		font-family: 'marselisbold';
		padding-top: 5px;
		padding-bottom: 5px;
		transition: 0.3s;
		font-size: 20px;
		
	}
	.chvf-button-1page:hover {
		border-radius: 100px;
		background-color: none;
		color: #64A9D2;
		font-family: 'marselisbold';
		border: none;
	}
	.chvf-button-1page-light-blue {
		border-radius: 100px;
		background-color: transparent;
		color: #001957;
		border: none;
		font-family: 'marselisbold';
		padding-top: 10px;
		padding-bottom: 10px;
		transition: 0.3s;
		font-size: 20px;
	}
	.chvf-button-1page-light-blue:hover {
		border-radius: 100px;
		color: #64A9D2;
		font-family: 'marselisbold';
		border: none;
	}
	.chvf-sub-buttons {
		
	}
	.chv-button {
		border-radius: 100px;
		background-color: #001957;
		padding-left: 30px;
		padding-top: 15px;
		padding-right: 30px;
		padding-bottom: 15px;
		font-family: 'marselisbold';
		font-size: 18px;
		text-transform: none;
		margin-bottom: 20px;
		width: 450px;
		text-align: left;
		transition: 0.3s;
	}
	
	.chv-button-mobile {
		border-radius: 100px;
		background-color: #ffffff;
		color: #001957;
		padding-left: 20px;
		padding-top: 0px;
		padding-right: 20px;
		padding-bottom: 0px;
		font-family: 'marselisbold';
		font-size: 13px;
		text-transform: none;
		margin-bottom: 20px;
		text-align: center;
		transition: 0.3s;
	}
	.chv-button-mobile:hover {
		background-color: #64A9D2;
		color: #ffffff;
	}
	
	.chv-button-extended {
		border-radius: 100px;
		color: #001957;
		background-color: rgb(214,235,171);
		padding-left: 30px;
		padding-top: 15px;
		padding-right: 30px;
		padding-bottom: 15px;
		font-family: 'marselisbold';
		font-size: 18px;
		text-transform: none;
		margin-bottom: 20px;
		width: auto
		text-align: left;
		transition: 0.3s;
	}
	.chv-button-extended:hover {
		border-radius: 100px;
		color: #ffffff;
		background-color: #001957;
		
	}
	
	.chv-button:hover {
		background: #64A9D2;
	}
	.chv-button-contact {
		border-radius: 100px;
		background-color: #001957;
		padding-left: 30px;
		padding-top: 5px;
		padding-right: 30px;
		padding-bottom: 5px;
		font-family: 'marselisbold';
		text-transform: none;
		margin-bottom: 20px;
		text-align: center;
		transition: 0.3s;
	}
	.chv-button-contact:hover {
		background: #64A9D2;
	}
	.chcf-button-front-logo {
		margin-top: -66px; 
		margin-left: -80px;
	}
	.icon-button {
		background-color: #001957;
		color: #ffffff;
	}
	
	.icon-button:hover {
		background-color: rgb(214,235,171);
		color: #001957;
	}
	
	/* Produktbuttons */	
		.cpf {
			position: absolute;
			margin: -522px 0px 0px 595px;
		}
		.laz {
			position: absolute;
			margin: -522px 0px 0px 860px;
		}
		.buc {
			position: absolute;
			margin: -403px 0px 0px 10px;
		}
		.ukc {
			position: absolute;
			margin: -340px 0px 0px 630px;
		}
		.amc {
			position: absolute;
			margin: -275px 0px 0px 175px;
		}
		.atz {
			position: absolute;
			margin: -205px 0px 0px 775px;
		}
	
/* ACCORDION */
	.chvf-acc-bg-1title {
		background-color: #FFFFFF;
		padding: 20px 30px;
		border-radius: 50px;
	}
	.chvf-acc-bg-2title {
		background-color: #64A9D2;
		color: #FFFFFF;
		padding: 20px 30px;
		border-radius: 50px;
	}
	.chvf-acc-bg-over {
		background-color: #FFFFFF;
		padding: 20px 30px;
		border-radius: 50px;
	}
	.chvf-acc-bg-content {
		background-color: #FFFFFF;
		padding: 20px 30px;
		border-radius: 50px;
	}
	
	
	
	/* BACKGROUND SECTIONS BY ID */
	#section0 {
		/*background-image: url(../links/bg/waves_bg_css_only_2.svg);*/
		background-image: url(../links/bg/waves_blue.gif);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	#section1 {
		/*background-image: url(../links/bg/waves_bg_white.svg);*/
		background-image: url(../links/bg/waves_white.gif);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	#section2 {
		background-image: url(../links/bg/waves_white.gif);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	#section3 {
		background-image: url(../links/bg/waves_white.gif);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	#section4 {
		background-image: url(../links/bg/waves_white.gif);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	#section5 {
		background-image: url(../links/bg/waves_white.gif);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	#section6 {
	
	}
	
	
/* SECTION */
	.uk-section-small {
		padding-top: 50px; 
		padding-bottom: 50px;
	}
	
/* CONTAINER */
	.uk-container-expand {
		padding-left: 50px;
		padding-right: 50px;
	}
	.chvf-container-large {
		width: 1260px !important;
	}
	.chvf-container-medium {
		width: 1100px !important;
	}
	
/* CARD */
	.chvf-card-small {
		padding: 20px 30px !important;
	}
	.chvf-accordion-card {
		background-color: #ffffff; 
		padding: 20px 30px; 
		border-radius: 50px;
	}
	.chvf-card-small-width {
		max-width: 1200px;
	}
	
	.uk-card-contact {
		background-color: #ffffff;
	}
	
/* MARGIN & PADDING */
	.c-margin-b-20 {
		
	}
	.c-margin-r-50 {
		margin-right: 50px;
	}
	.chvf-padding-text-modal {
		padding-left: 20px;
	}
	.chvf-padding-50 {
		padding: 50px;
	}
	.chvf-padding-100 {
		padding: 100px;
	}
	.chvf-padding-t-r-30 {
		padding-top: 30px;
		padding-right: 30px;
	}
	.c-padding-b-50 {
		padding-bottom: 50px;
	}
	.chvf-margin-buttons-1page {
		margin-left: 40px;
	}
	
/* BORDER */
	.chvf-border-card {
		border-radius: 50px 50px 50px 50px;
	}
	.chvf-border-card-contact {
		border-radius: 50px 50px 50px 50px;
	}
	.chvf-border-media-top {
		border-radius: 50px 50px 0 0;
	}
	
/* WIDTH */
	.chvf-max-width-contact {
		max-width: 330px;
	}
	.chvf-width-modal-check	{
		width: 20px;
	}
	
/* MODAL */
	.uk-modal {
		padding-left: 0;
		padding-right: 0;
	}
	.chvf-modal-light {
		background: rgba(255,255,255,0.7);
	}
	.chvf-modal-dark {
		background: rgba(0,25,87,0.8);
	}
	.chvf-dialog-transparent {
		background-color: transparent;
	}
	.uk-modal-container .uk-modal-dialog {
		width: 100% !important;
	}
	.chvf-close {
		right: 50px !important;
		top: -50px;
	}
	.chvf-close-blue {
		color: #001957;
	}
	.chvf-close-white {
		color: #ffffff;
	}
	
/* TOOLTIP */
	.uk-tooltip {
		background: #64A9D2;
		color: #ffffff;
		font-family: 'marselisregular';
		font-size: 15px;
		padding: 7px 15px 7px 15px;
		max-width: 350px;
		border-radius: 50px;
	}
	
/* SLIDER */
	.uk-slidenav {
		color: #001957;
	}
	.uk-slidenav:hover {
		color: #64A9D2;
	}

	@media only screen and (max-width: 1920px) {	
		/* FONTS */
		.headline-48 {
			font-size: 36px;
		}
		.subheadline {
			font-size: 22px;
		}
		/* Bilder */
		.chvf-bspmc {
			max-width: 50%;
		}
	}
	
	@media only screen and (max-width: 1470px) {	
		.chvw {
			max-width: 650px;
	  	}	
		/* Produktbuttons */	
		.cpf {
			position: absolute;
			margin: -360px 0px 0px 390px;
		}
		.laz {
			position: absolute;
			margin: -360px 0px 0px 565px;
		}
		.buc {
			position: absolute;
			margin: -280px 0px 0px 0px;
		}
		.ukc {
			position: absolute;
			margin: -237px 0px 0px 405px;
		}
		.amc {
			position: absolute;
			margin: -195px 0px 0px 105px;
		}
		.atz {
			position: absolute;
			margin: -147px 0px 0px 500px;
		}
		.chvf-button-1page {
			font-size: 15px;
			margin-top: 13px;
			margin-left: 17px;
		}
	}
	
	@media only screen and (max-width: 1280px) {	
		/* FONTS */
		.headline-48 {
			font-size: 32px;
		}
		.subheadline {
			font-size: 18px;
		}
		/* Bilder */
		.chvf-bspmc {
			max-width: 60%;
		}
		.uk-margin-xlarge-top {
			margin-top: 120px !important;
		}
	}
	
	@media only screen and (max-width: 1024px) {
		.uk-slider-fullscreen-mobile {
			height: 100vh; /* Setzt die Höhe auf 100% des Viewport */
		}
		.chvf-border-card {
			border-radius: 0px;
			min-height: 100vh;
		}
		.chvf-border-card-contact {
			border-radius: 20px 20px 20px 20px;
		}
		.margin-left-icons-mobile {
			padding-bottom: 20px;
		}
		/* Produktbuttons */	
		.cpf {
			position: absolute;
			margin: -502px 0px 0px 565px;
		}
		.laz {
			position: absolute;
			margin: -502px 0px 0px 825px;
		}
		.buc {
			position: absolute;
			margin: -387px 0px 0px 10px;
		}
		.ukc {
			position: absolute;
			margin: -327px 0px 0px 610px;
		}
		.amc {
			position: absolute;
			margin: -263px 0px 0px 160px;
		}
		.atz {
			position: absolute;
			margin: -195px 0px 0px 750px;
		}
		.chv-button-mobile {
			font-size: 18px;
			padding-left: 30px;
			padding-right: 30px;
			padding-top: 5px;
			padding-bottom: 5px;
		}
	}
	
	@media only screen and (max-width: 768px) {	
		/* FONTS */
		.headline-48 {
			font-size: 32px;
		}
		.subheadline {
			font-size: 18px;
		}
		/* Bilder */
		.chvf-bspmc {
			max-width: 70%;
		}
		.uk-slider-fullscreen-mobile {
			height: 100vh; /* Setzt die Höhe auf 100% des Viewport */
		}
		.chvf-border-card {
			border-radius: 0px;
			min-height: 100vh;
		}
		.chvf-border-card-contact {
			border-radius: 20px 20px 20px 20px;
		}
		.social-margin {
			margin-top: 50px;
		}
		.uk-margin-xlarge-top {
			margin-top: 120px !important;
		}
	}
	
	@media only screen and (max-width: 576px) {	
	
	.chvf-margin-bottom {
		padding-bottom: 70px;
	}
	.chvf-margin-bottom-faq {
		padding-bottom: 70px;
	}
	.chvf-bspmc {
		width: 100%;
	}
	.uk-margin-xlarge-top {
		margin-top: 50px !important;
	}
	
	.lefts {
		justify-content: left;
	}
	
	}
	
/* SMARTPHONE */	
	@media only screen and (max-width: 480px) {
  		/* LOGOS */
  		.chv-logo {
			height: 50px;
  		}
  		.chvw {
			max-width: 360px;
  		}
  		/* Bilder */
  		.chvf-bspmc {
	  		max-height: 100%;
	  		width: 100%;
  		}
  		/* FONTS */
  		.headline-48 {
	  		font-size: 32px;
  		}
  		.headline-wel {
	  		font-size: 24px;
	  		line-height: 28px
  		}
  		.subheadline {
	  		font-size: 18px;
  		}
  		.chvf-acc-title {
	  		color: #001957;
	  		font-size: 16px;
	  		transition: 0.3s;
  		}
  		.chvf-acc-title-2 {
	  		color: #001957;
	  		font-size: 14px;
	  		transition: 0.3s;
  		}
  		.ov-t-detail {
	  		font-size: 12px;
  		}
  		.chvf-accordion-content {
	  		font-size: 14px;
  		}
  		/* BUTTONS */
  		.chvf-button-1page {
	  		border-radius: 100px;
	  		background-color: none;
	  		color: #001957;
	  		border: none;
	  		font-family: 'marselisbold';
	  		padding-top: 5px;
	  		padding-bottom: 5px;
	  		transition: 0.3s;
	  		font-size: 14px;
	  		animation: chvf-button-logo-chemie 20s ease-in-out 0s infinite normal both;	
  		}
  		.chcf-button-front-logo {
	  		margin-top: -50px; 
	  		margin-left: -5px;
  		}
  		.chv-button {
	  		border-radius: 100px;
	  		background-color: #001957;
	  		padding-left: 10px;
	  		padding-top: 5px;
	  		padding-right: 10px;
	  		padding-bottom: 5px;
	  		font-family: 'marselisbold';
	  		font-size: 14px;
	  		text-transform: none;
	  		margin-bottom: 10px;
	  		width: 350px;
	  		text-align: left;
	  		transition: 0.3s;
  		}
  		.chvf-button-1page-light-blue {
  	  		padding-top: 15px;
	  		padding-bottom: 15px;
  		}
  		.chvf-sub-buttons {
	  		margin-top: 0px;
  		}
  		.chvf-button-1page {
	  		background: #fff;
	  		animation: none;
  		}
  		.chvf-button-1page:hover {
			background: #64A9D2;
			color: #fff;
		}
  		
  		/* CONTAINER */
  		.logo-container {
	  		margin-top: 50%;
  		}
  		/* MARGINS & PADDINGS */
  		.chvf-margin-buttons-1page {
	  		margin-left: 0px;
  		}
  		.chvf-margin-buttons-1page-bottom { 
	  		margin-bottom: 20px;
	  		font-size: 14px;
	  		line-height: 120%;
  		}
  		.chvf-mobile-button-margin {
	  		margin-top: 100px;
  		}
  		.chvf-padding-100 {
				padding: 20px;
			}
			.chvf-border-card {
				border-radius: 0px;
			}
			.chvf-border-card-contact {
				border-radius: 20px 20px 20px 20px;
			}
			.chvf-margin-sopa {
				margin-top: -80px;
			}
			.uk-modal-title {
				font-size: 24px;
			}
			.uk-modal-headlinetop {
				font-size: 14px;
			}
			.texts {
				font-size: 14px;
				}
			.chvf-container-large {
				max-width: 90%;
			}
			.uk-container-expand {
				padding-left: 30px;
				padding-right: 30px;
			}
			.uk-section-small {
				padding-top: 30px;
				padding-bottom: 30px;
			}
			.chvf-margin-bottom-logo {
				margin-bottom: 50px;
			}
			.chvf-border-media-top{
				border-radius: 20px 20px 0 0;
			}
			.chvf-border-card-contact {
				border-radius: 20px 20px 20px 20px;
			}
			.c-margin-r-50 {
				margin-right: 20px;
			}
			.chvf-margin-bottom {
				margin-bottom: 100px;
			}
			.uk-margin-xlarge-top {
				margin-top: 50px !important;
			}
			
			.chv-button-mobile {
				border-radius: 100px;
				background-color: #ffffff;
				color: #001957;
				padding-left: 20px;
				padding-top: 0px;
				padding-right: 20px;
				padding-bottom: 0px;
				font-family: 'marselisbold';
				font-size: 13px;
				text-transform: none;
				margin-bottom: 20px;
				text-align: center;
				transition: 0.3s;
			}
		}
		
		@media only screen and (max-width: 1570px) {
			.chvw {
				width: 650px;
			}
			/* Produktbuttons */	
			.cpf {
				position: absolute;
				margin: -360px 0px 0px 390px;
			}
			.laz {
				position: absolute;
				margin: -360px 0px 0px 565px;
			}
			.buc {
				position: absolute;
				margin: -280px 0px 0px 0px;
			}
			.ukc {
				position: absolute;
				margin: -237px 0px 0px 405px;
			}
			.amc {
				position: absolute;
				margin: -195px 0px 0px 105px;
			}
			.atz {
				position: absolute;
				margin: -147px 0px 0px 500px;
			}
			.chvf-button-1page {
				font-size: 15px;
				margin-top: 13px;
				margin-left: 17px;
			}
	}
		
		@media only screen and (max-width: 380px) {
			/* CONTAINER */
			.chvw {
				max-width: 300px;
			}
    		.uk-modal-title {
				font-size: 24px;
			}
    		.uk-modal-headlinetop {
				font-size: 14px;
			}
			.texts {
				font-size: 14px;
			}
			.logo-container {
				margin-top: 25%
			}
			.chvf-margin-bottom {
				padding-bottom: 100px;
			}
			.chvf-margin-buttons-1page-bottom { 
				margin-bottom: 20px;
				font-size: 12px;
				line-height: 120%;
			}
			.chvf-button-1page {
				margin-left: 0px;
				font-size: 12px;
			}
			.c-padding-b-50 {
				padding-bottom: 20px;
			}
			.c-margin-r-50 {
				margin-right: 20px;
			}
			.chvf-margin-sopa {
				margin-top: 0px;
			}
			.chvf-padding-100 {
				padding: 20px;
			}
			.chvf-border-card {
				border-radius: 0px;
				min-height: 100vh;
			}
			.chvf-bspmc {
				max-height: 100%;
				max-width: 100%;
			}
			.chvf-max-width-contact {
				max-width: 90%;
			}
			.chvf-border-media-top{
				border-radius: 20px 20px 0 0;
			}
			.chv-button-extended {
				border-radius: 100px;
				color: #001957;
				background-color: rgb(214,235,171);
				padding-left: 15px;
				padding-top: 0px;
				padding-right: 15px;
				padding-bottom: 0px;
				font-family: 'marselisbold';
				font-size: 13px;
				text-transform: none;
				margin-bottom: 20px;
				width: auto
				text-align: left;
				transition: 0.3s;
			}
		}
		
		/* 750×1334 pixels at 326ppi */
		@media only screen 
			and (width: 375px) 
			and (-webkit-device-pixel-ratio: 2) { 
				.uk-margin-xlarge-top {
					margin-top: 20px !important;
				}
			}