@font-face {  font-family: 'tilburgsansblack';  src: url('../_font/tilburgsans-black-webfont.woff2') format('woff2'), url('../_font/tilburgsans-black-webfont.woff') format('woff');  font-weight: normal;  font-style: normal; font-display: swap; }
@font-face {  font-family: 'tilburgsansbold';  src: url('../_font/tilburgsans-bold-webfont.woff2') format('woff2'), url('../_font/tilburgsans-bold-webfont.woff') format('woff');  font-weight: normal;  font-style: normal; font-display: swap; }
@font-face {  font-family: 'tilburgsanslight';  src: url('../_font/tilburgsans-light-webfont.woff2') format('woff2'), url('../_font/tilburgsans-light-webfont.woff') format('woff');  font-weight: normal;  font-style: normal; font-display: swap; }
@font-face {  font-family: 'tilburgsansregular';  src: url('../_font/tilburgsans-regular-webfont.woff2') format('woff2'), url('../_font/tilburgsans-regular-webfont.woff') format('woff');  font-weight: normal;  font-style: normal; font-display: swap; }
@font-face {  font-family: 'tilburgsanspictregular';  src: url('../_font/tilburgsanspict-regular-webfont.woff2') format('woff2'), url('../_font/tilburgsanspict-regular-webfont.woff') format('woff');  font-weight: normal;  font-style: normal; font-display: swap; }
@font-face {  font-family: 'tilburgsanstextbold';  src: url('../_font/tilburgsanstext-bold-webfont.woff2') format('woff2'), url('../_font/tilburgsanstext-bold-webfont.woff') format('woff');  font-weight: normal;  font-style: normal; font-display: swap; }
@font-face {  font-family: 'tilburgsanstextitalic';  src: url('../_font/tilburgsanstext-italic-webfont.woff2') format('woff2'), url('../_font/tilburgsanstext-italic-webfont.woff') format('woff');  font-weight: normal;  font-style: normal; font-display: swap; }
@font-face {  font-family: 'tilburgsanstextlight';  src: url('../_font/tilburgsanstext-light-webfont.woff2') format('woff2'), url('../_font/tilburgsanstext-light-webfont.woff') format('woff');  font-weight: normal;  font-style: normal; font-display: swap; }
@font-face {  font-family: 'tilburgsanstextregular';  src: url('../_font/tilburgsanstext-regular-webfont.woff2') format('woff2'), url('../_font/tilburgsanstext-regular-webfont.woff') format('woff');  font-weight: normal;  font-style: normal; font-display: swap; }
@font-face {  font-family: 'fontello';  src: url('../_font/fontello.eot?55751161');  src: url('../_font/fontello.eot?55751161#iefix') format('embedded-opentype'), url('../_font/fontello.woff2?55751161') format('woff2'), url('../_font/fontello.woff?55751161') format('woff'), url('../_font/fontello.ttf?55751161') format('truetype'), url('../_font/fontello.svg?55751161#fontello') format('svg');  font-weight: normal;  font-style: normal; font-display: swap; }

 [class^="icon-"]:before, [class*=" icon-"]:before {font-family: "fontello", sans-serif;font-style: normal;font-weight: normal;speak: never;display: inline-block;text-decoration: inherit;width: 1em;color: #eb5f5b;margin-right: .2em;margin-top: 10px;text-align: center; /* opacity: .8; *//* For safety - reset parent styles, that can break glyph codes*/font-variant: normal;text-transform: none; /* fix buttons height, for twitter bootstrap */line-height: 1em; /* Animation center compensation - margins should be symmetric *//* remove if not needed */margin-left: 0em; /* you can be more comfortable with increased icons size */font-size: 150%; /* Font smoothing. That was taken from TWBS */-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect *//* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */}
 
.icon-info-circled:before { content: '\e800'; } /* '' */
.icon-chat:before { content: '\e801'; } /* '' */
.icon-home:before { content: '\e802'; } /* '' */
.icon-phone:before { content: '\e803'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-rss:before { content: '\f09e'; } /* '' */
.icon-menu:before { content: '\f0c9'; color: #fff; margin-top: 0; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-linkedin:before { content: '\f0e1'; } /* '' */
.icon-circle:before { content: '\f111'; } /* '' */
.icon-rss-squared:before { content: '\f143'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-tumblr:before { content: '\f173'; } /* '' */
.icon-tumblr-squared:before { content: '\f174'; } /* '' */
.icon-facebook-official:before { content: '\f230'; } /* '' */
.icon-twitter-squared:before { content: '\f304'; } /* '' */
.icon-facebook-squared:before { content: '\f308'; } /* '' */
.icon-linkedin-squared:before { content: '\f30c'; } /* '' */

html, body { width: 100%; margin: 0 auto; }
body { font-family: 'tilburgsanstextregular', sans-serif; font-size: 20px; color: #000; line-height: 30px; }

.home .plaatje { background-repeat: no-repeat; height: 500px; position: absolute; width: 100%; top: 0; background-size: cover; background-position: center center; }
.vervolg .plaatje { background-repeat: no-repeat; height: 300px; position: absolute; width: 100%; top: 0; background-size: cover; background-position: center center; }
.webp .home .plaatje, .webp .vervolg .plaatje {  background-image: url('/_img/achtergrondbalk.webp');}
.no-webp .home .plaatje { background-image: url('/_img/achtergrondbalk.jpg'); height: 72vh; } 
.no-webp .vervolg .plaatje { background-image: url('/_img/achtergrondbalk.jpg'); height: 37vh; }


hr { border: 1px solid #eb5f5b; }

A:hover { text-decoration: none; }

.wittebalk { background-color: rgba(255,255,255,.95); height: auto; }
.home .wittebalk { margin-top: 3rem; }
.vervolg .wittebalk { margin-top: 0.5rem; }

header { z-index: 1; top: 0; position: relative; }

.dienstenbalk { background-color: #eb5f5b; margin-top: 5.5rem!important; }
.dienstenbalk A { font-family: 'tilburgsansbold', sans-serif; font-size: 25px; color: #fff; margin: 0 30px; }
.dienstenbalk A.active, .dienstenbalk A:hover  { color: #004f53; }

/* NAVIGATIE */
.navbar-brand { z-index: 1; top: 12px; }
A.nav-link { margin-left: 15px; font-family: 'tilburgsanstextregular', sans-serif; color: #004f53; font-size: 18px; padding: 0; }
A:hover.nav-link,
.active A.nav-link { color: #eb5f5b; font-family: 'tilburgsanstextregular', sans-serif; }

.navbar-toggler { background-color: #004f53; }

.breadcrumb { background-color: #fff; border-radius: 0; padding: 0rem 1rem; }
.vervolg .breadcrumb { margin-top: 38px; }
.breadcrumb-item A { color: #004f53; font-family: 'tilburgsanstextregular', sans-serif; font-size: 17px; text-transform: lowercase; }
.breadcrumb-item A:hover, .breadcrumb-item.active { font-family: 'tilburgsanstextregular', sans-serif; color: #eb5f5b; font-size: 17px; text-transform: lowercase; }

/* INTROBLOK */
.introblok { background-color: rgba(255,255,255,.9); border-radius: 25px; }
.introblok H1 { font-family: 'tilburgsansbold', sans-serif; font-size: 32px; color: #004f53; padding-bottom: 30px; }
.introblok P { font-family: 'tilburgsanstextbold', sans-serif; font-size: 20px; color: #004f53; line-height: 30px; margin: 0; }
.introblok A { color: #eb5f5b; }
.foto { border-radius: 50%; }

.home .middenblok { padding-top: 60px; }
.vervolg .middenblok { border-radius: 25px; }
.contentfoto { margin-top: -25px; border-radius: 25px; }
.fotorechts { border-radius: 50%; }

/* BUTTONS */
.btn { padding: .375rem 1.75rem; font-family: 'tilburgsansbold', sans-serif; font-size: 25px; }
.btn-primary { background-color: #eb5f5b; border: 2px solid #eb5f5b; color: #fff !important; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle, .btn-primary:hover, .btn-primary.focus, .btn-primary:focus { background-color: #fff; color: #eb5f5b !important; border: 2px solid #eb5f5b; }
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus, .btn-primary.focus, .btn-primary:focus { box-shadow: 0 0 0 0.2rem rgba(235,95,91,.5);  }

/* CONTENT */
.content.home { border: 1px solid #eb5f5b; border-radius: 25px; }
.content H1 { font-family: 'tilburgsansbold', sans-serif; font-size: 32px; color: #004f53; padding-bottom: 30px; }
.content H2, .rechterkolom H2 { font-family: 'tilburgsansbold', sans-serif; font-size: 24px; color: #004f53; }
.content P, .rechterkolom P { font-family: 'tilburgsanstextregular', sans-serif; font-size: 20px; color: #000; line-height: 30px; margin: 0; padding: 0 0 30px; }
.content A, .rechterkolom A { color: #eb5f5b; }
.content UL { list-style: none; margin: 0 0 20px -39px; }
.content OL { margin: 0 0 20px -40px; padding-inline-start: 60px; }
.content OL LI { padding: 0 0 0 2px; }
.content UL LI { padding: 0 0 0 30px; }
.content UL LI, .content OL LI { background-repeat: no-repeat; background-position: 0 13px; font-family: 'tilburgsanstextregular'; font-size: 20px; color: #000; line-height: 30px; }
.home .content UL LI { background-image: url(/_img/dot-opsomming.png); }
.vervolg .content UL LI { background-image: url(/_img/dot-opsomming-rood.png); }



/* CARD */
.card { border: none; border-radius: 1rem; }
.card-img, .card-img-top { border-top-left-radius: calc(1rem - 1px); border-top-right-radius: calc(1rem - 1px); }
.card-body { background-color: #eb5f5b; border-bottom-left-radius: calc(1rem - 1px); border-bottom-right-radius: calc(1rem - 1px); }
.card H3 { font-family: 'tilburgsansbold', sans-serif; font-size: 32px; color: #fff; padding-bottom: 0px; }
.card P { font-family: 'tilburgsanstextregular', sans-serif; font-size: 22px; color: #000; line-height: 30px; padding: 0; margin: 0; }
.card A { font-family: 'tilburgsanstextbold', sans-serif; color: #fff; font-size: 22px; padding: 0; margin: 0; }

/* BLOG */
.blogitem { border-radius: 25px; }
.blogitem H3 { font-family: 'tilburgsansregular', sans-serif; font-size: 20px; color: #004f53; padding-bottom: 20px; }
.blogitem P { font-family: 'tilburgsansbold', sans-serif; font-size: 23px; color: #fff; padding-bottom: 0; }
.blogitem A { font-family: 'tilburgsansbold', sans-serif; font-size: 23px; color: #004f53; padding-bottom: 0; }

.blogcategorie { height: 200px; }
.blogitem .blogtekst { background-color: #eb5f5b; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; }

.border { border: 1px solid #eb5f5b !important; }

.plaatje-nieuws { background-image: url(/_img/_icons/nieuws.svg); background-repeat: no-repeat; width: 45px; height: 60px; background-size: contain; }
.plaatje-boeken { background-image: url(/_img/_icons/boeken.svg); background-repeat: no-repeat; width: 45px; height: 60px; background-size: contain; }
.plaatje-links { background-image: url(/_img/_icons/links.svg); background-repeat: no-repeat; width: 45px; height: 60px; background-size: contain; }
.plaatje-blog { background-image: url(/_img/_icons/blog.svg); background-repeat: no-repeat; width: 45px; height: 60px; background-size: contain; }
.plaatje-ziekwerk { background-image: url(/_img/_icons/ziekwerk.svg); background-repeat: no-repeat; width: 45px; height: 60px; background-size: contain; }
.plaatje-stressburnout { background-image: url(/_img/_icons/stressburnout.svg); background-repeat: no-repeat; width: 45px; height: 60px; background-size: contain; }

/* QUOT */
.quotteken { font-family: 'tilburgsansblack', sans-serif; font-size: 72px; color: #004f53; }
.quotteken.links { -moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); -o-transform:rotate(-180deg); transform:rotate(-180deg); position: relative; }
P.quot { font-family: 'tilburgsansbold', sans-serif; font-size: 30px; line-height: 40px; color: #eb5f5b; padding: 0; margin: 0; }

/* FOOTER */
footer { background-repeat: no-repeat; background-size: cover; font-family: 'tilburgsanstextregular', sans-serif; color: #004f53; font-size: 16px; padding: 0 0 10px 0; margin: 0; }
.webp footer {  background-image: url('/_img/achtergrondbalk.webp'); }
.no-webp footer {  background-image: url('/_img/achtergrondbalk.jpg'); }

footer A { color: #eb5f5b; }
footer A:hover { font-family: 'tilburgsanstextbold', sans-serif; text-decoration: none; color: #eb5f5b; }
footer H2 { font-family: 'tilburgsanstextbold', sans-serif; color: #004f53; font-size: 22px; padding: 0; margin: 0; }
footer H3 { font-family: 'tilburgsanstextbold', sans-serif; color: #004f53; font-size: 18px; padding: 0; margin: 0; }
footer .navbar-brand { margin-right: 0; padding: 0; }
footer .socialmedia A:hover:before { color: #004f53; }

.menu A { color: #004f53; margin: 0 0 0 5px; }
.menu A:hover { color: #eb5f5b; font-family: 'tilburgsanstextregular', sans-serif; }

.verklaringen A { color: #004f53; font-size: 14px; }
.verklaringen A:hover { color: #eb5f5b; font-family: 'tilburgsanstextregular', sans-serif; }

.diensten A { font-family: 'tilburgsansbold', sans-serif; font-size: 18px; color: #eb5f5b; padding: 0; margin: 0; margin: 0 0 0 20px; }
.diensten A:hover { font-family: 'tilburgsansbold', sans-serif; color: #004f53; }

.inspiratiebalk { background-color: rgba(0,79,83,.9); }
.inspiratiebalk H3 { font-family: 'tilburgsansbold', sans-serif; font-size: 32px; line-height: 37px; color: #fff; padding: 0; margin: 0; }
.inspiratiebalk H2 { font-family: 'tilburgsansbold', sans-serif; font-size: 25px; line-height: 30px; color: #eb5f5b; padding: 0; margin: 0; }
.inspiratiebalk P { font-family: 'tilburgsanstextregular', sans-serif; font-size: 20px; line-height: 25px; color: #fff; padding: 0; margin: 0; }
.inspiratiebalk A { font-family: 'tilburgsanstextregular', sans-serif; font-size: 20px; line-height: 25px; color: #eb5f5b; padding: 0; margin: 0; }

.footerbalk { background-color: rgba(255,255,255,.95); }

.dankzij P { font-family: 'tilburgsanstextregular', sans-serif; color: #999; font-size: 14px; line-height: 19px; }
.dankzij A { font-family: 'tilburgsanstextbold', sans-serif; color: #999; }
.dankzij A:hover { text-decoration: none; color: #eb5f5b; }

/* ADMIN */
#admindiv { background-color: rgba(255, 255, 255, 0.8); position:fixed; border:1px solid #000; width : 250px; top : 100px; right: 20px; z-index: 9999; font-size: 1rem; line-height: 1.2rem }
#admindiv .header { padding: 3px 5px; background-color:#e32322; color:#FFF; font-weight:bold; background-image : url(/_images/generic/sitemanager.png); background-repeat : no-repeat; background-position : top 1px right 2px; border-bottom : 1px solid #000; }
#admindiv .header SPAN A { color:#FFF; font-weight:bold; text-decoration : none; }
#admindiv .body { padding:5px; color : #000; }
#admindiv .body A { color : #000; font-weight : bold; }
#admindiv .body LI { list-style: none; }
.edit { color : #000; position : absolute; margin-left: -20px; margin-top: -20px; }
span.editbtn { position : absolute; width : 22px; height : 11px; margin: 0; padding: 0; margin-left: -12px !important; margin-top: -12px !important; display : inline !important; }

@media (min-width: 576px) {  

.introblok P { line-height: 40px; }
header { position: sticky; }
.vervolg .plaatje {  height: 260px  }
.contentfoto { margin-top: -75px; }

}

@media (min-width: 768px) { 
.dienstenbalk { margin-top: 1.5rem!important; }
}