/* Minify_CSS_UriRewriter::$debugText

docRoot    : /data/sites/web/bcnsnl/www
currentDir : /data/sites/web/bcnsnl/www/css/stationary

*/

/* reset.css */

/* 1   */ html, body, div, span, applet, object, iframe,
/* 2   */ h1, h2, h3, h4, h5, h6, p, blockquote, pre,
/* 3   */ a, abbr, acronym, address, big, cite, code,
/* 4   */ del, dfn, em, img, ins, kbd, q, s, samp,
/* 5   */ small, strike, strong, sub, sup, tt, var,
/* 6   */ b, u, i, center,
/* 7   */ dl, dt, dd, ol, ul, li,
/* 8   */ fieldset, form, label, legend,
/* 9   */ table, caption, tbody, tfoot, thead, tr, th, td,
/* 10  */ article, aside, canvas, details, embed,
/* 11  */ figure, figcaption, footer, header, hgroup,
/* 12  */ menu, nav, output, ruby, section, summary,
/* 13  */ time, mark, audio, video {
/* 14  */     margin: 0;
/* 15  */     padding: 0;
/* 16  */     border: 0;
/* 17  */     font-size: 100%;
/* 18  */     font: inherit;
/* 19  */     vertical-align: baseline;
/* 20  */ }
/* 21  */
/* 22  */ html {
/* 23  */     font-smoothing: antialiased;
/* 24  */     text-rendering: optimizeLegibility;
/* 25  */     -webkit-font-smoothing: antialiased; /*-- safari --*/
/* 26  */     -moz-osx-font-smoothing: grayscale; /*-- firefox --*/
/* 27  */ }
/* 28  */
/* 29  */ /* Verticale schuifbalk forceren in andere browsers dan IE
/* 30  *| Voorkomen dat de tekstgrootte in iOS wordt aangepast als de oriëntatie van het apparaat wordt gewijzigd, zonder de zoomfunctie uit te schakelen voor gebruikers: h5bp.com/g*/
/* 31  */ html {
/* 32  */     font-size: 100%;
/* 33  */     overflow-y: scroll;
/* 34  */     -webkit-text-size-adjust: 100%;
/* 35  */     -ms-text-size-adjust: 100%;
/* 36  */ }
/* 37  */
/* 38  */ /* HTML5 display-role reset for older browsers */
/* 39  */ article, aside, details, figcaption, figure,
/* 40  */ footer, header, hgroup, menu, nav, section, main {
/* 41  */     display: block;
/* 42  */ }
/* 43  */
/* 44  */ body {
/* 45  */     line-height: 1;
/* 46  */ }
/* 47  */
/* 48  */ ol, ul {
/* 49  */     list-style: none;
/* 50  */ }

/* reset.css */

/* 51  */
/* 52  */ blockquote, q {
/* 53  */     quotes: none;
/* 54  */ }
/* 55  */
/* 56  */ blockquote:before, blockquote:after,
/* 57  */ q:before, q:after {
/* 58  */     content: '';
/* 59  */     content: none;
/* 60  */ }
/* 61  */
/* 62  */ table {
/* 63  */     border-collapse: collapse;
/* 64  */     border-spacing: 0;
/* 65  */ }
/* 66  */
/* 67  */ img, object, embed, video {
/* 68  */     max-width: 100%;
/* 69  */ }
/* 70  */
/* 71  */ img {
/* 72  */     border: 0;
/* 73  */     -ms-interpolation-mode: bicubic;
/* 74  */     vertical-align: middle;
/* 75  */ }
/* 76  */
/* 77  */ button, input, select, textarea {
/* 78  */     font-size: 100%;
/* 79  */     margin: 0;
/* 80  */     vertical-align: baseline;
/* 81  */     *vertical-align: middle;
/* 82  */ }
/* 83  */
/* 84  */ button {
/* 85  */     background: transparent;
/* 86  */     border-radius: 0;
/* 87  */     border: 0;
/* 88  */     padding: 0;
/* 89  */     -webkit-appearance: none;
/* 90  */     -webkit-border-radius: 0;
/* 91  */     user-select: none;
/* 92  */ }
/* 93  */
/* 94  */ button:focus {
/* 95  */     outline: 0 none;
/* 96  */ }
/* 97  */
/* 98  */ button::-moz-focus-inner {
/* 99  */     padding: 0;
/* 100 */     border: 0;

/* reset.css */

/* 101 */ }
/* 102 */
/* 103 */ /* active link stippellijn weg */
/* 104 */ a:focus {
/* 105 */     outline: 0;
/* 106 */ }
/* 107 */
/* 108 */ a:active {
/* 109 */     outline: 0;
/* 110 */ }
/* 111 */
/* 112 */ /* geen ronde hoekjes op IOS */
/* 113 */ input, textarea {
/* 114 */     -webkit-appearance: none;
/* 115 */     -webkit-border-radius: 0;
/* 116 */ }
/* 117 */
/* 118 */ /* geen blauw lijn active op IOS */
/* 119 */ :focus {
/* 120 */     outline-color: transparent;
/* 121 */     outline-style: none;
/* 122 */ }
/* 123 */
/* 124 */ /* geen tel link in blauw met lijn op IOS */
/* 125 */ a[href^="tel"] {
/* 126 */     color: inherit;
/* 127 */     text-decoration: none;
/* 128 */ }
/* 129 */
/* 130 */ /* toon scrollbar op IOS als overflow is auto */
/* 131 */ ::-webkit-scrollbar {
/* 132 */     -webkit-appearance: none;
/* 133 */     width: 7px;
/* 134 */ }
/* 135 */
/* 136 */ ::-webkit-scrollbar-thumb {
/* 137 */     border-radius: 4px;
/* 138 */     background-color: rgba(0, 0, 0, .5);
/* 139 */     -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
/* 140 */ }
/* 141 */
/* 142 */ /* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
/* 143 */ .clearfix:before, .clearfix:after {
/* 144 */     content: "";
/* 145 */     display: table
/* 146 */ }
/* 147 */
/* 148 */ .clearfix:after {
/* 149 */     clear: both
/* 150 */ }

/* reset.css */

/* 151 */
/* 152 */ .clearfix {
/* 153 */     zoom: 1
/* 154 */ }
/* Minify_CSS_UriRewriter::$debugText

docRoot    : /data/sites/web/bcnsnl/www
currentDir : /data/sites/web/bcnsnl/www/css/stationary

*/

/* basics.css */

/* 1  */ em{font-style: italic}
/* 2  */ strong{font-weight: bold}
/* 3  */
/* 4  */ .block{display: block}
/* 5  */
/* 6  */ .clear-left{clear: left}
/* 7  */ .clear-right{clear: right}
/* 8  */ .clear-both{clear: both}
/* 9  */
/* 10 */ .float-left{float: left}
/* 11 */ .float-right{float: right}
/* 12 */ .float-none{float: none}
/* 13 */
/* 14 */ .inline-block{display: inline-block}
/* 15 */ .inline{display:inline}
/* 16 */
/* 17 */ .margin-left-auto{margin-left: auto}
/* 18 */ .margin-right-auto{margin-right: auto}
/* 19 */
/* 20 */ .margin-bottom-40px{margin-bottom: 40px}
/* 21 */ .margin-bottom-50px{margin-bottom: 50px}
/* 22 */
/* 23 */ .padding-right-20px{padding-right: 20px}
/* 24 */ .padding-right-26px{padding-right: 26px}
/* 25 */ .padding-left-20px{padding-left: 20px}
/* 26 */ .padding-left-26px{padding-left: 26px}
/* 27 */ .padding-top-50px{padding-top: 50px}
/* 28 */ .padding-bottom-10px{padding-bottom: 10px}
/* 29 */ .padding-bottom-50px{padding-bottom: 50px}
/* 30 */
/* 31 */ .txt-align-left{text-align: left}
/* 32 */ .txt-align-right{text-align: right}
/* 33 */ .txt-align-center{text-align: center}
/* 34 */
/* 35 */ /* FLEX */
/* 36 */ .flex{display: flex}
/* 37 */ .flex-wrap{flex-wrap: wrap}
/* 38 */ .flex-direction-row{flex-direction: row}
/* 39 */ .flex-direction-rwo-reverse{flex-direction:row-reverse}
/* 40 */ .flex-direction-column{flex-direction: column}
/* 41 */ .flex-direction-column-reverse{flex-direction: column-reverse}
/* 42 */ .flex-1{flex: 1}
/* 43 */ /* afstand tussen items horizontaal */
/* 44 */ .column-gap-10px{column-gap: 10px}
/* 45 */ .column-gap-20px{column-gap: 20px}
/* 46 */ .column-gap-30px{column-gap: 30px}
/* 47 */ .column-gap-4pr{column-gap: 4%}
/* 48 */ /* afstand tussen items vertikaal */
/* 49 */ .row-gap-10px{row-gap: 10px}
/* 50 */ .row-gap-20px{row-gap: 20px}

/* basics.css */

/* 51 */ .row-gap-30px{row-gap: 30px}
/* 52 */ .row-gap-40px{row-gap: 40px}
/* 53 */ /* align vertikaal */
/* 54 */ .align-items-center{align-items:center}
/* 55 */ .align-items-end{align-items:flex-end}
/* 56 */ .align-items-start{align-items:flex-start}
/* 57 */ /* align horizontal */
/* 58 */ .justify-content-center{justify-content: center}
/* 59 */ .justify-content-end{justify-content:flex-end}
/* 60 */ .justify-content-start{justify-content:flex-start}
/* 61 */ .justify-content-space-between{justify-content: space-between}
/* 62 */
/* 63 */ /*SITE*/
/* 64 */ .bg-wit{background-color: var(--wit)}
/* 65 */ .bg-oker{background-color: var(--oker)}
/* 66 */ .bg-grijs{background-color: var(--grijs)}
/* 67 */ .bg-grijs-licht{background-color: var(--grijs-licht)}
/* 68 */ .bg-grijs-donker{background-color: var(--grijs-donker)}
/* 69 */
/* 70 */ .txt-wit{color: var(--wit)}
/* 71 */ .txt-oker{color: var(--oker)}
/* 72 */
/* Minify_CSS_UriRewriter::$debugText

docRoot    : /data/sites/web/bcnsnl/www
currentDir : /data/sites/web/bcnsnl/www/css/stationary

*/

/* _variabels.css */

/* 1  */ @charset "utf-8";
/* 2  */ :root {
/* 3  */ /* kleuren */
/* 4  */     --primary: var(--grijs-donker);
/* 5  */     --primary-hover: var(--grijs-donker-hover);
/* 6  */     --wit: #fff;
/* 7  */     --zwart: #000;
/* 8  */     --oker: #ba9254;
/* 9  */     --oker-hover: #d3a569;
/* 10 */     --grijs: #666e72;
/* 11 */     --grijs-hover: #798185;
/* 12 */     --grijs-licht: #ecede8;
/* 13 */     --grijs-licht-hover: #f7f8f5;
/* 14 */     --grijs-donker: #1d1d1b;
/* 15 */     --grijs-donker-hover: #413d43;
/* 16 */
/* 17 */     /* Fonts */
/* 18 */
/* 19 */     --font-regular: "Hind Vadodara", sans-serif;
/* 20 */     --regular: 400;
/* 21 */     --medium: 500;
/* 22 */     --semibold: 600;
/* 23 */     --bold: 700;
/* 24 */
/* 25 */     --default-font-color: var(--primary);
/* 26 */     --default-font: var(--font-regular);
/* 27 */     --default-line-height: var(--line-height-regular);
/* 28 */
/* 29 */     --font-size-x-small: 10px;
/* 30 */     --font-size-small: 15px;
/* 31 */     --font-size-regular: 17px; /* body */
/* 32 */     --font-size-regular-plus: 20px;
/* 33 */     --font-size-medium: 20px; /* h3 kop */
/* 34 */     --font-size-large: 24px; /* h2 kop */
/* 35 */     --font-size-x-large: 28px; /* h1 kop */
/* 36 */
/* 37 */     --line-height-x-small: 18px;
/* 38 */     --line-height-small: 22px;
/* 39 */     --line-height-regular: 30px;
/* 40 */     --line-height-large: 28px;
/* 41 */     --line-height-x-large: 32px;
/* 42 */
/* 43 */ }
/* 44 */ @media (min-width: 1280px) {
/* 45 */
/* 46 */     :root {
/* 47 */
/* 48 */         --font-size-x-small: 12px;
/* 49 */         --font-size-small: 18px;
/* 50 */         --font-size-regular: 19px;

/* _variabels.css */

/* 51 */         --font-size-medium: 25px; /* h3 kop */
/* 52 */         --font-size-large: 30px; /* h2 kop */
/* 53 */         --font-size-x-large: 45px; /* h1 kop */
/* 54 */
/* 55 */         --line-height-x-small: 19px;
/* 56 */         --line-height-small: 26px;
/* 57 */         --line-height-regular: 33px;
/* 58 */         --line-height-regular-plus: 38px;
/* 59 */         --line-height-large: 30px;
/* 60 */         --line-height-x-large: 58px;
/* 61 */
/* 62 */     }
/* 63 */ }
/* Minify_CSS_UriRewriter::$debugText

docRoot    : /data/sites/web/bcnsnl/www
currentDir : /data/sites/web/bcnsnl/www/css/stationary

*/

/* kolommen.css */

/* 1  */ /* MAIN */
/* 2  */ .wrapper {
/* 3  */     display: flex;
/* 4  */     flex-direction: column;
/* 5  */     flex: 1 auto; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
/* 6  */ }
/* 7  */
/* 8  */ main {
/* 9  */     flex: 1;
/* 10 */ }
/* 11 */ .container-content {
/* 12 */     position: relative;
/* 13 */     max-width: 1120px;
/* 14 */     padding-left: 20px;
/* 15 */     padding-right: 20px;
/* 16 */     margin: 0 auto;
/* 17 */ }
/* 18 */
/* 19 */ .container-content.max-width-900px {
/* 20 */     max-width: 900px;
/* 21 */ }
/* 22 */
/* 23 */ /* PADDING */
/* 24 */ .padding-top-bottom {
/* 25 */     padding-top: 50px;
/* 26 */     padding-bottom: 50px;
/* 27 */ }
/* 28 */
/* 29 */ .padding-top {
/* 30 */     padding-top: 50px;
/* 31 */ }
/* 32 */
/* 33 */ .padding-bottom {
/* 34 */     padding-bottom: 50px;
/* 35 */ }
/* 36 */
/* 37 */ @media (min-width: 768px) {
/* 38 */     .padding-top-bottom {
/* 39 */         padding-top: 60px;
/* 40 */         padding-bottom: 60px;
/* 41 */     }
/* 42 */     .padding-top {
/* 43 */         padding-top: 60px;
/* 44 */     }
/* 45 */     .padding-bottom {
/* 46 */         padding-bottom: 60px;
/* 47 */     }
/* 48 */ }
/* 49 */
/* 50 */ @media (min-width: 2000px) {

/* kolommen.css */

/* 51 */     .padding-top-bottom {
/* 52 */         padding-top: 80px;
/* 53 */         padding-bottom: 80px;
/* 54 */     }
/* 55 */     .padding-top {
/* 56 */         padding-top: 80px;
/* 57 */     }
/* 58 */     .padding-bottom {
/* 59 */         padding-bottom: 80px;
/* 60 */     }
/* 61 */ }
/* 62 */
/* 63 */
/* Minify_CSS_UriRewriter::$debugText

docRoot    : /data/sites/web/bcnsnl/www
currentDir : /data/sites/web/bcnsnl/www/css/stationary

*/

/* styles.css */

/* 1  */ *::before,
/* 2  */ *::after {
/* 3  */     box-sizing: border-box;
/* 4  */ }
/* 5  */
/* 6  */ html, body {
/* 7  */     height: 100%;
/* 8  */ }
/* 9  */
/* 10 */ body {
/* 11 */     font-family: "Hind Vadodara", sans-serif;
/* 12 */     font-style: normal;
/* 13 */     font-size: var(--font-size-regular);
/* 14 */     line-height: var(--default-line-height);
/* 15 */     font-weight: var(--regular);
/* 16 */     font-weight: var(--medium);
/* 17 */     color: var(--primary);
/* 18 */     display: flex;
/* 19 */     flex-direction: column;
/* 20 */ }
/* 21 */
/* 22 */ h1 {
/* 23 */     font-size: var(--font-size-x-large);
/* 24 */     line-height: var(--line-height-x-large);
/* 25 */     font-weight: var(--semibold);
/* 26 */     text-align: center;
/* 27 */     padding-bottom: 30px;
/* 28 */ }
/* 29 */
/* 30 */ h2 {
/* 31 */     font-size: var(--font-size-large);
/* 32 */     font-weight: var(--semibold);
/* 33 */     font-weight: var(--bold);
/* 34 */     color: var(--bruin-licht);
/* 35 */     padding-bottom: 10px;
/* 36 */ }
/* 37 */
/* 38 */ h3 {
/* 39 */     font-size: var(--font-size-medium);
/* 40 */     font-weight: var(--semibold);
/* 41 */     color: var(--bruin);
/* 42 */ }
/* 43 */
/* 44 */ p {
/* 45 */     padding-bottom: 20px;
/* 46 */ }
/* 47 */
/* 48 */ /* bullets icon bloempje */
/* 49 */ section ul {
/* 50 */     margin-bottom: 20px;

/* styles.css */

/* 51 */     padding-left: 20px;
/* 52 */ }
/* 53 */ section ul li {
/* 54 */     position: relative;
/* 55 */     padding-left: 25px
/* 56 */ }
/* 57 */ sectionul li:last-child {
/* 58 */     margin-bottom: 0;
/* 59 */ }
/* 60 */ section ul li:before {
/* 61 */     content: "•";
/* 62 */     position: absolute;
/* 63 */     font-size: 30px;
/* 64 */     top: 1px;
/* 65 */     left: 0;
/* 66 */ }
/* 67 */
/* 68 */ strong, .bold {
/* 69 */     font-weight: var(--bold);
/* 70 */ }
/* 71 */
/* 72 */ a,
/* 73 */ a[href^="tel"] {
/* 74 */     color: var(--primary);
/* 75 */     text-decoration: underline;
/* 76 */ }
/* 77 */
/* 78 */ .wrapper img {
/* 79 */     width: 100%;
/* 80 */ }
/* 81 */
/* 82 */ .border-bottom {
/* 83 */     border-bottom: solid 8px white;
/* 84 */ }
/* 85 */
/* 86 */ .section-anker {
/* 87 */     position: absolute;
/* 88 */     width: 10px;
/* 89 */     height: 10px;
/* 90 */     top: -10px;
/* 91 */ }
/* Minify_CSS_UriRewriter::$debugText

docRoot    : /data/sites/web/bcnsnl/www
currentDir : /data/sites/web/bcnsnl/www/css/stationary

*/

/* images.css */

/* 1  */ @charset "UTF-8";
/* 2  */ /* IMAGE */
/* 3  */ .image {
/* 4  */     position: relative;
/* 5  */     overflow: hidden;
/* 6  */     border-radius: 16px;
/* 7  */ }
/* 8  */
/* 9  */ .image img,
/* 10 */ .image video {
/* 11 */     width: 100%;
/* 12 */     height: 100%;
/* 13 */     object-fit: cover;
/* 14 */     z-index: 2;
/* 15 */ }
/* 16 */
/* 17 */ .image.aspect-ratio-1-1 {
/* 18 */     aspect-ratio: 1 / 1;
/* 19 */ }
/* 20 */
/* 21 */ .image.aspect-ratio-5-7 {
/* 22 */     aspect-ratio: 5 / 7;
/* 23 */ }
/* 24 */
/* 25 */ .image.aspect-ratio-7-5 {
/* 26 */     aspect-ratio: 7 / 5;
/* 27 */ }
/* 28 */
/* 29 */ .image.aspect-ratio-4-3 {
/* 30 */     aspect-ratio: 4 / 3;
/* 31 */ }
/* 32 */
/* 33 */ .image.aspect-ratio-16-9 {
/* 34 */     aspect-ratio: 16 / 9;
/* 35 */ }
/* 36 */
/* 37 */ .image.aspect-ratio-16-14 {
/* 38 */     aspect-ratio: 16 / 14;
/* 39 */ }
/* 40 */
/* 41 */ .image.aspect-ratio-2-1 {
/* 42 */     aspect-ratio: 2 / 1;
/* 43 */ }
/* 44 */
/* 45 */ .image.max-width-500px {
/* 46 */     max-width: 500px;
/* 47 */ }
/* 48 */
/* 49 */ .image.max-width-600px {
/* 50 */     max-width: 600px;

/* images.css */

/* 51 */ }
/* 52 */
/* 53 */ /* Image contain */
/* 54 */ .image.contain img,
/* 55 */ .image.contain video {
/* 56 */     object-fit: contain;
/* 57 */ }
/* 58 */
/* 59 */ /* Image at bottom*/
/* 60 */ .image.bottom img,
/* 61 */ .image.bottom video {
/* 62 */     object-position: bottom;
/* 63 */ }
/* 64 */
/* 65 */ /* Image at top*/
/* 66 */ .image.top img,
/* 67 */ .image.top video {
/* 68 */     object-position: top;
/* 69 */ }
/* 70 */
/* 71 */ /* TEKST */
/* 72 */ .image .quote {
/* 73 */     position: absolute;
/* 74 */     inset: 0;
/* 75 */     z-index: 3;
/* 76 */     display: flex;
/* 77 */ /* align vertical */
/* 78 */     align-items: center;
/* 79 */     text-align: center;
/* 80 */ }
/* 81 */
/* 82 */ .image .quote h4 {
/* 83 */     padding-bottom: 5px;
/* 84 */     font-size: 18px;
/* 85 */     color: #fff;
/* 86 */     width: 100%;
/* 87 */ }
/* 88 */
/* 89 */ .image .quote h3 {
/* 90 */     padding-bottom: 5px;
/* 91 */     font-size: 24px;
/* 92 */     color: #fff;
/* 93 */     width: 100%;
/* 94 */ }
/* Minify_CSS_UriRewriter::$debugText

docRoot    : /data/sites/web/bcnsnl/www
currentDir : /data/sites/web/bcnsnl/www/css/stationary

*/

/* header.css */

/* 1  */ header {
/* 2  */     position: relative;
/* 3  */     z-index: 6;
/* 4  */     width: 100%;
/* 5  */     left: 0px;
/* 6  */     top: 0px;
/* 7  */     height: 105px;
/* 8  */     background-color: var(--wit);
/* 9  */ }
/* 10 */
/* 11 */ @media (min-width: 1280px) {
/* 12 */     header {
/* 13 */         height: 120px;
/* 14 */     }
/* 15 */ }
/* 16 */
/* 17 */ /* LOGO */
/* 18 */ #logo {
/* 19 */     position: absolute;
/* 20 */     width: 150px;
/* 21 */     left: 25px;
/* 22 */     top: 22px;
/* 23 */     z-index: 40;
/* 24 */ }
/* 25 */
/* 26 */ #logo img {
/* 27 */     width: 100%;
/* 28 */ }
/* 29 */
/* 30 */ @media (min-width: 1280px) {
/* 31 */     #logo {
/* 32 */         width: 190px;
/* 33 */         left: 50px;
/* 34 */         z-index: 70;
/* 35 */     }
/* 36 */ }
/* Minify_CSS_UriRewriter::$debugText

docRoot    : /data/sites/web/bcnsnl/www
currentDir : /data/sites/web/bcnsnl/www/css/stationary

*/

/* menu.css */

/* 1   */ @charset "UTF-8";
/* 2   */ /* letter grootte */
/* 3   */ .nav-wrapper nav li a,
/* 4   */ .menu-item-has-children span {
/* 5   */     font-family: "Hind Vadodara", sans-serif;
/* 6   */     font-weight: 500;
/* 7   */     font-size: 18px;
/* 8   */     //text-transform: uppercase;
/* 9   */ }
/* 10  */ @media only screen and (min-width: 1024px) {
/* 11  */     .nav-wrapper nav li a,
/* 12  */     .menu-item-has-children span {
/* 13  */         font-size: 16px;
/* 14  */ }
/* 15  */ }
/* 16  */ @media only screen and (min-width: 1280px) {
/* 17  */     .nav-wrapper nav li a,
/* 18  */     .menu-item-has-children span {
/* 19  */         font-size: 19px;
/* 20  */     }
/* 21  */ }
/* 22  */ /* nav-wrapper */
/* 23  */ .nav-wrapper nav {
/* 24  */     position: fixed;
/* 25  */     height: 100%;
/* 26  */     width: 320px;
/* 27  */     right: -320px;
/* 28  */     z-index: 60;
/* 29  */     -webkit-transition: right 0.3s ease-out;
/* 30  */     -moz-transition: right 0.3s ease-out;
/* 31  */     transition: right 0.3s ease-out;
/* 32  */     background-color: var(--grijs-donker);
/* 33  */ }
/* 34  */ .nav-wrapper.show-menu nav {
/* 35  */     right: 0px;
/* 36  */ }
/* 37  */ .nav-wrapper nav ul.nav-content {
/* 38  */     position: absolute;
/* 39  */     height: 100%;
/* 40  */     right: 0;
/* 41  */     top: 0;
/* 42  */     width: 100%;
/* 43  */     margin-top: 70px;
/* 44  */     /* mooie scroll op IOS */
/* 45  */     overflow-y: auto;
/* 46  */     -webkit-overflow-scrolling: touch;
/* 47  */ }
/* 48  */
/* 49  */ @media only screen and (min-width: 768px) {
/* 50  */     .nav-wrapper nav {

/* menu.css */

/* 51  */         width: 400px;
/* 52  */         right: -400px;
/* 53  */     }
/* 54  */     .nav-wrapper nav ul.nav-content {
/* 55  */         margin-top: 100px;
/* 56  */     }
/* 57  */ }
/* 58  */ .nav-wrapper nav ul.nav-content {
/* 59  */     padding-bottom: 160px;
/* 60  */     //background-color: aqua;
/* 61  */ }
/* 62  */ .nav-wrapper nav li a {
/* 63  */     display: block;
/* 64  */     line-height: 55px;
/* 65  */     padding: 0 16px 0 32px;
/* 66  */     line-height: 30px;
/* 67  */     padding: 14px 16px 14px 32px;
/* 68  */     text-decoration: none;
/* 69  */ }
/* 70  */
/* 71  */ .nav-wrapper nav li a,
/* 72  */ .menu-item-has-children span {
/* 73  */     color: var(--oker);
/* 74  */ }
/* 75  */
/* 76  */ .nav-wrapper nav li.active a {
/* 77  */     color: var(--wit);
/* 78  */ }
/* 79  */
/* 80  */ .nav-wrapper nav li a.aanvraag {
/* 81  */     //font-family: 'MadeTommy';
/* 82  */     background-color: var(--oker);
/* 83  */     color: var(--wit);
/* 84  */     padding: 9px 20px 11px 20px;
/* 85  */     border-radius: 25px;
/* 86  */     margin-left: 30px;
/* 87  */     margin-right: 30px;
/* 88  */     margin-top: 30px;
/* 89  */     text-align: center;
/* 90  */     letter-spacing: 0.03em;
/* 91  */     position: relative;
/* 92  */     overflow: hidden;
/* 93  */ }
/* 94  */
/* 95  */ .nav-wrapper nav li a:hover,
/* 96  */ .menu-item-has-children:hover > span {
/* 97  */     //color: var(--wit);
/* 98  */     //background-color: var(--bruin-hover);
/* 99  */     text-decoration: none;
/* 100 */ }

/* menu.css */

/* 101 */
/* 102 */ .nav-wrapper nav .menu-item-has-children > span.submenu-open {
/* 103 */     background-color: var(--bruin-hover);
/* 104 */ }
/* 105 */ /* menu-items met submenu */
/* 106 */ .menu-item-has-children span {
/* 107 */     display: block;
/* 108 */     position: relative;
/* 109 */     padding-left: 32px;
/* 110 */     padding-right: 40px;
/* 111 */     padding-right: 50px;
/* 112 */     height: 50px;
/* 113 */     line-height: 45px;
/* 114 */ }
/* 115 */
/* 116 */ .menu-item-has-children:hover > span {
/* 117 */     cursor: pointer;
/* 118 */ }
/* 119 */ /* submenu */
/* 120 */ .nav-wrapper nav ul.nav-dropdown {
/* 121 */     display: none;
/* 122 */     margin-bottom: 0;
/* 123 */     background-color: var(--grijs);
/* 124 */     background-color: rgba(255,255,255,0.12);
/* 125 */     padding: 10px 0;
/* 126 */ }
/* 127 */
/* 128 */ .nav-wrapper nav ul.nav-dropdown ul li a {
/* 129 */     padding-left: 50px;
/* 130 */ }
/* 131 */
/* 132 */ @media only screen and (min-width: 1280px) {
/* 133 */     .nav-wrapper nav {
/* 134 */         background-color: transparent;
/* 135 */         position: absolute;
/* 136 */         height: auto;
/* 137 */         height: 50px;
/* 138 */         width: 99%;
/* 139 */         right: 1%;
/* 140 */         top: 35px;
/* 141 */         text-align: right;
/* 142 */     }
/* 143 */     .nav-wrapper nav ul.nav-content {
/* 144 */         position: absolute;
/* 145 */         overflow-y: visible;
/* 146 */         height: 50px;
/* 147 */         width: 100%;
/* 148 */         padding: 0;
/* 149 */         margin: 0;
/* 150 */         top: 0px;

/* menu.css */

/* 151 */         bottom: 0px;
/* 152 */         display: block;
/* 153 */         list-style: none;
/* 154 */         background-color: transparent;
/* 155 */     }
/* 156 */     .nav-wrapper nav li {
/* 157 */         display: inline-block;
/* 158 */         height: 50px;
/* 159 */         margin-right: 30px;
/* 160 */         overflow: hidden; /* tbv offerte aanvraag */
/* 161 */     }
/* 162 */     .nav-wrapper nav li a {
/* 163 */         text-decoration: none;
/* 164 */         position: relative;
/* 165 */         margin: 0px;
/* 166 */         //padding: 0 20px;
/* 167 */         padding: 0;
/* 168 */         height: 50px;
/* 169 */         line-height: 46px;
/* 170 */     }
/* 171 */
/* 172 */     .nav-wrapper nav li.active a {
/* 173 */         color: var(--oker);
/* 174 */     }
/* 175 */
/* 176 */     /* HOVER */
/* 177 */     .nav-wrapper nav li a:hover,
/* 178 */     .menu-item-has-children span:hover,
/* 179 */     .menu-item-has-children span.active {
/* 180 */         color: var(--grijs);
/* 181 */     }
/* 182 */
/* 183 */     .nav-wrapper nav li a:before {
/* 184 */         content: "";
/* 185 */         position: absolute;
/* 186 */         width: 100%;
/* 187 */         height: 2px;
/* 188 */         bottom: 10px;
/* 189 */         left: 0;
/* 190 */         background: var(--grijs);
/* 191 */         visibility: hidden;
/* 192 */         transform: scaleX(0);
/* 193 */         transition: .15s linear;
/* 194 */     }
/* 195 */     .nav-wrapper nav li a:hover:before,
/* 196 */     .nav-wrapper nav li a:focus:before {
/* 197 */         visibility: visible;
/* 198 */         transform: scaleX(1);
/* 199 */     }
/* 200 */

/* menu.css */

/* 201 */     .nav-wrapper nav li a.aanvraag:hover {
/* 202 */         color: var(--wit);
/* 203 */         background-color: var(--oker-hover);
/* 204 */     }
/* 205 */
/* 206 */     .nav-wrapper nav li a.aanvraag:hover:before,
/* 207 */     .nav-wrapper nav li a.aanvraag:focus:before {
/* 208 */         visibility: hidden;
/* 209 */     }
/* 210 */
/* 211 */     /* ACTIVE */
/* 212 */     .nav-wrapper nav li.active a {
/* 213 */         color: var(--grijs);
/* 214 */     }
/* 215 */     .nav-wrapper nav li.active a:before {
/* 216 */         visibility: visible;
/* 217 */         transform: scaleX(1);
/* 218 */     }
/* 219 */     .nav-wrapper nav li.menu-item-has-children.active span:before {
/* 220 */         content: "";
/* 221 */         position: absolute;
/* 222 */         width: 100%;
/* 223 */         height: 2px;
/* 224 */         bottom: 7px;
/* 225 */         left: 0;
/* 226 */         background: var(--wit);
/* 227 */     }
/* 228 */
/* 229 */     .nav-wrapper nav li.menu-item-has-children {
/* 230 */         margin-right: 10px;
/* 231 */     }
/* 232 */     .menu-item-has-children span {
/* 233 */         padding-left: 20px;
/* 234 */         padding-left: 0;
/* 235 */     }
/* 236 */     .nav-wrapper nav li a.aanvraag {
/* 237 */         margin: 0;
/* 238 */         padding: 0px 25px 0px 25px;
/* 239 */     }
/* 240 */
/* 241 */     /* submenu */
/* 242 */     .nav-wrapper nav ul.nav-dropdown {
/* 243 */         display: none;
/* 244 */         position: absolute;
/* 245 */         top: 100%;
/* 246 */         background-color: var(--wit);
/* 247 */         padding-top: 18px;
/* 248 */         padding-bottom: 18px;
/* 249 */         padding-left: 10px;
/* 250 */         padding-right: 0px;

/* menu.css */

/* 251 */         top: 50px;
/* 252 */         -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
/* 253 */         -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
/* 254 */         box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
/* 255 */         margin-top: 0px;
/* 256 */         z-index: 70;
/* 257 */         margin-left: 0px;
/* 258 */         border-radius: 20px;
/* 259 */     }
/* 260 */     /* submenu item */
/* 261 */     .nav-wrapper nav ul.nav-dropdown li {
/* 262 */         padding-left: 0px;
/* 263 */         display: block;
/* 264 */         margin-bottom: 0px;
/* 265 */         margin-right: 30px;
/* 266 */         width: 100%;
/* 267 */         float: none;
/* 268 */         position: relative;
/* 269 */         text-align: left;
/* 270 */         height: 40px;
/* 271 */     }
/* 272 */     /* tekst in submenu */
/* 273 */     .nav-wrapper nav ul.nav-dropdown li a {
/* 274 */         position: relative;
/* 275 */         /*font-size: 24px;*/
/* 276 */         margin-left: 0px;
/* 277 */         padding-left: 20px;
/* 278 */         padding-right: 30px;
/* 279 */         color: var(--primary);
/* 280 */         transition: all 0.5s;
/* 281 */         -moz-transition: all 0.3s;
/* 282 */         -webkit-transition: all 0.3s;
/* 283 */         -o-transition: all 0.3s;
/* 284 */         height: 40px;
/* 285 */         line-height: 38px;
/* 286 */     }
/* 287 */     /* mouseover in submenu */
/* 288 */     .nav-wrapper nav ul.nav-dropdown li a:hover {
/* 289 */         color: var(--oker);
/* 290 */         background-color: var(--wit);
/* 291 */         padding-left: 30px;
/* 292 */         padding-right: 20px;
/* 293 */     }
/* 294 */     /* show submenu */
/* 295 */     .nav-wrapper nav ul li:hover > ul.nav-dropdown {
/* 296 */         display: block;
/* 297 */     }
/* 298 */     .nav-wrapper nav ul ul.nav-dropdown:hover {
/* 299 */         display: block;
/* 300 */     }

/* menu.css */

/* 301 */
/* 302 */ }
/* 303 */
/* 304 */ @media only screen and (min-width: 1440px) {
/* 305 */     .nav-wrapper nav li {
/* 306 */         margin-right: 40px;
/* 307 */     }
/* 308 */ }
/* 309 */
/* 310 */ /* pijltje */
/* 311 */ .nav-wrapper nav .menu-item-has-children > span::after {
/* 312 */     position: absolute;
/* 313 */     content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23154d24;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='13.4,15.2 13.4,15.1 19.7,8.9 18.3,7.4 12,13.7 5.7,7.4 4.3,8.8 12,16.6 '/%3E%3C/svg%3E");
/* 314 */     width: 16px;
/* 315 */     height: 16px;
/* 316 */     line-height: 0px;
/* 317 */     top: 48%;
/* 318 */     bottom: auto;
/* 319 */     transform: translateY(-50%);
/* 320 */     right: 10px;
/* 321 */     transition-property: transform;
/* 322 */     transition-duration: 0.2s;
/* 323 */     transform: translateY(-50%) rotate(-90deg);
/* 324 */ }
/* 325 */ .nav-wrapper nav .menu-item-has-children > span.submenu-open::after {
/* 326 */     transform: translateY(-50%) rotate(0deg);
/* 327 */ }
/* 328 */
/* 329 */
/* 330 */ @media only screen and (min-width: 1280px) {
/* 331 */     /* pijltje draaien en andere kleur */
/* 332 */     .nav-wrapper nav .menu-item-has-children > span::after {
/* 333 */         transform: translateY(-50%) rotate(0deg);
/* 334 */         top: 25px;
/* 335 */         width: 16px;
/* 336 */         height: 16px;
/* 337 */         right: 25px;
/* 338 */     }
/* 339 */ }
/* 340 */
/* 341 */ /* afdek */
/* 342 */ .afdek-nav,
/* 343 */ .afdek-zoeken {
/* 344 */     right: 0px;
/* 345 */     z-index: 50;
/* 346 */     top: 0px;
/* 347 */     height: 0;
/* 348 */     width: 0;
/* 349 */     background-color: rgba(0, 0, 0, 0.7);
/* 350 */     position: fixed;

/* menu.css */

/* 351 */     opacity: 0;
/* 352 */     transition: opacity 0.6s ease-in, height 0s linear, width 0s linear;
/* 353 */     transition-delay: 0s, 0.6s, 0.6s;
/* 354 */ }
/* 355 */
/* 356 */ .afdek-zoeken {
/* 357 */     z-index: 80;
/* 358 */ }
/* 359 */
/* 360 */ .nav-wrapper.show-menu .afdek-nav {
/* 361 */     height: 100%;
/* 362 */     width: 100%;
/* 363 */     opacity: 1;
/* 364 */     transition: opacity 0.6s ease-in;
/* 365 */     transition-delay: 0s;
/* 366 */ }
/* 367 */
/* 368 */ .nav-wrapper.show-afdek .afdek-zoeken {
/* 369 */     height: 100%;
/* 370 */     width: 100%;
/* 371 */     opacity: 1;
/* 372 */     transition: opacity 0.6s ease-in;
/* 373 */     transition-delay: 0s;
/* 374 */ }
/* Minify_CSS_UriRewriter::$debugText

docRoot    : /data/sites/web/bcnsnl/www
currentDir : /data/sites/web/bcnsnl/www/css/stationary

*/

/* menu-hamburger.css */

/* 1  */ @charset "UTF-8";
/* 2  */ .hamburger {
/* 3  */     position: absolute;
/* 4  */     height: 40px;
/* 5  */     width: 40px;
/* 6  */     right: 20px;
/* 7  */     top: 30px;
/* 8  */     cursor: pointer;
/* 9  */     z-index:9999;
/* 10 */ }
/* 11 */
/* 12 */ .hamburger-streep {
/* 13 */     transition: 0.6s ease;
/* 14 */     transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
/* 15 */     margin-top: 10px;
/* 16 */     position: absolute;
/* 17 */     background-color: var(--primary);
/* 18 */ }
/* 19 */
/* 20 */ .top-menu,
/* 21 */ .mid-menu,
/* 22 */ .bottom-menu {
/* 23 */     top: 2px;
/* 24 */     left: 9px;
/* 25 */     width: 23px;
/* 26 */     height: 2px;
/* 27 */     border-radius: 4px;
/* 28 */ }
/* 29 */ .mid-menu {
/* 30 */     top: 9px;
/* 31 */ }
/* 32 */ .bottom-menu {
/* 33 */     top: 16px;
/* 34 */ }
/* 35 */ /* menu open */
/* 36 */ .nav-wrapper.show-menu .hamburger {
/* 37 */     position:fixed;
/* 38 */ }
/* 39 */ .nav-wrapper.show-menu .top-menu,
/* 40 */ .nav-wrapper.show-menu .bottom-menu {
/* 41 */     top: 9px;
/* 42 */     -webkit-transform: rotate(45deg);
/* 43 */     -moz-transform: rotate(45deg);
/* 44 */     transform: rotate(45deg);
/* 45 */     background-color: #fff;
/* 46 */ }
/* 47 */ .nav-wrapper.show-menu .mid-menu {
/* 48 */     opacity: 0;
/* 49 */ }
/* 50 */ .nav-wrapper.show-menu .bottom-menu {

/* menu-hamburger.css */

/* 51 */     -webkit-transform: rotate(-225deg);
/* 52 */     -moz-transform: rotate(-225deg);
/* 53 */     transform: rotate(-225deg);
/* 54 */ }
/* 55 */
/* 56 */ .hamburger-tekst {
/* 57 */     position: absolute;
/* 58 */     top: 9px;
/* 59 */     right: 50px;
/* 60 */     color: var(--groen-donker);
/* 61 */     line-height: 24px;
/* 62 */ }
/* 63 */
/* 64 */ .nav-wrapper.show-menu .hamburger-tekst {
/* 65 */     color: #fff;
/* 66 */ }
/* 67 */ .hamburger-tekst:after {
/* 68 */     content: "Menu";
/* 69 */ }
/* 70 */
/* 71 */ .show-menu .hamburger-tekst:after {
/* 72 */     content: "Sluit";
/* 73 */ }
/* 74 */
/* 75 */ @media only screen and (min-width: 1280px) {
/* 76 */     .hamburger {
/* 77 */         display:none;
/* 78 */     }
/* 79 */ }
/* 80 */
/* Minify_CSS_UriRewriter::$debugText

docRoot    : /data/sites/web/bcnsnl/www
currentDir : /data/sites/web/bcnsnl/www/css/stationary

*/

/* knoppen.css */

/* 1   */ /* reset */
/* 2   */ button {
/* 3   */     display: inline-block;
/* 4   */     border: none;
/* 5   */     background-color: transparent;
/* 6   */     padding: 0;
/* 7   */     margin: 0;
/* 8   */     box-sizing: border-box;
/* 9   */ }
/* 10  */
/* 11  */ /* formaat - kleur - fontsize */
/* 12  */ .btn,
/* 13  */ a.btn {
/* 14  */     font-size: 15px;
/* 15  */     /*text-transform: uppercase;*/
/* 16  */     letter-spacing: 1px;
/* 17  */     text-align: left;
/* 18  */     font-weight: var(--semibold);
/* 19  */     font-weight: var(--medium);
/* 20  */     height: 45px;
/* 21  */     min-width: 45px;
/* 22  */     color: var(--wit);
/* 23  */     background-color: var(--oker);
/* 24  */     border-radius: 23px;
/* 25  */     overflow: hidden;
/* 26  */     text-decoration: none;
/* 27  */ }
/* 28  */ a.btn {
/* 29  */     column-gap: 5px;
/* 30  */ }
/* 31  */
/* 32  */ .btn:hover {
/* 33  */     cursor: pointer;
/* 34  */     background-color: var(--oker-hover);
/* 35  */ }
/* 36  */
/* 37  */ .btn span.vertical-adjustment {
/* 38  */     position: relative;
/* 39  */     /*bottom: 0.09em;*/
/* 40  */ }
/* 41  */
/* 42  */ a.btn.bg-grijs-donker {
/* 43  */     background-color: var(--grijs-donker);
/* 44  */ }
/* 45  */
/* 46  */ a.btn.bg-grijs-donker:hover {
/* 47  */     background-color: var(--grijs-donker-hover);
/* 48  */ }
/* 49  */
/* 50  */ /* border */

/* knoppen.css */

/* 51  */ .btn.border,
/* 52  */ .btn .border {
/* 53  */     border-style: solid;
/* 54  */     border-width: 1px;
/* 55  */     color: var(--primary);
/* 56  */     background-color: var(--wit);
/* 57  */     border-color: #999;
/* 58  */ }
/* 59  */
/* 60  */ .btn.border:hover {
/* 61  */     cursor: pointer;
/* 62  */     background-color: var(--grijs-licht);
/* 63  */ }
/* 64  */
/* 65  */ .btn.border .icon-container .icon .icon-svg {
/* 66  */     fill: var(--primary);
/* 67  */ }
/* 68  */
/* 69  */ /* transparant */
/* 70  */ .container-btn .icon {
/* 71  */     position: relative;
/* 72  */     width: 24px;
/* 73  */     height: 24px;
/* 74  */     display: flex;
/* 75  */     flex-wrap: wrap;
/* 76  */     align-items: center;
/* 77  */     justify-content: center;
/* 78  */     margin-right: 7px;
/* 79  */     fill: #ccc;
/* 80  */ }
/* 81  */
/* 82  */ .btn.transparent {
/* 83  */     border-width: 0px;
/* 84  */     color: var(--primary);
/* 85  */     background-color: transparent;
/* 86  */ }
/* 87  */
/* 88  */ .btn.transparent:hover {
/* 89  */     background-color: transparent;
/* 90  */ }
/* 91  */
/* 92  */ /* basic styling */
/* 93  */ .btn {
/* 94  */     position: relative;
/* 95  */     display: flex;
/* 96  */     align-items: center; /* vertikaal */
/* 97  */     justify-content: center; /* horizontal */
/* 98  */     margin:0;
/* 99  */     padding:0;
/* 100 */ }

/* knoppen.css */

/* 101 */
/* 102 */ .btn.padding-left,
/* 103 */ a.btn .padding-left {
/* 104 */     padding-left: 25px;
/* 105 */ }
/* 106 */
/* 107 */ .btn.padding-right,
/* 108 */ a.btn .padding-right {
/* 109 */     padding-right: 25px;
/* 110 */ }
/* 111 */
/* 112 */ .btn .icon-container {
/* 113 */     position: relative;
/* 114 */     width: 20px;
/* 115 */     height: 20px;
/* 116 */     overflow: hidden;
/* 117 */     display: flex;
/* 118 */     align-items:center;
/* 119 */ }
/* 120 */
/* 121 */ .btn .icon-container.w-24 {
/* 122 */     width: 24px;
/* 123 */     height: 24px;
/* 124 */ }
/* 125 */
/* 126 */ .btn .icon-container.margin-left {
/* 127 */     margin-left: 10px
/* 128 */ }
/* 129 */
/* 130 */ .btn .icon-container.margin-right {
/* 131 */     margin-right: 10px
/* 132 */ }
/* 133 */ .btn .icon-container .icon {
/* 134 */     position: absolute;
/* 135 */     -webkit-transition: all .3s;
/* 136 */     -moz-transition: all .3s;
/* 137 */     transition: all .3s;
/* 138 */     width: 20px;
/* 139 */     height: 20px;
/* 140 */     display: flex;
/* 141 */     flex-wrap: wrap;
/* 142 */     align-items:center;
/* 143 */     justify-content: center;
/* 144 */ }
/* 145 */
/* 146 */ .btn .icon-container.w-24 .icon {
/* 147 */     width: 24px;
/* 148 */     height: 24px;
/* 149 */ }
/* Minify_CSS_UriRewriter::$debugText

docRoot    : /data/sites/web/bcnsnl/www
currentDir : /data/sites/web/bcnsnl/www/css/stationary

*/

/* cards.css */

/* 1   */
/* 2   */
/* 3   */ /* RESET */
/* 4   */ .card p {
/* 5   */     padding-bottom: 0;
/* 6   */ }
/* 7   */
/* 8   */ .card .image {
/* 9   */     border-radius: 0;
/* 10  */ }
/* 11  */
/* 12  */ section.grid-1-kolom {
/* 13  */     display: grid;
/* 14  */     grid-template-columns: 1fr;
/* 15  */     gap: 40px;
/* 16  */ }
/* 17  */
/* 18  */ section.grid-2-koloms {
/* 19  */     display: grid;
/* 20  */     grid-template-columns: repeat(2, 1fr);
/* 21  */     gap: 40px;
/* 22  */     margin-bottom: 50px;
/* 23  */ }
/* 24  */
/* 25  */ /* CARD BASE */
/* 26  */ .card {
/* 27  */     position: relative;
/* 28  */     border-radius: 16px;
/* 29  */     background: var(--wit);
/* 30  */     overflow: hidden;
/* 31  */     top: 0px;
/* 32  */     transition: all 0.3s ease-in-out;
/* 33  */ }
/* 34  */
/* 35  */ .card:hover {
/* 36  */     top: -10px;
/* 37  */ }
/* 38  */
/* 39  */ .card a {
/* 40  */     display: grid;
/* 41  */     grid-template-rows: auto 1fr;
/* 42  */     color: inherit;
/* 43  */     text-decoration: none;
/* 44  */     height: 100%;
/* 45  */     border-radius: 16px;
/* 46  */     background: var(--wit);
/* 47  */     overflow: hidden;
/* 48  */     transition: all 0.3s ease-in-out;
/* 49  */ }
/* 50  */

/* cards.css */

/* 51  */ .card a:hover {
/* 52  */     background: var(--grijs-licht-hover);
/* 53  */ }
/* 54  */
/* 55  */ .card .content {
/* 56  */     display: flex;
/* 57  */     align-items: flex-start;
/* 58  */     justify-content: center;
/* 59  */     flex-direction: column;
/* 60  */     padding: 10px 20px;
/* 61  */ }
/* 62  */
/* 63  */ @media (min-width: 600px) {
/* 64  */     .card .content {
/* 65  */         padding: 20px 40px;
/* 66  */     }
/* 67  */ }
/* 68  */
/* 69  */ /* full width */
/* 70  */ .card.full-witdh-text-only_no-link,
/* 71  */ .card.full-witdh-text-only a {
/* 72  */     grid-template-columns: 1fr;
/* 73  */ }
/* 74  */
/* 75  */ /* liggend */
/* 76  */ .card.liggend a {
/* 77  */     grid-template-columns: 1fr 3fr;
/* 78  */ }
/* 79  */
/* 80  */ /* staand */
/* 81  */ .card.staand a {
/* 82  */     grid-template-columns: 1fr;
/* 83  */ }
/* 84  */
/* 85  */ .card.staand a .content {
/* 86  */     justify-content: flex-start;
/* 87  */ }
/* 88  */
/* 89  */ /* hoogte uitvullen */
/* 90  */ /*
/* 91  *| .card.liggend .image,
/* 92  *| .card.liggend .content,
/* 93  *| .card.liggend.image-fixed-width .image,
/* 94  *| .card.liggend.image-fixed-width .content {
/* 95  *|     grid-row: 1 / -1;
/* 96  *| }
/* 97  *| */
/* 98  */
/* 99  */ .card.auto-height .image,
/* 100 */ .card.auto-height .content {

/* cards.css */

/* 101 */     grid-row: 1 / -1;
/* 102 */ }
/* 103 */
/* 104 */ /* breedte image fixed */
/* 105 */ .card.image-fixed-width a {
/* 106 */     grid-template-columns: 90px 1fr;
/* 107 */ }
/* 108 */
/* 109 */ /*
/* 110 *| .card.image-fixed-width .image {
/* 111 *|     aspect-ratio: auto;
/* 112 *|     height: 100%;
/* 113 *| }
/* 114 *| */
/* 115 */ /* LIGGEND en STAAND vanaf bepaalde breedte */
/* 116 */ .card.liggend--staand a {
/* 117 */     grid-template-columns: 1fr 3fr;
/* 118 */ }
/* 119 */
/* 120 */ @media (min-width: 600px) {
/* 121 */     .card.liggend--staand a {
/* 122 */         grid-template-columns: 1fr;
/* 123 */     }
/* 124 */
/* 125 */     .card.liggend--staand a .content {
/* 126 */         justify-content: flex-start;
/* 127 */     }
/* 128 */
/* 129 */ }
/* 130 */
/* 131 */ @media (max-width: 599px) {
/* 132 */     .card.liggend--staand.image-fixed-width .image,
/* 133 */     .card.liggend--staand.image-fixed-width .content{
/* 134 */         grid-row: 1 / -1;
/* 135 */     }
/* 136 */
/* 137 */     .card.liggend--staand.image-fixed-width a {
/* 138 */         grid-template-columns: 90px 1fr;
/* 139 */     }
/* 140 */
/* 141 */     .card.liggend--staand.image-fixed-width .image {
/* 142 */         aspect-ratio: auto;
/* 143 */         height: 100%;
/* 144 */     }
/* 145 */ }
/* 146 */
/* 147 */ /* met aspect ratio op image */
/* 148 */ .card.liggend--staand a .image.aspect-ratio {
/* 149 */     aspect-ratio: 1 / 1;
/* 150 */ }

/* cards.css */

/* 151 */
/* 152 */ @media (min-width: 600px) {
/* 153 */     .card.liggend--staand a .image.aspect-ratio {
/* 154 */         aspect-ratio: 2 / 1;
/* 155 */     }
/* 156 */ }
/* 157 */
/* 158 */
/* 159 */ /* AUTO ALTERNATING */
/* 160 */ .card--auto:nth-child(even) a {
/* 161 */     direction: rtl;
/* 162 */ }
/* 163 */
/* 164 */ .card--auto:nth-child(even) .content,
/* 165 */ .card--auto:nth-child(even) .image {
/* 166 */     direction: ltr;
/* 167 */ }
/* 168 */
/* 169 */ /* Image in card minimaal aspect ratio 1:1 kan in de hoogte meegroeien */
/* 170 */ .card.min-square .image {
/* 171 */     position: relative;
/* 172 */ }
/* 173 */
/* 174 */ .card.min-square .image::before {
/* 175 */     content: "";
/* 176 */     display: block;
/* 177 */     padding-top: 100%; /* 1:1 ratio */
/* 178 */ }
/* 179 */
/* 180 */ .card.min-square .image img {
/* 181 */     position: absolute;
/* 182 */     inset: 0;
/* 183 */     width: 100%;
/* 184 */     height: 100%;
/* 185 */     object-fit: cover;
/* 186 */ }
/* 187 */
/* 188 */ .card.min-square .image,
/* 189 */ .card.min-square .content {
/* 190 */     grid-row: 1 / -1;
/* 191 */ }
/* Minify_CSS_UriRewriter::$debugText

docRoot    : /data/sites/web/bcnsnl/www
currentDir : /data/sites/web/bcnsnl/www/css/stationary

*/

/* blocks.css */

/* 1  */ .block p {
/* 2  */     padding: 0;
/* 3  */ }
/* 4  */
/* 5  */ .block.liggend {
/* 6  */     display: flex;
/* 7  */     flex-direction: row;
/* 8  */     column-gap: 20px;
/* 9  */     align-items:center;
/* 10 */ }
/* 11 */
/* 12 */ .block .image.width-50px {
/* 13 */     width: 50px;
/* 14 */ }
/* 15 */
/* 16 */ .block .image.width-90px {
/* 17 */     width: 90px;
/* 18 */ }
/* Minify_CSS_UriRewriter::$debugText

docRoot    : /data/sites/web/bcnsnl/www
currentDir : /data/sites/web/bcnsnl/www/css/stationary

*/

/* footer.css */

/* 1   */ /* FOOTER */
/* 2   */ footer {
/* 3   */     position: relative;
/* 4   */     background-color: var(--primary);
/* 5   */     flex-shrink: 0; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
/* 6   */     z-index: 2;
/* 7   */ }
/* 8   */
/* 9   */ .footer-content {
/* 10  */     position: relative;
/* 11  */     padding: 70px 25px 120px 25px;
/* 12  */     font-size: 15px;
/* 13  */     line-height: 22px;
/* 14  */     color: var(--wit);
/* 15  */ }
/* 16  */ @media (min-width: 768px) {
/* 17  */     .footer-content {
/* 18  */         font-size: 16px;
/* 19  */         line-height: 26px;
/* 20  */         padding-left: 120px;
/* 21  */         padding-right: 100px;
/* 22  */     }
/* 23  */ }
/* 24  */
/* 25  */ .footer-content h3 {
/* 26  */     font-size: 18px;
/* 27  */     line-height: 1;
/* 28  */     margin-bottom: 15px;
/* 29  */     color: var(--oker);
/* 30  */     font-weight: var(--semibold);
/* 31  */ }
/* 32  */
/* 33  */ .footer-content a {
/* 34  */     float: right;
/* 35  */ }
/* 36  */
/* 37  */
/* 38  */ /* webdesign */
/* 39  */ #container-webdesign {
/* 40  */     position: absolute;
/* 41  */     bottom: 15px;
/* 42  */     width: 100%;
/* 43  */ }
/* 44  */ #webdesign {
/* 45  */     font-size: 11px;
/* 46  */     text-align: center;
/* 47  */     width: auto;
/* 48  */     position: relative;
/* 49  */     margin-right: auto;
/* 50  */     margin-left: auto;

/* footer.css */

/* 51  */     padding-bottom: 0px;
/* 52  */ }
/* 53  */ #webdesign,
/* 54  */ #webdesign a {
/* 55  */     text-decoration: none;
/* 56  */     color: var(--oker);
/* 57  */ }
/* 58  */ @media (min-width: 665px) {
/* 59  */     #webdesign {
/* 60  */         text-align: right;
/* 61  */         padding-right: 25px;
/* 62  */     }
/* 63  */ }
/* 64  */ /*
/* 65  *| disclaimer
/* 66  *| */
/* 67  */ #container-disclaimer {
/* 68  */     position: absolute;
/* 69  */     bottom:  60px;
/* 70  */     width: 100%;
/* 71  */     z-index: 90;
/* 72  */ }
/* 73  */
/* 74  */ #container-disclaimer .content-disclaimer {
/* 75  */     font-size: 12px;
/* 76  */     text-align: center;
/* 77  */     position: relative;
/* 78  */     color: var(--oker);
/* 79  */ }
/* 80  */
/* 81  */ @media (min-width: 665px) {
/* 82  */     #container-disclaimer {
/* 83  */         position: absolute;
/* 84  */         bottom: 15px;
/* 85  */         width: 100%;
/* 86  */         z-index: 90;
/* 87  */     }
/* 88  */     #container-disclaimer .content-disclaimer {
/* 89  */         font-size: 12px;
/* 90  */         text-align: left;
/* 91  */         position: relative;
/* 92  */         padding-left: 25px;
/* 93  */         color: var(--oker);
/* 94  */     }
/* 95  */ }
/* 96  */
/* 97  */ #container-disclaimer .content-disclaimer a,
/* 98  */ #show-cookie-melding {
/* 99  */     text-decoration: none;
/* 100 */     color: var(--oker);

/* footer.css */

/* 101 */ }
/* 102 */
/* 103 */ #webdesign a:hover,
/* 104 */ #container-disclaimer .content-disclaimer a:hover,
/* 105 */ #show-cookie-melding:hover {
/* 106 */     color: #fff;
/* 107 */     text-decoration: underline;
/* 108 */     cursor: pointer;
/* 109 */ }
/* 110 */
/* 111 */ @media (min-width: 700px) {
/* 112 */     #container-disclaimer {
/* 113 */         width: 70%;
/* 114 */     }
/* 115 */ }
/* 116 */ /* scroll up button */
/* 117 */ .knop-scroll-up {
/* 118 */     height: 45px;
/* 119 */     width: 45px;
/* 120 */     position: fixed;
/* 121 */     bottom: -50px;
/* 122 */     right: 25px;
/* 123 */     box-shadow: none;
/* 124 */     overflow: hidden;
/* 125 */     white-space: nowrap;
/* 126 */     -webkit-transition: bottom 1s ease;
/* 127 */     -moz-transition: bottom 1s ease;
/* 128 */     -o-transition: bottom 1s ease;
/* 129 */     z-index: 35;
/* 130 */     border-radius: 50%;
/* 131 */     background-color: var(--oker);
/* 132 */ }
/* 133 */ #icon-pijl-footer {
/* 134 */     width: 15px;
/* 135 */     height: 15px;
/* 136 */     margin: 15px;
/* 137 */     -moz-transform: rotate(-90deg);
/* 138 */     transform: rotate(-90deg);
/* 139 */ }
/* 140 */ .knop-scroll-up:hover {
/* 141 */     background-color: var(--oker-hover);
/* 142 */     cursor: pointer;
/* 143 */ }
/* 144 */ .knop-scroll-up:hover #icon-pijl-footer {
/* 145 */    fill: white;
/* 146 */ }
/* 147 */
/* Minify_CSS_UriRewriter::$debugText

docRoot    : /data/sites/web/bcnsnl/www
currentDir : /data/sites/web/bcnsnl/www/css

*/

/* cookiebar.css */

/* 1   */ @charset "utf-8";
/* 2   */ .container-cookie-melding,
/* 3   */ .container-cookie-info {
/* 4   */     min-height: 10px;
/* 5   */     background-color: #FFF;
/* 6   */     position: relative;
/* 7   */     position: fixed;
/* 8   */     z-index: 999999;
/* 9   */     top: 20%;
/* 10  */     width: calc(90% - 40px);
/* 11  */     max-width: 400px;
/* 12  */     padding: 15px 20px 30px 20px;
/* 13  */     margin-left: 5%;
/* 14  */     margin-top: 0px;
/* 15  */     box-shadow: 0px 0px 12px #666;
/* 16  */     box-sizing: content-box;
/* 17  */     display: none;
/* 18  */ }
/* 19  */
/* 20  */ .container-cookie-info {
/* 21  */     z-index: 9999999;
/* 22  */     max-height: 70%;
/* 23  */     overflow-y: scroll;
/* 24  */     top: 15%;
/* 25  */     bottom: 15%;
/* 26  */     max-width: 600px;
/* 27  */ }
/* 28  */
/* 29  */ @media only screen and (min-width: 520px) {
/* 30  */     .container-cookie-melding {
/* 31  */         width: 360px;
/* 32  */         margin-left: 0;
/* 33  */         left: 20px;
/* 34  */         top: auto;
/* 35  */         bottom: 20px;
/* 36  */         margin-top: auto;
/* 37  */     }
/* 38  */ }
/* 39  */ @media only screen and (min-width: 1024px) {
/* 40  */     .container-cookie-info {
/* 41  */         width: calc(90% - 60px);
/* 42  */         padding: 30px;
/* 43  */         margin-left: -330px;
/* 44  */         left: 50%;
/* 45  */         top: 15%;
/* 46  */         bottom: 15%;
/* 47  */     }
/* 48  */     .cookie-info-padding {
/* 49  */         padding: 40px 20px;
/* 50  */     }

/* cookiebar.css */

/* 51  */ }
/* 52  */
/* 53  */ .container-cookie-melding h3,
/* 54  */ .container-cookie-melding p,
/* 55  */ .container-cookie-info h3,
/* 56  */ .container-cookie-info p {
/* 57  */     padding-bottom: 0px;
/* 58  */     margin-bottom: 5px;
/* 59  */ }
/* 60  */
/* 61  */ .container-cookie-melding h3,
/* 62  */ .container-cookie-info h3 {
/* 63  */     font-size: 20px;
/* 64  */     line-height: 22px;
/* 65  */     margin-bottom: 10px;
/* 66  */ }
/* 67  */
/* 68  */ .container-cookie-melding p,
/* 69  */ .container-cookie-info p {
/* 70  */     font-size: 13px;
/* 71  */     line-height: 20px;
/* 72  */     margin-bottom: 20px;
/* 73  */ }
/* 74  */
/* 75  */ .cookie-info div p {
/* 76  */     padding-left: 40px;
/* 77  */ }
/* 78  */
/* 79  */ /* knoppen */
/* 80  */ .container-btn {
/* 81  */     display: flex;
/* 82  */     flex-direction: column;
/* 83  */     grid-row-gap: 15px;
/* 84  */ }
/* 85  */
/* 86  */ .container-btn .btn a {
/* 87  */     flex: 1;
/* 88  */ }
/* 89  */
/* 90  */ .btn.niet-akkoord {
/* 91  */     order: 2;
/* 92  */ }
/* 93  */
/* 94  */ .btn.akkoord {
/* 95  */     order: 1;
/* 96  */ }
/* 97  */
/* 98  */ .container-btn .icon {
/* 99  */     position: relative;
/* 100 */     width: 24px;

/* cookiebar.css */

/* 101 */     height: 24px;
/* 102 */     display: flex;
/* 103 */     flex-wrap: wrap;
/* 104 */     align-items: center;
/* 105 */     justify-content: center;
/* 106 */     margin-right: 7px;
/* 107 */     fill: #ccc;
/* 108 */ }
/* 109 */ /* knoppen in cookie-info */
/* 110 */ @media only screen and (min-width: 768px) {
/* 111 */     .container-cookie-info .container-btn {
/* 112 */         flex-direction: row;
/* 113 */         justify-content: space-between;
/* 114 */         column-gap: 10px;
/* 115 */     }
/* 116 */     .container-cookie-info .container-btn .btn, .btn a {
/* 117 */         flex: 1;
/* 118 */     }
/* 119 */     .container-cookie-info .btn.niet-akkoord {
/* 120 */         order: 1;
/* 121 */     }
/* 122 */     .container-cookie-info .btn.akkoord {
/* 123 */         order: 2;
/* 124 */     }
/* 125 */ }
/* 126 */
/* 127 */ hr.style-six {
/* 128 */     margin-bottom: 20px;
/* 129 */     border-top-width: 1px;
/* 130 */     border-top-style: solid;
/* 131 */     border-right-style: none;
/* 132 */     border-bottom-style: none;
/* 133 */     border-left-style: none;
/* 134 */     border-top-color: #999;
/* 135 */     border-right-width: 0px;
/* 136 */     border-bottom-width: 0px;
/* 137 */     border-left-width: 0px;
/* 138 */     border-bottom-color: #999;
/* 139 */ }
/* 140 */
/* 141 */ /* kruisje sluiten */
/* 142 */ .container-icon-sluit {
/* 143 */     position: absolute;
/* 144 */     height: 20px;
/* 145 */     width: 20px;
/* 146 */     right: 10px;
/* 147 */     top: 10px;
/* 148 */     background-color: #fff;
/* 149 */     -moz-transition: opacity 0.3s;
/* 150 */     -webkit-transition: opacity 0.3s;

/* cookiebar.css */

/* 151 */     -o-transition: opacity 0.3s;
/* 152 */     opacity:0.4;
/* 153 */ }
/* 154 */ .container-icon-sluit:hover {
/* 155 */     opacity:1;
/* 156 */     cursor:pointer;
/* 157 */ }
/* 158 */ .container-icon-sluit .streepje {
/* 159 */     margin-top: 10px;
/* 160 */     position: absolute;
/* 161 */     background-color: #333;
/* 162 */     width: 20px;
/* 163 */     height: 2px;
/* 164 */     top: 2px;
/* 165 */ }
/* 166 */ .container-icon-sluit .streepje.omlaag {
/* 167 */     -webkit-transform: rotate(45deg);
/* 168 */     /* Chrome, Safari, Opera */
/* 169 */     transform: rotate(45deg);
/* 170 */ }
/* 171 */ .container-icon-sluit .streepje.omhoog {
/* 172 */     -webkit-transform: rotate(-225deg);
/* 173 */     /* Chrome, Safari, Opera */
/* 174 */     transform: rotate(-225deg);
/* 175 */ }
/* 176 */
/* 177 */ /* COOKIE INFO */
/* 178 */ .container-cookie-info p strong {
/* 179 */     font-weight: var(--medium);
/* 180 */     font-size: 14px;
/* 181 */     display: block;
/* 182 */     margin-bottom: -10px;
/* 183 */ }
/* 184 */
/* 185 */ /* CHECKBOX */
/* 186 */
/* 187 */ /* Customize the label (the container) */
/* 188 */ .container-checkbox {
/* 189 */     display: block;
/* 190 */     position: relative;
/* 191 */     padding-left: 40px;
/* 192 */     cursor: pointer;
/* 193 */     font-weight: var(--medium);
/* 194 */     font-size: 14px;
/* 195 */     line-height: 1;
/* 196 */     user-select: none;
/* 197 */ }
/* 198 */
/* 199 */ /* Hide the browser's default checkbox */
/* 200 */ .container-checkbox input {

/* cookiebar.css */

/* 201 */     position: absolute;
/* 202 */     opacity: 0;
/* 203 */     cursor: pointer;
/* 204 */ }
/* 205 */
/* 206 */ /* Create a custom checkbox */
/* 207 */ .checkmark {
/* 208 */     position: absolute;
/* 209 */     top: -4px;
/* 210 */     left: 0;
/* 211 */     height: 20px;
/* 212 */     width: 20px;
/* 213 */     background-color: #fff;
/* 214 */     border: solid 1px #444;
/* 215 */     border-radius: 5px;
/* 216 */ }
/* 217 */
/* 218 */ /* On mouse-over, add a grey background color */
/* 219 */ .container-checkbox:hover input ~ .checkmark {
/* 220 */     background-color: #eee;
/* 221 */     border-radius: 5px;
/* 222 */ }
/* 223 */
/* 224 */ /* When the checkbox is checked, add a blue background */
/* 225 */ .container-checkbox input:checked ~ .checkmark {
/* 226 */     background-color: var(--oker);
/* 227 */     border: solid 1px var(--oker);
/* 228 */     border-radius: 5px;
/* 229 */ }
/* 230 */
/* 231 */ /* Create the checkmark/indicator (hidden when not checked) */
/* 232 */ .checkmark:after {
/* 233 */     content: "";
/* 234 */     position: absolute;
/* 235 */     display: none;
/* 236 */ }
/* 237 */
/* 238 */ /* Show the checkmark when checked */
/* 239 */ .container-checkbox input:checked ~ .checkmark:after {
/* 240 */     display: block;
/* 241 */ }
/* 242 */
/* 243 */ /* Style the checkmark/indicator */
/* 244 */ .container-checkbox .checkmark:after {
/* 245 */     left: 7px;
/* 246 */     top: 2px;
/* 247 */     width: 8px;
/* 248 */     height: 13px;
/* 249 */     border: solid white;
/* 250 */     border-width: 0 3px 3px 0;

/* cookiebar.css */

/* 251 */     -webkit-transform: rotate(45deg);
/* 252 */     -ms-transform: rotate(45deg);
/* 253 */     transform: rotate(45deg);
/* 254 */ }
/* 255 */
/* 256 */ /* Disabled */
/* 257 */ .container-checkbox input:disabled {
/* 258 */ 	cursor: not-allowed;
/* 259 */ }
/* 260 */ /* Disabled + checked */
/* 261 */ .container-checkbox input:checked:disabled ~ .checkmark {
/* 262 */ 	background-color: #999; /* lichtere blauwe kleur */
/* 263 */     border: solid 1px #999;
/* 264 */ }
/* 265 */
/* 266 */ /* FOND */
/* 267 */ .cookie-melding-fond {
/* 268 */     background-color: #000;
/* 269 */     position: fixed;
/* 270 */     z-index: 99999;
/* 271 */     height: 100%;
/* 272 */     width: 100%;
/* 273 */     left: 0px;
/* 274 */     top: 0px;
/* 275 */     right: 0px;
/* 276 */     bottom: 0px;
/* 277 */     opacity: 0.6;
/* 278 */     display:none;
/* 279 */ }
/* Minify_CSS_UriRewriter::$debugText

docRoot    : /data/sites/web/bcnsnl/www
currentDir : /data/sites/web/bcnsnl/www/css

*/

/* home.css */

/* 1   */ @charset "utf-8";
/* 2   */ /* HERO */
/* 3   */ .container-hero {
/* 4   */     display: grid;
/* 5   */     grid-template-columns: 1fr;
/* 6   */     gap: 50px;
/* 7   */     padding-left: 20px;
/* 8   */     padding-right: 20px;
/* 9   */ }
/* 10  */
/* 11  */ @media (min-width: 768px) {
/* 12  */     .container-hero {
/* 13  */         grid-template-columns: repeat(2, 1fr);
/* 14  */         gap: 30px;
/* 15  */         padding-left: 60px;
/* 16  */         padding-right: 60px;
/* 17  */     }
/* 18  */ }
/* 19  */
/* 20  */ @media (min-width: 2000px) {
/* 21  */     .container-hero {
/* 22  */         padding-left: 150px;
/* 23  */         padding-right: 150px;
/* 24  */     }
/* 25  */ }
/* 26  */
/* 27  */ .container-hero .kolom-text h1 {
/* 28  */     font-size: 4.6vw;
/* 29  */     line-height: 1.1em;
/* 30  */     margin-bottom: 0em;
/* 31  */ }
/* 32  */
/* 33  */ .container-hero .kolom-text p {
/* 34  */     font-size: 3.9vw;
/* 35  */     line-height: 1.8em;
/* 36  */     padding-bottom: 0;
/* 37  */     margin-bottom: 1.5em;
/* 38  */ }
/* 39  */
/* 40  */ @media (min-width: 768px) {
/* 41  */     .container-hero .kolom-text {
/* 42  */         padding: 0 4% 0 10%;
/* 43  */     }
/* 44  */     .container-hero .kolom-text h1 {
/* 45  */         font-size: 2.2vw;
/* 46  */     }
/* 47  */
/* 48  */     .container-hero .kolom-text p {
/* 49  */         font-size: 1.4vw;
/* 50  */     }

/* home.css */

/* 51  */ }
/* 52  */
/* 53  */ .kolom-text,
/* 54  */ .kolom-video,
/* 55  */ .kolom-image {
/* 56  */     display: flex;
/* 57  */     flex-direction: column;
/* 58  */     //align-items: center;      /* verticaal centreren */
/* 59  */     justify-content: center;  /* horizontaal centreren */
/* 60  */ }
/* 61  */
/* 62  */ /* KENMERKEN */
/* 63  */ .container-kenmerken {
/* 64  */     padding-left: 20px;
/* 65  */     padding-right: 20px;
/* 66  */ }
/* 67  */
/* 68  */ .text-kenmerken {
/* 69  */     text-align: center;
/* 70  */     color: var(--wit);
/* 71  */     position: relative;
/* 72  */     margin: 0 auto;
/* 73  */     max-width: 700px;
/* 74  */ }
/* 75  */
/* 76  */ @media (min-width: 1280px) {
/* 77  */     .container-kenmerken {
/* 78  */         padding-left: 40px;
/* 79  */         padding-right: 40px;
/* 80  */     }
/* 81  */     .text-kenmerken {
/* 82  */         max-width: 800px;
/* 83  */     }
/* 84  */ }
/* 85  */
/* 86  */
/* 87  */ .text-kenmerken-kolommen {
/* 88  */     position: relative;
/* 89  */     max-width: 1600px;
/* 90  */     display: grid;
/* 91  */     gap: 30px;
/* 92  */     grid-template-columns: repeat(2, 1fr);
/* 93  */     margin: 0 auto;
/* 94  */     padding-top: 20px;
/* 95  */ }
/* 96  */ @media (max-width: 1023px) {
/* 97  */     .text-kenmerken-kolommen {
/* 98  */         max-width: 500px;
/* 99  */     }
/* 100 */ }

/* home.css */

/* 101 */ @media (min-width: 1024px) {
/* 102 */     .text-kenmerken-kolommen {
/* 103 */         gap: 0px;
/* 104 */         grid-template-columns: repeat(4, 1fr);
/* 105 */     }
/* 106 */ }
/* 107 */
/* 108 */ .text-kenmerken-kolommen .column .icon {
/* 109 */     position: relative;
/* 110 */     width: 25%;
/* 111 */     margin-bottom: 1em;
/* 112 */     fill: var(--oker);
/* 113 */ }
/* 114 */
/* 115 */ .text-kenmerken-kolommen p {
/* 116 */     text-align: center;
/* 117 */     color: white;
/* 118 */ }
/* 119 */
/* 120 */ .text-kenmerken-kolommen .column p {
/* 121 */     padding-bottom: 0;
/* 122 */ }
/* 123 */
/* 124 */
/* 125 */ /* KRACHT van BCNS */
/* 126 */ .container-kracht-van-bcns {
/* 127 */     padding-left: 20px;
/* 128 */     padding-right: 20px;
/* 129 */ }
/* 130 */
/* 131 */ .header-kracht-van-bcns {
/* 132 */     text-align: center;
/* 133 */     position: relative;
/* 134 */     margin: 0 auto;
/* 135 */     max-width: 700px;
/* 136 */ }
/* 137 */
/* 138 */ @media (min-width: 1280px) {
/* 139 */     .container-kracht-van-bcns {
/* 140 */         padding-left: 40px;
/* 141 */         padding-right: 40px;
/* 142 */     }
/* 143 */     .header-kracht-van-bcns {
/* 144 */         max-width: 800px;
/* 145 */     }
/* 146 */ }
/* 147 */
/* 148 */ .text-kracht {
/* 149 */     position: relative;
/* 150 */     margin-top: 20px

/* home.css */

/* 151 */ }
/* 152 */
/* 153 */ @media (min-width: 768px) {
/* 154 */     .text-kracht {
/* 155 */         margin-left: 20%;
/* 156 */     }
/* 157 */ }
/* 158 */
/* 159 */ @media (min-width: 1024px) {
/* 160 */     .text-kracht {
/* 161 */         margin: 30px auto 0 auto;
/* 162 */         width: 700px;
/* 163 */         padding-left: 100px;
/* 164 */     }
/* 165 */ }
/* 166 */
/* 167 */ .text-kracht .text p {
/* 168 */     padding-bottom: 0;
/* 169 */ }
/* 170 */
/* 171 */ .text-kracht .text {
/* 172 */     position: relative;
/* 173 */     margin-bottom: 40px;
/* 174 */ }
/* 175 */
/* 176 */ .text-kracht .text h3 {
/* 177 */     color: var(--oker);
/* 178 */ }
/* 179 */
/* 180 */ .text-kracht .text:after {
/* 181 */     content: "";
/* 182 */     position: absolute;
/* 183 */     bottom: -20px;
/* 184 */     width: 70px;
/* 185 */     height: 4px;
/* 186 */     background-color: var(--primary);
/* 187 */ }
/* 188 */
/* 189 */ .text-kracht .text:last-child:after {
/* 190 */     content: "";
/* 191 */     height: 0px;
/* 192 */ }
/* 193 */
/* 194 */ /* QUOTE */
/* 195 */ .container-quote {
/* 196 */     position: relative;
/* 197 */     background-color: antiquewhite;
/* 198 */ }
/* 199 */
/* 200 */ .container-quote .text {

/* home.css */

/* 201 */     position: relative;
/* 202 */     text-align: center;
/* 203 */     padding: 60px 0;
/* 204 */     color: var(--wit);
/* 205 */     z-index: 2;
/* 206 */ }
/* 207 */
/* 208 */ .container-quote .text h2 {
/* 209 */     position: relative;
/* 210 */     margin: 0 auto;
/* 211 */     margin-bottom: 30px;
/* 212 */     max-width: 80%;
/* 213 */ }
/* 214 */
/* 215 */ .container-quote .text p {
/* 216 */     font-size: 80%;
/* 217 */ }
/* 218 */
/* 219 */ .container-quote .image {
/* 220 */     position: absolute;
/* 221 */     inset: 0;
/* 222 */     z-index: 1;
/* 223 */     border-radius: 0;
/* 224 */ }
/* 225 */
/* 226 */ @media (min-width: 1280px) {
/* 227 */     .container-quote .text {
/* 228 */         padding: 110px 0;
/* 229 */     }
/* 230 */
/* 231 */     .container-quote .text h2 {
/* 232 */         max-width: 900px;
/* 233 */     }
/* 234 */ }
/* 235 */
/* 236 */ /* CONTENT BLOKKEN */
/* 237 */ /* de kolommen in een section hebben een naam gekregen */
/* 238 */ .container-content.grid .kolom-text {
/* 239 */     grid-area: tekst;
/* 240 */ }
/* 241 */
/* 242 */ .container-content.grid .kolom-image {
/* 243 */     grid-area: image;
/* 244 */ }
/* 245 */
/* 246 */ /* vervolgens kun je de volgorde aangeven*/
/* 247 */ .container-content.grid {
/* 248 */     position: relative;
/* 249 */     display: grid;
/* 250 */     grid-template-columns: 1fr;

/* home.css */

/* 251 */     gap: 30px;
/* 252 */     height: fit-content;
/* 253 */ }
/* 254 */
/* 255 */ .container-content.grid.volgorde_text-image {
/* 256 */     grid-template-areas:
/* 257 */         "image"
/* 258 */         "tekst";
/* 259 */ }
/* 260 */
/* 261 */ .container-content.grid.volgorde_image-text {
/* 262 */     grid-template-areas:
/* 263 */         "image"
/* 264 */         "tekst";
/* 265 */ }
/* 266 */
/* 267 */ @media (min-width: 768px) {
/* 268 */     .container-content.grid {
/* 269 */         grid-template-columns: repeat(2, 1fr);
/* 270 */         grid-template-areas: "tekst image";
/* 271 */         grid-template-areas: "image tekst";
/* 272 */     }
/* 273 */     .container-content.grid.volgorde_text-image {
/* 274 */         grid-template-areas: "tekst image";
/* 275 */     ext-image}
/* 276 */     .container-content.grid.volgorde_image-text {
/* 277 */         grid-template-areas: "image tekst";
/* 278 */     }
/* 279 */
/* 280 */ }
/* 281 */
/* 282 */ .container-content.grid .kolom-text h2 {
/* 283 */     color: var(--oker);
/* 284 */ }
/* 285 */
/* 286 */ @media (min-width: 768px) {
/* 287 */     .container-content.grid .kolom-text {
/* 288 */         padding: 0 4% 0 10%;
/* 289 */     }
/* 290 */ }
/* Minify_CSS_UriRewriter::$debugText

docRoot    : /data/sites/web/bcnsnl/www
currentDir : /data/sites/web/bcnsnl/www/css

*/

/* video-home.css */

/* 1  */ @charset "utf-8";
/* 2  */ /* VIDEO */
/* 3  */ .container-video {
/* 4  */     position: relative;
/* 5  */     overflow: hidden;
/* 6  */     aspect-ratio: 16/ 12;
/* 7  */     aspect-ratio: 16/ 9;
/* 8  */     width: 100%;
/* 9  */     background-color: rgba(0, 0, 0, 0.2);
/* 10 */     border-radius: 16px;
/* 11 */ }
/* 12 */
/* 13 */ .container-video .vid-container {
/* 14 */     position: absolute;
/* 15 */     top: 0;
/* 16 */     left: 0;
/* 17 */     bottom: 0;
/* 18 */     right: 0;
/* 19 */     z-index: 1;
/* 20 */ }
/* 21 */
/* 22 */ .container-video .vid-container video {
/* 23 */     width: 100%;
/* 24 */     height: 100%;
/* 25 */     object-fit: cover;
/* 26 */     overflow: hidden;
/* 27 */     margin: 0;
/* 28 */ }
/* 29 */
/* 30 */ .knop-audio {
/* 31 */     position: absolute;
/* 32 */     top: 20px;
/* 33 */     right: 20px;
/* 34 */     height: 50px;
/* 35 */     width: 50px;
/* 36 */     background-color: #F93;
/* 37 */     background-color: rgba(0, 0, 0, 0.5);
/* 38 */     border-radius: 10px;
/* 39 */     display: block;
/* 40 */     z-index: 2;
/* 41 */     cursor: pointer;
/* 42 */ }
/* 43 */
/* 44 */ .knop-audio .icon-audio-off {
/* 45 */     display: inherit;
/* 46 */ }
/* 47 */ .knop-audio .icon-audio-on {
/* 48 */     display: none;
/* 49 */ }
/* 50 */ .knop-audio.audio-on .icon-audio-off {

/* video-home.css */

/* 51 */     display: none;
/* 52 */ }
/* 53 */ .knop-audio.audio-on .icon-audio-on {
/* 54 */     display: inherit;
/* 55 */ }
/* 56 */
/* 57 */ .knop-audio .icon {
/* 58 */     padding: 10px;
/* 59 */     width: 30px;
/* 60 */     height: 30px;
/* 61 */     fill: white;
/* 62 */ }
/* Minify_CSS_UriRewriter::$debugText

docRoot    : /data/sites/web/bcnsnl/www
currentDir : /data/sites/web/bcnsnl/www/css

*/

/* leden.css */

/* 1  */ @charset "utf-8";
/* 2  */ /* GRID */
/* 3  */ section.grid.leden {
/* 4  */     display: grid;
/* 5  */     grid-template-columns: repeat(2, 1fr);
/* 6  */     gap: 20px;
/* 7  */ }
/* 8  */
/* 9  */ @media (min-width: 768px) {
/* 10 */     section.grid.leden {
/* 11 */         grid-template-columns: repeat(3, 1fr);
/* 12 */         gap: 30px;
/* 13 */         padding-left: 20px;
/* 14 */         padding-right: 20px;
/* 15 */     }
/* 16 */ }
/* 17 */
/* 18 */ /* CARD */
/* 19 */ .leden .card h2 {
/* 20 */     font-size: 15px;
/* 21 */     line-height: 20px;
/* 22 */     padding: 0;
/* 23 */ }
/* 24 */
/* 25 */ .leden .card p {
/* 26 */     font-size: 12px;
/* 27 */     line-height: 20px;
/* 28 */     padding-bottom: 5px;
/* 29 */ }
/* 30 */
/* 31 */ @media (min-width: 600px) {
/* 32 */     .leden .card .content {
/* 33 */         padding: 15px 25px;
/* 34 */     }
/* 35 */ }
/* 36 */
/* 37 */ @media (min-width: 1280px) {
/* 38 */     .leden .card h2 {
/* 39 */         font-size: 20px;
/* 40 */         line-height: 26px;
/* 41 */     }
/* 42 */
/* 43 */     .leden .card p {
/* 44 */         font-size: 16px;
/* 45 */         line-height: 26px
/* 46 */     }
/* 47 */ }
/* 48 */
/* 49 */ /* LID PAGINA */
/* 50 */ .logo-lid {

/* leden.css */

/* 51 */     width: 150px;
/* 52 */     padding: 20px 0 50px 0;;
/* 53 */ }
/* Minify_CSS_UriRewriter::$debugText

docRoot    : /data/sites/web/bcnsnl/www
currentDir : /data/sites/web/bcnsnl/www/css

*/

/* evenementen.css */

/* 1  */ @charset "utf-8";
/* 2  */ /* GRID */
/* 3  */ section.grid.evenementen {
/* 4  */     display: grid;
/* 5  */     grid-template-columns: 1fr;
/* 6  */     gap: 20px;
/* 7  */ }
/* 8  */
/* 9  */ @media (min-width: 768px) {
/* 10 */     section.grid.evenementen {
/* 11 */         grid-template-columns: repeat(2, 1fr);
/* 12 */         gap: 30px;
/* 13 */         padding-left: 20px;
/* 14 */         padding-right: 20px;
/* 15 */     }
/* 16 */
/* 17 */     section.grid.evenementen:has(> *:only-child) {
/* 18 */         grid-template-columns: minmax(0, 600px);
/* 19 */         justify-content: center;
/* 20 */     }
/* 21 */
/* 22 */ }
/* 23 */
/* 24 */ /* CARD */
/* 25 */ .evenementen .card h2 {
/* 26 */     padding: 0;
/* 27 */     margin-bottom: 5px;
/* 28 */     font-size: 15px;
/* 29 */     line-height: 20px;
/* 30 */     padding: 0;
/* 31 */ }
/* 32 */
/* 33 */ @media (min-width: 1280px) {
/* 34 */     .evenementen .card h2 {
/* 35 */         font-size: 20px;
/* 36 */         line-height: 26px;
/* 37 */     }
/* 38 */
/* 39 */ }