/*
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: 980px;
	padding: 0;
}

tbody{
    width: 100%;
    display: table;
}

ol, li, p, ul{
	font-family: Inter;
	font-size:16px;
	letter-spacing: 1px;
	font-size-adjust:0.531;
	font-weight:500;
	color:#687b8d;
	opacity:1;
	line-height: 30px;
}

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

q {
  quotes: '"' '"' "'" "'";
  font-family: Inter;
	font-size:16px;
	letter-spacing: 1px;
	font-style: italic;
	font-size-adjust:0.531;
	font-weight:500;
	color:#00062E;
	opacity:1;
	line-height: 30px;
}
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: 0px;
  padding-bottom: 67.5%;
  margin-bottom: 0px;
  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 */
  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: 36px;
  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: 20px;
  right: 45px;
  font-size: 60px;
}

/* 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: 55px;
	font-style: normal;
	font-weight: 900;
	letter-spacing: 8px;
	line-height: 65px;
	text-transform: none;
	color:#00062E;
}

h2{
	font-family:  'Poppins';
	font-size: 24px;
	font-style: normal;
	font-weight: 900;
	letter-spacing: 2px;
	line-height: 30px;
	text-transform: none;
	color:#000000;
}

h3{
	font-family: Inter;
	font-size:17px;
	letter-spacing: 1px;
	font-size-adjust:0.531;
	font-weight:500;
	color:#00062E;
	opacity:1;
	line-height: 26pt;
}


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

h5{
	font-family: Inter;
	font-size:17px;
	letter-spacing: 1px;
	font-size-adjust:0.531;
	font-weight:500;
	color:#687b8d;
	opacity:1;
	line-height: 26pt;
}


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

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

h8{
	font-family: Open Sans;
	font-size-adjust:0.488;
	font-size:12px;
	font-weight:200;
	line-height: 14pt;
	color:#ffffff;
}


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

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

.title{
	padding: 110px 10% 20px 0px;
	halign: center;
	width: 100%;
	text-align: left;
}

.title-juridisch-advies-menu{
	padding: 160px 10% 30px 0px;
	halign: center;
	width: 100%;
	text-align: left;
}

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

.title2 table {
	width: 100%;
	position: relative;
	halign: center;
	text-align: center;
	border-collapse:collapse;
	border:0;
}


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

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

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

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

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

#footer{
	background-color: #00062e;
	width: 100%;
	height: auto;
	padding:  0 11% 0 11%;
	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;
}

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

#intro::before {
  content: '';
  background-image: url(images/intro_background_oktober_V2.webp);
  background-color: #c5cdd6;
  position: fixed;
  background-position: bottom;
  background-repeat: no-repeat;
   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  top: 0;
  left: 0;
  min-height: 100%;
  width: 100%;
  overflow: auto;
  z-index: -1;
}

#intro::after {
  content: "";
  position: absolute;
  top: 20%;
  left: 55%;
  width: 40%;
  height: 70%;
  background: url(images/beste_bureau_juridische_zaken_trustpilot.png) ;
	  background-position: bottom;
  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 */
}

#intro-docs{
	width: 100%;
	background: url("images/0900-jurist-intro-docs_oud.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;
}

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

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

#menu2{
	width:100%;
	padding: 0px 10% 0px 10%;
	background-color: #859bb1;
	height: auto;
	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;
        }




.gebieden{
	background: #859bb1;
	display: block;
	height: auto;
	vertical-align: top;
	padding: 70px 0px 70px 0px;
	spacing: 0;
	border: 0;
	white-space: nowrap;
    word-break:break-all;
   }

.gebieden table {
	width: 70%;
	table-layout: auto;
	height: auto;
	text-align: top;
	margin: auto;
	padding: 0;
	border-collapse:collapse;
	border:0;
	vertical-align: top;
	inline-size: none;
}

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

.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:7px 30px 7px 30px;
  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;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  padding: 4px 40px;
  border-radius: 8px;
  cursor: pointer;
}
.button3 a:hover{
    background-color: #000000;
	color: #000000;
}
.button3 a:hover, .button3 a:focus {
  color: #000000;
}

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

.topmenu table {
	width: 80%;
	table-layout: fixed;
	position: relative;
	height: auto;
	text-align: left;
	margin:0 auto;
	padding: 0;
	border-collapse:collapse;
	border:0;
	vertical-align: top;
	inline-size: 80%;
}

.topmenu td {
  padding: 2.5em;
	valign: top;
	vertical-align: top;
}

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

.title-juridisch-advies-menu table {
	width: 45%;
	halign: left;
	text-align: left;
	margin:0 auto 0 12.5%;
	text-align: top;
	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: 70px 0px 70px 0px;
	opacity: 100%;
	-moz-opacity: 0;
	-khtml-opacity:0;
	text-align: center;
}

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

.contracten table {
	width: 50%;
	table-layout: auto;
	height: auto;
	text-align: left;
	margin: auto;
	padding: 0;
	border-collapse:collapse;
	border:0;
	vertical-align: top;
	inline-size: none;
}

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

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

.contracten2 td {
  padding: 0em;
	valign: center;
	vertical-align: center;
	hoizontal-align: left;
	text-align: left;
}
	
#SLIDER{
	width: 100%;
	background: #e6f3ff;
	height: 600px;
	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_mobiel{
	display:none;
	
}



hr {
  width: 100%;
	display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
	border-color: ffffff;
	height:1px;
	border-width:0;
	color:white;
	background-color:white;
}


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

.voorwie table {
	width: 70%;
	table-layout: auto;
	height: auto;
	text-align: center;
	margin: auto;
	padding: 0;
	border-collapse:collapse;
	border:0;
	vertical-align: top;
	inline-size: none;
}

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

#intro_algemeen{
	width: 100%;
	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;
	color: #000;
	min-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;
}

.cky-tab-menu {
	font-family: Open Sans;
    text-align: center;
}

.cky-tab-menu {
	font-family: Open Sans;
    text-align: center;
}

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

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

input[type=submit] {
	border-radius: 8px;
	background-color: #003399;
	border:none;
	cursor:pointer;
	color:white;
	width:auto;
	padding: 15px 40px 15px 40px;
	font-family: Inter;
	font-size:20px;
	letter-spacing: 3px;
	font-size-adjust:0.531;
	font-weight:500;
	line-height: 16pt;
	}
	
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: 35px;
  margin-bottom: 24px;
  cursor: pointer;
  font-size: 15px;
  -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: 25px;
  width: 25px;
  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: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

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

.bel table {
	width: 70%;
	table-layout: auto;
	height: auto;
	text-align: center;
	margin: auto;
	padding: 0;
	border-collapse:collapse;
	border:0;
	vertical-align: top;
	inline-size: none;
}

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

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

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

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

.meerinfo, .video table {
	width: 100%;
	table-layout: auto;
	position: relative;
	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;
	letter-spacing: 1px;
	font-size-adjust:0.531;
	font-weight:900;
	color:#00062E;
	opacity:1;
	line-height: 26pt;
}

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

ul {
	text-align: left;
	margin: 0; padding: 0 0 0 40px;
	line-height: 50px;
}

#collapsible{
	width: 100%;
	background-color: #ffffff;
	height: auto;
	halign: center;
	valign: center;
	text-align: left;
	padding: 75px 10% 75px 10%;
	opacity: 100%;
	-moz-opacity: 0;
	-khtml-opacity:0;
	border-top: 1px solid;
	border-color:  #CCC;
}

.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: 100%;
	background-color: #b9a76b;
	height: auto;
	halign: center;
	valign: center;
	margin: 0;
	padding: 75px 0px 75px 0px;
	opacity: 100%;
	-moz-opacity: 0;
	-khtml-opacity:0;
	text-align: center;
}

#ip2 {
    border-radius: 25px;
    border: 0px solid #609;
    padding: 20px; 
    width: 350px;
    height: 12px;    
}

#bedrijfsjurist{
	width: 100%;
	background: url(images/0900-jurist-intro-foto-2.webp) center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	color: #000;
	min-height: 100%;
	background-color: #c0c4d2;
	height: auto;
	halign: center;
	valign: center;
	margin: 0;
	padding: 50px 0px 100px 0px;
	opacity: 100%;
	-moz-opacity: 0;
	-khtml-opacity:0;
	text-align: center;
	z-index: -1;
}


#geen_templates{
	width: 100%;
	background: url(images/op_maat.png) center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	color: #000;
	min-height: 100%;
	background-color: #b9a76b;
	height: auto;
	halign: center;
	valign: center;
	margin: 0;
	padding: 75px 0px 75px 0px;
	opacity: 100%;
	-moz-opacity: 0;
	-khtml-opacity:0;
	text-align: center;
}


#aanpassingsronde{
	width: 100%;
	background: url(images/aanpassingsronde.png) center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	color: #000;
	min-height: 100%;
	background-color: #b9a76b;
	height: auto;
	halign: center;
	valign: center;
	margin: 0;
	padding: 75px 0px 75px 0px;
	opacity: 100%;
	-moz-opacity: 0;
	-khtml-opacity:0;
	text-align: center;
}

#vaste_prijs{
	width: 100%;
	background: url(images/vaste_prijs.png) center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	color: #000;
	min-height: 100%;
	background-color: #b9a76b;
	height: auto;
	halign: center;
	valign: center;
	margin: 0;
	padding: 75px 0px 75px 0px;
	opacity: 100%;
	-moz-opacity: 0;
	-khtml-opacity:0;
	text-align: center;
}

.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:74%;
	display: inline-block;
}

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


/* 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: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-family: Inter;
	font-size:16px;
	letter-spacing: 1px;
	font-size-adjust:0.531;
	font-weight:500;
	color:#00062E;
	opacity:1;
	line-height: 18px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: transparent;
  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: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}


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

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

#USPS {
	padding: 75px 10% 75px 10%;
	background-color: #ffffff;
}

#Juridische_documenten, #voor_wie{
	padding: 75px 10% 75px 10%;
	background-color: #e6f3ff;
	height: auto;
	halign: center;
	valign: center;
	text-align: center;
}

#direct_juridisch_advies {
	padding: 75px 10% 75px 10%;
	background-color: #ffffff;
}

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

#daarom_blokken {
	padding: 75px 9% 75px 9%;
	background-color: #e6f3ff;
	height: auto;
	halign: center;
	valign: center;
	text-align: center;
}

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

#juridische_updates {
	padding: 75px 10% 75px 10%;
	background-color: #b9a76b;
	height: auto;
	halign: center;
	valign: center;
	text-align: center;
}

#juridische_publicaties {
	padding: 75px 10% 75px 10%;
	background-color: #ffffff;
}

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

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



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



#0900_jurist_info{
	padding: 75px 10% 75px 10%;
	background-color: #ffffff;
}

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

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

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

#gerelateerde_documenten {
	padding: 75px 10% 75px 10%;
	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: 75px 10% 75px 10%;
	background-color: #ffffff;
	border-top: 1px solid;
	border-color:  #CCC;
}

#werkwijze {
	padding: 75px 10% 75px 10%;
	background-color: #ffffff;
	border-top: 1px solid;
	border-color:  #CCC;
}

#kennismaking_intake {
	padding: 75px 10% 75px 10%;
	background-color: #ffffff;
	border-top: 1px solid;
	border-color:  #CCC;
}

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

.titledoc{
	padding: 80px 10% 80px 0px;
	position: relative;
	halign: center;
	width: 100%;
	text-align: left;
}

.titledoc table {
	width: 45%;
	position: relative;
	halign: left;
	text-align: left;
	margin:0 auto 0 12.5%;
	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: transparent;
  overflow: auto;
}

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

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

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

/* 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: 4000px) {
  .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: 4000px) {
  .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: row;
            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: 30px;
            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: 10px;
	  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 10% 80px 10%;
}

#daarom_blokken  .row {
      display: flex;
        flex-wrap: wrap;
}

#daarom_blokken .col-4 {
     flex: 1;
        margin: 0 5px; /* Adjust margin as needed */
}

#daarom_blokken .shadowed-div {
	 height: 100%;
        display: flex;
        flex-direction: column;
	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 10px 0px 10px; /* Adjust the value as needed */
        }

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

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

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


#intro_alle_juridische_documenten{
	width: 100%;
	background: url(images/alle_juridische_documenten.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 20% 75px 20%;
	background-color: #ffffff;
	height: auto;
	halign: center;
	valign: center;
	text-align: center;
}

  .shadowed-div-left {
	  padding: 30px;
            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;
	  text-align: left;
}

.container2 {
  display: flex; /* Use flexbox */
}

#intro_bestuurders_en_aandeelhouders{
	width: 100%;
	background: url("images/bestuurders_aandeelhouders_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;
}
  
.question {
        margin-bottom: 10px;
    }
    .radio-container {
        display: flex; /* Zorgt dat de radio button en tekst netjes uitlijnen */
    align-items: center; /* Centreert verticaal */
    position: relative;
    padding-left: 35px; /* Zorgt voor ruimte naast de checkmark */
    margin-bottom: 12px;
    cursor: pointer;
    user-select: none;
    font-family: Inter;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 500;
    color: #687b8d;
    opacity: 1;
    line-height: normal; /* Voorkomt dat line-height dingen verspringt */
    }
    .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;
    }
#result {
		font-family: Inter;
	font-size:17px;
	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: 33.33333333%;
}

#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: 30px;
	 flex-shrink: 0; /* Prevent the circle from shrinking */
}

.green {
    background-color: green;
}

.red {
    background-color: orange;
}

#status{
	padding: 10px;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #CCC;
    margin: 0px;
    border-radius: 10px;
    width: 90%;
    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 */
}

.styled-link {
            text-decoration: none;
            color: #003399;
            font-weight: bold;
            display: inline-flex;
            align-items: center;
            transition: color 0.3s;
        }
        .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;
        }

/* 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: 10px 0;
            padding-left: 25px;
            position: relative;
        }
        .vinklist li::before {
            content: '\2713'; /* Unicode karakter voor een vinkje */
            color: #4a90e2; /* Blauwgrijze kleur */
            font-size: 18px;
            position: absolute;
            left: 0;
            top: 0;
        }

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

.item {
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Spreads out top and bottom */
  flex: 1 1 calc(33% - 20px);
  margin: 10px;
  box-sizing: border-box;
  padding: 20px;
  min-height: 300px; /* Optional: Adjust this to ensure minimum height */
}

.icon {
  align-self: flex-start; /* Aligns the top icon to the left */
  width: 40px;
  height: auto;
}

.text-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Centers the text content vertically */
  text-align: left; /* Ensure text alignment remains correct */
  margin: 0 10px;
}

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

.more-info-icon {
  align-self: flex-end; /* Aligns the arrow icon to the right */
  width: 40px;
  height: auto;
}


#juridische_publicaties .publicaties .row .col-6 a:hover {
    background-color: #e6f3ff;
    transition: background-color 0.3s ease;
    display: block;
}

.mindmap-container {
            width: 100%;
            max-width: 1400px;
            height: 900px;
            position: relative;
        }
        .center-topic {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: #859bb1;
            color: white;
            padding: 15px 25px;
            border-radius: 10px;
            text-align: center;
            z-index: 2;
            white-space: nowrap;
        }
        .center-topic h1 {
            margin: 0;
            font-size: 1.5rem;
            font-weight: 600;
            letter-spacing: 0.5px;
			color: #ffffff;
        }
        .subtopic {
            position: absolute;
            background-color: #e6f3ff;
            color: white;
            padding: 12px 18px;
            border-radius: 8px;
            transform: translate(-50%, -50%);
            z-index: 2;
            cursor: pointer;
            transition: transform 0.2s;
            text-align: center;
            white-space: nowrap;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .subtopic p {
            margin: 0;
            font-size: 1rem;
            font-weight: 500;
            line-height: 1.4;
        }
        .subtopic:hover {
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
        }
        .connection-lines {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
        }
        line {
            stroke: #95a5a6;
            stroke-width: 2;
        }

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

select {
    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari & Chrome */
    padding: 15px;
    border: 1px solid #859bb1;
    border-radius: 6px;
    width: 80%;
    height: auto;
    font: 15px Open Sans;
    margin-bottom: 20px;
    background: #ffffff url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23859bb1" d="M7 10l5 5 5-5z"/></svg>') no-repeat right 15px center;
    background-size: 20px;
}

.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{
	width: 100%;
	background: url("images/intro-docs-korting.png") 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_alle_juridische_documenten-korting{
	width: 100vw;
	background: url(images/alle_juridische_documenten-korting.png); 
  -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 !important;
	color: #000;
	margin: 0 auto;
	padding: 0;
}

#intro-scan{
	width: 100%;
	background: url("schijnzelfstandigheid/images/header2.png") 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;
}

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: 70%;
  margin: 0 auto;
}