/* normal */

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition-duration:0.2s;
}
html,
body {
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	color: #61605f;
	font-weight: 400;
	line-height:1.666;
	word-break: break-word;
	scroll-behavior:smooth;
	overflow-x:hidden;
}

body {
	background: #fff;
}
img {
	border: 0px;
	display: block;
	max-width: 100%;
	height:auto;
}
a{color:inherit; text-decoration: none;}

input,
select,
textarea,
button{ -webkit-appearance: none;-moz-appearance:none; appearance:none; outline: none;}
input[type="checkbox"]{-webkit-appearance: unset;-moz-appearance:unset; appearance:unset;}

ul {
	list-style: disc;
}
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 {
	font-weight: 700; line-height:1.3; color:#7ab79e; margin-bottom:0.5em
}

h1 span,.h1 span,
h2 span,.h2 span,
h3 span,.h3 span,
h4 span,.h4 span,
h5 span,.h5 span,
h6 span,.h6 span{color:#0b314a}

h1, .h1{font-size:40px; margin-bottom:1em}
h2, .h2{font-size:26px;}
h3, .h3{font-size:24px;}
h4, .h4{font-size:22px;}
h5, .h5{font-size:20px;}
h6, .h6{font-size:18px;}

p{margin-bottom:1em}


.maxw1{max-width:1530px; margin:0 auto; padding: 0 15px}
.maxw2{max-width:1030px; margin:0 auto; padding: 0 15px}

.clear{clear:both;}
.flexbox{display:flex; flex-wrap:wrap}
.flexbox.space_between{justify-content: space-between;} 
.flexbox.justify_center{justify-content: center;} 
.flexbox.align_right{justify-content: flex-end;}
.flexbox.align_center{align-items: center;}
.flexbox.align_bottom{align-items: flex-end;}
.flexbox.align_top{align-items: flex-start;}

.wrap{width:calc(100% + 20px); margin: 0 -10px}
.wrap .col25{width:calc(25% - 20px); margin: 0 10px;}
.wrap .col33{width:calc(33.3333% - 20px); margin: 0 10px;}
.wrap .col40{width:calc(40% - 20px); margin: 0 10px;}
.wrap .col50{width:calc(50% - 20px); margin: 0 10px;}
.wrap .col60{width:calc(60% - 20px); margin: 0 10px;}
.wrap .col66{width:calc(66.666% - 20px); margin: 0 10px;}
.wrap .col75{width:calc(75% - 20px); margin: 0 10px;}
.wrap .col100{width:calc(100% - 20px); margin: 0 10px;}

.wrap_wide{width:calc(100% + 40px); margin: 0 -20px}
.wrap_wide .col25{width:calc(25% - 40px); margin: 0 20px;}
.wrap_wide .col33{width:calc(33.3333% - 40px); margin: 0 20px;}
.wrap_wide .col40{width:calc(40% - 40px); margin: 0 20px;}
.wrap_wide .col50{width:calc(50% - 40px); margin: 0 20px;}
.wrap_wide .col60{width:calc(60% - 40px); margin: 0 20px;}
.wrap_wide .col66{width:calc(66.666% - 40px); margin: 0 20px;}
.wrap_wide .col75{width:calc(75% - 40px); margin: 0 20px;}
.wrap_wide .col100{width:calc(100% - 40px); margin: 0 20px;}

.center_text{text-align:center;}
.center_text ul, .center_text ol{text-align:left;}

.btn_bar{display:block; margin-top:1em;}
.btn{display:inline-block; line-height:1; border:none}
.btn:hover{transform:translatey(-2px)}
.btn.sqr_btn{width:50px; height:50px; display:inline-flex; justify-content: center; align-items: center; border-radius:5px;}
.btn.blue_white{background:#0b314a; color:#fff}
.btn.green_white{background:#7ab79e; color:#fff}

.table_wrap{overflow-x:auto; word-break: auto-phrase;}
.table_wrap table{border-collapse: collapse;}
.table_wrap table td{border:1px solid #ebebeb; padding:5px 10px; vertical-align:top; min-width: 200px}

.content_container ul{margin-left:50px; margin-bottom:1em;}


.content_container ol {
  counter-reset: section;
  list-style-type: none;
  margin-bottom:1em;
}
.content_container ol {

}
.content_container ol > li{margin-left: 50px}
.content_container ol > li::before {
  counter-increment: section;
  content: counters(section,".") " "; width:40px; margin-left:-50px; display:inline-block; text-align:right; padding-right:10px
}
.content_container a{color:#7ab79e; font-weight:700}

.mob_menu{position:absolute; right:0; top:0; width:0%; height:100%; overflow:hidden; z-index:99999;  backdrop-filter: blur(2px);}
.mob_menu.active{width:100%}
.mob_menu .inner{padding:20px 15px; background:#0b314a; color:#fff; min-height:100%; width:400px; max-width:100vw; position:absolute; right:0}
.mob_menu .inner .menu_top{margin-bottom:30px;}
.mob_menu .inner ul li{list-style:none; margin-bottom:50px; margin-left:40px; position:relative; line-height:1; font-size:20px}
.mob_menu .inner ul li:before{content:""; width:20px; height:20px; position:absolute; left:-40px; top:0; background:url(img/logo_icon_white.png) no-repeat center/contain}
.mob_menu .inner ul li a:hover{color:#7ab79e}

.header{padding:20px 0;}
.header .logo{width:140px}
.header .right_header {width:calc(100% - 160px)}
.header .menu{color:#0b314a;}
.header .menu ul li{display:inline-block; margin-right:80px }
.header .menu ul li a:hover{color:#7ab79e;}

.header .btns .btn{margin-left:15px;}
.header .btns .menu_btn{display:none}

.banner{position:relative; margin-bottom:90px; min-height:250px}
.banner .slides{position:absolute; top:0; left:0; width:100%; height:100%;}
.banner .slides .slide{height:100%; min-height:250px}
.banner .overlay{position:relative; z-index:1; background:url(img/bg_banner.png) no-repeat center/cover; color:#fff; min-height:250px}
.banner .overlay .inner{padding:9% 0;}
.banner .overlay .inner .slogan{font-weight:700; font-size:48px; line-height:1.25}
.banner .overlay .personal{color:rgba(255,255,255,0.5); border-top:1px solid rgba(255,255,255,0.2); padding:20px 0; font-size:16px}

.content{margin-bottom:90px;}
.content .post_img{margin: 0 auto; border-radius:100%; overflow:hidden; display:block; width: 300px; height:300px; border:5px solid #7ab79e; }
.content .post_img img{height:100%; width:100%; object-fit:cover;}

.content .contact_block{background:#f3f4f6; padding: 40px 30px; border-radius:10px;}
.content .contact_block hr{border:none; margin: 10px 0}
 .contact_block .contact_line .label.wide { width:55px; text-align:right; margin-right:10px;}

.why_bar{ position:relative; padding: 82px 0 0; margin-bottom:0px;}
.why_bar .bg{ background:url(img/bg_light.png) no-repeat center/cover #7ab79e; color:#fff; padding: 150px 0 90px}
.why_bar .portrait{position:absolute; top:0; left:50%;     transform: translatex( -50%); width:164px; height:164px; border-radius:100%; border:5px solid #7ab79e; }

.about_bar{margin-bottom:90px; position:relative;}
.about_bar .bg{ background:url(img/bg.png) no-repeat center/cover; color:#fff; padding: 90px 0 90px}
.about_bar .portrait{position:absolute; top:0; left:50%; transform:translatex(-50%); width:164px; height:164px; border-radius:100%; border:5px solid #7ab79e; }

.diensten{margin-bottom:90px}
.diensten_list{margin-top:60px;}
.diensten_list .dienst_item{ margin-bottom:20px; }
.diensten_list a.dienst_item:hover .title_block{background:#0b314a }
.diensten_list .title_block{background:#7ab79e; border-radius:100px; padding:10px; font-size:20px; color:#fff; font-weight:700}
.diensten_list .icon{background:#fff; width:60px;height:60px; border-radius:100px; line-height:60px; color:#0b314a; text-align:center; margin-right:15px;}
.diensten_list .title{width:calc(100% - 75px); line-height:1.25}
.diensten_list .wzh_tekst{padding: 10px 10px 10px 85px;}

.footer{position:relative}
.footer .background{position:absolute; width:100%;bottom:0; z-index:-1}
.footer .background img{width:100%; height:auto;}
.footer .logo{margin-bottom:1.5em}
.contact_line{display:flex}
.contact_line .label{width: 35px; color:#0b314a; display:inline-block; font-weight:700}
.contact_line .label.wide{width:60px}
a.contact_line:hover{color:#7ab79e}

.footer .social{text-align:center; margin-top:30px}

.footer .bottom{padding:20px 0; margin-top:70px; font-size:16px; color:rgba(98,97,95,0.5); border-top:1px solid rgba(98,97,95,0.2)}
.footer .bottom a:hover{color:#61605f}

.references{ margin-bottom:50px}
.references .ref{margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid rgba(98,97,95,0.2)}
.references .logo{/*border-radius:100%; padding:30px; border:5px solid #7ab79e;*/ width:150px; margin-right:30px}
.references .logo .inner{position:relative}

.references .logo .inner img{ }
.references .text{width:calc(100% - 180px)}
.references .name{font-weight:700; color:#7ab79e;}
.references .time{font-size:85%; font-weight:600}
.references .short_text{font-size:85%;  margin-top:1em}
.references .person{font-size:85%; font-style:italic; margin-top:1em}

.wpcf7 .form_item{margin-bottom: 20px;}
.wpcf7 .label{display:block;}
.wpcf7 .form_field{width: calc(100%); display:block;}
.wpcf7 input, .wpcf7 textarea,  .wpcf7 select{width:100%; padding:5px 15px; border: 1px solid #888888 ; font:inherit ; border-radius:5px;}
.wpcf7 input[type="submit"]{padding: 10px 26px 8px; border-radius: 10px; font-weight:700; font-size:18px; width:auto; color:#fff; background:#0b314a; border:none;}
.wpcf7 input[type="submit"]:hover{background:#7ab79e;}
.wpcf7 select{background:url(img/angle-down.png) no-repeat calc(100% - 10px) 50% #fff;}

span.wpcf7-list-item {display: inline-block;margin: 0px 0 0;}
span.checkbox{margin-top:10px; display: block;}
.wpcf7 .wpcf7-list-item {display: inline-block; margin-right:35px; width: 60px;}
.wpcf7-list-item-label {margin-left: 30px;display: inline-block; vertical-align: top;}
.wpcf7-checkbox {padding: 5px 0px; display:inline-block}
.wpcf7-checkbox label {position: relative;cursor: pointer;}
.wpcf7-checkbox input[type=checkbox] {position: absolute;visibility: hidden;width: 16px;height: 16px;top: 0;left: 0;}
.wpcf7-checkbox input[type=checkbox] + span:before {display: block;position: absolute;content: '';border-radius: 0;height:16px;width: 16px;top: 0px;left: 0px;border: 1px solid #1b1a1a; background:#fff}
.wpcf7-checkbox input[type=checkbox] + span:after {display: block;position: absolute;content: "\f00d";font-family:"Font Awesome 6 Pro";font-weight:900;height: 16px;width: 16px;color:#0b314a;top: 1px;left: 1px;visibility: hidden;font-size: 16px;text-align: center;line-height: 16px;}
.wpcf7-checkbox input[type=checkbox]:checked + span:before {background: transparent;}
.wpcf7-checkbox input[type=checkbox]:checked + span:after {visibility: visible;}

.wpcf7-radio label {position: relative;cursor: pointer;}
.wpcf7-radio input[type=radio] {position: absolute;visibility: hidden;width: 16px;height: 16px;top: 0;left: 0;}
.wpcf7-radio input[type=radio] + span:before {display: block;position: absolute;content: '';border-radius: 100%;height: 16px;width: 16px;top: 0px;left: 0px;border: 1px solid #1b1a1a; background:#fff}
.wpcf7-radio input[type=radio] + span:after {display: block;position: absolute;content: "";font-family:"Font Awesome 6 Pro";font-weight:900;height: 12px;width: 12px;color:#888888; background:#888888; border-radius:100%; top: 3px;left: 3px;visibility: hidden;font-size: 15px;text-align: center;line-height: 16px;}
.wpcf7-radio input[type=radio]:checked + span:before {background: transparent;}
.wpcf7-radio input[type=radio]:checked + span:after {visibility: visible;}


@media only screen and (max-width: 1500px) {
	.diensten_list .col25{width:calc(33.3333% - 20px)}
}
@media only screen and (max-width: 1300px) {
	.header .menu ul li{margin-right:50px }	
}
@media only screen and (max-width: 1200px) {
	
	.diensten_list .col25{width:calc(50% - 20px)}
}

@media only screen and (max-width: 1100px) {
	.header .logo{width:100px}
	.header .right_header{width:calc(100% - 120px)}
	.header .menu ul li{margin-right:30px }	
}
@media only screen and (max-width: 960px) {
	html, body{font-size:16px;}
	h1, .h1{font-size:36px;}
	h2, .h2{font-size:24px;}
	h3, .h3{font-size:22px;}
	h4, .h4{font-size:20px;}
	h5, .h5{font-size:18px;}
	h6, .h6{font-size:16px;}
	
	.header .btns .menu_btn{display:flex}
	.header .menu{display:none}
	
	.banner .overlay .inner .slogan{font-size:40px;}
	.banner .overlay .personal{font-size:14px; padding:15px 0}
	.content, .banner, .about_bar, .diensten{margin-bottom:60px;}
	
	.wrap_wide .col50 {    width: calc(100% - 40px);}	
	.why_bar .bg{padding:120px 0 60px;}
	.about_bar .bg{padding:60px 0 60px;}
	.diensten_list .title_block{font-size:18px}
	.footer .naw{max-width:300px; margin: 0 auto}
	.footer .col33{width:calc(100% - 20px)}
	.footer .contact_line .label { width: 50px; text-align: right;    margin-right: 15px;}
	.footer .contact_line .label.wide{width:50px;}
	.footer .bottom{font-size:14px}
	
	
	
}
@media only screen and (max-width: 750px) {
	
	.contact_page .wrap_wide .col50{width:calc(100% - 40px)}
	.diensten_list .title_block{font-size:16px}
	.diensten_list .icon {width: 46px; height: 46px; line-height: 46px; margin-right:10px}
	.diensten_list .title {width: calc(100% - 56px);}
	.diensten_list .wzh_tekst{padding: 10px 10px 10px 66px;}
}


@media only screen and (max-width: 650px) {
	.diensten_list .col25{width:calc(100% - 20px)}
	
	
}

@media only screen and (max-width: 500px) {
	.references .logo{width:120px; margin-bottom:20px; /*padding:20px*/}
	.references .text{width:100%;}
}


@media only screen and (max-width: 400px) {

	h1, .h1{font-size:30px;}
	.header .logo {width: 80px;}
	.header .right_header {width: calc(100% - 100px);}
	.header .btns .btn{margin-left:10px;}
	.banner .overlay .inner .slogan{font-size:32px;}
	.content .contact_block{background:#f3f4f6; padding: 35px 20px;}
	 .contact_block .contact_line .label.wide {  width: 40px;}
	 .diensten_list .wzh_tekst{padding: 10px 0px;}
	 
	 
}


@media print {
   
	html, body {  
			page-break-after: avoid;
            page-break-before: avoid; 
			border: 1px solid white;
            height: 99%;}
   
	div{display:block; width:100%}
   
  
}