/*-- 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");}


/* ::::: 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;}

.mini-menu_wrap .fa-bars{
	color:#777;
	font-size:2em;
	line-height:1.5;}
.lang-nav li a,
.main-nav li a{
	font-size: 1.3rem;
	color: #888;
	font-weight:300;
	text-decoration: none;
	background-color:none;}

@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.5rem 0;
  	line-height: 1.5;
	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{
	font-family: 'Hind semibold', sans-serif;
    font-weight:normal;
    font-size:2em;
    line-height:1.2;
    text-align: center;}
blockquote h2:before,
blockquote h2:after{
    color:#ccc;
    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{
	color:#777;
	font-weight:300;
	font-size:1.2em;}
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;*/
}
article p a,
article ol a,
article ul a{
	font-weight:300;
    text-decoration: none;
/*    color:#53ADD0;*/
    color:#37b4a4;}
.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"; */
	content: "\f111";
	font-size:0.45em;
	margin:0 10px 0 -20px;}
.home_workshop a{
	color:#777;
	text-decoration:none;}
.newline{
   	display:block;}
.newparagraph{
   	display:block;
	height:12px;}
.blogartikel h3{
	color:#777 !important;
	font-size:1.4em;
	font-family: 'Hind semibold', sans-serif !important;}
.blogartikel a{
	text-decoration: underline;}
footer .adres{
	font-size:0.8em;}
footer .adres .companyname{
	font-weight:700;}
footer p,
footer a{
	color:#bbb;
	text-decoration: none;}
footer a:hover{
	color:#777;}
#form .error{
	color:#900;}
.curriculum h4,
.curriculum p,
.curriculum ul{
	color:#333;}

.number div{
	margin:0;
	padding-top:13px;
	line-height:1.2em;}
.number .day{
	display:block;
	font-size:1.5em;
	font-weight:700;
	padding:0;}
.number .month{
	display:inline-block;
	font-size:0.8em;
	font-weight:300;
	padding:0;
	margin-top:-5px;}

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;}

h4.gim{
	font-family: 'Hind regular', sans-serif;
	font-weight: 700;
	font-size: 110%;
	margin:0;padding:0;}
h4.gim + p{
	margin-top:0;}

/* ::::: FOOTER GIM ::::: */

.to_gim article h2,
.to_gim article a{
	color:#bbb;
	font-size:0.9em;
	font-weight:300;
	text-decoration: underline;}
.to_gim article a:hover{
	color:#ddd;}
.to_gim article a .fa{
	font-size:1.9em;
	margin-right:10px;}
.to_gim article ul li{
	margin:3px 0;
	color:#bbb;}
.to_gim article ul li:before{
	font-family: "fontAwesome";
	content: "\f105";
	font-size:0.75em;
	margin:0 10px 0 -20px;}
.to_gim article ul .copy:before{
	content: "\f1f9";}
.to_gim article ul .ramdesign:before{
	content: "\f08a";}
.to_gim article ul .ramdesign:hover{
	color:firebrick;}
.to_gim article ul .belmap:before{
	content: "\f1b2";}
.to_gim article ul .belmap,
.to_gim article ul .belmap a{
	color:#f3d083;}
.to_gim article .productvangim{
	font-size: 15px;
  line-height: 1.6em;
  margin: 0;}



h1 {
  	font-size: 2.5rem;}
h2 {
  	font-size: 1.5rem;}
h3 {
  	font-size: 1.3rem;}
.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 ::::: */