/*-- TYPO --*/
@font-face {
	font-family: "Hind light";
	src: url("../fonts/Hind/Hind-Light.ttf");}
@font-face {
	font-family: "Hind regular";
	src: url("../fonts/Hind/Hind-Regular.ttf");}
@font-face {
	font-family: "Hind medium";
	src: url("../fonts/Hind/Hind-Medium.ttf");}
@font-face {
  font-family: "Hind semibold";
  src: url("../fonts/Hind/Hind-SemiBold.ttf");}
@font-face {
	font-family: "Hind bold";
	src: url("../fonts/Hind/Hind-Bold.ttf");}

@font-face {
	font-family: "Lobster Bold";
	src: url("../fonts/Lobster_Two/LobsterTwo-Bold.ttf");}
@font-face {
	font-family: "Lobster Bold Italic";
	src: url("../fonts/Lobster_Two/LobsterTwo-BoldItalic.ttf");}
@font-face {
	font-family: "Lobster Bold";
	src: url("../fonts/Lobster_Two/LobsterTwo-Regular.ttf");}
@font-face {
	font-family: "Lobster Regular Italic";
	src: url("../fonts/Lobster_Two/LobsterTwo-Italic.ttf");}

@font-face {
	font-family: "Pacifico";
	src: url("../fonts/Pacifico/Pacifico-Regular.ttf");}

/* ::::: ALGEMEEN ::::: */

body{
	font-family: 'Hind regular', sans-serif;
	font-weight:300;}
a.langchoice{
	display: block;
	padding:20px;
	text-decoration: none;}
a.langchoice:hover{
	background-color:#efefef;
	border-radius:8px;}

button.langchoice{
	display: block;
	padding:20px;
	text-decoration: none;
	border:none;
	text-align: left;
	font-size: 1em;}
button.langchoice:hover{
	background-color:#efefef;
	border-radius:8px;}
.menu_wrap a,
.mini-menu_wrap a{
	color:#e71f6f;
	text-decoration: none;}
.mini-menu_wrap .fa{
	color:#fff;
	font-size:2em;
	line-height: 2em;
	text-align: center;
	cursor: pointer;}
.lang-nav li a,
.main-nav li a{
	font-size: 1.2rem;
	line-height:1.5rem;
	color: #DF0371;
	font-family: "Hind semibold", sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #fff;
	padding: 0 10px;
	border-radius:4px;}

@media (max-width : 1200px) {
	.lang-nav li a,
	.main-nav li a{
		font-size: 1.1rem;
	}
}
.lang-nav li a:hover,
.main-nav li a:hover{
	background-color:none;}
.main-nav li a.active{
	background-color:none;
	color: #066;
	font-weight:500;}
p{
	padding:0;
  margin: 0.8rem 0;
  line-height: 1.5;}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
  line-height: 1.6;
	color:#777;
	font-family: 'Hind bold', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
h1.nomargin,h2.nomargin,h3.nomargin,h4.nomargin,h5.nomargin,h6.nomargin{
	margin:0;}

blockquote h2{
	color:#fff;
	font-family: 'Hind semibold', sans-serif;
	font-style: italic;
  font-weight:normal;
  font-size:1.5em;
  line-height:1.2;
  text-align: center;}
blockquote h2:before,
blockquote h2:after{
    color:#eee;
    font-family: 'fontAwesome';
    margin:0 10px 20px 10px;
    vertical-align: super;
    font-size:75%;}
blockquote h2:before{
    content: '\f10d';}
blockquote h2:after{
    content: '\f10e';}
.headline_wrap_wrap h1{
	color:#fff;
	font-size:2.7em;
	font-weight:700;
	line-height:1.2;
	margin:0; padding:0;}
	.headline_wrap_wrap h1 span{
		color:#000;
		background-color:#fff;}
.headline_wrap_wrap h2{
	color:#fff;
	font-size:2.0em;
	line-height:1.2;
	margin:0; padding:0;}

.brands .fa{
	color:#b3afa4;
	font-size:5em;
	margin-right:40px;
	margin-bottom:20px;}

/* article h2{
	color:#777;} */
article h3{
	font-weight: 700;}
article h4{
	color:#777;}
article p.intro{
	color:#777;
	font-weight:300;
	font-size:1em;}
article p,
article ol li,
article ul li p{
	color:#777;
	font-weight:300;
	font-size:1em;}
article ul li p{
	margin:0;
	padding-left:10px;
}
article p i{
	font-weight:300;
}
article strong,
article p b,
article p strong,
article ol b,
article ol strong,
article ul b,
article ul strong{
	color:inherit;
	font-family: 'Hind bold', sans-serif;
	/* font-weight:500; */
/*	color:#555;*/
}
.bgBlock article *{
	color:var(--mainTxtColor-bleu);
}
.blueBlock *{
	color:var(--mainTxtColor-bleu);}
article p a,
article ol a,
article ul a{
	font-weight:300;
  text-decoration: none;
  color:var(--mainTxtColor-bleu);}
article p a.showCookies{
	color:var(--mainTxtColor-bleu);}
.lnk_more{margin-left:6px;}
article p a:hover,
article ol a:hover,
article ul a:hover{
    text-decoration:underline;}
article ul li{
	margin:3px 0;
	padding-left:20px;
  line-height: 1.35em;}
article ol li{
	margin:3px 0 0 10px;
	padding-left:10px;
  line-height: 1.35em;}
/* article ul li:before{
	font-family: "fontAwesome";
	content: "\f068";
	font-size:0.75em;
	margin:0 10px 0 -20px;} */
article .insert{
	margin:20px;}
.newline{
  display:block;}
.newparagraph{
  display:block;
	height:12px;}
footer .adres{
	font-size:0.9em;}
footer .adres .companyname{
	color:#fff;
	font-size:1.1em;
	font-family: "Hind semibold", sans-serif;}
footer,
footer p,
footer a,
footer a.showCookies{
	color:#fff;
	text-decoration: none;}
footer a:hover{
	color:#eee;}
#form .error{
	color:#900;}

h2 strong{
	display:block;
	font-size:150%;
  	line-height:1.3;
	font-weight: 500;}
p.text_intro{
	margin:10px 0;
	font-size:1.2rem;
	line-height:1.5;
	font-weight:500;
	font-family: 'Hind semibold', sans-serif;}

h1 {
  font-size: 2.5rem;
	font-family: 'Pacifico';
}
h2 {
  	font-size: 1.9rem;
		font-family: 'Pacifico';}
h3 {
  	font-size: 1.6rem;
		font-family: 'Pacifico';}
.downloadBlock h3{font-family: 'Hind semibold', sans-serif;}
h4 {
  	font-size: 1.3rem;
		font-family: 'Pacifico';}
.tit_scale_fluid h4 {
  	font-size: 1.067rem;}
.tit_scale_fluid h5 {
  	font-size: 1rem;}
.tit_scale_fluid h6 {
  	font-size: 0.93721rem;}


@media screen and (min-width: 37.5rem) {
  	.tit_scale_fluid h1 {
    	font-size: calc(1.5rem + 1.86118 * ((100vw - 37.5rem) / 42.5));}
}
@media screen and (min-width: 80rem) {
  	.tit_scale_fluid h1 {
    	font-size: 3.15733rem;}
}

@media screen and (min-width: 37.5rem) {
  	.tit_scale_fluid h2 {
    	font-size: calc(1.21477rem + 1.15383 * ((100vw - 37.5rem) / 42.5));}
}
@media screen and (min-width: 80rem) {
  	.tit_scale_fluid h2 {
    	font-size: 2.36859rem;}
}

@media screen and (min-width: 37.5rem) {
  	.tit_scale_fluid h3 {
    	font-size: calc(1.13849rem + 0.6384 * ((100vw - 37.5rem) / 42.5));
	}
}
@media screen and (min-width: 80rem) {
  	.tit_scale_fluid h3 {
    	font-size: 1.77689rem;}
}

@media screen and (min-width: 37.5rem) {
  	.tit_scale_fluid h4 {
    	font-size: calc(1.067rem + 0.266 * ((100vw - 37.5rem) / 42.5));}
}
@media screen and (min-width: 80rem) {
  	.tit_scale_fluid h4 {
    	font-size: 1.333rem;}
}

@media screen and (min-width: 37.5rem) {
  	.tit_scale_fluid h5 {
    	font-size: calc(1rem + 0 * ((100vw - 37.5rem) / 42.5));}
}
@media screen and (min-width: 80rem) {
  	.tit_scale_fluid h5 {
    	font-size: 1rem;}
}

@media screen and (min-width: 37.5rem) {
  	.tit_scale_fluid h6 {
    	font-size: calc(0.93721rem + -0.18702 * ((100vw - 37.5rem) / 42.5));}
}
@media screen and (min-width: 80rem) {
  	.tit_scale_fluid h6 {
    	font-size: 0.75019rem;}
}

/* ::::: SPECIFIEK ::::: */
footer .companyname{
	color:#017aa1;
}

.steps ul li{
	min-height:50px;
	background-repeat: no-repeat;
	background-size:25px 40px;
	padding-left:80px;
}
.steps ul li:nth-child(odd){
	background-image: url('../img/stepLeft.svg');
}
.steps ul li:nth-child(even){
	background-image: url('../img/stepRight.svg');
	background-position: 30px;
}

/* .steps ul li:nth-child(odd):before{
	content: url('../img/stepLeft.svg');
	display: inline-block;
	transform: scale(1);
		width:50px;
	background-color: pink;
}
.steps ul li:nth-child(even):before{
	content: url('../img/stepRight.svg');
	display: inline-block;
	transform: scale(.5);
} */