@font-face {
  font-family: 'MyWebFont';
  src: url("fonts/FlandersArtSans-Regular.eot");
  /* IE9 Compat Modes */
  src: url("fonts/FlandersArtSans-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/FlandersArtSans-Regular.woff") format("woff"), url("fonts/FlandersArtSans-Regular.ttf") format("truetype"), url("fonts/FlandersArtSans-Regular.svg#FlandersArtSans-Regular") format("svg");
  /* Legacy iOS */ }
@font-face {
  font-family: 'MyWebFont-Bold';
  src: url("fonts/FlandersArtSans-Medium.eot");
  /* IE9 Compat Modes */
  src: url("fonts/FlandersArtSans-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/FlandersArtSans-Medium.woff") format("woff"), url("fonts/FlandersArtSans-Medium.ttf") format("truetype"), url("fonts/FlandersArtSans-Medium.svg#FlandersArtSans-Regular") format("svg");
  /* Legacy iOS */ }
body {
  margin: 0;
  font-family: 'MyWebFont';
  font-weight: 400;
  background-color: #F6F6F6;
  color: #464753;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body h1 {
  font-weight: 400;
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 1rem; }

/*.active a {
  color: seagreen !important;
}*/
/*.seagreen {
  color: #009E93;
}*/
#fullpage {
  width: 100%; }

.fp-tooltip {
  background: #2dA9CC;
  color: white;
  font-size: 12px;
  font-weight: 600;
  padding: 5px;
  margin-top: -5px;
  margin-left: 20px; }

.intro_bg {
  position: absolute;
  background: url("images/intro_bg.png") no-repeat;
  /*  display: block;*/
  display: none;
  height: 800px;
  width: 800px;
  right: -60px;
  bottom: 0px; }

.section_bg {
  position: absolute;
  background: url("images/section_bg.png") no-repeat;
  /*display: block;*/
  display: none;
  height: 800px;
  width: 800px;
  right: -60px;
  bottom: 0px; }

.section_text_bg {
  position: absolute;
  background: url("images/section_text_bg.png") no-repeat;
  display: block;
  height: 1550px;
  width: 2770px;
  right: -60px;
  top: 0px;
  overflow: hidden;
  z-index: -9999; }

.intro-text {
  position: absolute;
  display: block;
  height: 200px;
  width: 400px;
  bottom: 20px;
  left: 100px; }

.intro-text h1 {
  color: white;
  font-size: 50px;
  line-height: 70px !important; }

.elementHidden {
  display: none !important; }

.section {
  margin-left: 25%;
  width: 75% !important; }

.section .wrapper {
  margin-top: 10vh; }

.text h1 {
  font-size: 40px;
  line-height: 2.75rem;
  font-weight: 400;
  margin-left: 40px; }

.section h2,
.section h3,
.section h4 {
  line-height: 1.75rem;
  font-weight: 500;
  margin-left: 40px; }

.section p {
  line-height: 1.75rem;
  font-weight: 100;
  margin-left: 40px; }

.section p.intro {
  font-size: 22px; }

/*.section li {
  color: #0088CA;
  list-style-image: url('images/list-style-type.svg');
}*/
.section li span {
  line-height: 1.75rem;
  font-weight: 100;
  color: #464753; }

strong {
  font-family: 'MyWebFont-Bold'; }

.section img {
  margin-left: 40px;
  margin-top: 10px;
  max-width: 100%; }

.add-bottom-small {
  margin-bottom: 75px; }

.add-bottom-medium {
  margin-bottom: 125px; }

.add-bottom-big {
  margin-bottom: 350px; }

#view1 {
  background-image: url("images/VDAB_cover.png");
  background-repeat: no-repeat;
  background-size: cover; }

#view2 {
  background-image: url("images/VDAB_overVDAB.png");
  background-repeat: no-repeat;
  background-size: cover; }

#view3 {
  background-image: url("images/VDAB_onzeMedewerkers.png");
  background-repeat: no-repeat;
  background-size: cover; }

#view4 {
  background-image: url("images/VDAB_onzeWerkgevers.png");
  background-repeat: no-repeat;
  background-size: cover; }

#view5 {
  background-image: url("images/VDAB_bemiddelen.png");
  background-repeat: no-repeat;
  background-size: cover; }

#view6 {
  background-image: url("images/VDAB_dienstverlening.png");
  background-repeat: no-repeat;
  background-size: cover; }

#view7 {
  background-image: url("images/VDAB_loopbaanlang.png");
  background-repeat: no-repeat;
  background-size: cover; }

#view8 {
  background-image: url("images/VDAB_werkplekleren.png");
  background-repeat: no-repeat;
  background-size: cover; }

#view9 {
  background-image: url("images/VDAB_voorWerk.png");
  background-repeat: no-repeat;
  background-size: cover; }

#view10 {
  background-image: url("images/VDAB_controlebeleid.png");
  background-repeat: no-repeat;
  background-size: cover; }

#view11 {
  background-image: url("images/VDAB_duurzaamOndernemen.png");
  background-repeat: no-repeat;
  background-size: cover; }

#view12 {
  background-image: url("images/VDAB_buitenVlaanderen.png");
  background-repeat: no-repeat;
  background-size: cover; }

#view13 {
  background-image: url("images/VDAB_trends.png");
  background-repeat: no-repeat;
  background-size: cover; }

.text p {
  width: 85%; }

.text .flexgrid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.text .flexgrid .col-left {
  width: 65%;
  margin-right: 2rem; }

.text .flexgrid .col-left p:first-child {
  margin-top: 0; }

.text .flexgrid img {
  -ms-flex-item-align: baseline;
  align-self: baseline; }

.section.full {
  margin-left: 0;
  width: 100% !important;
  /* stoffel */
  width: 80% !important;
  margin-left: 20%;
  /* stoffel */ }

.section.full img {
  width: 100vw;
  height: 100vh; }

.sidebar {
  height: 100vh;
  position: fixed;
  z-index: 1; }

.sidebar #menu {
  margin-top: 6rem;
  margin-left: 3rem; }

.sidebar #menu h1 {
  font-size: 7rem;
  margin-top: 0;
  margin-bottom: 1rem; }

.sidebar #menu ul {
  list-style: none;
  padding: 0px 10px 10px 10px; }

.sidebar #menu li {
  line-height: 30px; }

.sidebar #menu ul li a {
  text-decoration: none;
  font-size: 12px;
  color: #6A707B; }

/* jaarverslag 2019 -----------------------------------------------------------------------hp */
strong {
  font-size: 1rem;
  font-weight: normal; }

#voorwoordtekst-id h2,
#overvdab-text-id h2,
#onzemedewerkers-text-id h2,
#onzewerkgevers-text-id h2,
#bemiddelen-text-id h2,
#intensief-text-id h2,
#loopbaanlang-text-id h2,
#opleidingen-text-id h2,
#openvoorwerk-text-id h2,
#controlebeleid-text-id h2,
#duurzaamondernemen-text-id h2,
#arbeidskrachten-text-id h2,
#trends-text-id h2 {
  font-size: 1.85rem;
  margin-top: 2.5em; }
#voorwoordtekst-id h3,
#overvdab-text-id h3,
#onzemedewerkers-text-id h3,
#onzewerkgevers-text-id h3,
#bemiddelen-text-id h3,
#intensief-text-id h3,
#loopbaanlang-text-id h3,
#opleidingen-text-id h3,
#openvoorwerk-text-id h3,
#controlebeleid-text-id h3,
#duurzaamondernemen-text-id h3,
#arbeidskrachten-text-id h3,
#trends-text-id h3 {
  font-size: 1.1rem;
  font-weight: bolder;
  margin-bottom: 0;
  margin-top: 2.5em; }
#voorwoordtekst-id h3 ~ p,
#overvdab-text-id h3 ~ p,
#onzemedewerkers-text-id h3 ~ p,
#onzewerkgevers-text-id h3 ~ p,
#bemiddelen-text-id h3 ~ p,
#intensief-text-id h3 ~ p,
#loopbaanlang-text-id h3 ~ p,
#opleidingen-text-id h3 ~ p,
#openvoorwerk-text-id h3 ~ p,
#controlebeleid-text-id h3 ~ p,
#duurzaamondernemen-text-id h3 ~ p,
#arbeidskrachten-text-id h3 ~ p,
#trends-text-id h3 ~ p {
  margin-top: .3em; }
#voorwoordtekst-id ul li, #voorwoordtekst-id ol li,
#overvdab-text-id ul li,
#overvdab-text-id ol li,
#onzemedewerkers-text-id ul li,
#onzemedewerkers-text-id ol li,
#onzewerkgevers-text-id ul li,
#onzewerkgevers-text-id ol li,
#bemiddelen-text-id ul li,
#bemiddelen-text-id ol li,
#intensief-text-id ul li,
#intensief-text-id ol li,
#loopbaanlang-text-id ul li,
#loopbaanlang-text-id ol li,
#opleidingen-text-id ul li,
#opleidingen-text-id ol li,
#openvoorwerk-text-id ul li,
#openvoorwerk-text-id ol li,
#controlebeleid-text-id ul li,
#controlebeleid-text-id ol li,
#duurzaamondernemen-text-id ul li,
#duurzaamondernemen-text-id ol li,
#arbeidskrachten-text-id ul li,
#arbeidskrachten-text-id ol li,
#trends-text-id ul li,
#trends-text-id ol li {
  color: #464753;
  line-height: 1.5em;
  padding-bottom: .5em; }
#voorwoordtekst-id ul, #voorwoordtekst-id ol,
#overvdab-text-id ul,
#overvdab-text-id ol,
#onzemedewerkers-text-id ul,
#onzemedewerkers-text-id ol,
#onzewerkgevers-text-id ul,
#onzewerkgevers-text-id ol,
#bemiddelen-text-id ul,
#bemiddelen-text-id ol,
#intensief-text-id ul,
#intensief-text-id ol,
#loopbaanlang-text-id ul,
#loopbaanlang-text-id ol,
#opleidingen-text-id ul,
#opleidingen-text-id ol,
#openvoorwerk-text-id ul,
#openvoorwerk-text-id ol,
#controlebeleid-text-id ul,
#controlebeleid-text-id ol,
#duurzaamondernemen-text-id ul,
#duurzaamondernemen-text-id ol,
#arbeidskrachten-text-id ul,
#arbeidskrachten-text-id ol,
#trends-text-id ul,
#trends-text-id ol {
  -webkit-margin-start: 1em;
  -moz-margin-start: 1em;
  margin-inline-start: 1em; }
#voorwoordtekst-id ul,
#overvdab-text-id ul,
#onzemedewerkers-text-id ul,
#onzewerkgevers-text-id ul,
#bemiddelen-text-id ul,
#intensief-text-id ul,
#loopbaanlang-text-id ul,
#opleidingen-text-id ul,
#openvoorwerk-text-id ul,
#controlebeleid-text-id ul,
#duurzaamondernemen-text-id ul,
#arbeidskrachten-text-id ul,
#trends-text-id ul {
  width: 85%; }
#voorwoordtekst-id .intro strong,
#overvdab-text-id .intro strong,
#onzemedewerkers-text-id .intro strong,
#onzewerkgevers-text-id .intro strong,
#bemiddelen-text-id .intro strong,
#intensief-text-id .intro strong,
#loopbaanlang-text-id .intro strong,
#opleidingen-text-id .intro strong,
#openvoorwerk-text-id .intro strong,
#controlebeleid-text-id .intro strong,
#duurzaamondernemen-text-id .intro strong,
#arbeidskrachten-text-id .intro strong,
#trends-text-id .intro strong {
  font-size: inherit; }

#overvdab-text-id .mt0,
#bemiddelen-text-id .mt0,
#openvoorwerk-text-id .mt0 {
  margin-top: 0; }

#overvdab-text-id .mt1,
#onzemedewerkers-text-id .mt1,
#bemiddelen-text-id .mt1,
#opleidingen-text-id .mt1,
#openvoorwerk-text-id .mt1,
#duurzaamondernemen-text-id .mt1,
#trends-text-id .mt1 {
  margin-top: 1em; }

#view12 .intro-text {
  width: 420px; }

/* table */
table {
  font-size: smaller;
  width: 85%;
  margin-top: 1em;
  margin-left: 3em;
  border-collapse: collapse;
  border-width: thin;
  border-style: solid; }

table.big {
  width: 100%; }

table td, table th {
  padding: .75em 1em; }

table td {
  background-color: #fff;
  border: thin solid #ccc; }

table th {
  color: #fff;
  text-align: left; }

/* text */
table tr.center td {
  text-align: center; }

/* colors per thema */
#voorwoordtekst-id h1, #voorwoordtekst-id h2, #voorwoordtekst-id h3, #voorwoordtekst-id strong, #voorwoordtekst-id a,
#bemiddelen-text-id h1,
#bemiddelen-text-id h2,
#bemiddelen-text-id h3,
#bemiddelen-text-id strong,
#bemiddelen-text-id a,
#trends-text-id h1,
#trends-text-id h2,
#trends-text-id h3,
#trends-text-id strong,
#trends-text-id a {
  color: #004475; }
#voorwoordtekst-id .divider,
#bemiddelen-text-id .divider,
#trends-text-id .divider {
  background-color: #004475; }
#voorwoordtekst-id .box_darkblue h2, #voorwoordtekst-id .box_darkblue h3, #voorwoordtekst-id .box_darkblue strong,
#bemiddelen-text-id .box_darkblue h2,
#bemiddelen-text-id .box_darkblue h3,
#bemiddelen-text-id .box_darkblue strong,
#trends-text-id .box_darkblue h2,
#trends-text-id .box_darkblue h3,
#trends-text-id .box_darkblue strong {
  color: #fff; }
#voorwoordtekst-id ul li,
#bemiddelen-text-id ul li,
#trends-text-id ul li {
  list-style-image: url("images/list-style-type_darkblue.png"); }
#voorwoordtekst-id table,
#bemiddelen-text-id table,
#trends-text-id table {
  border-color: #004475; }
#voorwoordtekst-id table th,
#bemiddelen-text-id table th,
#trends-text-id table th {
  background-color: #004475;
  border-right: thin solid #fff; }

#overvdab-text-id h1, #overvdab-text-id h2, #overvdab-text-id h3, #overvdab-text-id strong, #overvdab-text-id a,
#loopbaanlang-text-id h1,
#loopbaanlang-text-id h2,
#loopbaanlang-text-id h3,
#loopbaanlang-text-id strong,
#loopbaanlang-text-id a,
#arbeidskrachten-text-id h1,
#arbeidskrachten-text-id h2,
#arbeidskrachten-text-id h3,
#arbeidskrachten-text-id strong,
#arbeidskrachten-text-id a {
  color: #FF8600; }
#overvdab-text-id .box_orange h2, #overvdab-text-id .box_orange h3, #overvdab-text-id .box_orange strong,
#loopbaanlang-text-id .box_orange h2,
#loopbaanlang-text-id .box_orange h3,
#loopbaanlang-text-id .box_orange strong,
#arbeidskrachten-text-id .box_orange h2,
#arbeidskrachten-text-id .box_orange h3,
#arbeidskrachten-text-id .box_orange strong {
  color: #fff; }
#overvdab-text-id ul li,
#loopbaanlang-text-id ul li,
#arbeidskrachten-text-id ul li {
  list-style-image: url("images/list-style-type_orange.png"); }
#overvdab-text-id table,
#loopbaanlang-text-id table,
#arbeidskrachten-text-id table {
  border-color: #FF8600; }
#overvdab-text-id table th,
#loopbaanlang-text-id table th,
#arbeidskrachten-text-id table th {
  background-color: #FF8600;
  border-right: thin solid #fff; }

#onzemedewerkers-text-id h1, #onzemedewerkers-text-id h2, #onzemedewerkers-text-id h3, #onzemedewerkers-text-id strong, #onzemedewerkers-text-id a,
#onzewerkgevers-text-id h1,
#onzewerkgevers-text-id h2,
#onzewerkgevers-text-id h3,
#onzewerkgevers-text-id strong,
#onzewerkgevers-text-id a,
#openvoorwerk-text-id h1,
#openvoorwerk-text-id h2,
#openvoorwerk-text-id h3,
#openvoorwerk-text-id strong,
#openvoorwerk-text-id a {
  color: #ea516d; }
#onzemedewerkers-text-id .box_pink h2, #onzemedewerkers-text-id .box_pink h3,
#onzewerkgevers-text-id .box_pink h2,
#onzewerkgevers-text-id .box_pink h3,
#openvoorwerk-text-id .box_pink h2,
#openvoorwerk-text-id .box_pink h3 {
  margin-top: inherit; }
#onzemedewerkers-text-id .box_pink h2, #onzemedewerkers-text-id .box_pink h3, #onzemedewerkers-text-id .box_pink strong, #onzemedewerkers-text-id .box_pink ul li,
#onzewerkgevers-text-id .box_pink h2,
#onzewerkgevers-text-id .box_pink h3,
#onzewerkgevers-text-id .box_pink strong,
#onzewerkgevers-text-id .box_pink ul li,
#openvoorwerk-text-id .box_pink h2,
#openvoorwerk-text-id .box_pink h3,
#openvoorwerk-text-id .box_pink strong,
#openvoorwerk-text-id .box_pink ul li {
  color: #fff; }
#onzemedewerkers-text-id .box_pink ul li,
#onzewerkgevers-text-id .box_pink ul li,
#openvoorwerk-text-id .box_pink ul li {
  list-style-image: url("images/list-style-type_white.png"); }
#onzemedewerkers-text-id ul li,
#onzewerkgevers-text-id ul li,
#openvoorwerk-text-id ul li {
  list-style-image: url("images/list-style-type_pink.png"); }
#onzemedewerkers-text-id table,
#onzewerkgevers-text-id table,
#openvoorwerk-text-id table {
  border-color: #ea516d; }
#onzemedewerkers-text-id table th,
#onzewerkgevers-text-id table th,
#openvoorwerk-text-id table th {
  background-color: #ea516d;
  border-right: thin solid #fff; }

#opleidingen-text-id h1, #opleidingen-text-id h2, #opleidingen-text-id h3, #opleidingen-text-id strong, #opleidingen-text-id a,
#intensief-text-id h1,
#intensief-text-id h2,
#intensief-text-id h3,
#intensief-text-id strong,
#intensief-text-id a {
  color: #006d76; }
#opleidingen-text-id .box_darkgreen h2, #opleidingen-text-id .box_darkgreen h3,
#intensief-text-id .box_darkgreen h2,
#intensief-text-id .box_darkgreen h3 {
  margin-top: inherit; }
#opleidingen-text-id .box_darkgreen h2, #opleidingen-text-id .box_darkgreen h3, #opleidingen-text-id .box_darkgreen strong, #opleidingen-text-id .box_darkgreen ul li,
#intensief-text-id .box_darkgreen h2,
#intensief-text-id .box_darkgreen h3,
#intensief-text-id .box_darkgreen strong,
#intensief-text-id .box_darkgreen ul li {
  color: #fff; }
#opleidingen-text-id .box_darkgreen strong,
#intensief-text-id .box_darkgreen strong {
  color: #fff; }
#opleidingen-text-id ul li,
#intensief-text-id ul li {
  list-style-image: url("images/list-style-type_darkgreen.png"); }
#opleidingen-text-id table,
#intensief-text-id table {
  border-color: #006d76; }
#opleidingen-text-id table th,
#intensief-text-id table th {
  background-color: #006d76;
  border-right: thin solid #fff; }

#controlebeleid-text-id h1, #controlebeleid-text-id h2, #controlebeleid-text-id h3, #controlebeleid-text-id strong, #controlebeleid-text-id a {
  color: #2d89cc; }
#controlebeleid-text-id .box_lightblue h2, #controlebeleid-text-id .box_lightblue h3, #controlebeleid-text-id .box_lightblue strong, #controlebeleid-text-id .box_lightblue ul li {
  color: #fff; }
#controlebeleid-text-id ul li {
  list-style-image: url("images/list-style-type_blue.png"); }
#controlebeleid-text-id table {
  border-color: #2d89cc; }
#controlebeleid-text-id table th {
  background-color: #2d89cc;
  border-right: thin solid #fff; }

#duurzaamondernemen-text-id h1, #duurzaamondernemen-text-id h2, #duurzaamondernemen-text-id h3, #duurzaamondernemen-text-id strong, #duurzaamondernemen-text-id a {
  color: #49b4aa; }
#duurzaamondernemen-text-id .box_green h2, #duurzaamondernemen-text-id .box_green h3, #duurzaamondernemen-text-id .box_green strong, #duurzaamondernemen-text-id .box_green ul li {
  color: #fff; }
#duurzaamondernemen-text-id ul li {
  list-style-image: url("images/list-style-type_green.png"); }
#duurzaamondernemen-text-id table {
  border-color: #49b4aa; }
#duurzaamondernemen-text-id table th {
  background-color: #49b4aa;
  border-right: thin solid #fff; }

/* colors */
.color_darkblue {
  color: #004475; }

.color_orange {
  color: #FF8600; }

.color_pink {
  color: #ea516d; }

.color_darkgreen {
  color: #006d76; }

.color_lightblue {
  color: #2d89cc; }

.color_green {
  color: #49b4aa; }

.color_yellow {
  color: #fcbd01; }

.color_lightpink {
  color: #f99; }

/* negative */
#overvdab-text-id .color_orange_neg, #opleidingen-text-id .color_darkgreen_neg {
  color: #fff;
  padding: 0 .5em;
  font-size: 1rem;
  font-weight: normal;
  width: 3em;
  display: inline-block;
  text-align: center; }

#overvdab-text-id .color_orange_neg {
  background-color: #FF8600; }

#opleidingen-text-id .color_darkgreen_neg {
  background-color: #006d76;
  margin: 0 .2em; }

/* box */
.box_darkblue, .box_orange, .box_pink, .box_darkgreen, .box_yellow, .box_lightblue, .box_green {
  margin: 1.5em 0 1.5em 2.5em;
  padding: 1rem 0;
  color: #fff;
  width: 85%; }

#bemiddelen-text-id .full {
  width: 100%; }

.box_orange {
  background-color: #FF8600; }

.box_pink {
  background-color: #ea516d; }

.box_darkgreen {
  background-color: #006d76; }

.box_yellow {
  background-color: #fcbd01; }

.box_yellow p {
  color: #e25910; }

.box_darkblue {
  background-color: #004475; }

.box_lightblue {
  background-color: #2d89cc; }

.box_green {
  background-color: #49b4aa; }

/* border box */
.box_border_darkblue {
  border: 1px solid #004475;
  margin: 1.5em 0 1.5em 2.5em;
  padding: .5em 0;
  width: 85%; }

/* space */
.add-bottom-xtra-small {
  margin-bottom: 40px; }

/* other */
.divider {
  height: 3px;
  width: 3rem;
  margin: 2.5rem 0;
  margin-left: 40px; }

/* mobile */
@media screen and (min-width: 64em) {
  .section img {
    margin-left: 40px;
    margin-top: 10px;
    max-width: 85%; } }
@media screen and (min-width: 40em) and (max-width: 64em) {
  .box_darkblue, .box_orange, .box_pink, .box_darkgreen, .box_yellow, .box_lightblue, .box_green {
    width: 100%; }

  .box_border_darkblue {
    width: 100%; }

  .box_darkblue p.inBox, .box_orange p.inBox, .box_pink p.inBox, .box_darkgreen p.inBox, .box_yellow p.inBox, .box_lightblue p.inBox, .box_green p.inBox,
  .box_border_darkblue p.inBox,
  .box_darkgreen ul.inBox {
    width: 88%;
    margin-left: 2em; }

  table {
    width: 100%; }

  /*   .sidebar_mobile #menu {
         margin-top: 6rem;
         margin-left: 3rem;
     }*/ }
/* end jaarverslag 2019 --------------------------------------------------------------------hp */
/* mobile */
@media screen and (max-width: 1024px) {
  .text p {
    width: 100%; }

  .intro_bg {
    position: absolute;
    background: url("images/intro_bg.png") no-repeat;
    /*display: block;*/
    display: none;
    height: 500px;
    width: 800px;
    right: -60px;
    bottom: 0px; }

  .section_bg {
    height: 500px; }

  .section_text_bg {
    display: none; }

  .intro-text {
    height: 150px;
    width: 350px;
    right: 30px;
    font-size: 55px; }

  .intro-text h1 {
    margin-left: 30px; }

  .sidebar {
    display: none; }

  .image-right {
    display: none; }

  .sidebar_mobile {
    background: white;
    display: block;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: absolute; }

  .sidebar_mobile #menu {
    margin-top: 0rem;
    margin-left: 5rem; }

  .sidebar_mobile #menu h1 {
    font-size: 7rem;
    margin-top: 0;
    margin-bottom: 1rem; }

  .sidebar_mobile #menu ul {
    list-style: none;
    padding: 0px 10px 10px 10px; }

  .sidebar_mobile #menu li {
    line-height: 40px; }

  .sidebar_mobile #menu ul li a {
    text-decoration: none;
    font-size: 16px;
    color: #6A707B; }

  .sidebar-mobile-button,
  .sidebar-mobile-button-close {
    position: absolute;
    z-index: 999;
    top: 20px;
    left: 25px; }

  .sidebar-mobile-button a {
    background: url("images/nav.svg") no-repeat;
    display: block;
    height: 30px;
    width: 30px;
    display: fixed;
    top: 10px;
    left: 10px;
    z-index: 9999; }

  .sidebar-mobile-button-close a {
    background: url("images/close.svg") no-repeat;
    display: block;
    height: 30px;
    width: 30px;
    display: fixed;
    top: 10px;
    left: 10px;
    z-index: 9999; }

  .section.full {
    width: 100% !important;
    margin-left: 0; }

  .section {
    margin-left: 10%;
    width: 100% !important; } }
.element-hidden {
  display: none; }

@media screen and (max-width: 400px) {
  .intro-text {
    left: 15px;
    right: 0;
    font-size: 30px; }

  .text .flexgrid .col-left {
    width: 80%; }

  .text h1 {
    font-size: 30px;
    width: 80%; } }
@media screen and (min-width: 1024px) {
  .fp-true {
    display: none; } }
/* mobile */
@media screen and (max-width: 650px) {
  .intro-text h1 {
    font-size: 30px;
    line-height: 30px !important; }

  .section p.intro {
    font-size: 18px; }

  .text p {
    width: 75%; }

  .section p {
    font-size: 14px;
    line-height: 20px; }

  #view1 {
    background-image: url("images/Intro_mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover; }

  #view2 {
    background-image: url("images/OverVDAB_mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }

  #view3 {
    background-image: url("images/OnzeMedewerkers_mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top; }

  #view4 {
    background-image: url("images/OnzeWerkgevers_mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }

  #view5 {
    background-image: url("images/Bemiddelen_mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }

  #view6 {
    background-image: url("images/IntensieveDienstverlening_mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }

  #view7 {
    background-image: url("images/LoopbaanLang_mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top; }

  #view8 {
    background-image: url("images/Opleidingen_mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }

  #view9 {
    background-image: url("images/OpenVoorWerk_mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }

  #view10 {
    background-image: url("images/Controlebeleid_mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top; }

  #view11 {
    background-image: url("images/DuurzaamOndernemen_mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover; }

  #view12 {
    background-image: url("images/Arbeidskrachten_mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover; }

  #view13 {
    background-image: url("images/Trends_mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; } }

/*# sourceMappingURL=jaarverslag.css.map */