/* cmsms stylesheet: buddy013_v1.0.1-Blog modified: maandag 26 oktober 2026 15:10:25 */
/* Team================================================== */.team-member {position: relative;transition: all ease-in 0.2s;display: flex;flex-direction: column;align-items: stretch;width: 100%;padding: 30px;}.team-member:after {content: "";position: absolute;z-index: 4;transition: all ease-in-out 0.2s;height: 58px;width: 58px;top: 40px;left: 0;opacity: 0;font-family: FontAwesome;font-weight: normal;font-size: 1.8rem;line-height: 58px;content: "\f2bb";color: var(--color2-hex-color);background-color: white;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;text-align: center;}.team-member:hover {box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);cursor: pointer;z-index: 2;}.team-member:hover .team-member__name {color: var(--color2-hex-color);}.team-member:hover .member-image--hover {opacity: 1;}.team-member:hover:after {left: 40px;opacity: 1;}.team-member__click {position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 6;}.team-member__image {position: relative;width: 100%;transition: all ease-in 0.2s;overflow: hidden;}.team-member__image img {width: 100%;height: auto;display: block;transition: all ease-in 0.2s;}.team-member__image img.member-image--main {z-index: 1;}.team-member__image img.member-image--hover {position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 2;opacity: 0;}.team-member__description {background-color: #fff;text-align: center;padding: 10px 0 10px;}.team-member__name {font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;font-weight: 600;font-size: 1.1rem;margin-bottom: 0;}.team-member__title {display: inline-block;padding-top: 8px;font-family: 'Source Sans 3', Arial, Helvetica, sans-serif;font-size: 0.9rem;opacity: 0.6;}.team-modal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;pointer-events: none;opacity: 0;transition: opacity ease-in-out 0.2s;z-index: 1001;}.team-modal:target {pointer-events: all;opacity: 1;}.team-modal.open {pointer-events: all;padding-right: 17px;overflow-x: hidden;overflow-y: auto;opacity: 1;}.team-modal:hover {cursor: pointer;}.team-modal__backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;opacity: 0;transition: opacity ease-in-out 0.2s;background-color: white;opacity: .7;z-index: 1000;pointer-events: all;display: none;}.team-modal__inner {position: absolute;display: flex;flex-direction: column;width: 100%;max-width: 900px;height: 100vh;max-height: none;align-content: stretch;line-height: 1.8;top: 50%;left: 50%;cursor: default;transform: translateX(-50%) translateY(-50%);box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.25);background: white;}.team-modal__image {max-height: 40vh;width: 100%;text-align: center;background: #f2f2f2;margin: 0;overflow: hidden;}.team-modal__image img {max-width: 100%;}.team-modal__text-content {width: 100%;max-height: 60vh;padding: 30px 20px 20px 20px;display: flex;flex-direction: column;}.team-modal__text-content .team-modal__header {flex-grow: 0;flex-shrink: 0;margin-bottom: 16px;}.team-modal__text-content .team-modal_body-text {font-family: 'Source Sans 3', Arial, Helvetica, sans-serif;font-size: 1rem;line-height: 160%;flex-grow: 1;overflow-x: hidden;overflow-y: auto;padding-right: 10px;}.team-modal__text-content .team-modal_body-text p {margin-bottom: 16px;}.team-modal__text-content .team-modal__name {font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;font-size: 1.5rem;text-transform: none;line-height: 100%;margin: 0 0 10px 0;padding: 0;font-weight: 700;}.team-modal__text-content .team-modal_title {font-family: 'Source Sans 3', Arial, Helvetica, sans-serif;font-size: 1rem;font-weight: 400;line-height: 140%;opacity: 0.6;margin: 0 0 10px 0;}.team-modal__text-content .team-modal_lang {font-family: 'Source Sans 3', Arial, Helvetica, sans-serif;font-size: 0.9rem;font-weight: 400;opacity: 0.6;margin: 0;}.team-modal__close {position: absolute;text-decoration: none;height: 36px;width: 36px;border-radius: 50%;z-index: 2;top: 18px;right: 18px;background-color: rgba(0, 0, 0, 0.1);opacity: 0.6;transition: opacity ease-in-out 0.2s;}.team-modal__close .icon__close {display: block;height: 100%;width: 100%;background-image: url(https://www.stras.nl/uploads/designs/tpl-buddy-013_v1.0.1/icon__close.svg);background-repeat: no-repeat;background-size: 100%;opacity: 0.4;}.team-modal__close:hover {opacity: 0.8;}.team-modal__close:hover .icon__close {opacity: 0.6;}.team-modal__close:active {opacity: 1;}.team-modal__close:active .icon__close {opacity: 0.8;}.team-modal__close-overlay {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: #fff;opacity: 0.7;cursor: pointer;transition: opacity ease-in-out 0.2s;}.team-modal__close-overlay:hover {opacity: 0.6;}/* Services================================================== */.services {max-width: 880px;width: 100%;margin: 0 auto;margin-top: 30px;}.services__item {display: flex;flex-direction: column;align-items: flex-start;margin-bottom: 60px;}.services__media {width: 200px;margin: 0 auto;flex-shrink: 0;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;min-height: 140px;border-radius: 20px;margin-top: 12px;}.services__icon {width: 108px;height: 108px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin: 0 auto;text-align: center;margin-bottom: 10px;border: 2px solid var(--color2-hex-color);padding: 6px;}.services__icon i.fa {display: block;width: 100%;height: 100%;font-size: 2.6rem;line-height: 94px;color: white;border-radius: 50%;background-color: var(--color2-hex-color);background-image: url(https://www.stras.nl/uploads/designs/tpl-buddy-013_v1.0.1/iconbg.svg);background-position: center center;background-size: 100% 100%;}.services__item-content {flex-grow: 1;flex-shrink: 1;padding: 0;}.services__item-content h3 {font-size: 1.6rem;margin-bottom: 10px;font-weight: 400;color: var(--color2-hex-color);text-align: center;}.services__item-content p {margin-bottom: 20px;}.services__item-label {font-weight: 600;}.services__item ul {margin: 0 0 20px 0;padding: 0;list-style: none;}.services__item li {margin-bottom: 6px;position: relative;padding-left: 20px;}.services__item li::before {content: " ";position: absolute;left: 0;top: 8px;height: 12px;width: 12px;border-radius: 50%;border: 3px solid var(--color2-hex-color);}/*** Social icons footer ***/.social-icons {display: flex;justify-content: center; /*flex-end;*/align-items: center;flex-direction: column;}@media (min-width: 576px) {.social-icons {flex-direction: row;}}a.social-icon {width: 32px;height: 32px;border: none;color: #666;border-radius: 2px;display: flex;align-items: center;justify-content: center;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}a.social-icon:hover {border: none;}a.social-icon:hover .fa {color: #fff;}a.social-icon:hover.facebook { background-color: #3B5998; }a.social-icon:hover.twitter { background-color: #00ACEE; }a.social-icon:hover.google { background-color: #DD4B39; }a.social-icon:hover.pinterest { background-color: #C8232C; }a.social-icon:hover.vimeo { background-color: #86C9EF; }a.social-icon:hover.rss { background-color: #EE802F; }a.social-icon:hover.linkedin { background-color: #0E76A8; }a.social-icon:hover.yahoo { background-color: #720E9E; }a.social-icon:hover.git { background-color: #171515; }/* CGBlog================================================== */.CGBlogGrid {display: grid;grid-template-columns: 1fr;grid-gap: 30px;}.CGBlogSummary {background-color: #fff;}section.green .CGBlogSummary{border-top-color: var(--lgreen-bg-color);border-left-color: var(--lgreen-bg-color);border-right-color: var(--lgreen-bg-color);border-bottom-color: rgba(66, 176, 219, 1); /* #42b0db; */}.CGBlogSummary.CGBlogActive,.CGBlogSummary:hover {cursor: pointer;border-bottom-color: #fff !important;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16);}.CGBlogSummary.CGBlogActive,.CGBlogSummary.CGBlogActive a {cursor: default !important;pointer-events: none;}.CGBlogSummaryLink h4 {font-size: 1.5rem;margin: 10px 0;}.CGBlogSummaryLink h4 a {color: #333;}.CGBlogSummary.CGBlogActive .CGBlogSummaryLink h4 a,.CGBlogSummary:hover .CGBlogSummaryLink h4 a {text-decoration: none;color: var(--color2-hex-color);}.CGBlogSummary.CGBlogActive .CGBlogSummaryLink h4 a{cursor: default;}.CGBlogSummaryField {position: relative;text-align: center;}.CGBlogSummaryField img {width: 100%;}.CGBlogSummaryField .image-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,0);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;opacity:0;overflow:hidden;}.CGBlogSummary.CGBlogActive .CGBlogSummaryField .image-overlay,.CGBlogSummary:hover .CGBlogSummaryField .image-overlay {opacity:1;background-color: rgba(255,255,255,.7);}.CGBlogSummaryField .image-overlay .overlay-icon {width:70px;height:70px;display:block;border-radius: 50%;opacity:0;background-color: var(--color2-hex-color);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;position: absolute;top: -70px;left: 50%;margin-left: -35px;margin-top: 0;}.CGBlogSummary:not(.CGBlogActive):hover .CGBlogSummaryField .image-overlay .overlay-icon {opacity:0.85;top: 50%;margin-top: -35px;}.CGBlogSummaryField .image-overlay .overlay-icon i {font-size: 1.8rem;color:white;margin: 20px 0 0 2px;}.CGBlogSummaryInfo {padding: 10px 0 0;overflow: hidden;line-height: 120%;}.CGBlogSummaryPostdate,.CGBlogSummaryCategory,.CGBlogSummaryAuthor,.CGBlogSummaryComments {font-size: 0.9rem;font-family: 'Crete Round', serif;color: #aaa;display: inline-block;margin-right: 10px;}.CGBlogDetailInfo .fa {margin-right: 4px;}.CGBlogGrid .CGBlogSummaryCategory {position: absolute;top:-15px;right:0;}.CGBlogDetailInfo .CGBlogSummaryPostdate .badge,.CGBlogDetailInfo .CGBlogSummaryCategory .badge {font-weight: 100;font-size: 100%;}.CGBlogDetailInfo .CGBlogSummaryPostdate .badge.badge-light,.CGBlogDetailInfo .CGBlogSummaryCategory .badge.badge-light {color: #212529;background-color: #eee;}/* CGBlog main blog page */.blog .CGBlogSummary {margin-bottom: 40px;border-bottom: 2px solid rgba(66, 176, 219, 1); /* #42b0db; */}.blog .CGBlogSummary.CGBlogImagesOnly .CGBlogSummaryField {margin-bottom: 15px;}.blog p + .CGBlogSummary {margin-top: -30px;}.blog .CGBlogSummarySummary {margin: 20px 0 30px 0;}.blog .CGBlogSummarySummary.CGBlogSummarySummaryCompact {margin: 0 0 20px 0;height: 70px;overflow: hidden;block-overflow: ellipsis;max-lines: 3;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}/*.blog .CGBlogSummarySummary.CGBlogSummarySummaryCompact .readmore {background: linear-gradient(transparent, rgba(255,255,255,.75) 40%, #fff 120%, #fff);content: "";height: 80%;display: block;width: 100%;position: absolute;bottom: 0;left: 0;}*/.blog .CGBlogSummarySummary p {line-height: 140%;font-size: 1rem;}.blog .CGBlogSummarySummary p:last-child {margin-bottom: 0;}.blog .CGBlogSummaryLink h4 {font-size: 1.3rem;line-height: 120%;font-weight: 600;}.blog .CGBlogGrid--grid-3 .CGBlogSummaryLink h4 {font-size: 1rem;}.blog .CGBlogSummaryInfo {padding: 0;}.blog .CGBlogSummaryField {margin-bottom: 30px;}.blog section.mainContent {padding: 40px 0;}.browsecat {margin-bottom: 30px;}.browsecat ul {list-style-type: none;margin: 0;padding-left: 20px;line-height: 200%;}.browsecat > ul {margin: 0;padding: 0;}.browsecat ul li {padding: 0;}.browsecat h4 {font-size: 1.1rem;}@media (min-width: 576px) {.CGBlogSummaryLink {min-height: 60px;}}/* Blog detail page */.blog h3.CGBlogPostDetailTitle {font-size: 2.3rem;font-weight: 400;padding-bottom: 12px;line-height: 130%;margin: 30px 0 0;}.blog .CGBlogPostDetailSummary {margin-bottom: 30px;font-weight: 600;}.blog .CGBlogPostDetailSummary p:last-child {margin-bottom: 0;}.blog .CGBlogDetailInfo {margin: 0 0 20px 0;overflow: hidden;}.blog .CGBlogDetailField {margin-bottom: 30px;}.blog .CGBlogDetailField img {width: 100%;}.blog .CGBlogPostDetailContent {margin-bottom: 30px;}.blog .CGBlogPostDetailContent h3 {margin-bottom: 10px;}.blog .prevblogarticle {float: left;}.blog .nextblogarticle {float: right;}.blog-pagination {text-align: center;padding: 0;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;overflow: hidden;}.blog-pagination span {width: 30px;height: 30px;}.blog-pagination span a,.blog-pagination span.first-nolink,.blog-pagination span.prev-nolink,.blog-pagination span.next-nolink,.blog-pagination span.last-nolink {color: #fff;position: relative;width: 30px;height: 30px;display: inline-block;}.blog-pagination .left {float: left;}.blog-pagination .right {float: right;}.blog-pagination span a:hover {color: #fff;}.blog-pagination span a:before,.blog-pagination span.first-nolink:before,.blog-pagination span.prev-nolink:before,.blog-pagination span.next-nolink:before,.blog-pagination span.last-nolink:before {position: absolute;top: 0px;left: 6px;font: normal normal normal 14px/1 FontAwesome;font-size: 1.5rem;text-rendering: auto;-webkit-font-smoothing: antialiased;color: #ddd;}.blog-pagination span a:before {color: #666;}.blog-pagination span a:hover:before {color: var(--color2-hex-color);}.blog-pagination span.prev a:before,.blog-pagination span.prev-nolink:before {content: "\f104";}.blog-pagination span.first a:before,.blog-pagination span.first-nolink:before {content: "\f100";}.blog-pagination span.next a:before,.blog-pagination span.next-nolink:before {content: "\f105";}.blog-pagination span.last a:before,.blog-pagination span.last-nolink:before {content: "\f101";}.CGBlogSummaryComments {margin-bottom: 0;}.CGBlogSummaryComments.home {color: #666;}.CGBlogSummaryComments .feedback_ratings_item {display: inline-block;margin-right: 10px;color: #aaa;}.CGBlogSummaryComments .feedback_ratings_item .fa {color: var(--color2-hex-color);opacity: 0.8;}.CGBlogSummaryComments > div {display: inline-block;}/* CGFeedback - comments================================================== */.cgfeedback_addcomment fieldset {margin: 40px 0;}.cgfeedback_addcomment fieldset legend {border: none;font-weight: 400;}.cgfeedback_addcomment .row {margin-bottom: 12px;}.cgfeedback_addcomment label {font-weight: 600;}.cgfeedback_addcomment input[type="text"],.cgfeedback_addcomment input[type="email"],.cgfeedback_addcomment input[type="password"],.cgfeedback_addcomment textarea {display: block;width: 100%;height: 40px;padding: 6px 12px;font-size: 0.9rem;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 3px;-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}.cgfeedback_addcomment input:focus,.cgfeedback_addcomment textarea:focus,.cgfeedback_addcomment select:focus,.cgfeedback_addcomment checkbox:focus {border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}.cgfeedback_addcomment textarea {min-height: 240px;overflow: auto;}.cgfeedback_summary_item {border-bottom: 1px solid #ccc;padding: 25px 0;}.cgfeedback_summary_item .row {padding: 1px 0;}.cgfeedback_summary_item .row:last-child {margin-top: 14px;}.cgfeedback_summary_item .title {font-weight: 600;margin-right: 12px;}.cgfeedback_summary_item .fa {color: var(--color2-hex-color);opacity: 0.8;}/* News================================================== */.NewsSummary {margin-bottom: 30px;}.NewsSummaryLink h4 {font-size: 1.5rem;line-height: 120%;font-weight: 600;}.NewsSummaryLink a {color: #333;}.NewsSummaryLink a:hover {text-decoration: none;color: var(--color2-hex-color);}.NewsSummaryPostdate, .NewsSummaryCategory, .NewsSummaryAuthor,.NewsPostDetailDate, .NewsPostDetailCategory, .NewsPostDetailAuthor {font-size: 0.9rem;font-family: 'Crete Round', serif;color: #aaa;display: inline-block;margin-right: 14px;}.NewsSummarySummary p,.NewsPostDetailSummary p {margin: 10px 0 15px 0;}.NewsSummaryMorelink a {font-weight: 600;}h3 + .NewsSummary {margin-top: 20px;}.NewsPostDetailSummary {font-weight: 600;}.NewsSummaryField, .NewsDetailField {margin-bottom: 30px;}/* Footer News */.footer-big .NewsSummary {margin-bottom: 0;}.footer-big .NewsSummary + .NewsSummary {margin-top: 20px;}.footer-big .NewsSummary a {color: #aaa;font-size: 0.9rem;font-weight: 600;border-bottom: 1px dotted #666;line-height: 1.4;}.footer-big .NewsSummary a:hover {color: #eee;border-bottom: 1px dotted #eee;}.footer-big .NewsSummaryPostdate {color: #777;margin-top: 6px;}/*** Media Queries================================================== *//* Extra small devices (portrait phones, less than 576px)No media query for `xs` since this is the default in Bootstrap  *//* sm : Small devices (landscape phones, 576px and up) */@media (min-width: 576px) {.team-modal__inner {flex-direction: row;width: 80%;height: 92vh;}.team-modal__image {max-height: 100%;width: 100%;text-align: center;}.team-modal__text-content {width: 100%;max-height: 100%;padding: 40px;}.team-modal__image img {max-width: 100%;height: 100%;object-fit: cover;}}/* md : Medium devices (tablets, 768px and up)*/@media (min-width: 768px) {.CGBlogGrid--grid-2 .CGBlogGrid {grid-template-columns: 1fr 1fr;}.team-modal__inner {flex-direction: column;width: 80%;max-height: none;height: 92vh;}.team-modal__image {max-height: 52vh;width: 100%;text-align: center;}.team-modal__image img {height: auto;object-fit: initial;}.team-modal__text-content {width: 100%;max-height: 40vh;padding: 40px;}.team-modal__text-content .team-modal__name {font-size: 1.6rem;}.team-modal__text-content .team-modal_title {font-size: 1.1rem;}.services__item {flex-direction: row;margin-bottom: 100px;}.services__item:nth-child(even) {flex-direction: row-reverse;}.services__item:last-child {margin-bottom: 60px;}.services__item-content {padding: 0 40px;}.services__item-content h3 {text-align: left;}.services__media {min-height: 160px;}.services__icon {width: 158px;height: 158px;margin-bottom: 25px;border: 2px solid var(--color2-hex-color);padding: 6px;}.services__icon i.fa {font-size: 4.5rem;line-height: 142px;}}/* lg : Large devices (desktops, 992px and up) */@media (min-width: 992px) {.blog .CGBlogGrid--grid-2 .CGBlogSummaryLink h4,.blog .CGBlogGrid--grid-3 .CGBlogSummaryLink h4,.blog .CGBlogGrid--grid-4 .CGBlogSummaryLink h4 {font-size: 1.2rem;}.CGBlogGrid--grid-3 .CGBlogGrid {grid-template-columns: 1fr 1fr 1fr;}.CGBlogGrid--grid-4 .CGBlogGrid {grid-template-columns: 1fr 1fr 1fr 1fr;}.team-modal__inner {flex-direction: row;width: 90%;max-height: 560px;}.team-modal__image {width: 50%;max-height: inherit;}.team-modal__text-content {width: 50%;padding: 50px 40px 50px 50px;max-height: 100%;}}