/* oranje = #ff9933 */
/* groen = #00ae9a */
/* rood = #de0a1e */
/* blauw = #3399cc */

html {
  box-sizing: border-box;
}
body{
	display:none;	
}
*, *:before, *:after {
  box-sizing: inherit;
}
.wf-loading *{
	visibility: hidden;
}
.wf-active *{
	visibility: visible;
}
body {
    background: #eee;
    -webkit-font-smoothing: antialiased;
}
p{
    font-size: 23px;
    line-height: 25.6px;
    margin-bottom: 30px;
}
.fixleft{
	clear:left;	
}
.fixright{
	clear:right;	
}
.fixboth{
	clear:both;	
}
.clearfix::after { content: ""; display: table; clear: both; }
::-webkit-scrollbar {
    width: 4px;
    height: 3px;
}
::-webkit-scrollbar-thumb {
    background: #de0a1e;
}
::-webkit-scrollbar-track {
    background: rgba(51,51,51,.3);
}
#container{
	width:1445px;
	margin:0 auto;
	padding:0 35px;
	background-color:#fff;
	-webkit-transition: all .2s ease;
	        transition: all .2s ease;	
	overflow:hidden;	
}
header{
	padding:20px 0px;	
	-webkit-transition: all .2s ease;	
	        transition: all .2s ease;		
}
nav ul li{
    padding: 0px 22px;
    text-transform: uppercase;
	display: inline-block;	
	-webkit-transition: all .2s ease;	
	        transition: all .2s ease;
	border-right:1px solid #000;		
		
}
nav ul li a{
	display: inline-block;
	text-decoration:none;	
    -webkit-transition: all .2s ease;	
            transition: all .2s ease;	
}
nav ul li a:hover, #tel:hover{
	color:#de0a1e;
}
nav ul li a.active{
	font-weight:700;	
	color:#ff9933;
}
nav ul li:first-child{
	padding: 0 22px 0px 0px;	
}
nav ul li:last-child{
	padding: 0 0px 0px 22px;	
	border-right:0px;
}
nav{
    float: right;
    margin-top: 40px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border-bottom: 2px solid #000;
    padding-bottom: 10px;		
}
#tel{
	margin-left:80px;
	float:right;
	text-decoration:none;
    margin-top: 30px;
	position:relative;
	-webkit-transition: all .2s ease;
	        transition: all .2s ease;
}
#tel:before{
	content:"\f098";
	font-family:'FontAwesome';
	position:absolute;
	left:-23px;
	top:-2px;
	font-size:20px;
}
.line{
	background-color: #333;	
	height:1px;
}
#bigheader{
	padding:60px 0px;	
}
#bigheader .left{
	float:left;
	width:42%;	
	padding-left: 11%;
    padding-right: 6%;
	-webkit-transition: all .2s ease;
	        transition: all .2s ease;		
}
#bigheader .left.connections img{
    display: block;
    width: 100%;
    height: auto;
}
#bigheader.connections .left.connections img{
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";	
}
#bigheader .right{
	float:right;	
	width:58%;
}
#bigheader .left.connections{
	float: right;
    padding-left: 3%;
    padding-right: 12%;
}
#bigheader .right.connections{
	float:left;
	padding-left: 7%;
}
#bigheader .connections .btn {
	margin: 0;
}

h1{
	font-size:70px;
	font-weight:700;
	margin-bottom:30px;	
	-webkit-transition: all .2s ease;	
	        transition: all .2s ease;		
}
h1 strong,h2 strong{
	color:#ff9933;
	font-weight:700;
}
.home h1 strong,.home h2 strong{
	color:#00ae9a;
	font-weight:700;
}
.home.connections  h1 strong, .home.connections h2 strong {
    color: #ff9933;
}
.btn{
	display:inline-block;
	background-color:#ff9933;
	padding:14px 30px;
	color:#fff;
	text-decoration:none;
	margin-right:25px;	
	-webkit-transition: all .2s ease;	
	        transition: all .2s ease;
    font-size: 20px;	
}
.btn:hover{
	background-color:rgba(255,153,51,.6)
}
.circle{
	border-radius:50%;	
	display:inline-block;
	width:125px;
	height:125px;
	text-transform:uppercase;
	line-height:125px;
	text-align:center;
	padding:0px;
	-webkit-transition: all .2s ease;	
	        transition: all .2s ease;		
}
.circle.blue{
	background-color:#3399cc;	
}
.circle.green{
	background-color:#00ae9a;	
}
.btn.green{
	background-color:#00ae9a;	
}
.btn.green:hover{
	background-color:rgba(0,174,154,.6);		
}
.circle.red{
	background-color:#de0a1e;	
}
.circle.blue:hover{
	background-color:rgba(51,153,204,.6);	
}
.circle.green:hover{
	background-color:rgba(0,174,154,.6);	
}
.circle.red:hover{
	background-color:rgba(255,51,51,.6);		
}
.tagline h2{
	width:75%;
	text-align:center;	
	font-size:40px;
	margin:20px auto;		
}
.tagline h2 strong{
	font-weight:400;
}
.subheader {
    padding: 60px 0px;
}
.subheader.imageright .left {
    float: left;
    width: 62%;
    padding-left: 7%;
}
.subheader .left img, .subheader .right img{
	display:block;
	width:100%;
	height:auto;
}
.subheader.imageright .right {
    width: 38%;
    padding-left: 1%;
    padding-right: 7%;
    float: right;
}
.subheader.imageleft .left {
    float: right;
    width: 59%;
    padding-right: 7%;
}
.subheader.imageleft .right {
    width: 38%;
    padding-left: 7%;
    float: left;
}
.subheader.job.imageleft .left {
	width: 50%;
}
.subheader.connections .left{
	padding-left: 10%;
}
.subheader.connections .left p{
	text-align:justify;	
}
.subheader.connections .right{
    padding-left: 10%;	
	padding-top: 50px;
}
.subheader .left img{
	display:block;
	width:100%;
	height:auto;	
}
.subheader .left h1{
    font-size: 40px;
    margin-top: 10px;
}
.subheader.news .left h1{
    font-size: 70px;
}
h3.slogan{
	color:#fff;
	background-color:#00ae9a;
	padding:18px 10px;
	text-align:center;
	font-size: 24px;
	margin-bottom:40px;
	line-height: 29px;
}
.cols{
    padding-bottom: 40px;
}
.cols .col{
	width:33.33%;
	float:left;
	background-color:#fff;
	border-right:1px solid #000;
}
.cols .col img{
	display:block;
	width:16%;
	margin:0 auto;
	height:auto;
}
.cols .col h2{
	color:#ff9933;	
	font-weight:700;
	font-size:40px;
	text-align:center;
	margin:10px 0px;
}
.cols .col.nomargin{
	border-right:0px solid #000;	
}
.cols .col ul li{
	text-transform: uppercase;
    line-height:40px;
	font-size:20px;
	text-align:center;
	position:relative;
}
.cols .col ul li:after{
	position:absolute;
	content:'';
	width:15%;
	height:2px;
	background-color:#000;
	left:50%;	
	bottom:0px;
	-webkit-transform:translateX(-50%);
	    -ms-transform:translateX(-50%);
	        transform:translateX(-50%);
}
.contactformzone ul li{
    margin-bottom: 30px;
    position: relative;
    font-size: 24px;
}
h2.jobtitle{
	text-align:center;
	font-size:30px;
	color:#00ae9a;
	font-weight:400;
	margin:25px 0px;
}
#right form .btn{
	width: 80%;	
	text-align:center;
}
p.center{
	text-align:center;	
}
p.center a.link.env{
	position:relative;	
}
p.center a.link.env:before {
    content: "\f003";
    opacity: .6;
} 
p.center a.link:before {
	font-family: 'FontAwesome';
    position: absolute;
    left: -43px;
    top: 2px;
    font-size: 30px;
}
.contactformzone ul li:after{
    content: '';
    height: 2px;
    background-color: white;
    width: 10%;
    position: absolute;
    left: 0px;
    bottom: -15px;
}
.cols .col ul li:last-child:after{
	display:none;	
}
.you{
	padding:15px 0px;
	background-color:rgba(0,174,154,0.4);
    margin: 40px 0px;
}
.you .left{
	float:left;
	width:33.33%;
	font-size:70px;
	text-align:center;
	line-height: 120px;
	font-weight:700;
	color:#fff;
}
.you .right{
	float:left;
	width:66.66%;
	border-left:1px solid #000;	
	padding-left:45px;
	padding-right:20px;
}
.you p{
    color: #fff;
    font-weight: 400;
    padding-top: 15px;
    width: 75%;
}
footer .col{
    width: 25%;
    padding-right: 3%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}
footer .col h4.bol{
    width: 85px;
    height: 85px;
    color: white;
    float: left;
    margin-right: 20px;
    border-radius: 50%;
    text-align: center;
    padding-top: 27px;
    text-transform: uppercase;
}
footer .col h4.bol.blue{
	background-color:#3399cc;
}
footer .col h4.bol.green{
	background-color:#00ae9a;
}
footer .col h4.bol.orange{
	background-color:#ff9933;
}
footer .col h4.bol.red{
	background-color:#de0a1e;
}
footer .col .info{
		
}
footer .col.last{
	padding-right:0;
}
.line.marginbottom{
	margin-bottom:30px;
}
.line.margintop{
	margin-top:30px;
}
p.copyright{
    font-size: 18px;
	text-align:center;	
}
a.link{
	text-decoration:none;	
	-webkit-transition: all .2s ease;	
	        transition: all .2s ease;
}
a.link:hover{
	color:#de0a1e;	
}
footer .social-wrap a i {
    line-height: 26px;
    vertical-align: middle;
    color: #767676;
    font-size: 14px;
    -webkit-transition: all .2s ease;
            transition: all .2s ease;
}
footer .social-wrap a {
    height: 25px;
    width: 25px;
    text-align: center;
    margin-right: 10px;
    background-color: #f3f3f3;
    border-radius: 50%;
    display: inline-block;
    -webkit-transition: all .25s ease;
            transition: all .25s ease;
}
footer .social-wrap a:hover i {
    color: #fefefe;
}
footer .social-wrap a:hover.fb {
    background-color: #3B5998;
}
footer .social-wrap a:hover.tw {
    background-color: #6CADDE;
}
footer .social-wrap a:hover.li {
    background-color: #0077B5;
}
.slicknav_menu {
    display: none;
    position: absolute;
    right: 0px;
    top: 75px;
    z-index: 2;
    width: 100%;
	padding:0px;
}
.slicknav_nav {
    color: #000;
    margin: 0;
    font-size: 0.875em;
    list-style: none;
    overflow: hidden;
    background-color: #fff;
    padding: 30px 0px;
}
.slicknav_nav a {
    padding: 5px 10px;
    margin: 12px 5px;
    text-decoration: none;
    color: #333;
    text-align: center;
    font-size: 30px;
	text-transform:uppercase;
	outline:none;
}
.slicknav_btn {
    margin: 5px 20px 6px;
    text-decoration: none;
    text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
    border-radius: 0px;
    background-color: transparent;
}
.slicknav_menu .slicknav_menutxt {
    color: #000;
    font-weight: 400;
    text-shadow: 0 0px 0px #000;
    font-size: 22px;
    line-height: 18px;
    margin-right: 11px;
}
.slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    border-radius: 0px;
    box-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
    background-color: #000;
}
.slicknav_menu .slicknav_icon-bar {
    background-color: #000;
}
.slicknav_btn:hover .slicknav_menutxt{
	color: #de0a1e;
}
.slicknav_btn:hover .slicknav_icon-bar{
	background-color: #de0a1e;
}
.slicknav_menu {
    background: transparent;
}
.slicknav_nav a:hover {
    border-radius: 0px;
    background: transparent;
    color: #de0a1e;
}
#overlay {
    display: none;
    position: fixed;
    top: 116px;
    left: 0;
    background-color: rgba(0,0,0,.6);
    height: 100%;
    width: 100%;
    z-index: 0;
}



#nav-icon2 {
    width: 27px;
    height: 45px;
    margin: 50px auto;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
	z-index: 2;
    position: absolute;
    background-color: #fff;
    right: 34px;
    top: -82px;
}
#nav-icon2:hover span{
	 background: #de0a1e;
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 50%;
  background: #000;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

#nav-icon2 span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 8px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 16px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 24px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
    left: 2px;
    top: 11px;
}

#nav-icon2.open span:nth-child(2) {
    left: calc(50% - 2px);
    top: 11px;
}

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
  filter: alpha(opacity=0);
}

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
}

#nav-icon2.open span:nth-child(5) {
    left: 2px;
    top: 21px;
}

#nav-icon2.open span:nth-child(6) {
    left: calc(50% - 2px);
    top: 21px;
}
.slicknav_menu .slicknav_menutxt{
	display:none;	
}
.slicknav_menu .slicknav_icon{
	display:none;
}

.subheader .left img.responsive,#bigheader .right img.responsive{
	display:none;	
}


.table h4{
    color: #000;
    font-size: 50px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;	
}
.table {
	margin-bottom:30px;
    padding-left: 7%;
    padding-right: 7%;		
}
.table th{
	font-weight:700;
	text-transform:uppercase;
	font-size:30px;
	text-align:left;
	padding-top:20px;	
	padding-left:20px;	
	padding-bottom:10px;	
}
.table tr td{
	font-size:20px;	
	padding-top:10px;	
	padding-bottom:10px;
	padding-left:20px;
}
.table tr td,.table tr th{
	border-bottom:1px #ff9933 solid;
}
.tagline img.cases{
    display: block;
    margin: 0 auto;	
}
.tagline.cases h2{
    width: 65%;
    text-align: center;
    font-size: 27px;
    margin: 10px auto;
    line-height: 33px;
    margin-bottom: 30px;	
}
.case{
	margin:20px 0px;
	position:relative;	
}
.case img{
	display:block;
	width:100%;
	height:auto;	
}
.case div{
	padding:20px;
	position:absolute;
	right:30px;
	bottom:30px;
	width:30%;
	background-color:#fff;
	min-height:200px;
	overflow:hidden;	
}
.case div p{
    color: #000;
    font-size: 18px;
    line-height: 19px;	
}
.case div p strong{
	color:#ff9933;	
}
.case div a{
	color:#ff9933;	
	text-transform:uppercase;
	text-decoration:none;
    font-size: 26px;		
}
.case div a:hover{
	text-decoration:underline;
}
.case.odd div{
	right:auto;
	left:30px;
}
.clients{
    padding: 0px 0px 30px 0px;
	background-color:white;
	/*background-color:rgba(0,174,154,0.4);*/
    margin: 20px 0px;	
}
.clients h5{
	font-size:40px;
	color:#fff;
	text-align:center;	
}
.clients ul li{
	float:left;	
    height: 162px;
    display: flex;
    align-items: center;
    justify-content: center;	
	width: 12%;
    margin-left: 4%;
}
.clients ul{
	margin-top:50px;
}
.clients ul li a{
	opacity:0.9;
	filter: alpha(opacity=90);
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	display:block;
}
.clients ul li a:hover{
	opacity:1;
	filter: alpha(opacity=100);
	transform:scale(1.1);
}
.clients ul li img{
	display:block;
	width:100%;
	height:auto;	
}
#bigheader .right.connections.panel {

    padding-left: 0%;
}
#bigheader .left.panel {
    padding-left: 13%;
    padding-right: 10%;
}
p.panel{
	margin-top:20px;
}
.you .left.panel {
    line-height: 60px;
    padding-top: 30px;
    font-size: 60px;
}
#bigheader.news{
    padding-bottom: 30px;
}
#bigheader .left.news {
    padding-left: 10%;
}
#bigheader .left.news.contact {
    padding-left: 4%;
	padding-right: 7%;
}

.news p {font-size: 18px;}
.news strong {font-weight: bold;}
.news .article-title {margin: 0 0 20px; height: 125px;}
.news .article-title h2{font-size: 36px; font-weight: bold; }
.news .article-title-container {width: 85%; height: 125px; float: left;}
.news .article-title-image {width:15%; float: right; margin-top: -30px;}

.news .article-content ul {margin-top: 30px;}
.news .article-content li {list-style: none; margin-bottom: 10px;}
.news .article-logos {text-align: center; margin-bottom: 20px;}
.news .article-logos img {display: inline-block;}
/*.news .article-content li:before {content: '';display: inline-block;}
.news .article-content li:nth-child(1):before { height: 100px;width: 150px;background-size:150px; background-image: url(../images/logo_uzafoundation.png);}
.news .article-content li:nth-child(2):before {height: 100px;width: 150px;background-size:150px;background-image: url(../images/logo_bleekweide.jpg);}
.news .article-content li:nth-child(3):before {height: 120px;width: 150px;background-size:150px;background-image: url(../images/logo_dekanteling.png);}*/





.news table td.date{
	float:left;
	width:150px;
	font-size:18px;
	color:#000;
	white-space:nowrap;	
}
section.news {
    margin: 30px 0px 1px 0px;
	padding-left: 7%;
    padding-right: 7%;	
}
section.news.ivox-panel {
	margin-top: 0;
}
section.news.ivox-panel .lang-buttons {

}
section.news .apps > div {
	margin-bottom: 25px;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}
section.news .apps h4 {
	display: inline-block;
	vertical-align: middle;
	flex-grow: 1;
}
section.news .apps a {
	display: inline-block;
	height: 40px;
	vertical-align: middle;
	margin-left: 10px;
}
section.news .apps a img {
	display: inline-block;
	height: 100%;
	width: auto;
}

.news table td a{
	float:left;
	font-size:18px;
	color:#ff9933;
	text-decoration:none;
	margin-bottom:20px;
    width: 100%;
    line-height: 23px;
}
.news table td{
	vertical-align:top;	
}
.news table td a:hover{
	text-decoration:underline;	
}
.news div.lang-buttons {
	height: 50px;
}
.news .lang-buttons input{ width: 75px;height: 40px; color:white;	background-color: #3399cc; cursor: pointer;-webkit-appearance: none;-webkit-border-radius: 0; border: solid 1px transparent;}
.news .lang-buttons input:hover{border: solid 1px #ff9933;}
.news .lang-buttons input:focus{border: solid 1px #ff9933;}
.news .lang-buttons .lang-buttons-inner {float: right;}

.newsletters #bigheader img { max-width: 100%; }
.newsletters #bigheader h1 { text-transform: uppercase; }
.newsletters #newsletters-container { padding: 30px 7%; }
.newsletters h2 { font-size: 40px; font-weight: bold; margin-bottom: 25px; }
.newsletters-list { display: flex; flex-flow: row wrap; margin: 0 -50px; }
.newsletters-list .newsletter { flex: 0 0 auto; width: 33.3333%; box-sizing: border-box; padding: 25px 50px; margin-bottom: 50px; border-left: 1px solid #333; }
.newsletters-list .newsletter:nth-child(3n+1) { border-left: 0; }
.newsletters-list .newsletter h3 { margin: 25px 15px; font-weight: bold; font-size: 20px; }
.newsletters-list .newsletter-image { background-size: cover; background-position: top center; }
.newsletters-list .newsletter-image::before { content: ""; display: block; padding-top: 50%; }
.newsletters-list .newsletter-articles { margin: 0 15px; list-style: circle; padding-left: 20px; }
.newsletters-list .newsletter-articles li + li { margin-top: 10px; }
.newsletters-list .newsletter-articles li a { text-decoration: none; color: #ff9933; }
.newsletters-list .newsletter-articles li a:hover { text-decoration: underline; }

.newsletters-article {  }
.newsletters-article #newsletters-article-nav { width: 28%; margin: 60px 0 0 2%; padding: 15px; box-sizing: border-box; position: relative; float: right; border: 1px solid rgba(51, 51, 51, 0.25); background: #fff; }
.newsletters-article #newsletters-article-nav h2 { font-size: 26px; margin: 0 10px 0 0; flex: 1 0 auto; }
.newsletters-article #newsletters-article-nav h2 span { font-weight: bold; }
.newsletters-article #newsletters-article-nav img { max-width: 40px; }
.newsletters-article #newsletters-article-nav ul { list-style: disc; padding-left: 20px; }
.newsletters-article #newsletters-article-nav ul li + li { margin-top: 5px; }
.newsletters-article #newsletters-article-nav .newsletter-header { display: flex; flex-flow: row wrap; align-items: flex-start; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(51, 51, 51, 0.25); }
.newsletters-article #newsletters-article-nav .newsletter-locale { flex-grow: 0; }
.newsletters-article #newsletters-article-nav .newsletter-expand { display: none; }

.newsletters-article #newsletters-article-nav .newsletters-article-others { margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(51, 51, 51, 0.25); }

.newsletters-article #newsletters-article-container { width: 70%; }
.newsletters-article #newsletters-article-container .intro { font-weight: bold; margin-bottom: 25px; }
.newsletters-article #newsletters-article-container .newsletter-article-image { float: left; max-width: 40%; margin: 0 20px 20px 0; }
.newsletters-article #newsletters-article-container h3 { font-size: 1.25rem; font-weight: bold; margin-bottom: 15px; }
.newsletters-article #newsletters-article-container p { font-size: 1.25rem; line-height: 22px; }
.newsletters-article #newsletters-article-container strong { font-weight: bold; }
.newsletters-article #newsletters-article-container a { font-weight: inherit; }
.newsletters-article #newsletters-article-container ul { list-style: square inside; padding-left: 10px; margin-bottom: 30px; }
.newsletters-article #newsletters-article-container ul li { font-size: 1.25rem; }
.newsletters-article #newsletters-article-container ul li + li { margin-top: 10px; }
.newsletters-article .newsletters-article-illustration a { display: block; text-decoration: none; }
.newsletters-article .newsletters-article-illustration img { max-width: 100%; }

.slicknav_nav a.active{
	font-weight:700;	
}
.cols.me {
	margin-top: 25px;
}
.cols.me .col {
	width: 50%;
	padding: 0 2%;
}
.cols.me .col.first{
	padding-left:0;
}
.cols.me .col.last{
	padding-right:0;
	border: 0;
}
.cols.me .col a {
	display: block;
	text-decoration: none;
	border: 0;
}
.cols.me .col img {
	width: 100%;
}
.cols.products .col {
    width: 27%;
    padding: 0 3%;
    min-height: 700px;
	position: relative;	
}
.cols.products .col.first{
	padding-left:0%;	
	width: 23%;
}
.cols.products .col.last{
	padding-right:0%;	
	width: 23%;
}
.cols.products .col h2 {
    font-size: 37px;
    text-align: center;
    white-space: nowrap;
}
.cols.products .col a.btn {
    width: 78%;
    text-align: center;
    position: absolute;
    left: 11%;
    bottom: 0px;
	text-transform:uppercase;
}
.cols.products .col h2.blue{
	color:#3399cc;
}
.cols.products .col h2.orange{
	color:#ff9933;
}
.cols.products .col h2.green{
	color:#00ae9a;
}
.cols.products .col h2.red{
	color:#de0a1e;
}


.cols.products .col a.btn.first {
    width: 87%;
    left: 0%;
}
.cols.products .col a.btn.last {
	width: 87%;
    left: 13%;
}
.how{
	display:block;
	width:100%;
	height:auto;
	margin-bottom:30px;
}
h4.products{
    color: #000;
    font-size: 50px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
	margin-top:20px;	
}
.cols.products .col p{
	text-align:justify;	
}
.cols.products .col img {
    width: 32%;
	margin:20px auto;
}
#bigheader .left.products {
    float: left;
    width: 42%;
    padding-left: 12%;
    padding-right: 11%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
#contactlinks a{
	font-size:20px;	
	display:block;
	margin-bottom:25px;
	position:relative;
	padding-left:45px;
}
#contactlinks a:before{
    font-family: 'FontAwesome';
    position: absolute;
    left: 0px;
    top: -5px;
    font-size: 30px;
}
#contactlinks a:before:hover{
		opacity:.6;
}
#contactlinks a.env:before {
    content: "\f003";
	opacity:.6;	
}
#contactlinks a.phone:before {
    content: "\f095";
	left: 5px;
	opacity:.6;
}
#contactlinks a.marker:before {
    content: "\f041";
	left: 8px;
	opacity:.6;	
}
#bigheader.contact .right.connections.panel {
    padding-left: 7%;
}

.you {
    padding: 15px 0px;
    background-color: rgba(0,174,154,0.4);
    margin: 40px 0px;
}
.contactformzone h1{
    text-align: center;
    font-size: 35px;
    color: white;
    font-weight: 400;
		
}
.you.contactformzone h1 span{
	position:relative;	
	color: #fff;
}
.you.contactformzone h1 span:before{
	display:block;
	content:'';
	height:2px;
	background-color:white;
	width:40px;
	position:absolute;
	left:-50px;
	top:20px;	
}
.you.contactformzone h1 span:after{
	display:block;
	content:'';
	height:2px;
	background-color:white;
	width:40px;
	position:absolute;
	right:-50px;
	top:20px;	
}
.you.contactformzone h2{ 
    width: 75%;
    text-align: center;
    font-size: 40px;
    margin: 0 auto;
	font-weight:700;
	margin-bottom:30px;
	margin-top:30px;
}
.you.contactformzone #left{
	float:left;
	width:55%;
	padding: 0 5%;
}
.you.contactformzone #right{
	float:left;
	width:45%;
}


	.line.first {
		height:0px;
	}	


input[type=text], textarea{
    width: 80%;
    margin-right: 20%;
    height: 35px;
    padding: 5px 10px;
    border: 1px solid grey;
    margin-bottom: 15px;
    display: block;	
	outine:none;
}
.formfield{
	position:relative;	
}
label.error {
    position: absolute;
    top: -2px;
    right: 17%;
    font-size: 38px;
    font-weight: 700;
    color: #de0a1e;
}
textarea{
	height:150px;	
}
input[type=text].error,textarea.error{
	border-color:#de0a1e;
	color:#de0a1e;
}

.wow {
  visibility: hidden;
}
#bericht{
	display:none;	
}
.sidetalk{
    font-size: 23px;
    line-height: 25.6px;
	text-align:center;
	width:75%;
	margin:20px auto;
}
.sidetalk h1{
    font-size: 40px;
	text-align:right;
}
.sidetalk p{
    margin-bottom:15px;
}
.subheader.imageright.portrait .right {
    width: 38%;
    padding-left: 7%;
    padding-right: 12%;
}
.subheader.news.imageright.portrait .right {
    width: 38%;
    padding-left: 6%;
    padding-right: 7%;
}
section.quote{
    padding: 30px 7%;
}
.line.topmargin{
	margin-top:30px;	
}
section.quote .left{
	width:100%;
}
h1.quote {
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 30px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    font-style: italic;
    text-align: right;
    padding-top: 30px;
	padding-right:30px;
}
p.person{
	margin-bottom:0;	
	font-style:italic;
}
h1.quote span{
	position:relative;
}
.btnright{
	text-align:right;
	margin:0px;	
}
h1.quote span:before{
	content:'"';
	position:absolute;
    left: -20px;
    top: -20px;
	color:#ff9933;
}
h1.quote span:after{
	content:'"';
	position:absolute;
    right: -20px;
    bottom: 20px;
	color:#ff9933;
}
section.products {
	padding-top: 30px;
}
#container > section.case:nth-child(7) > div {
	width: 95%;
}
.products #bigheader {
    padding: 60px 0 10px 0px;
}
.products #bigheader .left.connections {
    float: right;
    padding-left: 7%;
    padding-right: 7%;
}
h1.lineabove {
	font-size: 45px;
}
.termsandconditions h2 {
	font-size:25px;
	font-weight:700;
	margin-bottom:25px;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
.termsandconditions h2 strong {
	color: #00ae9a;
}
.termsandconditions li {
	margin-top: 10px;
}
.termsandconditions li,
.termsandconditions p {
	font-size: 20px;
}
.termsandconditions ol { list-style: decimal; padding-left: 20px; }
.termsandconditions ol[type="i"] { list-style: lower-roman; }
.termsandconditions ul { list-style: disc; padding-left: 20px; }
.privacy table { border-collapse: separate; }
.privacy table td { border: 1px solid #333; padding: 5px; }

.bevox #bigheader > div { text-align: center; }
.bevox #bigheader > div img { max-width: 400px; }

.bevox .subheader h1 { font-size: 40px; }
.bevox .subheader ul { list-style-type: circle; padding-left: 23px; }
.bevox .subheader ul li { font-size: 23px; }

.bevox .images { width: 100%; }
.bevox .images div { display: flex; width: 100%; align-items: center; justify-content: space-between; }
.bevox .images div img { flex: 0 0 33%; max-width: 33%; cursor: pointer; }

.bevox form { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
.bevox form .formfield { display: flex; justify-content: flex-start; flex-wrap: wrap; flex: 0 0 80%; }
.bevox form #bericht,
.bevox form #buttons { justify-content: center; text-align: center; }
.bevox form .formfield input,
.bevox form .formfield textarea { flex: 1 0 100%; margin-right: 0; }

.bevox form .formfield label { margin-bottom: 5px; }
.bevox form .formfield a { margin-right: 0; }

.bevox .you p { width: 100% !important; }

@media screen and (max-width:1500px){
	#container{
		width:95%;
		margin:0 auto;	
	}	
	.you p {
		width: 85%;
	}
	footer .col {
		padding-right: 1%;
	}
}

@media screen and (max-width:1400px){
	#bigheader .left {
		/*padding-left: 16%;*/
	}

	h1 {
		font-size: 60px;	
	}
	footer .col .info {
		float: right;
		width: 60%;
		white-space: nowrap;
			font-size: 14px;
	}
	.cols.products .col {
		min-height: 760px;
	}
}

@media screen and (max-width:1370px){
	nav ul li {
    	padding: 0 15px 0 15px;
	}
	nav ul li:first-child {
		padding: 0 15px 0 0;
	}
	nav ul li:last-child {
		padding: 0 0 0 15px;
	}
	.you .left {
		font-size: 60px;
	}
	.you p {
		width: 100%;
	}	
	.cols.products .col {
		min-height: 800px;
	}
}

@media screen and (max-width:1300px){
	#tel {
    	margin-left: 60px;
	}
	#bigheader .left{
	    padding-left: 5%;
    	padding-right: 8%;
	}
	.subheader.imageright.portrait .right {
		/* width: 38%; */
		padding-left: 5%;
		padding-right: 8%;
	}
	
}

@media screen and (max-width:1250px){
	#tel {
		margin-top: 0px;
		position: absolute;
		float: none;
		top: 20px;
		right: 0px;
	}
	nav {
    	float: right;
    	margin-top: 35px;	
	}
	header {
		position: relative;
	}
	h1 {
		font-size: 53px;
	}
	footer .col h4.bol {
	
		margin-right: 10px;

	}	
	.cols.products .col {
		min-height: 830px;
	}
}

@media screen and (max-width:1200px){
	.you .left {
		font-size: 50px;
	}
	#bigheader .left{
		padding-right: 10%;		
	}
	.circle {
		width: 100px;
		height: 100px;
		line-height: 100px;
		font-size:18px;
	}
	.sidetalk{
		width:85%;
	}
	.cols.products .col p {
		font-size: 21px;
	}
}

@media screen and (max-width:1100px){
	nav ul li {
		padding: 0 10px 0 10px;
	}
	nav ul li:first-child {
		padding: 0 10px 0 0;
	}
	nav ul li:last-child {
		padding: 0 0 0 10px;
	}
	h1 {
		font-size: 46px;
	}
	.case div {
		position: initial;
		width: 100%;
		min-height:inherit;
	}
	.subheader.imageright .right,.subheader.imageright .left,.subheader.imageleft .right,.subheader.imageleft .left{
		width: 50%;
	}
	.connections .subheader.imageright.portrait .right {
		/* width: 38%; */
		padding-left: 0%;
		padding-right: 5%;
		padding-top: 5%;
	}

	.newsletters-list { margin: 0 -25px; }
	.newsletters-list .newsletter { padding: 25px; }
}

@media screen and (max-width:1050px){
	#container {
		width:100%;
	}
	.cols.products .col.last {
		/* padding-right: 0%; */
		width: 46%;
		width: 50%;
		padding: 0 3%;
		margin-bottom: 30px;
		min-height: 640px;
	}
	.cols.products .col.first {
		/* padding-left: 0%; */
		width: 46%;
		width: 50%;
		padding: 0 3%;
		margin-bottom: 30px;
		min-height: 640px;
	}
	.cols.products .col {
		width: 50%;
		padding: 0 3%;
		margin-bottom: 30px;
		min-height: 640px;
	}
	.cols  .col.second {
		border-right:0px;
	}
	.cols.products .col a.btn.first,.cols.products .col a.btn.last,.cols.products .col a.btn{
		width: 78%;
		text-align: center;
		position: absolute;
		left: 11%;
		bottom: 0px;
	}
}

@media screen and (max-width:1000px){
	.slicknav_menu{
		display:block;	
	    position: fixed;
	}
	nav{
		display:none;	
	}
	#tel{
		display:none;	
	}
	#bigheader .left {
		width: 37%;
		padding-left: 0%;
	}
	section.news {
		padding-left: 0%;
		padding-right: 0%;
	}
	#bigheader.contact .right.connections.panel {
		padding-left: 0%;
	}
	#bigheader .right {
		width: 63%;
	}
	.tagline h2 {
		width: 85%;
	}
	.subheader.imageright .left {
		padding-left: 0%;
	}
	.subheader.imageright .right {
		padding-left: 1%;
		padding-right: 0%;
	}
	.subheader.imageleft .left {
		padding-right: 0%;
	}
	.subheader.imageleft .right {
		padding-left: 0%;
	}
	header {
		position: fixed;
		background-color: #fff;
		z-index: 1;
		width: 100%;
		height: 116px;
		top: 0px;
	}
	.line.first {
		margin-top: 116px;
	}	
	body {
    	background: #fff;
	}
	#bigheader .right.connections {
		padding-left: 0%;
	}
	.subheader.connections .left {
		padding-left: 0%;
	}
	footer .col {
		width: 50%;
		float: left;
		padding-right: 1%;
		/* float: none; */
		display: flex;
		align-items: center;
		justify-content: inherit;
		margin-bottom: 20px;
		min-height: 80px;
	}

	.newsletters-article #newsletters-article-nav { position: fixed; top: 116px !important; left: 0; margin: 0; width: 100%; }
	.newsletters-article #newsletters-article-nav .newsletter-header { margin: 0; padding-bottom: 0; border-bottom: 0; align-items: center; }
	.newsletters-article #newsletters-article-nav .newsletter-expand { display: block; margin-left: 25px; }
	.newsletters-article #newsletters-article-nav .newsletter-expand::before { content: ""; display: block; border: solid #000; border-width: 0 3px 3px 0; height: 15px; width: 15px; transform: rotateZ(45deg); margin-top: -8px; transition: 0.25s; }
	.newsletters-article #newsletters-article-nav h2 br { display: none; }
	.newsletters-article #newsletters-article-container { width: 100%; padding-top: 75px; }

	.newsletters-article #newsletters-article-nav .newsletter-articles,
	.newsletters-article #newsletters-article-nav .newsletters-article-others { display: none; }

	.newsletters-article #newsletters-article-nav.active .newsletter-header { margin: 0 0 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(51, 51, 51, 0.25); }
	.newsletters-article #newsletters-article-nav.active .newsletter-expand::before { transform: rotateZ(225deg); margin-top: 8px; }
	.newsletters-article #newsletters-article-nav.active .newsletter-articles,
	.newsletters-article #newsletters-article-nav.active .newsletters-article-others { display: block; }

    .bevox #bigheader { padding: 30px 0; }
    .bevox #bigheader > div img { max-width: 250px; }
    .bevox .subheader { padding: 20px; }
}

@media screen and (max-width:900px){
	section.quote .left{
		width:100%;
		float:none;	
	}
	section.quote .right{
		width:100%;
		float:none;	
	}	
	.subheader .left {
		padding-left: 5%;
	}
	#bigheader .left {
		/*padding-left: 10%;*/
	}	
	.tagline h2 {
		width: 100%;
	}	
	.you .left {
		font-size: 40px;
		line-height: 160px;
	}	
	#container{
	    padding: 0 15px;
	}
    #nav-icon2 {
		right: 16px;
	}	
	.subheader.connections .right {
    	padding-left: 5%;
	}
}

@media screen and (max-width:850px){
	#bigheader .left {	
    	display: none;
    	float: none;	
	}
	#bigheader .right{
		width:100%;	
	}
	#bigheader h1 br{
		display:none;	
	}
	#bigheader h1{
		text-align:center;
	}	
	.bolholder{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.bolholder a.btn:last-child{
		margin-right: 0px;
	}
	.connections .subheader {
		padding: 0px 0px;
	}
	#bigheader .connections {
		text-align: center;
	}
	#bigheader .connections .btn {
		margin-bottom: 25px;
	}
}

@media screen and (max-width:800px){
	h1 {
		font-size: 45px;
	}
	.subheader .right{
		display:none;	
	}
	.subheader.imageright .left {
		width: 100%;

		padding-left: 0;
	}
	.subheader.job.imageleft .left,
	.subheader.imageleft .left{
		width:100%;	
		padding-left: 0;
	}
	.subheader a.btn.mid{
		margin-right:0px;	
		width:50%;
		margin:0 auto;
		display: block;
		text-align:center;
	}
	.subheader .left img.responsive{
		display:block;
		margin:0 auto;	
		margin-bottom:40px;
	    width: 80%;
		height:auto;
	}	
	.you.contactformzone #right {
		float: none;
		width: 100%;
		padding-left: 5%;
	}
	.you.contactformzone #left {
		float: none;
		width: 100%;
		padding: 0 5%;
	}
	.subheader {
		padding: 10px 0px;
	}
	.subheader .left img.responsive {
	   margin-bottom:0px;

	}
	#bigheader {
		padding: 10px 0px;
	}
	.cols.me .col {
		float: none;
		max-width: 550px;
		margin: 0 auto 25px;
		width: 100%;
		padding: 0 0 25px;
		border: solid #000;
		border-width: 0 0 1px;
	}

	.newsletters #newsletters-container { padding: 30px 0; }
	.newsletters-list .newsletter { width: 50%; }
	.newsletters-list .newsletter:nth-child(3n+1) { border-left: 1px solid #333; }
	.newsletters-list .newsletter:nth-child(2n+1) { border-left: none; }
}

@media screen and (max-width:750px){
	#bigheader .left {
		padding-left: 7%;
	}
	.subheader .left {
		padding-left: 3%;
	}
	.news .article-title {
		height: auto;
	}
	.news .article-title-image {
		width: 100%;
		float: none;
		margin: 0 0 10px;
		text-align: center;
	}
	.news .article-title-container {
		width: 100%;
		float: none;
		height: auto;
	}
	.news .article-title-container h2 {
		font-size: 30px;
	}
}

@media screen and (max-width:700px){
	#bigheader .right{
		float:none;
		width:100%;	
	}
	#bigheader .left {
		display:none;
	}	
	h1.lineabove:before {
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
	}	
	h1 {
    	text-align:center;
	}
	
	#bigheader img.responsive{
		display:block;
		margin:0 auto;	
		margin-bottom:40px;
	}	

	.cols.products .col.last {
		width: 100%;
		min-height: inherit;
	}
	.cols.products .col.first {
		width: 100%;
		min-height: inherit;
	}
	.cols.products .col {
		width: 100%;
		min-height: inherit;
	}
	.cols.products .col a.btn.first, .cols.products .col a.btn.last, .cols.products .col a.btn {
		width: 100%;
		left: 0%;
		position:inherit;
	}
	.cols .col {
		border-right: 0px solid #000;
	}
	.you .left{
		float:none;	
		width:100%;
		line-height: 50px;
	}
	.you .right {
    	float:none;	
		width:100%;
		border-left: 0px solid #000;
		padding-left: 20px;
   		padding-right: 20px;
	}
	.you .right a.btn.mid{
		margin-right:0px;	
		width:50%;
		margin:0 auto;
		display: block;
		text-align:center;
	}
	.clients ul li {
		width: 30%;
		margin-left: 13.33%;
		margin-bottom: 20px;		
	}
	#bigheader.panel {
		padding-bottom: 0;
	}
	.news .lang-buttons .lang-buttons-inner {
		float: left;
		margin-bottom: 0;
	}
	.news div.lang-buttons {
		height: 60px;
	}
	.news .lang-buttons input {
		width: 60px;
		height: 30px;
	}

    .bevox .images div { flex-direction: column; }
    .bevox .images div img { flex: 0 0 100%; max-width: 100%; margin-bottom: 10px; }
}

@media screen and (max-width: 500px) {
	header { height: 90px; }
	.line.first { margin-top: 90px; }
	#logo img { height: 50px; width: auto; }

	#bigheader a.btn{
		padding: 14px 20px;
		white-space:nowrap;
	}
	.subheader a.btn.mid {
		width: 100%;
	}	
	#bigheader a.btn.circle {
		width: 75px;
		/* padding: 0px; */
		white-space: normal;
		line-height: 75px;
		/* margin: 0; */
		padding: 0;
		height: 75px;
		font-size: 14px;
		margin-right: 5px;
	}
	.you .right a.btn.mid {
		width:100%;
	}
	.slicknav_menu { top: 60px; }
	.slicknav_nav a {
		font-size: 22px;
	}
	footer .col {
		width: 100%;
		padding-right: 1%;
		float: none;
		display: flex;
		align-items: center;
		justify-content: inherit;
		margin-bottom: 20px;
		min-height: 80px;
	}
	#container {
		padding: 0 5px;
	}
	h1 {
		font-size: 40px;
	}
	footer .col .info {
		font-size: 18px;
	}
	.newsletters-list .newsletter { width: 100%; border: none; }
	.newsletters-list .newsletter + .newsletter { border-top: 1px solid #333; }

	.newsletters-article #newsletters-article-nav { top: 90px !important; }
	.newsletters-article #newsletters-article-nav h2 { font-size: 1.25rem; }
	.newsletters-article #newsletters-article-nav h2 span { display: none; }
	.newsletters-article #newsletters-article-container { padding: 75px 10px 0; }
	.newsletters-article #newsletters-article-container .newsletter-article-image { max-width: 300px; max-height: 150px; float: none; display: block; margin: 0 auto 25px; }
}