/*
Plugin: jQuery Parallax
Version 1.1.3
Author: Ian Lunn
Twitter: @IanLunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/

@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto+Condensed:400,700');

body{
	margin: 0;
	min-width: 320px;
	padding: 0;
}

ol, li, p, ul, span{
	font-family: Inter;
	font-size:14px;
	font-size-adjust:0.531;
	font-weight:500;
	color:#687b8d;
	font-style:normal;
	opacity:1;
	line-height: 22px;
}

blockquote {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
  margin-left: 10px;
  margin-right: 40px;
  padding-left: 30px;
  border-left: 1px solid #00062E;
}

q {
  quotes: '"' '"' "'" "'";
  font-family: Inter;
	font-size:14px;
	font-size-adjust:0.531;
	font-weight:500;
	color:#00062E;
	font-style:italic;
	opacity:1;
	line-height: 22px;
}
q::before {
  content: open-quote;
}
q::after {
  content: close-quote;	
}

img{
	border: 0;
	border-collapse:collapse;
}

.customHr {
    width: 25%;
    font-size: 10px;
    color: #000;
    line-height: 1px;
    background-color: #000;
    margin-top: px;
    margin-bottom: px;
}

.js-video {
  height: 0;
  padding-top: 25px;
  padding-bottom: 67.5%;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}

.js-video.widescreen {
  padding-bottom: 56.34%;
}

.js-video.vimeo {
  padding-top: 0;
}


.js-video embed, .js-video iframe, .js-video object, .js-video video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}



/* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */   
  height: 100%;
  width: 0;
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgb(0,0,0); /* Black fallback color */
  background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
  position: relative;
  top: 25%; /* 25% from the top */
  width: 100%; /* 100% width */
  text-align: center; /* Centered text/links */
  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 60px;
  color: #818181;
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
  top: 18px;
  right: 28px;
  font-size: 100px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
	
	
}

h1{
	font-family: Poppins;
	font-size: 34px;
	font-style: bold;
	font-weight: 900;
	letter-spacing: 2px;
	line-height: 38px;
	text-transform: none;
	color:#00062E;
	-webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

h2{
	font-family: Poppins;
	font-size: 18px;
	font-style: bold;
	font-weight: 900;
	letter-spacing: 2px;
	line-height: 22px;
	text-transform: none;
	color:#000000;
	-webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

h3{
	font-family: Inter;
	font-size:14px;
	font-size-adjust:0.531;
	font-weight:500;
	color:#00062E; 
	font-style:normal;
	opacity:1;
	line-height: 22px;
}

h4{
	font-family: Inter;
	font-size:14px;
	font-weight:500;
	color:#00062E; 
	font-style:normal;
	opacity:1;
	line-height: 14px;
}

h5{
	font-family: Inter;
	font-size: 12px;
	font-size-adjust:0.531;
	font-weight:500;
	color:#687b8d;
	font-style:normal;
	opacity:1;
	line-height: 16px;
}

h6{
	font-family: Inter;
	font-size:14px;
	font-weight:500;
	color:#fffff; 
	font-style:normal;
	opacity:1;
	line-height: 22px;
}

h7{
	font-family: Open Sans;
	font-size-adjust:0.488;
	font-size:12px;
	font-weight:200;
	line-height: 14px;
	color:#6E6E6E;
}



h9{
	font-family: sans-serif, Proxima Nova Light, Helvetica Neue;
	font-size-adjust:0.488;
	font-size:16px;
	font-weight:200;
	line-height: 20pt;
	font-style:normal;
	color:#2F2F2F;
}

h10{
	font-family: Open Sans;
	font-size-adjust:0.488;
	font-size:16px;
	font-weight:200;
	line-height: 28pt;
	color:#ffffff;
}

hmenu{
	font-family: "Montserrat", "Proxima Nova Light", "Helvetica Neue";
	font-size:24px;
	font-size-adjust:0.231;
	font-weight:500;
	color:#ffffff;
	font-style:normal;
	opacity:1;
	line-height: 70pt;
}

.title{
	padding: 140px 0 0 0;
	halign: center;
	width: 100%;
	text-align: left;
	-webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
	max-width: 100%;
	word-break: break-word;	
}

.title-juridisch-advies-menu{
	padding: 158px 0 0 0;
	halign: center;
	width: 100%;
	text-align: left;
	-webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
	max-width: 100%;
	word-break: break-word;	
}

.title table {
	width: 88%;
	halign: center;
	text-align: left;
	margin: auto;
	text-align: top;
	border-collapse:collapse;
	border:0;
}

.title-juridisch-advies-menu table {
	width: 88%;
	halign: center;
	text-align: left;
	margin: auto;
	text-align: top;
	border-collapse:collapse;
	border:0;
}

.title2{
	padding: 50px 0 0 0;
	halign: center;
	width: 100%;
	text-align: center;
	
}

.title2 table {
	width: 90%;
	halign: center;
	text-align: center;
	margin: auto;
	text-align: top;
	border-collapse:collapse;
	border:0;
}

#header h1, #pixels{
	color: #B5B5B5;
}


#slider1_container{
	 position: relative; 
	margin: 0 auto;
        top: 0px; width: 980px; height: 700px; overflow: hidden;
}

.float-left{
	float: left;	
	margin: 0 0 0 20px;
}

.float-right{
	float: right;
	margin: 0 20px 0 0;
}

.center{
	font-size: 2.5em;
	padding: 80px 0 0 0;
	text-align: center;
}

#nav{
	list-style: none;
	position: fixed;
	right: 20px;
}

#nav li{
	margin: 0 0 15px 0;	
}

#header, #intro, #second, #menu, #menu2, #intro_algemeen{
	width: 100%;
	height: auto;
	padding:  0;
	margin: 0 auto;
	-moz-opacity: 0;
	-khtml-opacity:0;
	max-width: 100%;
}

.intro table {
	width: 90%;
	position: relative;
	text-align: left;
	margin:0 auto;
	text-align: top;
	padding:0;
	border-collapse:collapse;
	border:0;
}

#intro_algemeen .title h1 {
    word-wrap: break-word; /* Breekt woorden als nodig */
    word-break: break-word; /* Alternatief voor oudere browsers */
    white-space: normal; /* Zorgt ervoor dat de tekst niet op één regel blijft */
    overflow-wrap: break-word; /* Modern alternatief voor word-wrap */
}

#topmenu{
	background-color: rgba(255, 0, 0, 0);
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 20px 0px 0px 0px;
	opacity: 1;
	-moz-opacity: 0;
	-khtml-opacity:0;
}




sup {
        vertical-align: super;
        font-size: medium;
    }


#aanbieding{
	background-color: #e6f3ff;
	width: 100%;
	height: auto;
	padding:  3% 5% 5% 5%;
	margin: 0 auto;
	-moz-opacity: 0;
	-khtml-opacity:0;
	border-radius: 15px;
}

#intro::before{
	background: url('images/0900-jurist-intro-mobile_4.webp');
	position: absolute !important;
    -webkit-background-size: 100vw auto !important;
    -moz-background-size: 100vw auto !important;
    -o-background-size: 100vw auto !important;
    background-size: 100vw auto !important;
	background-position: top;
    overflow: hidden;
	color: #bfc6d3;
	margin: 0 auto;
	padding: 0;
	background-color: #bfc6d3;
	margin: 0 auto;
	min-height: 130vh;
}

#intro::after {
  content: "";
  position: absolute;
  top: 150px;
  left: 70%;
  width: 27%;
  height: 45%;
   background: url(images/beste_bureau_juridische_zaken_trustpilot_rond.png) ;
	  background-position: top;
  background-repeat: no-repeat;
   -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  opacity: 1; /* Adjust the opacity as needed */
  z-index: 1; /* Place the transparent image above the background */
    overflow: hidden;
}

#intro-docs{
background: url('images/0900-jurist-intro-docs-mobile.webp') fixed !important;
    -webkit-background-size: 100vw auto !important;
    -moz-background-size: 100vw auto !important;
    -o-background-size: 100vw auto !important;
    background-size: 100vw auto !important;
    overflow: hidden;
	color: #bfc6d3;
	margin: 0 auto;
	padding: 0;
}

#parent{
	width:100%;
	height: auto;
	z-index: 998;
	position: fixed;
}

#menu {
	padding: 0px 0% 0px 0%;
	background-color: #ffffff;
	height: auto;
	halign: center;
	valign: center;
	text-align: center;
	box-shadow: 3px 3px 5px #888888;
	background: #ffffff;
}

#menu2{
	background: #859bb1;
	height: auto;
	padding: 0px 0% 0px 0%;
	background-color: #859bb1;
	halign: center;
	valign: center;
	text-align: center;
	box-shadow: 3px 3px 5px #888888;
}


.menu1 {
            width:100%;
            background: yellow;
        }

.menu2 {
            width:100%;
            background: grey;
        }

.parent {
            display: flex;
  flex-flow: column;
	position: fixed;
        }

#parent{
	width:100%;
	height: auto;
	z-index: 998;
}




#copy{
	background: #ffffff;
	height: auto;
}



#gebieden{
	width: 100%;
	background-color: #859bb1;
	height: auto;
	halign: center;
	valign: top;
	margin: 0;
	padding: 70px 0px 70px 0px;
	opacity: 100%;
	-moz-opacity: 0;
	-khtml-opacity:0;
}

.gebieden table {
	width: 90%;
	table-layout: relative;
	position: relative;
	height: auto;
	text-align: center;
	margin:0 auto;
	padding: 2em;
	border-collapse:collapse;
	border:0;
	vertical-align: top;
	inline-size: 90%;
	word-break: normal;
}

.gebieden td {
  padding: 0em;
	valign: top;
	vertical-align: center;
	hoizontal-align: center;
	text-align: center;
}

.story{
	overflow: auto;
	width: 96%;
	text-align: left;
	padding: 0px 20px 0px 20px;
	position: relative;
}





.round {
  color: #ffffff;
  display: inline-block;
  -moz-border-radius:50%;  /* for Firefox */
  -webkit-border-radius:50%; /* for Webkit-Browsers */
  border-radius:8px; /* regular */
  opacity:1; /* Transparent Background 50% */
  background:#003399;
  padding:9px 20px 9px 20px;
  height:auto;
  width:auto;
  text-align: center;
  text-decoration: none;
}

.round:hover{
  color: #fff;
  background:#000;
}

.button3 {
	background-color: #003399; /* Green */
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
	padding: 4px 90px;
	border-radius: 8px;}

h11{
	font-family: Inter;
	font-size:20px;
	letter-spacing: 2px;
	font-size-adjust:0.531;
	font-weight:500;
	color:#ffffff;
	line-height: 30px;
}

.topmenu table {
	width: 92%;
	position: absolute;
	text-align: center;
	margin:0 auto;
	text-align: top;
	padding:0;
	border-collapse:collapse;
	border:0;
}

#forteenth{
	width: 100%;
	background: #ffffff;
	height: auto;
	margin: 0 auto;
	padding: 140px 0 140px 0;
}

#contracten{
	width: 100%;
	background-color: #e6f3ff;
	height: auto;
	halign: center;
	valign: center;
	margin: 0;
	padding: 150px 0px 150px 0px;
	opacity: 100%;
	-moz-opacity: 0;
	-khtml-opacity:0;
}

.contracten{
	margin: 0px 5% 0px 5%;
}

.contracten table {
	width: 90%;
	table-layout: relative;
	position: relative;
	height: auto;
	text-align: center;
	margin:0 auto;
	padding: 2em;
	border-collapse:collapse;
	border:0;
	vertical-align: top;
	inline-size: 90%;
	word-break: normal;
}

.contracten td {
  padding: 0em;
	valign: center;
	vertical-align: center;
	hoizontal-align: left;
	text-align: left;
}

#contracten2{
	width: 100%;
	background-color: #e6f3ff;
	height: auto;
	halign: center;
	valign: center;
	margin: 0;
	padding: 45px 0px 30px 0px;
	opacity: 100%;
	-moz-opacity: 0;
	-khtml-opacity:0;
}

.contracten2{
	margin: 0px 5% 0px 5%;
}

.contracten2 table {
	width: 95%;
	table-layout: relative;
	position: relative;
	height: auto;
	text-align: center;
	margin:0 auto;
	padding: 2em;
	border-collapse:collapse;
	border:0;
	vertical-align: top;
	inline-size: 95%;
	word-break: normal;
}

.contracten2 td {
  padding: 0em;
	valign: center;
	vertical-align: center;
	hoizontal-align: left;
	text-align: center;
}
	
#SLIDER{
	width: 100%;
	background: #e6f3ff;
	height: auto;
	margin: 0 auto;
	padding: 140px 0 140px 0;
}

h14{
	font-family:  'Poppins', sans-serif;
	font-size: 155px;
	font-style: normal;
	font-weight: 900;
	letter-spacing: 8px;
	line-height: 65px;
	text-transform: none;
	color:#00062E;
}

#introcopy_desktop{
	display:none;
}




#voorwie{
	width: 100%;
	background-color: #e6f3ff;
	height: auto;
	halign: center;
	valign: top;
	margin: 0;
	padding: 150px 0px 150px 0px;
	opacity: 100%;
	-moz-opacity: 0;
	-khtml-opacity:0;
}

.voorwie table {
	width: 90%;
	table-layout: relative;
	position: relative;
	height: auto;
	text-align: center;
	margin:0 auto;
	padding: 2em;
	border-collapse:collapse;
	border:0;
	vertical-align: top;
	inline-size: 90%;
	word-break: normal;
}

.voorwie td {
  padding: 0em;
	valign: top;
	vertical-align: center;
	hoizontal-align: center;
	text-align: center;
}

#intro_algemeen{
background: url('images/general-header.webp') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    overflow: hidden;
	color: #517986;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

.cky-consent-bar .cky-consent-title {
	font-family: Open Sans;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 3px;
}

.cky-consent-bar p {
	font-family: Open Sans;
    line-height: 20px;
    font-size: 10px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
}

form {
	text-align:left;
	margin-top:20px;
}

input, textarea {
	padding:15px; 
	border:1px solid #859bb1; 
	border-radius: 6px;
	width:96%;
	height: auto;
	font:14px Open Sans;
	margin-bottom:20px;
	background:#ffffff;
}

input[type=submit] {
	padding:12px 30px 12px 30px; 
	border-radius: 8px;
	background-color: #003399;
	border:none;
	cursor:pointer;
	width:auto;
	font-family: Inter;
	font-size:16px;
	letter-spacing: 3px;
	font-size-adjust:0.531;
	font-weight:500;
	color:#ffffff;
	line-height: 23px;	
	}
	
	
	
input[type=submit]:active, input[type=submit]:hover {
	background-color:#003399;  
	-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
		opacity: 1
}

::-webkit-input-placeholder { 
    color:    #abe; }
:-moz-placeholder {  
   color:    #abe;
   opacity:  1; }
:-ms-input-placeholder { 
   color:    #abe; }
   
	input { 
	-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
		opacity: 1
}

/* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 70px;
  margin-bottom: 48px;
  cursor: pointer;
  font-size: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  background-color: #eee;
	border: 1px solid #859bb1
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 7px;
  top: 0px;
  width: 8px;
  height: 15px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#contracten{
	width: 100%;
	background-color: #e6f3ff;
	height: auto;
	halign: center;
	valign: center;
	margin: 0;
	padding: 150px 0px 150px 0px;
	opacity: 100%;
	-moz-opacity: 0;
	-khtml-opacity:0;
}

#bel{
	width: 100%;
	background-color: #ffffff;
	height: auto;
	halign: center;
	valign: top;
	margin: 0;
	padding: 150px 0px 150px 0px;
	opacity: 100%;
	-moz-opacity: 0;
	-khtml-opacity:0;
}

.bel{
	margin: 70px 5% 70px 5%;
}

.bel table {
	width: 90%;
	table-layout: relative;
	position: relative;
	height: auto;
	text-align: center;
	margin:0 auto;
	padding: 2em;
	border-collapse:collapse;
	border:0;
	vertical-align: top;
	inline-size: 90%;
	word-break: normal;
}

.bel td {
  padding: 0em;
	valign: center;
	vertical-align: center;
	hoizontal-align: left;
	text-align: left;
}

#reviews{
	width: 100%;
	background-color: #e6f3ff;
	height: auto;
	halign: center;
	valign: top;
	margin: 0;
	padding: 75px 0px 75px 0px;
	opacity: 100%;
	-moz-opacity: 0;
	-khtml-opacity:0;
}

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Voeg bijlage toe';
  display: inline-block;
  background: linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 30px;
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}


.slidernieuws table {
	width: 90%;
	position: relative;
	halign: center;
	text-align: center;
	margin: auto;
	border-collapse:collapse;
	border:0;
}

#meerinfo, #video{
	width: 100%;
	background: #ffffff;
	height: auto;
	horizontal-align: center;
	vertical-align: center;
	text-align: left;
	padding: 50px 5% 50px 5%;
	opacity: 100%;
	-moz-opacity: 0;
	-khtml-opacity:0;
	border-top: 1px solid;
	border-color:  #CCC;
}


.meerinfo, .video table {
	width: 100%;
	table-layout: auto;
	height: auto;
	text-align: left;
	margin:0 auto;
	padding: 0;
	border-collapse:collapse;
	border:0;
	vertical-align: top;
	inline-size: 100%;
}

.meerinfo, .video td {
  padding: 2em;
	valign: top;
	vertical-align: top;
}

.green-color {
    color:green;
    }
     
h17{
	font-family: Inter;
	font-size:17px;
	font-size-adjust:0.531;
	font-weight:800;
	color:#00062E; 
	font-style:normal;
	opacity:1;
	line-height: 20px;
}

li {
  text-align: left;
  margin: 0; padding: 0 0 0 10px;
  line-height: 30px;
}

ul {
	text-align: left;
	margin: 0; padding: 0 0 0 20px;
	line-height: 30px;
}


#collapsible{
	width: 100%;
	background: #ffffff;
	height: auto;
	horizontal-align: center;
	vertical-align: center;
	text-align: left;
	padding: 50px 5% 50px 5%;
	opacity: 100%;
	-moz-opacity: 0;
	-khtml-opacity:0;
}

.accordion {
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}



/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #e6f3ff;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}

.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

#nieuwsbrief{
	width: 84%;
	background-color: #b9a76b;
	height: auto;
	halign: center;
	valign: center;
	margin: 0;
	padding: 75px 8% 75px 8%;
	opacity: 100%;
	-moz-opacity: 0;
	-khtml-opacity:0;
	text-align: center;
}

#ip2 {
    border-radius: 30px;
    border: 0px solid #609;
    padding: 5px; 
    width: 90%;
    height: 40px;  
	font-family: Inter;
	font-size:17px;
}


#bedrijfsjurist, #geen_templates, #aanpassingsronde, #vaste_prijs{
	overflow: hidden;
	color: #bfc6d3;
	margin: 0 auto;
	padding: 55px 20% 80px 2%;
}

#bedrijfsjurist{
	background: url('images/0900-jurist-intro-foto-2_mobile.png') no-repeat 52% 75% !important;
    background-position: center;
    background-attachment: fixed;
    min-height: 100vh; 
	padding: 55px 20% 120px 2%;
	background-color: #c0c4d2;
}


#geen_templates{
	background: url('images/op_maat_mobile.png') no-repeat center center !important;
    -webkit-background-size: 100vw auto !important;
    -moz-background-size: 100vw auto !important;
    -o-background-size: 100vw auto !important;
    background-size: 100vw auto !important;
}


#aanpassingsronde{
	background: url('images/aanpassingsronde_mobile.png') no-repeat center center !important;
    -webkit-background-size: 100vw auto !important;
    -moz-background-size: 100vw auto !important;
    -o-background-size: 100vw auto !important;
    background-size: 100vw auto !important;
}

#vaste_prijs{
	background: url('images/vaste_prijs_mobile.png') no-repeat center center !important;
    -webkit-background-size: 100vw auto !important;
    -moz-background-size: 100vw auto !important;
    -o-background-size: 100vw auto !important;
    background-size: 100vw auto !important;
}

.docs_op_maat table {
	width: 74%;
	table-layout: auto;
	height: auto;
	text-align: left;
	margin: auto;
	padding: 0px 40% 0px 0px;
	border-collapse:collapse;
	border:0;
	vertical-align: top;
	inline-size:70%;
	display: inline-block;
}

.docs_op_maat td {
  padding: 0em;
	valign: center;
	vertical-align: center;
	hoizontal-align: left;
	text-align: left;
}

h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h11, h12, h13, h14, h15, h17, h18 {
-moz-hyphens: auto;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
word-break: normal;
}

/* Add a black background color to the top navigation */
.topnav {
  background-color: transparent;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #000000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-family: Inter;
	font-size:20px;
	font-weight:500;
	color:#00062E; 
	font-style:normal;
	opacity:1;
	line-height: 23px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ffffff;
  color: #003399;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  background-color: transparent;
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}


* {
  box-sizing: border-box;
}

.col-1 {width: 16.66%;}
.col-2 {width: 33.33%;}
.col-3 {width: 50%;}
.col-4 {width: 100%;}
.col-5 {width: 83.33%;}
.col-6 {width: 100%;}
.col-7 {width: 16.66%;}
.col-8 {width: 100%;}
.col-9 {width: 50%;}
.col-10 {width: 66.66%;}
.col-11 {width: 83.33%;}
.col-12 {width: 100%;}


[class*="col-"] {
  float: left;
  padding: 5px;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

#USPS {
	padding: 50px 5% 50px 5%;
	background-color: #ffffff;
	height: auto;
}

#Juridische_documenten {
	padding: 50px 5% 50px 5%;
	background-color: #e6f3ff;
	height: auto;
	halign: center;
	valign: center;
	text-align: center;
}

#direct_juridisch_advies {
	padding: 50px 5% 50px 5%;
	background-color: #ffffff;
	height: auto;
}

#voor_wie {
	padding: 50px 5% 50px 5%;
	background-color: #e6f3ff;
	height: auto;
	halign: center;
	valign: center;
	text-align: center;
}

#meerinfo{
	padding: 50px 5% 50px 5%;
	background-color: #ffffff;
	height: auto;
}

#juridische_updates {
	padding: 50px 5% 50px 5%;
	background-color: #b9a76b;
	height: auto;
}

#juridische_publicaties {
	padding: 50px 5% 50px 5%;
	background-color: #ffffff;
	height: auto;
}

.publicaties a {
  text-decoration: none;
	color:#687b8d;
}

#juridische_gebieden {
	padding: 50px 5% 50px 5%;
	background-color: #859bb1;
	height: auto;
	halign: center;
	valign: center;
	text-align: left;
}

hmenu{
	font-family: Inter;
	font-size:14px;
	letter-spacing: 1px;
	font-size-adjust:0.531;
	font-weight:500;
	color:#00062E;
	opacity:1;
	line-height: 16px;
}



.row table {
	width: 100%;
	table-layout: auto;
	height: auto;
	text-align: left;
	margin: auto;
	border-collapse:collapse;
	border:0;
	vertical-align: top;
	display: inline-block;
}

#footer{
	background-color: #00062e;
	width: 100%;
	height: auto;
	padding: 50px 5% 50px 5%;
	margin: 0 auto;
	-moz-opacity: 0;
	-khtml-opacity:0;
	
}

.footer table {
	width: 100%;
	position: relative;
	text-align: left;
	margin:0 auto;
	text-align: top;
	padding:0;
	border-collapse:collapse;
	border:0;
}

.footer a:focus, .footer a:link, .footer a:active, .footer a:visited {
  color: #f1f1f1;
	text-decoration: none;
}

.footer a:hover {
	color: #f1f1f1;
	text-decoration: underline;
}

#0900_jurist_info{
	width: 100%;
	height: auto;
	background-color: #ffffff;
}

img.left { float: left; margin: 0.5em 1em 1em 0; border: 0px solid #fff; clear: left; }
img.right { float: right; margin: 0.5em 1em 1em 0; border: 0px solid #fff; clear: right; }

#gerelateerde_documenten {
	padding: 50px 5% 50px 5%;
	background-color: #e6f3ff;
	height: auto;
	halign: center;
	valign: center;
	text-align: left;
}

.gerelateerd a {
  text-decoration: none;
	color:#687b8d;
}

.gerelateerd a:hover {
  text-decoration: none;
	color:#03F;
}

.specialismen a {
  text-decoration: none;
	color:#ffffff;
}

.specialismen a:hover {
  text-decoration: none;
	color:#03F;
}

#waarom_0900_jurist {
	padding: 50px 5% 50px 5%;
	background-color: #ffffff;
	height: auto;
	border-top: 1px solid;
	border-color:  #CCC;
}

#werkwijze {
	padding: 50px 5% 50px 5%;
	background-color: #ffffff;
	height: auto;
	border-top: 1px solid;
	border-color:  #CCC;
}

#kennismaking_intake {
	padding: 50px 5% 50px 5%;
	background-color: #ffffff;
	height: auto;
	border-top: 1px solid;
	border-color:  #CCC;
}

#verschenen_in {
	padding: 20px 5% 20px 5%;
	background-color: #ffffff;
	height: auto;
	halign: center;
	valign: center;
	text-align: center;
	border-bottom: 1px solid;
	border-color:  #CCC;
	border-top: 1px solid;
	border-color:  #CCC;
}

.titledoc{
	padding: 80px 0 0 0;
	position: relative;
	halign: center;
	width: 100%;
	text-align: left;
	-webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
	max-width: 100%;
	word-break: break-word;	
}

.titledoc table {
	width: 85%;
	position: relative;
	halign: center;
	text-align: left;
	margin: auto;
	text-align: top;
	border-collapse:collapse;
	border:0;
}

a.icon_amp {
    float: right;
	  color: #333;
  display: inline-block;
  
  }
  
.amp-close-image{
	border:0;
	}
	
.amp-img{
		border:0;
	}
	
a.amp-sidebar {
	color: #333;}
	
	
	/* Add a black background color to the top navigation */
.topnav2 {
  background-color: #859bb1;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav2 a {
  float: left;
  display: block;
  color: #ffffff;
  text-align: center;
  padding: 14px 16px 14px 27px;
  text-decoration: none;
  font-family: Inter;
	font-size:18px;
	font-weight:500; 
	font-style:normal;
	opacity:1;
	line-height: 20px;
}

/* Change the color of links on hover */
.topnav2 a:hover {
  background-color: #859bb1;
  color: #ffffff;
}

/* Add an active class to highlight the current page */
.topnav2 a.active {
  background-color: transparent;
  color: #ffffff;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav2 .icon {
  display: none;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav2 a:not(:first-child) {display: none;}
  .topnav2 a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav2.responsive {position: relative;}
  .topnav2.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav2.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.circles-container {
            display: flex;
            flex-direction: column;
            align-items: center;
	
        }

.circle-lijstje {
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 40px;
            height: 40px;
            background-color: #ffffff; /* Blauwe cirkel */
            border-radius: 50%;
            margin-right: 20px;
	margin-left: 15px;
	border: 1px solid #859bb1;
}

  .shadowed-div {
	  padding: 20px;
            background-color: #ffffff; /* Set the background color */
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); /* Set the shadow */
            margin: 20px; /* Set margin to provide space around the div */
	  border-radius: 10px;
	  align-content: left;
}

.shadowed-div2 {
	flex: 1; /* Make all blocks flexible to occupy equal space */
	  padding: 10px;
            background-color: #ffffff; /* Set the background color */
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); /* Set the shadow */
            margin: 3px; /* Set margin to provide space around the div */
	  border-radius: 3%;
	  align-content: left;
	text-align: left;
	 height: 100%; /* Ensure all shadowed divs have the same height */
	transition: background-color 0.3s ease; /* Smooth transition */
}

#voor_blokken{
	padding: 70px 7% 80px 7%;
}

#daarom_blokken{
	padding: 70px 7% 70px 7%;
}

#daarom_blokken  .row {
     display: table;
    width: 100%;
}

#daarom_blokken .col-4 {
     flex: 1; /* This ensures that each column takes up equal space */
    display: flex;
    flex-direction: column;
	margin: 0 auto;
}

#daarom_blokken .shadowed-div {
	flex: 1; /* This ensures that the content inside the column takes up equal space */
    display: flex;
    flex-direction: column;
  justify-content: top;
	align-items: center;
}

#voor_blokken .col-4 {
    flex: 1; /* This ensures that each column takes up equal space */
    display: flex;
    flex-direction: column;
}

#voor_blokken .shadowed-div {
    flex: 1; /* This ensures that the content inside the column takes up equal space */
    display: flex;
    flex-direction: column;
  justify-content: top;
	align-items: left;
}

#voor_blokken a {
    color: inherit; /* Inherit text color from parent */
    text-decoration: none; /* Remove underline */
  }


.shadowed-div2 img {
            margin: 0px 5px 0px 5px; /* Adjust the value as needed */
        }

.shadowed-div2 .table {
            width: 90%;
        }

.shadowed-div2:hover {
  background-color: #e6f3ff; /* Background color on hover */
}

#ik_zoek{
	padding: 75px 5% 75px 5%;
	background-color: #e6f3ff; 
	height: 100%;
}


#intro_alle_juridische_documenten{
	width: 100%;
	background: url(images/alle_juridische_documenten_mob.webp) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	color: #000;
	min-height: 100%;
	margin: 0 auto;
	padding: 0;
}

#intro_nieuwe_samenwerking{
	width: 100%;
	background: url("images/nieuwe_samenwerking_intro.webp") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	color: #000;
	min-height: 100%;
	margin: 0 auto;
	padding: 0;
}

#wit_copy_midden {
	padding: 75px 5% 75px 5%;
	background-color: #ffffff;
	height: auto;
	halign: center;
	valign: center;
	text-align: left;
}

  .shadowed-div-left {
	  padding: 10px;
            background-color: #ffffff; /* Set the background color */
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); /* Set the shadow */
            margin: 10px; /* Set margin to provide space around the div */
	  border-radius: 2%;
	  align-content: left;
	  text-align: left;
}

.container2 {
  display: flex;
    flex-direction: column;
}

#intro_bestuurders_en_aandeelhouders{
	width: 100%;
	height: 100%; 
	background: url("images/bestuurders_aandeelhouders_intro_mobile.webp") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #000;
	margin: 0;
	min-height: 100%;
	hyphens: auto; /* Enables hyphenation */
    overflow-wrap: break-word; /* Ensures long words can break */
    word-wrap: break-word; /* For broader browser support */
}
  
.question {
        margin-bottom: 40px;
    }
    .radio-container {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        user-select: none;
		font-family: Inter;
	font-size:14px;
	letter-spacing: 1px;
	font-size-adjust:0.531;
	font-weight:500;
	color:#687b8d;
	opacity:1;
	line-height: 22px;
    }
    .radio-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }
    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: white;
        border-radius: 50%;
    }
    .radio-container:hover input ~ .checkmark {
        background-color: #ccc;
    }
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }
    .radio-container input:checked ~ .checkmark:after {
        display: block;
    }
    .radio-container .checkmark:after {
        top: 7px;
        left: 7px;
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #555;
    }
.resultContainer{
	max-width: 100%;
}

#result {
		font-family: Inter;
	font-size:16px;
	letter-spacing: 1px;
	font-size-adjust:0.531;
	font-weight:500;
	color:#00062E;
	opacity:1;
	line-height: 30px;
    }

a {
  color: #003399;
	text-decoration: none;
}

a:hover {
  color: #00062E;
}

p a {
  color: #003399;
}

.col-md-4 {
    float: left;
    width: 100%;
}

#intro_nieuwe_samenwerking{
	width: 100%;
	background: url("images/juridische_documenten_voor_ondernemers_intro.webp") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	color: #000;
	min-height: 100%;
	margin: 0 auto;
	padding: 0;
}

#intro_juridisch_document_spoed{
	width: 100%;
	background: url("images/juridisch_document_spoed_intro.webp") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	color: #000;
	min-height: 100%;
	margin: 0 auto;
	padding: 0;
}

#intro_juridisch_document_start{
	width: 100%;
	background: url("images/juridische_documenten_voor_start_onderneming.webp") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	color: #000;
	min-height: 100%;
	margin: 0 auto;
	padding: 0;
}

.circle {
    width: 20px; /* Fixed width */
    height: 20px;
    border-radius: 50%;
    background-color: green; /* Example color */
    margin-right: 10px;
	 flex-shrink: 0; /* Prevent the circle from shrinking */
}

.green {
    background-color: green;
}

.red {
    background-color: orange;
}

#status{
	padding: 30px;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #CCC;
    margin: 0px;
    border-radius: 10px;
    width: 100%;
    font-family: Inter;
    font-size: 16px;
    letter-spacing: 1px;
    font-size-adjust: 0.531;
    font-weight: 500;
    color: #687b8d;
    opacity: 1;
    line-height: 30px;
    display: flex;
    align-items: center; /* Vertically center items */
	margin: 0 auto; /* Center horizontally */
}

.copy {
    display: flex; /* Make the container flex */
    align-items: center; /* Vertically center items */
}

.copy span:first-child {
    margin-right: 10px; /* Add spacing between circle and copy */
}

.rounded-image {
    border-radius: 8px; /* Pas de gewenste afgeronde hoekgrootte aan */
}

/* Stijlen voor de knoppen */
        button {
            background-color: #ffffff;
            border: 1px solid #ccc;
            padding: 10px 20px;
            margin: 5px;
            cursor: pointer;
            border-radius: 5px;
            transition: background-color 0.3s ease; 
			font-family: Inter;
	font-size:16px;
	letter-spacing: 1px;
	font-size-adjust:0.531;
	font-weight:500;
	color:#687b8d;
	opacity:1;
	line-height: 30px;
        }

       /* Hover effect */
button:hover {
    background-color: #ddd;
}

/* Style for the selected button */
button.selected {
    background-color: #4CAF50;
    color: white;
}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

select {
    width: 100%;
    padding: 10px;
    font-family: Inter;
	font-size:16px;
	letter-spacing: 1px;
	font-size-adjust:0.531;
	font-weight:500;
	color:#687b8d;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 20px;
    background-color: #ffffff;
    appearance: none; /* Zorgt ervoor dat de standaard browser-styling verdwijnt */
    -webkit-appearance: none; /* Specifiek voor Safari */
    -moz-appearance: none; /* Specifiek voor Firefox */
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"%3E%3Cpath fill="%23666" d="M0 0l5 6 5-6H0z"%3E%3C/path%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: right 10px top 50%;
    background-size: 12px 12px;

}



select:focus {
    border-color: #000;
    outline: none;
}

/* Specifiek voor de pijl in de dropdown */
select::-ms-expand {
    display: none; /* Verbergt de standaard pijl in Internet Explorer */
}


select:focus {
    border-color: #ccc; /* Kleur van de rand als het dropdown-menu geselecteerd is */
    outline: none;
}

.vinklist {
        list-style-type: none;
        padding: 0;
    }

    .vinklist li {
        margin: 8px 0; /* Kleinere marges */
        padding-left: 25px; /* Minder padding links */
        font-size: 14px; /* Kleinere lettergrootte */
        position: relative;
    }

    .vinklist li::before {
        content: '\2713'; /* Unicode karakter voor een vinkje */
        color: #4a90e2; /* Blauwgrijze kleur */
        font-size: 16px; /* Kleinere vinkjes */
        position: absolute;
        left: 5px; /* Minder ruimte tussen de rand en het vinkje */
        top: 0;
    }

.styled-link {
            text-decoration: none;
            color: #003399;
            font-weight: none;
            display: inline-flex;
            align-items: center;
            transition: color 0.3s;
	font-family: Inter;
	font-size:14px;
	font-size-adjust:0.531;
	font-weight:500;
	font-style:normal;
	opacity:1;
	line-height: 22px;
        }
        .styled-link .circle {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 25px;
            height: 25px;
            background-color: #003399;
            border-radius: 50%;
            color: white;
            margin-left: 5px;
        }
        .styled-link:hover {
            color: black;
        }
        .styled-link:hover .circle {
            background-color: black;
        }

#voor_blokken, .container2 h2 {
    word-wrap: break-word;
    hyphens: auto;
}

.container2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.item {
  display: flex;
  align-items: center;
  flex: 1 1 calc(33% - 20px); /* Three items per row with some margin */
  margin: 10px;
  box-sizing: border-box;
}

.icon,
.more-info-icon {
  flex-shrink: 0;
  width: 40px; /* Adjust as needed */
  height: auto;
}

.text-content {
  flex: 1;
  margin: 0 10px;
}

.text-content h2 {
  word-break: break-word;
  hyphens: auto;
}

.col-6{
text-align:left; max-width: 100%; box-sizing: border-box;
}

.mindmap-container {
        max-width: 100%;
        height: 600px; /* Kleinere hoogte voor mobiel */
        margin: 0 10px; /* Kleine marge aan zijkanten */
    }

    .center-topic {
        padding: 10px 15px; /* Kleinere padding */
        width: 80%; /* Breedte beperken */
        max-width: 300px; /* Maximum breedte */
    }

    .center-topic h1 {
        font-size: 1.2rem; /* Kleinere tekst */
        word-wrap: break-word; /* Tekst afbreken indien nodig */
        white-space: normal; /* Tekst mag wrappen */
    }

    .subtopic {
        padding: 8px 12px; /* Kleinere padding */
        font-size: 0.9rem; /* Kleinere tekst */
        max-width: 150px; /* Maximum breedte */
    }

    .subtopic p {
        font-size: 0.9rem;
        white-space: normal; /* Tekst mag wrappen */
        word-wrap: break-word;
    }

    .subtopic:hover {
        transform: translate(-50%, -50%) scale(1.05); /* Kleinere hover schaling */
    }

    line {
        stroke-width: 1.5; /* Dunnere lijnen */
    }
}

/* Extra aanpassingen voor zeer kleine schermen */
@media screen and (max-width: 480px) {
    .mindmap-container {
        height: 500px;
    }

    .center-topic {
        padding: 8px 12px;
    }

    .center-topic h1 {
        font-size: 1rem;
    }

    .subtopic {
        padding: 6px 10px;
        font-size: 0.8rem;
        max-width: 120px;
    }

    .subtopic p {
        font-size: 0.8rem;
    }
}

.price-container {
    display: flex;
    align-items: center;
    gap: 10px; /* Ruimte tussen oude en nieuwe prijs */
}

.old-price {
    position: relative;
    color: gray;
}

.old-price::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: grey; /* Kies een kleur voor de streep */
    transform: rotate(-10deg); /* Maak de streep diagonaal */
    transform-origin: center;
}

.new-price {
    color: #00062E;
    font-weight: bold;
}

#intro-docs-korting{
background: url('images/0900-jurist-intro-docs-korting-mobile.png') !important;
    -webkit-background-size: 100vw auto !important;
    -moz-background-size: 100vw auto !important;
    -o-background-size: 100vw auto !important;
    background-size: 100vw auto !important;
	background-position: center calc(100% + 200px) !important;
    overflow: hidden;
	color: #061220;
	margin: 0 auto;
	padding: 0;
}

#intro_alle_juridische_documenten-korting{
	width: 100%;
	background: url("images/alle_juridische_documenten_mob-korting.png") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	color: #061220;
	min-height: 100%;
	margin: 0 auto;
	padding: 0;
}

#intro-scan{
background: url('schijnzelfstandigheid/images/intro-scan-mobile.png') !important;
    -webkit-background-size: 100vw auto !important;
    -moz-background-size: 100vw auto !important;
    -o-background-size: 100vw auto !important;
    background-size: 100vw auto !important;
	background-position: center calc(100% + 190px) !important;
    overflow: hidden;
	color: #061220;
	margin: 0 auto;
	padding: 0 15% 120px 0;
}

table.vergelijking {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-family: Arial, sans-serif;
}

table.vergelijking td {
    vertical-align: top;
    padding: 15px;
    border: 1px solid #ddd;
}

table.vergelijking td:nth-child(2) {
    text-align: center;
    font-size: 1.5em;
    padding: 40px 20px; /* Meer ruimte rondom "versus" */
}

table.vergelijking h2 {
    margin: 0;
    font-size: 1.2em;
}

table.vergelijking p {
    margin: 0;
    line-height: 1.5;
}

.col-8 {
    word-wrap: break-word;
    hyphens: auto;
}

.publicaties table {
    width: 100%;
    border-collapse: collapse;
}

.publicaties td, .publicaties th {
    padding: 15px; /* Pas de waarde aan naar wens */
}

.publicaties p, 
.publicaties h3 {
    padding: 15px; /* Geeft extra ruimte binnen de tekstblokken */
}

.longcopy_blok {
  width: 100%;
  margin: 0 auto;
}